added icons font
This commit is contained in:
parent
c172710b6a
commit
61fdc2ff43
5 changed files with 61 additions and 48 deletions
39
index.html
39
index.html
|
@ -21,31 +21,32 @@
|
|||
<ul></ul>
|
||||
</article>
|
||||
<footer class="bar">
|
||||
<a class="button icon" href="#reload">↻</a>
|
||||
<a class="button icon" href="#all-read" id="all-read">●</a>
|
||||
<a class="button icon" href="#settings">⚙</a>
|
||||
<a class="button icon" href="#reload">🔄</a>
|
||||
<a class="button icon" href="#all-read" id="all-read">📥</a>
|
||||
<a class="button icon" href="#settings">⚙</a>
|
||||
<canvas width="40" height="40"></canvas>
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
<section id="settings">
|
||||
<header class="bar">
|
||||
<a class="button icon2" href="#list">☰</a>
|
||||
<a class="button icon" href="#list"></a>
|
||||
</header>
|
||||
<article>
|
||||
<ul>
|
||||
<li><a href="#logout" class="button">Log out</a></li>
|
||||
<li><a href="#reset-info" class="button">View those info bubbles again</a></li>
|
||||
<li><a href="#logout" class="button"><span class="icon"></span> Log out</a></li>
|
||||
<li><a href="#reset-info" class="button"><span class="icon"></span> View those info bubbles again</a></li>
|
||||
<li class="font-size">
|
||||
<span>Font size:</span>
|
||||
<a class="button small" href="#font-smaller">-</a>
|
||||
<a class="button small" href="#font-bigger">+</a>
|
||||
<span><span class="icon">🔍</span> <small>A</small><big>A</big>:</span>
|
||||
<a class="button small" href="#font-smaller"><span class="icon">⬇</span></a>
|
||||
<a class="button small" href="#font-bigger"><span class="icon">⬆</span></a>
|
||||
</li>
|
||||
<li><a href="#color-white" class="color-white button">White colors</a></li>
|
||||
<li><a href="#color-blue" class="color-blue button">Blue colors</a></li>
|
||||
<li><a href="#color-yellow" class="color-yellow button">Yellow colors</a></li>
|
||||
<li><a href="#color-red" class="color-red button">Red colors (default)</a></li>
|
||||
<li class="version">You're running version <em id="version"></em></li>
|
||||
<li><a href="#color-white" class="color-white button"><span class="icon"></span> White</a></li>
|
||||
<li><a href="#color-blue" class="color-blue button"><span class="icon"></span> Blue</a></li>
|
||||
<li><a href="#color-yellow" class="color-yellow button"><span class="icon"></span> Yellow</a></li>
|
||||
<li><a href="#color-red" class="color-red button"><span class="icon"></span> Red (default)</a></li>
|
||||
<li class="version"><span class="icon"></span> You're running version <em id="version"></em></li>
|
||||
<li class="icons"><span class="icon">🕅</span> Icons by <a href="http://www.entypo.com/">Entypo</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
</section>
|
||||
|
@ -80,9 +81,9 @@
|
|||
|
||||
<section id="full">
|
||||
<header class="bar">
|
||||
<a class="button icon2" href="#list">☰</a>
|
||||
<a id="setunread" class="button icon" href="#unread">○</a>
|
||||
<a id="setstarred" class="button icon" href="#starred">☆</a>
|
||||
<a class="button icon" href="#list"></a>
|
||||
<a id="setunread" class="button icon" href="#unread">📥</a>
|
||||
<a id="setstarred" class="button icon" href="#starred">☆</a>
|
||||
<canvas width="40" height="40"></canvas>
|
||||
</header>
|
||||
<article>
|
||||
|
@ -97,8 +98,8 @@
|
|||
</div>
|
||||
</article>
|
||||
<footer class="bar">
|
||||
<a class="button previous icon" href="#previous">⇤</a>
|
||||
<a class="button next icon" href="#next">⇥</a>
|
||||
<a class="button previous icon" href="#previous">←</a>
|
||||
<a class="button next icon" href="#next">→</a>
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
|
|
Reference in a new issue