improve font styling

css/clear-typography.css

@@ -1,42 +1,77 @@
 /* ------------------ FONT LOADING ------------------- */
 @font-face {
-  font-family: 'ClearSans';
+  font-family: 'OpenSans';
-  src: url("../fonts/ClearSans-Light.eot");
+  src: url("../fonts/OpenSans-Light-webfont.eot");
-  src: url("../fonts/ClearSans-Light.woff") format("woff"), url("../fonts/ClearSans-Light.ttf") format("truetype");
+  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#open_sansbold") format("svg");
   font-weight: 300;
   font-style: normal; }
 
 @font-face {
-  font-family: 'ClearSans';
+  font-family: 'OpenSans';
-  src: url("../fonts/ClearSans-Regular.eot");
+  src: url("../fonts/OpenSans-LightItalic-webfont.eot");
-  src: url("../fonts/ClearSans-Regular.woff") format("woff"), url("../fonts/ClearSans-Regular.ttf") format("truetype");
+  src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#open_sansbold") format("svg");
+  font-weight: 300;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'OpenSans';
+  src: url("../fonts/OpenSans-Regular-webfont.eot");
+  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansbold") format("svg");
   font-weight: 400;
   font-style: normal; }
 
 @font-face {
-  font-family: 'ClearSans';
+  font-family: 'OpenSans';
-  src: url("../fonts/ClearSans-Italic.eot");
+  src: url("../fonts/OpenSans-Italic-webfont.eot");
-  src: url("../fonts/ClearSans-Italic.woff") format("woff"), url("../fonts/ClearSans-Italic.ttf") format("truetype");
+  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#open_sansbold") format("svg");
   font-weight: 400;
   font-style: italic; }
 
 @font-face {
-  font-family: 'ClearSans';
+  font-family: 'OpenSans';
-  src: url("../fonts/ClearSans-Medium.eot");
+  src: url("../fonts/OpenSans-Semibold-webfont.eot");
-  src: url("../fonts/ClearSans-Medium.woff") format("woff"), url("../fonts/ClearSans-Medium.ttf") format("truetype");
+  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sansbold") format("svg");
   font-weight: 600;
   font-style: normal; }
 
 @font-face {
-  font-family: 'ClearSans';
+  font-family: 'OpenSans';
-  src: url("../fonts/ClearSans-MediumItalic.eot");
+  src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot");
-  src: url("../fonts/ClearSans-MediumItalic.woff") format("woff"), url("../fonts/ClearSans-MediumItalic.ttf") format("truetype");
+  src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sansbold") format("svg");
   font-weight: 600;
   font-style: italic; }
 
