aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html60
1 files changed, 56 insertions, 4 deletions
diff --git a/index.html b/index.html
index 45cbb941..0ae728e5 100644
--- a/index.html
+++ b/index.html
@@ -14,14 +14,66 @@
<body>
<div class="container">
<div class="box">
- <div class="icon-preview-wrap">
- <div class="icon-preview">
- {% include icon.html name="arrow-left" %}
+
+ {% assign last-icon = site.icons | sort: date | reverse | first %}
+ {% capture last-icon %}
+ {% include icon.html name=last-icon.slug %}
+ {% endcapture %}
+
+ <div class="row">
+ <div class="col">
+
+ <div class="icon-preview-wrap">
+ <div class="icon-preview">
+ {{ last-icon }}
+ </div>
+ </div>
+ </div>
+ <div class="col-aside">
+
+ <div class="mb">
+ <button class="btn">
+ {{ last-icon }} Button
+ </button>
+ <button class="btn btn-icon">
+ {{ last-icon }}
+ </button>
+ <button class="btn btn-link">
+ {{ last-icon }} Button
+ </button>
+ </div>
+
+ <div class="input-icon mb">
+ <input type="text" class="input" value="Input value">
+ {{ last-icon }}
+ </div>
+
+ <div class="input-icon icon-left mb">
+ {{ last-icon }}
+ <input type="text" class="input" placeholder="Input placeholder">
+ </div>
+
+ <div class="mb">
+ <div class="avatar">{{ last-icon }}</div>
+ <div class="avatar avatar-sm">{{ last-icon }}</div>
+ </div>
+
+ <div class="tabs mb">
+ <a class="tab active">{{ last-icon }} Tab 1</a>
+ <a class="tab">Tab 2</a>
+ <a class="tab">Tab 3</a>
+ </div>
+
+ <div class="mb">
+ <a href="#">{{ last-icon }} Link</a>
+ </div>
</div>
</div>
+
+
<div class="icons-list">
{% for icon in site.icons %}
- <div class="icon">
+ <div class="icon" title="{{ icon.slug }}">
{% assign name = icon.slug %}
{% include icon.html name=name %}
</div>