Change how SVG icons are included in pages
Normally you include a .html file containing SVG data to show social media icons on the page, but this means adding up to 27KB of bloat to every single page. With this commit I have moved the SVG data into a .scss file and converted them into Data URIs so they work on multiple browsers. This means the CSS file will contain the SVG data rather than each and every page on the site.
|
@ -1,11 +1,11 @@
|
|||
{% if site.footer-links.dribbble %}<a href="http://dribbble.com/{{ site.footer-links.dribbble }}">{% include svg-icons/dribbble.html %}</a>{% endif %}
|
||||
{% if site.footer-links.email %}<a href="mailto:{{ site.footer-links.email }}">{% include svg-icons/email.html %}</a>{% endif %}
|
||||
{% if site.footer-links.facebook %}<a href="http://facebook.com/{{ site.footer-links.facebook }}">{% include svg-icons/facebook.html %}</a>{% endif %}
|
||||
{% if site.footer-links.flickr %}<a href="http://flickr.com/{{ site.footer-links.flickr }}">{% include svg-icons/flickr.html %}</a>{% endif %}
|
||||
{% if site.footer-links.github %}<a href="http://github.com/{{ site.footer-links.github }}">{% include svg-icons/github.html %}</a>{% endif %}
|
||||
{% if site.footer-links.instagram %}<a href="http://instagram.com/{{ site.footer-links.instagram }}">{% include svg-icons/instagram.html %}</a>{% endif %}
|
||||
{% if site.footer-links.linkedin %}<a href="http://linkedin.com/in/{{ site.footer-links.linkedin }}">{% include svg-icons/linkedin.html %}</a>{% endif %}
|
||||
{% if site.footer-links.pinterest %}<a href="http://pinterest.com/{{ site.footer-links.pinterest }}">{% include svg-icons/pinterest.html %}</a>{% endif %}
|
||||
{% if site.footer-links.rss %}<a href="{{ site.baseurl }}/feed.xml">{% include svg-icons/rss.html %}</a>{% endif %}
|
||||
{% if site.footer-links.twitter %}<a href="http://twitter.com/{{ site.footer-links.twitter }}">{% include svg-icons/twitter.html %}</a>{% endif %}
|
||||
{% if site.footer-links.stackoverflow %}<a href="http://stackoverflow.com/{{ site.footer-links.stackoverflow }}">{% include svg-icons/stackoverflow.html %}</a>{% endif %}
|
||||
{% if site.footer-links.dribbble %}<a href="http://dribbble.com/{{ site.footer-links.dribbble }}"><i class="svg-icon dribbble"></i></a>{% endif %}
|
||||
{% if site.footer-links.email %}<a href="mailto:{{ site.footer-links.email }}"><i class="svg-icon email"></i></a>{% endif %}
|
||||
{% if site.footer-links.facebook %}<a href="http://facebook.com/{{ site.footer-links.facebook }}"><i class="svg-icon facebook"></i></a>{% endif %}
|
||||
{% if site.footer-links.flickr %}<a href="http://flickr.com/{{ site.footer-links.flickr }}"><i class="svg-icon flickr"></i></a>{% endif %}
|
||||
{% if site.footer-links.github %}<a href="http://github.com/{{ site.footer-links.github }}"><i class="svg-icon github"></i></a>{% endif %}
|
||||
{% if site.footer-links.instagram %}<a href="http://instagram.com/{{ site.footer-links.instagram }}"><i class="svg-icon instagram"></i></a>{% endif %}
|
||||
{% if site.footer-links.linkedin %}<a href="http://linkedin.com/in/{{ site.footer-links.linkedin }}"><i class="svg-icon linkedin"></i></a>{% endif %}
|
||||
{% if site.footer-links.pinterest %}<a href="http://pinterest.com/{{ site.footer-links.pinterest }}"><i class="svg-icon pinterest"></i></a>{% endif %}
|
||||
{% if site.footer-links.rss %}<a href="{{ site.baseurl }}/feed.xml"><i class="svg-icon rss"></i></a>{% endif %}
|
||||
{% if site.footer-links.twitter %}<a href="http://twitter.com/{{ site.footer-links.twitter }}"><i class="svg-icon twitter"></i></a>{% endif %}
|
||||
{% if site.footer-links.stackoverflow %}<a href="http://stackoverflow.com/{{ site.footer-links.stackoverflow }}"><i class="svg-icon stackoverflow"></i></a>{% endif %}
|
||||
|
|
|
@ -1,5 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.224580688,30 C0.224580688,13.4314567 13.454941,0 29.7754193,0 C46.0958976,0 59.3262579,13.4314567 59.3262579,30 C59.3262579,46.5685433 46.0958976,60 29.7754193,60 C13.454941,60 0.224580688,46.5685433 0.224580688,30 Z M0.224580688,30" fill="#EA4C89" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M46.8201402,29.8306307 C46.8201402,30.9910662 46.7039381,32.149892 46.4756958,33.2794773 C46.2531348,34.3822363 45.9234881,35.4648757 45.4916444,36.4998314 C45.0697099,37.5164783 44.546371,38.496172 43.9348402,39.4098062 C43.3324258,40.3176727 42.6384502,41.1694053 41.876101,41.9458234 C41.1121003,42.7188881 40.2714683,43.4224729 39.378912,44.0375312 C38.4773053,44.6549367 37.5122796,45.1862301 36.5117128,45.6171934 C35.4922525,46.0539244 34.4248975,46.3885815 33.3411594,46.6144583 C32.2286185,46.8471088 31.0846323,46.9658819 29.9415709,46.9658819 C28.7976508,46.9658819 27.6537307,46.8471088 26.5427752,46.6144583 C25.4573855,46.3885815 24.3900967,46.0539244 23.3714291,45.6171934 C22.3709284,45.1862301 21.4049778,44.6549367 20.5033711,44.0375312 C19.6108148,43.42254 18.7701828,42.7188881 18.0078336,41.9458234 C17.2446917,41.1694053 16.5507161,40.3176727 15.9474429,39.4098062 C15.3392151,38.496172 14.8150175,37.5164112 14.3914314,36.4998314 C13.9595216,35.4648757 13.6290823,34.3821692 13.4057285,33.2794773 C13.1799304,32.149892 13.0645211,30.9910662 13.0645211,29.8306307 C13.0645211,28.6693235 13.1798644,27.5080162 13.4057945,26.3809123 C13.6291483,25.2781533 13.9595877,24.1938373 14.3914975,23.1605582 C14.8150835,22.1431736 15.3392812,21.162608 15.947509,20.2489068 C16.5507822,19.3403025 17.2447577,18.4901795 18.0078996,17.7128896 C18.7702488,16.9397578 19.6108808,16.2378496 20.5034371,15.6237303 C21.4050438,15.0037092 22.3709944,14.4724828 23.3714951,14.0407147 C24.3901627,13.6030449 25.4573855,13.2675829 26.5428413,13.0433828 C27.6537967,12.812476 28.7977169,12.6953125 29.941637,12.6953125 C31.0846983,12.6953125 32.2286185,12.812476 33.3412255,13.0433828 C34.4249636,13.26765 35.4922525,13.603112 36.5117789,14.0407147 C37.5122796,14.4724158 38.4773714,15.0037092 39.3789781,15.6237303 C40.2715344,16.2378496 41.1122324,16.9397578 41.8761671,17.7128896 C42.6385163,18.4901795 43.3324918,19.3403025 43.9349062,20.2489068 C44.546371,21.162608 45.0697099,22.1432407 45.4916444,23.1605582 C45.9234881,24.1938373 46.2531348,25.2781533 46.4756958,26.3809123 C46.7039381,27.5080162 46.8201402,28.6693235 46.8201402,29.8306307 Z M23.791712,16.5951079 C19.772269,18.5220356 16.7723523,22.2820664 15.8369221,26.8135523 C16.2169076,26.8169056 22.2233471,26.8938968 29.1437468,25.027194 C26.6490681,20.5274971 23.9837527,16.8553893 23.791712,16.5951079 Z M30.3379397,27.2804627 C22.9164638,29.5360788 15.794907,29.3737801 15.5394474,29.3637873 C15.5352855,29.5210561 15.5278866,29.6732949 15.5278866,29.8306307 C15.5278866,33.5897896 16.9248221,37.0168399 19.2209201,39.6081191 C19.2159654,39.6005406 23.1604288,32.4962856 30.9387686,29.9427643 C31.1266474,29.8791862 31.3178953,29.8222475 31.5074256,29.7670526 C31.145673,28.9354396 30.7508237,28.1020829 30.3379397,27.2804627 Z M39.460564,18.8483096 C36.9229454,16.5766649 33.5909378,15.1987358 29.9415709,15.1987358 C28.7704335,15.1987358 27.6339122,15.3426585 26.5452195,15.6087076 C26.7611083,15.9032595 29.4685049,19.54948 31.9335219,24.144477 C37.3721632,22.0745655 39.425089,18.9018279 39.460564,18.8483096 Z M32.4898254,32.1917409 C32.4577196,32.2025385 32.4256137,32.2118606 32.3942345,32.22353 C23.8899248,35.2333216 21.1127272,41.2989151 21.0826793,41.3651286 C23.5296462,43.2969932 26.5987953,44.4625256 29.9415709,44.4625256 C31.9376178,44.4625256 33.8389325,44.0499383 35.5688177,43.302895 C35.3553731,42.0244242 34.5180442,37.5431704 32.4898254,32.1917409 Z M37.9960476,41.965876 C41.2324643,39.7486885 43.5310065,36.2279476 44.172199,32.1498249 C43.875517,32.0527811 39.8429277,30.7567391 35.1905498,31.5139763 C37.0811625,36.7884816 37.8493251,41.0840309 37.9960476,41.965876 Z M33.0428919,26.3249126 C33.3774271,27.0227298 33.7013925,27.7329541 34.0005188,28.4467329 C34.1068777,28.7027892 34.2107263,28.9538156 34.3120646,29.2047749 C39.2635687,28.5722125 44.1417446,29.6364759 44.3503006,29.6799344 C44.317336,26.2111023 43.095067,23.0275001 41.0726616,20.5350755 C41.0454443,20.5743089 38.7336898,23.965412 33.0428919,26.3249126 Z M33.0428919,26.3249126" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.3262579,30 C59.3262579,46.5685433 46.0958976,60 29.7754193,60 C23.7225405,60 18.0947051,58.1525134 13.4093244,54.9827754 L47.2695458,5.81941103 C54.5814438,11.2806503 59.3262579,20.0777973 59.3262579,30 Z M59.3262579,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 4.8 KiB |
|
@ -1,5 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.224580688,30 C0.224580688,13.4314567 13.454941,0 29.7754193,0 C46.0958976,0 59.3262579,13.4314567 59.3262579,30 C59.3262579,46.5685433 46.0958976,60 29.7754193,60 C13.454941,60 0.224580688,46.5685433 0.224580688,30 Z M0.224580688,30" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M35.0384324,31.6384006 L47.2131148,40.5764264 L47.2131148,20 L35.0384324,31.6384006 Z M13.7704918,20 L13.7704918,40.5764264 L25.9449129,31.6371491 L13.7704918,20 Z M30.4918033,35.9844891 L27.5851037,33.2065217 L13.7704918,42 L47.2131148,42 L33.3981762,33.2065217 L30.4918033,35.9844891 Z M46.2098361,20 L14.7737705,20 L30.4918033,32.4549304 L46.2098361,20 Z M46.2098361,20" id="Shape" fill="#333333" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.3262579,30 C59.3262579,46.5685433 46.0958976,60 29.7754193,60 C23.7225405,60 18.0947051,58.1525134 13.4093244,54.9827754 L47.2695458,5.81941103 C54.5814438,11.2806503 59.3262579,20.0777973 59.3262579,30 Z M59.3262579,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.2 KiB |
|
@ -1,5 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.112290344,30 C0.112290344,13.4314567 13.3426506,0 29.663129,0 C45.9836073,0 59.2139676,13.4314567 59.2139676,30 C59.2139676,46.5685433 45.9836073,60 29.663129,60 C13.3426506,60 0.112290344,46.5685433 0.112290344,30 Z M0.112290344,30" fill="#3B5998" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M32.1341457,46.3196729 L32.1341457,29.9980891 L36.5657565,29.9980891 L37.1530406,24.3735809 L32.1341457,24.3735809 L32.141675,21.5584604 C32.141675,20.091502 32.2787707,19.3054722 34.351206,19.3054722 L37.1216686,19.3054722 L37.1216686,13.6803271 L32.6894304,13.6803271 C27.3655995,13.6803271 25.491749,16.4088187 25.491749,20.9972835 L25.491749,24.3742179 L22.1732173,24.3742179 L22.1732173,29.998726 L25.491749,29.998726 L25.491749,46.3196729 L32.1341457,46.3196729 Z M32.1341457,46.3196729" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.2139676,30 C59.2139676,46.5685433 45.9836073,60 29.663129,60 C23.6102502,60 17.9824147,58.1525134 13.2970341,54.9827754 L47.1572554,5.81941103 C54.4691534,11.2806503 59.2139676,20.0777973 59.2139676,30 Z M59.2139676,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.4 KiB |
|
@ -1,6 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.336871032,29.5081967 C0.336871032,13.2112689 13.5672313,0 29.8877097,0 C46.208188,0 59.4385483,13.2112689 59.4385483,29.5081967 C59.4385483,45.8051246 46.208188,59.0163934 29.8877097,59.0163934 C13.5672313,59.0163934 0.336871032,45.8051246 0.336871032,29.5081967 Z M0.336871032,29.5081967" fill="#FF0084" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M22.4999735,23.6065574 C18.9637635,23.6065574 16.0973183,26.4688017 16.0973183,29.9999472 C16.0973183,33.5311455 18.9637635,36.3933898 22.4999735,36.3934426 C26.0362365,36.3934426 28.9026817,33.5311455 28.9026817,29.9999472 C28.9026817,26.4688017 26.0362894,23.6065045 22.4999735,23.6065574 Z M22.4999735,23.6065574" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M31.8577656,29.9999472 C31.8577656,33.5311455 34.7242108,36.3934426 38.2604208,36.3934426 C41.7967366,36.3934426 44.663129,33.5311455 44.663129,29.9999472 C44.663129,26.4688545 41.7966837,23.6065574 38.2604208,23.6065574 C34.7241579,23.6065574 31.8577656,26.4688545 31.8577656,29.9999472 Z M33.8264001,30 C33.8264001,27.5554608 35.8080904,25.5737705 38.2526296,25.5737705 C40.6971688,25.5737705 42.6788591,27.5554608 42.6788591,30 C42.6788591,32.4445392 40.6971688,34.4262295 38.2526296,34.4262295 C35.8080904,34.4262295 33.8264001,32.4445392 33.8264001,30 Z M33.8264001,30" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.2139676,29.6858252 C59.2139676,45.9827531 45.9836073,59.1940219 29.663129,59.1940219 C23.6102502,59.1940219 17.9824147,57.376822 13.2970341,54.2590469 L47.1572554,5.90163934 C54.4691534,11.2733501 59.2139676,19.9262816 59.2139676,29.6858252 Z M59.2139676,29.6858252" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.9 KiB |
|
@ -1,5 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.336871032,30 C0.336871032,13.4314567 13.5672313,0 29.8877097,0 C46.208188,0 59.4385483,13.4314567 59.4385483,30 C59.4385483,46.5685433 46.208188,60 29.8877097,60 C13.5672313,60 0.336871032,46.5685433 0.336871032,30 Z M0.336871032,30" id="Github" fill="#333333" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M18.2184245,31.9355566 C19.6068506,34.4507902 22.2845295,36.0156764 26.8007287,36.4485173 C26.1561023,36.9365335 25.3817877,37.8630984 25.2749857,38.9342607 C24.4644348,39.4574749 22.8347506,39.62966 21.5674303,39.2310659 C19.7918469,38.6717023 19.1119377,35.1642642 16.4533306,35.6636959 C15.8773626,35.772144 15.9917933,36.1507609 16.489567,36.4722998 C17.3001179,36.9955141 18.0629894,37.6500075 18.6513541,39.04366 C19.1033554,40.113871 20.0531304,42.0259813 23.0569369,42.0259813 C24.2489236,42.0259813 25.0842679,41.8832865 25.0842679,41.8832865 C25.0842679,41.8832865 25.107154,44.6144649 25.107154,45.6761142 C25.107154,46.9004355 23.4507693,47.2457569 23.4507693,47.8346108 C23.4507693,48.067679 23.9990832,48.0895588 24.4396415,48.0895588 C25.3102685,48.0895588 27.1220883,47.3646693 27.1220883,46.0918317 C27.1220883,45.0806012 27.1382993,41.6806599 27.1382993,41.0860982 C27.1382993,39.785673 27.8372803,39.3737607 27.8372803,39.3737607 C27.8372803,39.3737607 27.924057,46.3153869 27.6704022,47.2457569 C27.3728823,48.3397504 26.8360115,48.1846887 26.8360115,48.6727049 C26.8360115,49.3985458 29.0168704,48.8505978 29.7396911,47.2571725 C30.2984945,46.0166791 30.0543756,39.2072834 30.0543756,39.2072834 L30.650369,39.1949165 C30.650369,39.1949165 30.6837446,42.3123222 30.6637192,43.7373675 C30.6427402,45.2128317 30.5426134,47.0792797 31.4208692,47.9592309 C31.9977907,48.5376205 33.868733,49.5526562 33.868733,48.62514 C33.868733,48.0857536 32.8436245,47.6424485 32.8436245,46.1831564 L32.8436245,39.4688905 C33.6618042,39.4688905 33.5387911,41.6768547 33.5387911,41.6768547 L33.5988673,45.7788544 C33.5988673,45.7788544 33.4186389,47.2733446 35.2190156,47.8992991 C35.8541061,48.1209517 37.2139245,48.1808835 37.277815,47.8089257 C37.3417055,47.4360167 35.6405021,46.8814096 35.6252446,45.7236791 C35.6157088,45.0178155 35.6567131,44.6059032 35.6567131,41.5379651 C35.6567131,38.470027 35.2438089,37.336079 33.8048426,36.4323453 C38.2457082,35.9766732 40.9939527,34.880682 42.3337458,31.9450695 C42.4383619,31.9484966 42.8791491,30.5737742 42.8219835,30.5742482 C43.1223642,29.4659853 43.2844744,28.1550957 43.3168964,26.6025764 C43.3092677,22.3930799 41.2895654,20.9042975 40.9014546,20.205093 C41.4736082,17.0182425 40.8060956,15.5675121 40.4961791,15.0699829 C39.3518719,14.6637784 36.5149435,16.1145088 34.9653608,17.1371548 C32.438349,16.3998984 27.0982486,16.4712458 25.0957109,17.3274146 C21.4005522,14.6875608 19.445694,15.0918628 19.445694,15.0918628 C19.445694,15.0918628 18.1821881,17.351197 19.1119377,20.6569598 C17.8961113,22.2028201 16.9902014,23.2968136 16.9902014,26.1963718 C16.9902014,27.8297516 17.1828264,29.2918976 17.6176632,30.5685404 C17.5643577,30.5684093 18.2008493,31.9359777 18.2184245,31.9355566 Z M18.2184245,31.9355566" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.4385483,30 C59.4385483,46.5685433 46.208188,60 29.8877097,60 C23.8348308,60 18.2069954,58.1525134 13.5216148,54.9827754 L47.3818361,5.81941103 C54.6937341,11.2806503 59.4385483,20.0777973 59.4385483,30 Z M59.4385483,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 3.6 KiB |
|
@ -1,5 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.786032408,30 C0.786032408,13.4314567 14.0163927,0 30.336871,0 C46.6573494,0 59.8877097,13.4314567 59.8877097,30 C59.8877097,46.5685433 46.6573494,60 30.336871,60 C14.0163927,60 0.786032408,46.5685433 0.786032408,30 Z M0.786032408,30" fill="#517FA4" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M42.8269231,45.1717917 C44.0541093,44.9073777 45.0568834,43.8680169 45.2967426,42.6147727 C45.3224877,42.4792986 45.3413675,42.3416464 45.3632509,42.2057367 L45.3632509,17.7942633 C45.3422257,17.6605316 45.3242041,17.5263643 45.2984589,17.3930683 C45.0354291,16.0256947 43.9245253,14.9645536 42.5604606,14.7750641 C42.5038213,14.7676588 42.4484692,14.7550261 42.392688,14.7450071 L18.2810541,14.7450071 C18.1355939,14.7715792 17.9892755,14.7916172 17.8459608,14.8247234 C16.5145067,15.1326983 15.5293251,16.2212827 15.339669,17.5908343 C15.3319455,17.647899 15.3203601,17.704528 15.3104912,17.7615927 L15.3104912,42.2397141 C15.3379527,42.3947906 15.3598361,42.5511739 15.394163,42.7053791 C15.688516,44.0270139 16.7998489,45.0515639 18.1218631,45.2240647 C18.185797,45.2319056 18.2501599,45.2445383 18.3140937,45.2549929 L42.3596484,45.2549929 C42.5158357,45.2279852 42.6724521,45.2057692 42.8269231,45.1717917 Z M18.5616764,27.1981692 C18.5616764,31.7132463 18.5612473,36.2283235 18.5621055,40.7434006 C18.5621055,41.3928922 19.1160556,41.9513416 19.7558229,41.9513416 C26.8082817,41.9517772 33.8603114,41.9517772 40.9127701,41.9513416 C41.5585447,41.9513416 42.1094912,41.3937634 42.1094912,40.7394801 C42.1099203,36.2296303 42.1094912,31.7202161 42.1094912,27.2108018 L42.1094912,27.1171461 L39.2406217,27.1171461 C39.6456789,28.4313755 39.7701139,29.7682565 39.611352,31.1308384 C39.451732,32.4938559 39.0192133,33.7623465 38.3146539,34.9336964 C37.6096655,36.1063532 36.6957121,37.0777591 35.5766557,37.8509633 C32.6760338,39.8565027 28.8571677,40.0329239 25.7793333,38.279166 C24.2234672,37.3935749 23.0018591,36.1586262 22.1501232,34.5673501 C20.8795994,32.1928508 20.6766416,29.7007373 21.4219642,27.1149681 C20.4702512,27.1158393 19.5224001,27.1158393 18.5616764,27.1158393 L18.5616764,27.1981692 Z M24.247496,29.9063443 C24.1994383,33.3655076 26.9271385,36.10766 30.1972035,36.1790998 C33.5998561,36.2531531 36.3520142,33.4931407 36.4236716,30.1363453 C36.4970453,26.6745684 33.7466035,23.8152373 30.3370856,23.8174154 C27.0039449,23.8152373 24.2942664,26.5377875 24.247496,29.9063443 Z M40.9543915,22.569834 C41.5907261,22.5537165 42.1090621,22.0000587 42.1090621,21.3531808 C42.1094912,20.3900515 42.1094912,19.4264865 42.1090621,18.4633572 C42.1090621,17.7724829 41.5705591,17.2227456 40.8908867,17.2223099 C39.9447519,17.2218743 38.9986171,17.2214387 38.0520532,17.2223099 C37.3740972,17.2231812 36.8338779,17.7742253 36.8334488,18.4650996 C36.8330197,19.4199524 36.8304452,20.3748052 36.8368815,21.3300936 C36.8377396,21.4725374 36.864343,21.6206441 36.9089679,21.7556826 C37.078886,22.2640372 37.537579,22.5759325 38.0992527,22.5785462 C38.5558003,22.5794174 39.0123479,22.5781106 39.4693245,22.5781106 C39.9636317,22.5724477 40.4596552,22.582031 40.9543915,22.569834 Z M40.9543915,22.569834" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.8877097,30 C59.8877097,46.5685433 46.6573494,60 30.336871,60 C24.2839922,60 18.6561568,58.1525134 13.9707761,54.9827754 L47.8309975,5.81941103 C55.1428955,11.2806503 59.8877097,20.0777973 59.8877097,30 Z M59.8877097,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 3.6 KiB |
|
@ -1,7 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.449161376,30 C0.449161376,13.4314567 13.6795217,0 30,0 C46.3204783,0 59.5508386,13.4314567 59.5508386,30 C59.5508386,46.5685433 46.3204783,60 30,60 C13.6795217,60 0.449161376,46.5685433 0.449161376,30 Z M0.449161376,30" fill="#007BB6" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M22.4680392,23.7098144 L15.7808366,23.7098144 L15.7808366,44.1369537 L22.4680392,44.1369537 L22.4680392,23.7098144 Z M22.4680392,23.7098144" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M22.9084753,17.3908761 C22.8650727,15.3880081 21.4562917,13.862504 19.1686418,13.862504 C16.8809918,13.862504 15.3854057,15.3880081 15.3854057,17.3908761 C15.3854057,19.3522579 16.836788,20.9216886 19.0818366,20.9216886 L19.1245714,20.9216886 C21.4562917,20.9216886 22.9084753,19.3522579 22.9084753,17.3908761 Z M22.9084753,17.3908761" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M46.5846502,32.4246563 C46.5846502,26.1503226 43.2856534,23.2301456 38.8851658,23.2301456 C35.3347011,23.2301456 33.7450983,25.2128128 32.8575489,26.6036896 L32.8575489,23.7103567 L26.1695449,23.7103567 C26.2576856,25.6271338 26.1695449,44.137496 26.1695449,44.137496 L32.8575489,44.137496 L32.8575489,32.7292961 C32.8575489,32.1187963 32.9009514,31.5097877 33.0777669,31.0726898 C33.5610713,29.8530458 34.6614937,28.5902885 36.5089747,28.5902885 C38.9297703,28.5902885 39.8974476,30.4634101 39.8974476,33.2084226 L39.8974476,44.1369537 L46.5843832,44.1369537 L46.5846502,32.4246563 Z M46.5846502,32.4246563" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.5508386,30 C59.5508386,46.5685433 46.3204783,60 30,60 C23.9471212,60 18.3192858,58.1525134 13.6339051,54.9827754 L47.4941264,5.81941103 C54.8060245,11.2806503 59.5508386,20.0777973 59.5508386,30 Z M59.5508386,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 2.1 KiB |
|
@ -1,5 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.883833675,30 C0.883833675,13.4314567 13.9008011,0 29.9580459,0 C46.0152907,0 59.0322581,13.4314567 59.0322581,30 C59.0322581,46.5685433 46.0152907,60 29.9580459,60 C13.9008011,60 0.883833675,46.5685433 0.883833675,30 Z M0.883833675,30" fill="#CB2027" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M17.5869165,25.6564894 C17.5869165,28.9590618 18.7986851,31.8971698 21.3976941,32.9920559 C21.8238696,33.1718356 22.2056087,32.9982405 22.3292037,32.5113638 C22.4151829,32.1744101 22.6185566,31.3243485 22.7092894,30.9703339 C22.8339179,30.4887888 22.7855546,30.3198854 22.441638,29.9001862 C21.692214,28.9880654 21.213335,27.8072348 21.213335,26.1346224 C21.213335,21.2820631 24.7318662,16.93792 30.3754877,16.93792 C35.3728188,16.93792 38.1183644,20.08865 38.1183644,24.2965188 C38.1183644,29.8330087 35.7438106,34.5057882 32.2186656,34.5057882 C30.2719407,34.5057882 28.8146355,32.8444787 29.2817337,30.8069754 C29.8410115,28.3745112 30.9244314,25.7492583 30.9244314,23.9934738 C30.9244314,22.4217342 30.1068028,21.1108139 28.4147084,21.1108139 C26.4245806,21.1108139 24.8259058,23.2351148 24.8259058,26.0808804 C24.8259058,27.8933925 25.4194926,29.1192214 25.4194926,29.1192214 C25.4194926,29.1192214 23.3828616,38.0231153 23.0259242,39.5824856 C22.3149428,42.6880041 22.9190703,46.4949407 22.9701204,46.8794518 C23.0000891,47.1072154 23.2838616,47.1613839 23.412417,46.9892816 C23.5959494,46.7421112 25.9661629,43.7227504 26.7720107,40.7057356 C26.9999795,39.8514088 28.0809192,35.427719 28.0809192,35.427719 C28.7274162,36.7002523 30.6170973,37.8211564 32.6266532,37.8211564 C38.6088176,37.8211564 42.6674052,32.1938169 42.6674052,24.6614098 C42.6674052,18.9658266 37.9920825,13.6613656 30.8861955,13.6613656 C22.0448112,13.6613656 17.5869165,20.2021053 17.5869165,25.6564894 Z M17.5869165,25.6564894" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.0322581,30 C59.0322581,46.5685433 46.0152907,60 29.9580459,60 C24.0027941,60 18.4657302,58.1525134 13.8559203,54.9827754 L47.170009,5.81941103 C54.3639732,11.2806503 59.0322581,20.0777973 59.0322581,30 Z M59.0322581,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 2.4 KiB |
|
@ -1,5 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0.112290344,30 C0.112290344,13.4314567 13.3426506,0 29.663129,0 C45.9836073,0 59.2139676,13.4314567 59.2139676,30 C59.2139676,46.5685433 45.9836073,60 29.663129,60 C13.3426506,60 0.112290344,46.5685433 0.112290344,30 Z M0.112290344,30" fill="#E18F00" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M26.5147755,38.7571296 C26.5147755,36.8192934 24.9575021,35.2291656 23.0297047,35.2291656 C21.1094331,35.2291656 19.5492775,36.8192934 19.5492775,38.7571296 C19.5492775,40.7052068 21.1094331,42.277616 23.0297047,42.277616 C24.957422,42.277616 26.5146954,40.7052881 26.5147755,38.7571296 Z M36.8075433,42.2700571 C36.8075433,32.6055847 29.062648,24.7442705 19.5492775,24.7442705 L19.5492775,29.8318017 C22.8128986,29.8318017 25.8817303,31.1272145 28.1920609,33.4740429 C30.4999895,35.8159133 31.7732853,38.9454513 31.7732853,42.2701384 L36.8075433,42.2700571 Z M45.6871482,42.2675375 C45.6871482,27.6346878 33.9604014,15.722384 19.5492775,15.722384 L19.5492775,20.8123535 C31.186916,20.8123535 40.660496,30.438869 40.660496,42.2673749 L45.6871482,42.2675375 Z M45.6871482,42.2675375" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M59.2139676,30 C59.2139676,46.5685433 45.9836073,60 29.663129,60 C23.6102502,60 17.9824147,58.1525134 13.2970341,54.9827754 L47.1572554,5.81941103 C54.4691534,11.2806503 59.2139676,20.0777973 59.2139676,30 Z M59.2139676,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.6 KiB |
|
@ -1,9 +0,0 @@
|
|||
<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<path fill="#919191" d="m7.294075,23.110188l2.385864,0.023237l-0.083177,10.552679l15.878221,0l0,-10.514505l2.51405,0l0,13.07741l-20.707843,0l0.01289,-13.138815l-0.000005,-0.000006z"/>
|
||||
<rect fill="#919191" y="29.348862" x="11.184582" height="2.628626" width="12.437938"/>
|
||||
<rect fill="#a78b68" transform="matrix(0.5395733410304717,0.05172669848399204,-0.05207586478003252,0.5359555264108665,3.6611416648678325,1.4067255727666614) " y="41.524347" x="18.49125" height="5.003923" width="23.066864"/>
|
||||
<rect fill="#c19653" transform="matrix(0.5216998676238958,0.14625586092278992,-0.1472431193160242,0.5182018938275416,3.6611416648678325,1.4067255727666614) " y="27.438515" x="24.907076" height="5.003923" width="23.066864"/>
|
||||
<rect fill="#d48c28" transform="matrix(0.4640090244261216,0.2783830739288475,-0.2802622193151353,0.46089786509976993,3.6611416648678325,1.4067255727666614) " y="7.461092" x="30.089396" height="5.003923" width="23.066864"/>
|
||||
<rect fill="#fe8908" transform="matrix(0.3157222700143304,0.4376935608999602,-0.4406480862019664,0.31360536660688737,3.6611416648678325,1.4067255727666614) " y="-20.343803" x="28.488303" height="5.003923" width="23.066864"/>
|
||||
<rect fill="#ff7a15" transform="matrix(0.0893402304821676,0.5310828333843179,-0.5346677562821299,0.08874120831524585,3.6611416648678325,1.4067255727666614) " y="-47.045927" x="14.158203" height="5.003923" width="23.066864"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.5 KiB |
|
@ -1,5 +0,0 @@
|
|||
<svg width="40px" height="40px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
|
||||
<path d="M0,30 C0,13.4314567 13.4508663,0 30.0433526,0 C46.6358389,0 60.0867052,13.4314567 60.0867052,30 C60.0867052,46.5685433 46.6358389,60 30.0433526,60 C13.4508663,60 0,46.5685433 0,30 Z M0,30" fill="#4099FF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M29.2997675,23.8879776 L29.3627206,24.9260453 L28.3135016,24.798935 C24.4943445,24.3116787 21.1578281,22.6592444 18.3249368,19.8840023 L16.9399677,18.5069737 L16.5832333,19.5238563 C15.8277956,21.7906572 16.3104363,24.1845684 17.8842648,25.7946325 C18.72364,26.6844048 18.5347806,26.8115152 17.0868584,26.2818888 C16.5832333,26.1124083 16.1425613,25.985298 16.1005925,26.0488532 C15.9537019,26.1971486 16.457327,28.1249885 16.8560302,28.8876505 C17.4016241,29.9469033 18.5137962,30.9849709 19.7308902,31.5993375 L20.7591248,32.0865938 L19.5420308,32.1077788 C18.3669055,32.1077788 18.3249368,32.1289639 18.4508431,32.57385 C18.8705307,33.9508786 20.5282967,35.4126474 22.3749221,36.048199 L23.6759536,36.4930852 L22.5427971,37.1710069 C20.8640467,38.1455194 18.891515,38.6963309 16.9189833,38.738701 C15.9746862,38.759886 15.1982642,38.8446262 15.1982642,38.9081814 C15.1982642,39.1200319 17.7583585,40.306395 19.2482495,40.7724662 C23.7179224,42.1494948 29.0269705,41.5563132 33.0140027,39.2047722 C35.846894,37.5311528 38.6797853,34.2050993 40.0018012,30.9849709 C40.7152701,29.2689815 41.428739,26.1335934 41.428739,24.6294545 C41.428739,23.654942 41.4916922,23.5278317 42.6668174,22.3626537 C43.359302,21.6847319 44.0098178,20.943255 44.135724,20.7314044 C44.3455678,20.3288884 44.3245835,20.3288884 43.2543801,20.6890343 C41.4707078,21.324586 41.2188952,21.2398458 42.1002392,20.2865183 C42.750755,19.6085965 43.527177,18.3798634 43.527177,18.0197174 C43.527177,17.9561623 43.2124113,18.0620876 42.8556769,18.252753 C42.477958,18.4646036 41.6385828,18.7823794 41.0090514,18.9730449 L39.8758949,19.3331908 L38.8476603,18.634084 C38.281082,18.252753 37.4836756,17.829052 37.063988,17.7019416 C35.9937846,17.4053509 34.357003,17.447721 33.3917215,17.7866818 C30.768674,18.7400093 29.110908,21.1974757 29.2997675,23.8879776 Z M29.2997675,23.8879776" id="Path" fill="#FFFFFF" sketch:type="MSShapeGroup"></path>
|
||||
<path d="M60.0867052,30 C60.0867052,46.5685433 46.6358389,60 30.0433526,60 C23.8895925,60 18.1679598,58.1525134 13.4044895,54.9827754 L47.8290478,5.81941103 C55.2628108,11.2806503 60.0867052,20.0777973 60.0867052,30 Z M60.0867052,30" id="reflec" fill-opacity="0.08" fill="#000000" sketch:type="MSShapeGroup"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 2.6 KiB |
17
_scss/_svg-icons.scss
Normal file
27
style.scss
|
@ -34,7 +34,7 @@ h1, h2, h3, h4, h5, h6 {
|
|||
font-family: $helveticaNeue;
|
||||
color: $darkerGray;
|
||||
font-weight: bold;
|
||||
|
||||
|
||||
line-height: 1.7;
|
||||
margin: 1em 0 15px;
|
||||
padding: 0;
|
||||
|
@ -43,23 +43,23 @@ h1, h2, h3, h4, h5, h6 {
|
|||
line-height: 1.4;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
color: $gray;
|
||||
}
|
||||
|
@ -152,7 +152,7 @@ img {
|
|||
.masthead {
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid $lightGray;
|
||||
|
||||
|
||||
@include mobile {
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -189,7 +189,7 @@ img {
|
|||
margin: 0;
|
||||
color: $darkGray;
|
||||
cursor: pointer;
|
||||
font-family: $helveticaNeue;
|
||||
font-family: $helveticaNeue;
|
||||
font-weight: 300;
|
||||
font-size: 28px;
|
||||
letter-spacing: 1px;
|
||||
|
@ -199,7 +199,7 @@ img {
|
|||
margin: -5px 0 0 0;
|
||||
color: $gray;
|
||||
font-size: 16px;
|
||||
|
||||
|
||||
@include mobile {
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
@ -208,9 +208,9 @@ img {
|
|||
nav {
|
||||
float: right;
|
||||
margin-top: 23px; // @TODO: Vertically middle align
|
||||
font-family: $helveticaNeue;
|
||||
font-family: $helveticaNeue;
|
||||
font-size: 18px;
|
||||
|
||||
|
||||
@include mobile {
|
||||
float: none;
|
||||
margin-top: 9px;
|
||||
|
@ -246,7 +246,7 @@ nav {
|
|||
border-bottom: none;
|
||||
}
|
||||
|
||||
.post {
|
||||
.post {
|
||||
blockquote {
|
||||
margin: 1.8em .8em;
|
||||
border-left: 2px solid $gray;
|
||||
|
@ -280,4 +280,5 @@ footer {
|
|||
|
||||
// Settled on moving the import of syntax highlighting to the bottom of the CSS
|
||||
// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
|
||||
@import "_highlights";
|
||||
@import "_highlights";
|
||||
@import "_svg-icons";
|
||||
|
|