+@font-face {
+  font-family: 'OpenSans';
+  src: url("../fonts/OpenSans-Bold-webfont.eot");
+  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
+  font-weight: 700;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'OpenSans';
+  src: url("../fonts/OpenSans-BoldItalic-webfont.eot");
+  src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold") format("svg");
+  font-weight: 700;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'OpenSans';
+  src: url("../fonts/OpenSans-ExtraBold-webfont.eot");
+  src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#open_sansbold") format("svg");
+  font-weight: 800;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'OpenSans';
+  src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot");
+  src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff2") format("woff2"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansbold") format("svg");
+  font-weight: 800;
+  font-style: italic; }
+
 /* ------------------ GLOBAL STYLE ------------------- */
 body {
-  font-family: ClearSans, sans-serif;
+  font-family: OpenSans, sans-serif;
   text-align: left;
   font-size: 4mm;
   line-height: 1.5em;
@@ -136,31 +171,31 @@ h1 {
   font-size: 2.33333em;
   line-height: 1em;
   padding: 0.33333em 0 0.6em 0;
-  font-weight: 600; }
+  font-weight: 700; }
 
 h2 {
   font-size: 2em;
   line-height: 1.5em;
   padding: 0.33333em 0 0.4em 0;
-  font-weight: 600; }
+  font-weight: 700; }
 
 h3 {
   font-size: 1.5em;
   line-height: 1em;
   padding: 0em 0 1em 0;
-  font-weight: 600; }
+  font-weight: 700; }
 
 h4 {
   font-size: 1.5em;
   line-height: 1em;
   padding: 0em 0 1em 0;
-  font-weight: 400; }
+  font-weight: 600; }
 
 h5 {
   font-size: 1.33333em;
   line-height: 1em;
   padding: 0.1em 0 1.13333em 0;
-  font-weight: 400; }
+  font-weight: 600; }
 
 h6 {
   font-size: 1.1em;

css/fork-awesome.css

@@ -1,13 +1,21 @@
 /*!
- *  Fork Awesome 1.1.0, originaly by Dave Gandy - http://forkawesome.github.io/Fork-Awesome/
+Fork Awesome 1.1.3
- *  License - http://forkawesome.github.io/Fork-Awesome//license (Font: SIL OFL 1.1, CSS: MIT License)
+License - http://forkawesome.github.io/Fork-Awesome/license
+
+Copyright 2018 Dave Gandy & Fork Awesome
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 /* FONT PATH
  * -------------------------- */
 @font-face {
   font-family: 'ForkAwesome';
-  src: url('../fonts/forkawesome-webfont.eot?v=1.1.0');
+  src: url('../fonts/forkawesome-webfont.eot?v=1.1.3');
-  src: url('../fonts/forkawesome-webfont.eot?#iefix&v=1.1.0') format('embedded-opentype'), url('../fonts/forkawesome-webfont.woff2?v=1.1.0') format('woff2'), url('../fonts/forkawesome-webfont.woff?v=1.1.0') format('woff'), url('../fonts/forkawesome-webfont.ttf?v=1.1.0') format('truetype'), url('../fonts/forkawesome-webfont.svg?v=1.1.0#forkawesomeregular') format('svg');
+  src: url('../fonts/forkawesome-webfont.eot?#iefix&v=1.1.3') format('embedded-opentype'), url('../fonts/forkawesome-webfont.woff2?v=1.1.3') format('woff2'), url('../fonts/forkawesome-webfont.woff?v=1.1.3') format('woff'), url('../fonts/forkawesome-webfont.ttf?v=1.1.3') format('truetype'), url('../fonts/forkawesome-webfont.svg?v=1.1.3#forkawesomeregular') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -274,6 +282,7 @@
 .fa-repeat:before {
   content: "\f01e";
 }
+.fa-sync:before,
 .fa-refresh:before {
   content: "\f021";
 }
@@ -359,6 +368,7 @@
 .fa-indent:before {
   content: "\f03c";
 }
+.fa-video:before,
 .fa-video-camera:before {
   content: "\f03d";
 }
@@ -650,7 +660,7 @@
 .fa-bullhorn:before {
   content: "\f0a1";
 }
-.fa-bell:before {
+.fa-bell-o:before {
   content: "\f0f3";
 }
 .fa-certificate:before {
@@ -772,6 +782,7 @@
 .fa-google-plus-square:before {
   content: "\f0d4";
 }
+.fa-google-plus-g:before,
 .fa-google-plus:before {
   content: "\f0d5";
 }
@@ -864,12 +875,13 @@
 .fa-suitcase:before {
   content: "\f0f2";
 }
-.fa-bell-o:before {
+.fa-bell:before {
   content: "\f0a2";
 }
 .fa-coffee:before {
   content: "\f0f4";
 }
+.fa-utensils:before,
 .fa-cutlery:before {
   content: "\f0f5";
 }
@@ -1141,6 +1153,7 @@
 .fa-eur:before {
   content: "\f153";
 }
+.fa-pound:before,
 .fa-gbp:before {
   content: "\f154";
 }
@@ -1177,21 +1190,27 @@
 .fa-file-text:before {
   content: "\f15c";
 }
+.fa-sort-alpha-down:before,
 .fa-sort-alpha-asc:before {
   content: "\f15d";
 }
+.fa-sort-alpha-up:before,
 .fa-sort-alpha-desc:before {
   content: "\f15e";
 }
+.fa-sort-amount-down:before,
 .fa-sort-amount-asc:before {
   content: "\f160";
 }
+.fa-sort-amount-up:before,
 .fa-sort-amount-desc:before {
   content: "\f161";
 }
+.fa-sort-numeric-down:before,
 .fa-sort-numeric-asc:before {
   content: "\f162";
 }
+.fa-sort-numeric-up:before,
 .fa-sort-numeric-desc:before {
   content: "\f163";
 }
@@ -1411,6 +1430,7 @@
 .fa-paw:before {
   content: "\f1b0";
 }
+.fa-utensil-spoon:before,
 .fa-spoon:before {
   content: "\f1b1";
 }
@@ -1553,6 +1573,7 @@
 .fa-circle-thin:before {
   content: "\f1db";
 }
+.fa-heading:before,
 .fa-header:before {
   content: "\f1dc";
 }
@@ -1683,6 +1704,7 @@
 .fa-angellist:before {
   content: "\f209";
 }
+.fa-closed-captioning:before,
 .fa-cc:before {
   content: "\f20a";
 }
@@ -1727,6 +1749,7 @@
 .fa-cart-arrow-down:before {
   content: "\f218";
 }
+.fa-gem:before,
 .fa-diamond:before {
   content: "\f219";
 }
@@ -2021,6 +2044,7 @@
 .fa-houzz:before {
   content: "\f27c";
 }
+.fa-vimeo-v:before,
 .fa-vimeo:before {
   content: "\f27d";
 }
@@ -2117,6 +2141,7 @@
 .fa-audio-description:before {
   content: "\f29e";
 }
+.fa-phone-volume:before,
 .fa-volume-control-phone:before {
   content: "\f2a0";
 }
@@ -2449,6 +2474,12 @@
 .fa-joplin:before {
   content: "\f310";
 }
+.fa-syncthing:before {
+  content: "\f311";
+}
+.fa-inkscape:before {
+  content: "\f312";
+}
 .sr-only {
   position: absolute;
   width: 1px;

css/style.css

@@ -978,4 +978,10 @@ header {
 .article-content {
   font-size: calc(4mm + 0.4vw);
   line-height: 1.5em;
-  padding: 1em; }
+  padding: 1em;
+  font-weight: 300; }
+  .article-content p, .article-content em, .article-content p em {
+    font-weight: 300; }
+
+.comment {
+  margin-bottom: 1.333em; }

fonts/forkawesome-webfont.svg

@@ -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" >
 <!--
-2018-5-12: Created with FontForge (http://fontforge.org)
+2018-10-4: 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 20180321 at Sat May 12 14:32:04 2018
+Created by FontForge 20180321 at Thu Oct  4 17:05:43 2018
  By Julien Deswaef
 The Fork Awesome font is licensed under the SIL OFL 1.1 (http://scripts.sil.org/OFL). Fork Awesome is a fork based of off Font Awesome 4.7.0 by Dave Gandy. More info on licenses at https://forkawesome.github.io
 </metadata>
@@ -22,7 +22,7 @@ The Fork Awesome font is licensed under the SIL OFL 1.1 (http://scripts.sil.org/
     bbox="-0.653061 -264 2304.01 1536.25"
     underline-thickness="89.6"
     underline-position="-179.2"
-    unicode-range="U+0020-F310"
+    unicode-range="U+0020-F312"
   />
     <missing-glyph />
     <glyph glyph-name="space" unicode=" " horiz-adv-x="200" 
@@ -1544,6 +1544,12 @@ d="M1130 939l16 175h-884l47 -534h612l-22 -228l-197 -53l-196 53l-13 140h-175l22 -
 d="M832 1024c0 106 -86 192 -192 192s-192 -86 -192 -192c0 -29 7 -57 19 -83c-26 12 -54 19 -83 19c-106 0 -192 -86 -192 -192s86 -192 192 -192s192 86 192 192c0 29 -7 57 -19 83c26 -12 54 -19 83 -19c106 0 192 86 192 192zM1683 320c0 -23 -92 -115 -115 -115
 c-26 0 -107 94 -128 115l-96 -96l220 -220c18 -18 28 -43 28 -68c0 -56 -64 -120 -120 -120c-25 0 -50 10 -68 28l-671 671c-105 -78 -233 -131 -365 -131c-218 0 -368 151 -368 368c0 328 328 656 656 656c217 0 368 -150 368 -368c0 -132 -53 -260 -131 -365l355 -355
 l96 96c-21 21 -115 102 -115 128c0 23 92 115 115 115c8 0 17 -4 23 -10c37 -37 316 -300 316 -329z" />
+    <glyph glyph-name="syncthing" unicode="&#xf311;" 
+d="M768 1408c424 0 768 -344 768 -768s-344 -768 -768 -768s-768 344 -768 768s344 768 768 768zM774 1254c-337 0 -611 -274 -611 -611c0 -10 0 -28 1 -38c-17 -10 -32 -23 -42 -41c-33 -56 -14 -128 41 -161c18 -10 37 -15 56 -16c97 -210 309 -355 555 -355
+c108 0 210 28 298 78c16 -11 35 -19 56 -21c65 -5 122 42 129 107v10c0 14 -5 36 -11 49c87 105 139 241 139 388c0 57 -8 112 -23 164c14 13 25 30 32 49c21 61 -12 128 -73 149c-12 4 -26 6 -38 6v0c-6 0 -15 0 -21 -1c-112 148 -289 244 -488 244zM774 1175v0
+c171 0 323 -79 420 -204c-10 -11 -17 -24 -22 -39c-9 -27 -8 -55 1 -80l-224 -186c-18 11 -39 16 -60 16c-22 0 -44 -5 -63 -18c-26 -16 -43 -42 -50 -70l-447 -41c-10 21 -25 39 -46 52c-13 8 -27 12 -41 14c0 8 -1 16 -1 24c0 295 238 532 533 532zM1224 792
+c6 -3 15 -7 21 -9c15 -5 29 -8 44 -7c11 -43 17 -87 17 -133c0 -125 -42 -240 -114 -331c-13 7 -28 11 -43 13c-15 1 -28 0 -42 -4l-122 175c23 32 29 73 15 110zM783 516c2 -4 5 -11 8 -15c29 -44 81 -63 129 -50l122 -175c-12 -16 -19 -37 -21 -59v-9c0 -10 2 -26 5 -35
+c-75 -40 -161 -63 -252 -63c-211 0 -394 123 -480 301c10 8 24 22 30 33c5 8 11 22 13 31z" />
     <glyph glyph-name="picture-o" unicode="&#xf03e;" horiz-adv-x="1920" 
 d="M640 960c0 -106 -86 -192 -192 -192s-192 86 -192 192s86 192 192 192s192 -86 192 -192zM1664 576v-448h-1408v192l320 320l160 -160l512 512zM1760 1280h-1600c-17 0 -32 -15 -32 -32v-1216c0 -17 15 -32 32 -32h1600c17 0 32 15 32 32v1216c0 17 -15 32 -32 32z
 M1920 1248v-1216c0 -88 -72 -160 -160 -160h-1600c-88 0 -160 72 -160 160v1216c0 88 72 160 160 160h1600c88 0 160 -72 160 -160z" />
@@ -1918,10 +1924,11 @@ c14 0 27 -9 31 -23zM736 1504v-224h-352v224c0 18 14 32 32 32h288c18 0 32 -14 32 -
 d="M1024 288v-416h-928c-53 0 -96 43 -96 96v1344c0 53 43 96 96 96h1344c53 0 96 -43 96 -96v-928h-416c-53 0 -96 -43 -96 -96zM1152 256h381c-9 -48 -35 -102 -65 -132l-184 -184c-30 -30 -84 -56 -132 -65v381z" />
     <glyph glyph-name="user" unicode="&#xf007;" horiz-adv-x="1280" 
 d="M1280 137c0 -146 -96 -265 -213 -265h-854c-117 0 -213 119 -213 265c0 263 65 567 327 567c81 -79 191 -128 313 -128s232 49 313 128c262 0 327 -304 327 -567zM1024 1024c0 -212 -172 -384 -384 -384s-384 172 -384 384s172 384 384 384s384 -172 384 -384z" />
-    <glyph glyph-name="php" unicode="&#xf30e;" 
+    <glyph glyph-name="php" unicode="&#xf30e;" horiz-adv-x="2299" 
-d="M768 1044c424 0 768 -181 768 -404s-344 -404 -768 -404s-768 181 -768 404s344 404 768 404zM701 934l-87 -418h83l50 239h67c21 0 35 -4 41 -12s8 -23 4 -42l-39 -185h85l40 194c8 44 3 73 -18 89c-20 16 -50 23 -91 24h-75l23 111h-83zM320 823v0l-87 -418h84l23 111
+d="M1149 1245c635 0 1150 -271 1150 -605s-515 -605 -1150 -605s-1149 271 -1149 605s514 605 1149 605zM1049 1081l-130 -627h125l74 359l100 -1c32 0 52 -6 62 -18s12 -33 6 -62l-58 -278h126l61 291c13 65 4 109 -27 132c-30 23 -77 36 -138 37h-111l35 167h-125z
-h72c25 0 49 3 72 8s44 19 64 39c16 16 30 33 39 53c10 20 16 40 19 61c7 45 -1 80 -22 106s-56 40 -103 40h-161zM1035 823l-87 -418h84l23 111h73c25 0 48 3 71 8s44 19 64 39c16 16 30 33 39 53c10 20 16 40 19 61c7 45 0 80 -21 106s-57 40 -104 40h-161zM416 757v0
+M478 914v0l-129 -625h126l34 165h108c37 0 73 5 107 13s66 27 96 57c25 24 44 50 58 80s24 60 28 91c11 67 1 121 -31 160s-84 58 -155 59h-242zM1549 914l-130 -625h126l34 165h109c37 0 72 5 106 13s67 27 97 57c25 24 43 50 57 80s24 60 28 91c11 67 1 121 -31 160
-c32 0 59 -3 80 -9c22 -6 29 -30 22 -71c-9 -49 -26 -77 -52 -85s-57 -11 -96 -11h-9c-2 0 -5 1 -7 1l36 174h12c4 0 9 1 14 1zM1131 757v0c32 0 59 -3 80 -9c22 -6 29 -30 22 -71c-9 -49 -26 -77 -52 -85s-57 -11 -96 -11h-9c-2 0 -5 1 -7 1l36 174h12c4 0 9 1 14 1z" />
+s-84 58 -155 59h-241zM623 815v0c48 1 88 -4 120 -13s43 -45 32 -106c-13 -73 -38 -115 -77 -127s-87 -18 -145 -17h-12c-3 0 -8 1 -11 1l54 261h18c7 0 14 0 21 1zM1693 815v0c48 1 88 -4 120 -13s44 -45 33 -106c-13 -73 -39 -115 -78 -127s-87 -18 -145 -17h-12
+c-3 0 -8 1 -11 1l54 261h18c7 0 14 0 21 1z" />
     <glyph glyph-name="ioxhost" unicode="&#xf208;" horiz-adv-x="2048" 
 d="M1463 704c0 -47 -38 -86 -86 -86h-702c-48 0 -86 39 -86 86s38 86 86 86h702c48 0 86 -39 86 -86zM1677 704c0 59 -8 115 -23 170h-982c-48 0 -86 38 -86 85c0 48 38 86 86 86h908c-115 187 -321 311 -555 311c-360 0 -653 -292 -653 -652c0 -59 8 -115 23 -170h982
 c48 0 86 -38 86 -85c0 -48 -38 -86 -86 -86h-908c115 -187 321 -311 556 -311c359 0 652 292 652 652zM2048 959c0 -47 -38 -85 -86 -85h-131c11 -55 17 -112 17 -170c0 -454 -369 -824 -823 -824c-333 0 -620 198 -750 483h-189c-48 0 -86 38 -86 86c0 47 38 85 86 85h132
@@ -2227,6 +2234,11 @@ v66c282 -8 528 -159 667 -385zM1748 640c0 470 -382 852 -852 852s-852 -382 -852 -8
     <glyph glyph-name="server" unicode="&#xf233;" horiz-adv-x="1792" 
 d="M128 128h1024v128h-1024v-128zM128 640h1024v128h-1024v-128zM1696 192c0 53 -43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96s96 43 96 96zM128 1152h1024v128h-1024v-128zM1696 704c0 53 -43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96s96 43 96 96zM1696 1216
 c0 53 -43 96 -96 96s-96 -43 -96 -96s43 -96 96 -96s96 43 96 96zM1792 384v-384h-1792v384h1792zM1792 896v-384h-1792v384h1792zM1792 1408v-384h-1792v384h1792z" />
+    <glyph glyph-name="inkscape" unicode="&#xf312;" 
+d="M755 1398v0c47 0 95 -17 131 -52l588 -601c234 -234 -259 -288 -401 -371c-50 -51 153 -85 132 -147c-42 -126 -157 -45 -280 -171c-50 -51 95 -46 45 -97c-93 -68 -285 -115 -300 -32c-21 117 -135 68 -185 119s101 104 51 155s-299 97 -349 148s191 88 141 139
+c-138 68 -461 41 -269 278l567 580c34 35 82 52 129 52zM760 1343v0c-34 0 -68 -13 -93 -38c-49 -50 -140 -138 -219 -223c-45 -45 -40 -109 10 -109h123l80 139l49 -199l149 95l93 -49l22 131l111 -89c12 12 12 54 -9 76l-224 228c-24 25 -58 38 -92 38zM491 456
+c-74 0 219 -119 279 -103c27 14 40 34 21 38c-56 9 -285 56 -300 65zM1390 297c43 -1 86 -22 100 -63c0 -54 -212 -36 -212 -7c13 47 63 71 112 70zM409 172c26 0 50 -8 64 -26c-23 -61 -101 -115 -151 -72c-57 50 21 99 87 98zM1251 168c71 -14 85 -65 71 -79
+c-64 -38 -136 21 -71 79z" />
     <glyph glyph-name="search-minus" unicode="&#xf010;" horiz-adv-x="1664" 
 d="M1024 736v-64c0 -17 -15 -32 -32 -32h-576c-17 0 -32 15 -32 32v64c0 17 15 32 32 32h576c17 0 32 -15 32 -32zM1152 704c0 247 -201 448 -448 448s-448 -201 -448 -448s201 -448 448 -448s448 201 448 448zM1664 -128c0 -71 -57 -128 -128 -128c-34 0 -67 14 -90 38
 l-343 342c-117 -81 -257 -124 -399 -124c-389 0 -704 315 -704 704s315 704 704 704s704 -315 704 -704c0 -142 -43 -282 -124 -399l343 -343c23 -23 37 -56 37 -90z" />

scss/_overrides.scss

@@ -28,4 +28,12 @@ header {
   font-size: calc(4mm + 0.4vw);
   line-height: 1.5em;
   padding: 1em;
+  font-weight:300;
+  p, em, p em {
+    font-weight:300;
+  }
+}
+
+.comment {
+  margin-bottom: 1.333em;
 }