update header behaviour
This commit is contained in:
Moritz »mo.« Sauer
parent
cb52524885
commit
f4bfca193d
12 changed files with 286 additions and 148 deletions
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"checksum": {
|
||||
"previous": "49e44fbe7deb4a0f53b89294f21e46fbb35c8da5a5989689c9c69b817d446bde",
|
||||
"current": "49e44fbe7deb4a0f53b89294f21e46fbb35c8da5a5989689c9c69b817d446bde"
|
||||
"previous": "7680fdcdd1d625cdc3b4efee04bcd50aecf11af21345941d72e5f635b1ba9bba",
|
||||
"current": "7680fdcdd1d625cdc3b4efee04bcd50aecf11af21345941d72e5f635b1ba9bba"
|
||||
},
|
||||
"fonts": [
|
||||
"./iconfont.ttf",
|
||||
|
|
@ -190,6 +190,10 @@
|
|||
"codepoint": 61739,
|
||||
"source": "svg-files-for-custom-font/thumbs-up.svg"
|
||||
},
|
||||
"tree": {
|
||||
"codepoint": 61748,
|
||||
"source": "svg-files-for-custom-font/tree.svg"
|
||||
},
|
||||
"tumblr": {
|
||||
"codepoint": 61740,
|
||||
"source": "svg-files-for-custom-font/tumblr.svg"
|
||||
|
|
|
|||
|
|
@ -205,6 +205,7 @@
|
|||
.icon-star-outlined:before,
|
||||
.icon-thumbs-down:before,
|
||||
.icon-thumbs-up:before,
|
||||
.icon-tree:before,
|
||||
.icon-tumblr:before,
|
||||
.icon-twitter:before,
|
||||
.icon-upload-to-cloud:before,
|
||||
|
|
@ -271,6 +272,7 @@
|
|||
.icon-star-outlined:before { content: "\f129"; }
|
||||
.icon-thumbs-down:before { content: "\f12a"; }
|
||||
.icon-thumbs-up:before { content: "\f12b"; }
|
||||
.icon-tree:before { content: "\f134"; }
|
||||
.icon-tumblr:before { content: "\f12c"; }
|
||||
.icon-twitter:before { content: "\f12d"; }
|
||||
.icon-upload-to-cloud:before { content: "\f12e"; }
|
||||
|
|
@ -293,7 +295,7 @@
|
|||
<body class="characters-off">
|
||||
<div id="page" class="container">
|
||||
<header>
|
||||
<h1>iconfont contains 52 glyphs:</h1>
|
||||
<h1>iconfont contains 53 glyphs:</h1>
|
||||
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
|
||||
</header>
|
||||
|
||||
|
|
@ -883,6 +885,19 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glyph">
|
||||
<div class="preview-glyphs">
|
||||
<span class="step size-12"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-tree" class="icon-tree"></i></span>
|
||||
</div>
|
||||
<div class="preview-scale">
|
||||
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
|
||||
</div>
|
||||
<div class="usage">
|
||||
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-tree" />
|
||||
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf134;" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glyph">
|
||||
<div class="preview-glyphs">
|
||||
<span class="step size-12"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-tumblr" class="icon-tumblr"></i></span>
|
||||
|
|
|
|||
|
|
@ -68,6 +68,7 @@
|
|||
.icon-star-outlined:before,
|
||||
.icon-thumbs-down:before,
|
||||
.icon-thumbs-up:before,
|
||||
.icon-tree:before,
|
||||
.icon-tumblr:before,
|
||||
.icon-twitter:before,
|
||||
.icon-upload-to-cloud:before,
|
||||
|
|
@ -134,6 +135,7 @@
|
|||
.icon-star-outlined:before { content: "\f129"; }
|
||||
.icon-thumbs-down:before { content: "\f12a"; }
|
||||
.icon-thumbs-up:before { content: "\f12b"; }
|
||||
.icon-tree:before { content: "\f134"; }
|
||||
.icon-tumblr:before { content: "\f12c"; }
|
||||
.icon-twitter:before { content: "\f12d"; }
|
||||
.icon-upload-to-cloud:before { content: "\f12e"; }
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -1,11 +1,11 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<!--
|
||||
2015-2-9: Created with FontForge (http://fontforge.org)
|
||||
2015-2-18: Created with FontForge (http://fontforge.org)
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
|
||||
<metadata>
|
||||
Created by FontForge 20141231 at Mon Feb 9 11:55:41 2015
|
||||
Created by FontForge 20141231 at Wed Feb 18 17:09:54 2015
|
||||
By Moritz Sauer
|
||||
Copyright (c) 2015, Moritz Sauer
|
||||
</metadata>
|
||||
|
|
@ -22,7 +22,7 @@ Copyright (c) 2015, Moritz Sauer
|
|||
bbox="-0.12793 -64 512.128 448.011"
|
||||
underline-thickness="25.6"
|
||||
underline-position="-51.2"
|
||||
unicode-range="U+0020-F133"
|
||||
unicode-range="U+0020-F134"
|
||||
/>
|
||||
<missing-glyph />
|
||||
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
|
||||
|
|
@ -52,6 +52,9 @@ c-11.6738 -8.14062 -24.7559 -9.54883 -32.9473 2.09961l-109.287 156.365c-8.14062
|
|||
l14.541 -20.8379c35.9932 27.3408 83.1992 78.3867 59.417 146.739c-2.79004 8.06348 1.45898 16.9209 9.52344 19.7119c8.06348 2.79004 16.8447 -1.45996 19.6865 -9.49805zM384.436 198.067c13.4395 9.44629 19.4814 25.3945 16.998 40.6016
|
||||
c-5.55566 -3.30273 -10.8799 -6.09277 -15.8467 -8.44824c-2.125 -0.998047 -4.37695 -1.51074 -6.5791 -1.51074c-5.78516 0 -11.3408 3.30273 -14.0029 8.90918c-3.63574 7.70605 -0.333008 16.9473 7.37305 20.6084c0.895508 0.383789 5.68262 2.84082 12.6465 7.04004
|
||||
c-13.8242 10.0605 -33.0244 10.8027 -47.8213 0.43457c-18.6367 -13.1074 -23.1934 -38.8096 -10.1123 -57.4971c13.0312 -18.6367 38.7334 -23.1943 57.3447 -10.1377z" />
|
||||
<glyph glyph-name="uniF132" unicode=""
|
||||
d="M256 389.12c251.597 0 256 -22.375 256 -197.12s-4.40332 -197.12 -256 -197.12s-256 22.375 -256 197.12s4.40332 197.12 256 197.12zM338.048 183.449c10.0605 4.71094 10.0605 12.3906 0 17.1016l-114.944 53.6572
|
||||
c-10.0605 4.65918 -18.3037 -0.588867 -18.3037 -11.6738v-101.068c0 -11.1104 8.24316 -16.333 18.3037 -11.6738z" />
|
||||
<glyph glyph-name="uniF116" unicode=""
|
||||
d="M256 437.76c135.501 0 245.76 -110.259 245.76 -245.76s-110.259 -245.76 -245.76 -245.76c-135.552 0 -245.785 110.259 -245.785 245.76s110.233 245.76 245.785 245.76zM465.613 192c0 92.2881 -60.0068 170.803 -143.054 198.707
|
||||
c-5.14551 -6.24609 -8.95996 -12.2627 -8.60156 -16.2812c5.60645 -56.0898 43.8535 -14.0029 51.252 -22.2461c26.4443 -29.2871 -49.6387 -39.4502 -23.1943 -92.3906c12.749 -25.4463 27.4688 -32.5381 48.9219 -32.8447
|
||||
|
|
@ -220,9 +223,15 @@ c21.0693 128.691 219.93 159.642 194.176 11.9297z" />
|
|||
<glyph glyph-name="uniF11F" unicode=""
|
||||
d="M460.8 294.4v-179.2c0 -28.1602 -23.04 -51.2002 -51.2002 -51.2002h-102.399v-76.7998l-102.4 76.7998h-102.399c-28.1855 0 -51.2002 23.04 -51.2002 51.2002v179.2c0 28.1592 23.0146 51.1992 51.2002 51.1992h307.199c28.1602 0 51.2002 -23.04 51.2002 -51.1992z
|
||||
" />
|
||||
<glyph glyph-name="uniF132" unicode=""
|
||||
d="M256 389.12c251.597 0 256 -22.375 256 -197.12s-4.40332 -197.12 -256 -197.12s-256 22.375 -256 197.12s4.40332 197.12 256 197.12zM338.048 183.449c10.0605 4.71094 10.0605 12.3906 0 17.1016l-114.944 53.6572
|
||||
c-10.0605 4.65918 -18.3037 -0.588867 -18.3037 -11.6738v-101.068c0 -11.1104 8.24316 -16.333 18.3037 -11.6738z" />
|
||||
<glyph glyph-name="uniF134" unicode=""
|
||||
d="M512 192c0 -74.3164 -87.9355 -136.294 -204.774 -150.502v-28.6982c0 -32 46.3877 -49.4082 46.3877 -49.4082c2.66211 -0.998047 3.17383 -3.42969 1.17676 -5.42676l-18.3545 -18.3555c-1.99707 -1.99609 -5.81152 -2.8418 -8.42285 -1.86816
|
||||
c0 0 -30.4385 11.0586 -62.4385 11.0586s-44.7744 -12.7998 -60.7744 -12.7998s-23.8076 20.7871 -23.8076 20.7871c-0.999023 2.66211 0.255859 5.83691 2.79004 7.09082c0 0 46.6182 23.3223 46.6182 48.9219v26.3682c-129.357 7.70605 -230.4 73.165 -230.4 152.832
|
||||
c0 34.8418 19.4053 66.9697 51.9932 92.7236c0.0517578 0.0253906 0.102539 0.0253906 0.128906 0.0761719c9.2666 91.4434 96.9463 163.2 203.878 163.2s194.611 -71.7568 203.878 -163.2c0.0263672 -0.0507812 0.0771484 -0.0507812 0.128906 -0.0761719
|
||||
c32.5879 -25.7539 51.9932 -57.8818 51.9932 -92.7236zM51.2002 192c0 -52.2236 78.2334 -95.2061 179.226 -101.479v19.584c0 2.81641 -1.71582 6.63086 -3.83984 8.49902l-69.1201 60.4424c-2.09961 1.84277 -2.22754 4.99121 -0.230469 6.98828l8.75488 8.75488
|
||||
c1.99707 1.99707 5.6582 2.53516 8.14062 1.22949l51.7637 -27.2383c2.50879 -1.30566 4.53125 -0.0771484 4.53125 2.73828v66.5605c0 2.81641 2.17578 5.83691 4.83789 6.73242l67.0977 22.375c2.68848 0.895508 4.86426 -0.691406 4.86426 -3.50781v-92.1338
|
||||
c0 -2.8418 1.97168 -3.96875 4.42871 -2.53516l45.543 26.8037c2.40625 1.43359 4.40234 0.28125 4.40234 -2.53418v-21.7861c0 -2.81543 -1.68945 -6.68164 -3.7373 -8.62695l-46.9248 -44.1855c-2.04785 -1.91992 -3.71191 -5.81152 -3.71191 -8.62695v-17.1016
|
||||
c88.2686 11.3926 153.574 51.3281 153.574 99.0469c0 26.0859 -19.6602 49.792 -51.7373 67.8652c0.230469 2.96973 0.537109 5.93945 0.537109 8.93457c0 70.707 -68.7871 128 -153.6 128s-153.6 -57.293 -153.6 -128c0 -2.99512 0.306641 -5.96484 0.5625 -8.93457
|
||||
c-32.1025 -18.0732 -51.7627 -41.7793 -51.7627 -67.8652z" />
|
||||
<glyph glyph-name="uniF10A" unicode=""
|
||||
d="M256 407.04c118.759 0 215.04 -96.2812 215.04 -215.04s-96.2812 -215.04 -215.04 -215.04s-215.04 96.2812 -215.04 215.04s96.2812 215.04 215.04 215.04zM384 166.4v51.1992h-256v-51.1992h256z" />
|
||||
<glyph glyph-name="uniF10E" unicode=""
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 39 KiB |
Binary file not shown.
Binary file not shown.
17
assets/fonts/svg-files-for-custom-font/tree.svg
Normal file
17
assets/fonts/svg-files-for-custom-font/tree.svg
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Tree" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
|
||||
<path d="M20,10c0-1.361-0.758-2.616-2.031-3.622c-0.002-0.001-0.004-0.001-0.005-0.003C17.602,2.803,14.177,0,10,0
|
||||
S2.398,2.803,2.036,6.375C2.035,6.377,2.033,6.377,2.031,6.378C0.758,7.384,0,8.639,0,10c0,3.112,3.947,5.669,9,5.97
|
||||
c0,0.338,0,0.683,0,1.03c0,1-1.821,1.911-1.821,1.911C7.08,18.96,7.031,19.084,7.07,19.188C7.07,19.188,7.375,20,8,20
|
||||
s1.124-0.5,2.374-0.5s2.439,0.432,2.439,0.432c0.102,0.038,0.251,0.005,0.329-0.073l0.717-0.717
|
||||
c0.078-0.078,0.058-0.173-0.046-0.212c0,0-1.812-0.68-1.812-1.93c0-0.312,0-0.706,0-1.121C16.565,15.324,20,12.903,20,10z M2,10
|
||||
c0-1.019,0.768-1.945,2.022-2.651C4.012,7.233,4,7.117,4,7c0-2.762,2.687-5,6-5s6,2.238,6,5c0,0.117-0.012,0.233-0.021,0.349
|
||||
C17.232,8.055,18,8.981,18,10c0,1.864-2.551,3.424-5.999,3.869c0-0.401,0-0.668,0-0.668c0-0.11,0.065-0.262,0.145-0.337l1.833-1.726
|
||||
c0.08-0.076,0.146-0.227,0.146-0.337V9.95c0-0.11-0.078-0.155-0.172-0.099l-1.779,1.047c-0.096,0.056-0.173,0.012-0.173-0.099V7.2
|
||||
c0-0.11-0.085-0.172-0.19-0.137L9.19,7.937C9.086,7.972,9.001,8.09,9.001,8.2v2.6c0,0.11-0.079,0.158-0.177,0.107L6.802,9.843
|
||||
c-0.097-0.051-0.24-0.03-0.318,0.048l-0.342,0.342c-0.078,0.078-0.073,0.201,0.009,0.273l2.7,2.361
|
||||
c0.083,0.073,0.15,0.222,0.15,0.332c0,0,0,0.298,0,0.765C5.056,13.719,2,12.04,2,10z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Reference in a new issue