jekyll-wren 0.4 → 0.4.1

data/_sass/wren/layout.scss

@@ -1,295 +1,295 @@
-// The layout file, as the name suggests, controls the structure of the
-// website pages themselves. It starts with the header which is used as
-// a container for the navigation tools, then the footer, and finally
-// the main content itself working inwards and downwards through its
-// components: .page-content to paginator controls.
-
-
-// Header
-// ======
-
-.site-header {
-  // Most the styles that were here were for .site-nav
-  display: inline-block;
-}
-
-.site-nav {
-  // Horizontal navigation bar on small screens
-  position: fixed;  // don't want navigation icons moving
-  width: 100%;
-  height: $nav-bar-height;
-  border-bottom: 1px solid $border-color;
-  background-color: $nav-color;
-  display: block;
-  box-shadow: $base-shadow;
-  @extend %clearfix;
-
-  // Buttons on the nav bar
-  .page-link {
-    svg {
-      padding: $nav-bar-height/4;
-      width: $nav-bar-height/2;
-      height: $nav-bar-height/2;
-      fill: $brand-color-dark;
-      filter: $base-drop-shadow;
-    }
-    margin: auto;
-    display: inline-block;
-    text-decoration: none;
-    width:  $nav-bar-height;
-    height: $nav-bar-height;
-  }
-  // make it obvious which button is inspected
-  .page-link:hover, .page-link:active {
-    svg { fill: lighten($brand-color-dark, 5%) }
-    background-color: darken($nav-color, 10%);
-    border-bottom: 1px solid darken($border-color, 10%);
-  }
-
-  // Vertical nav buttons on large screen
-  @include if-large {
-    background-color: transparent;
-    border-bottom: 0;
-    margin-left: $spacing-unit;
-    width: $nav-bar-height;
-    box-shadow: none;
-    align-items: right;
-    float: right;
-    margin-top: 30px;
-
-    .page-link {
-      display: block;
-      margin-left: auto;
-    }
-
-    .page-link:hover, .page-link:active {
-      svg { fill: lighten($brand-color-dark, 10%) }
-      background-color: transparent;
-      border-bottom: 0;
-    }
-  }
-}
-
-
-// Site footer
-// ===========
-
-.site-footer {
-  padding: 2*$spacing-unit $spacing-unit $spacing-unit;
-  @include relative-font-size(0.6);
-  color: $text-color;
-  text-align: center;
-  margin-top: auto;
-
-  a {
-    // Means there's no distinction for footer links
-    color: $link-visited-color;
-  }
-}
-
-.social-list {
-  display: table;
-  margin: $spacing-unit/2 auto 0 auto;
-  a {
-    text-decoration: none;
-    padding: $spacing-unit / 4;
-
-    svg {
-      fill: $text-color;
-      filter: $base-drop-shadow;
-      width: 16px;
-      height: 16px;
-    }
-
-    svg:hover, svg:active {
-      fill: lighten($brand-color-dark, 10%)
-    }
-  }
-}
-
-
-// Page content
-// ============
-
-.page-content {
-  // set size
-  width: $content-width;
-  max-width: 70%;
-  display: inline-block;  // NOTE Minima set this in default.html
-  // make it pretty
-  background-color: $page-color;
-  border-radius: $base-border-radius;
-  box-shadow: $base-shadow;
-  // external margins
-  margin: $spacing-unit+1.5*$nav-bar-height auto auto;
-  // internal padding
-  padding: $spacing-unit $spacing-unit 0 $spacing-unit;
-  // TODO find out what this does
-  @extend %clearfix;
-  // remove extra space for navigation bar if not on mobile
-  @include if-large {
-    margin-top: $spacing-unit;
-  }
-}
-
-.page-heading {
-  @include relative-font-size(2);
-}
-
-.post-meta {
-  font-size: $small-font-size;
-  color: $brand-color;
-
-  a {
-    color: $brand-color;
-    text-decoration: none;
-  }
-  a:hover, a:active {
-    text-decoration: underline dotted;
-  }
-
-  svg {
-    fill: $brand-color;
-    width: 16px;
-    height: 16px;
-  }
-}
-
-.post-link {
-  display: block;
-  @include relative-font-size(1.1);
-}
-
-
-// Post Lists
-// =========
-
-.post-list-page {
-  // post lists pages have a special header class
-  .post-list-header {
-    // they have slightly smaller font
-    @include relative-font-size(1.5);
-
-    // they need less space
-    margin-top: $spacing-unit * 1.5;
-    margin-bottom: $spacing-unit / 2;
-
-    // we wanted to hide their anchor links...
-    a {
-      color: $text-color;
-      text-decoration: none;
-    }
-    // ...unless they're being inspected
-    a:hover, a:active {
-      text-decoration: underline dotted;
-    }
-  }
-
-  .post-list {
-    margin-left: 0;
-    list-style: none;
-
-    > li {
-      margin-bottom: $spacing-unit;
-    }
-  }
-}
-
-.tag-cloud {
-  text-align: center;
-  margin-top: -$spacing-unit/2;
-  margin-bottom: $spacing-unit/2;
-}
-
-
-// Posts
-// =====
-
-.post-header {
-  margin-bottom: $spacing-unit;
-}
-
-.post-title,
-.post-content h1 {
-  @include relative-font-size(2.625);
-  letter-spacing: -1px;
-  line-height: 1.15;
-
-  @media in-large {
-    @include relative-font-size(2.625);
-  }
-}
-
-.post-content {
-  margin-bottom: $spacing-unit;
-
-  h1, h2, h3 { margin-top: $spacing-unit * 2 }
-  h4, h5, h6 { margin-top: $spacing-unit }
-
-  h2 {
-    @include relative-font-size(1.75);
-
-    @media in-large {
-      @include relative-font-size(2);
-    }
-  }
-
-  h3 {
-    @include relative-font-size(1.375);
-
-    @media if-large {
-      @include relative-font-size(1.625);
-    }
-  }
-
-  h4 {
-    @include relative-font-size(1.25);
-  }
-
-  h5 {
-    @include relative-font-size(1.125);
-  }
-  h6 {
-    @include relative-font-size(1.0625);
-  }
-}
-
-
-// Error Pages
-// ===========
-
-.error {
-  text-align: center;
-
-  h1 {
-    margin: $spacing-unit/2 0;
-    font-size: 4em;
-  }
-}
-
-
-// Pagination navbar
-// =================
-
-.pagination {
-  margin: 1.5*$spacing-unit 0 $spacing-unit 0;
-  text-align: center;
-  font-size: $small-font-size;
-
-  // links, separators, and edges
-  a, div {
-    color: $brand-color;
-    display: inline;
-    padding: $spacing-unit / 4;
-
-    // edgers are lighter
-    &.pager-edge {
-      color: $brand-color-light;
-    }
-  }
-
-  // distinguish link with dotted underline on inspection
-  a:hover, a:active {
-    text-decoration: underline dotted;
-  }
-}
+// The layout file, as the name suggests, controls the structure of the
+// website pages themselves. It starts with the header which is used as
+// a container for the navigation tools, then the footer, and finally
+// the main content itself working inwards and downwards through its
+// components: .page-content to paginator controls.
+
+
+// Header
+// ======
+
+.site-header {
+  // Most the styles that were here were for .site-nav
+  display: inline-block;
+}
+
+.site-nav {
+  // Horizontal navigation bar on small screens
+  position: fixed;  // don't want navigation icons moving
+  width: 100%;
+  height: $nav-bar-height;
+  border-bottom: 1px solid $border-color;
+  background-color: $nav-color;
+  display: block;
+  box-shadow: $base-shadow;
+  @extend %clearfix;
+
+  // Buttons on the nav bar
+  .page-link {
+    svg {
+      padding: $nav-bar-height/4;
+      width: $nav-bar-height/2;
+      height: $nav-bar-height/2;
+      fill: $brand-color-dark;
+      filter: $base-drop-shadow;
+    }
+    margin: auto;
+    display: inline-block;
+    text-decoration: none;
+    width:  $nav-bar-height;
+    height: $nav-bar-height;
+  }
+  // make it obvious which button is inspected
+  .page-link:hover, .page-link:active {
+    svg { fill: lighten($brand-color-dark, 5%) }
+    background-color: darken($nav-color, 10%);
+    border-bottom: 1px solid darken($border-color, 10%);
+  }
+
+  // Vertical nav buttons on large screen
+  @include if-large {
+    background-color: transparent;
+    border-bottom: 0;
+    margin-left: $spacing-unit;
+    width: $nav-bar-height;
+    box-shadow: none;
+    align-items: right;
+    float: right;
+    margin-top: 30px;
+
+    .page-link {
+      display: block;
+      margin-left: auto;
+    }
+
+    .page-link:hover, .page-link:active {
+      svg { fill: lighten($brand-color-dark, 10%) }
+      background-color: transparent;
+      border-bottom: 0;
+    }
+  }
+}
+
+
+// Site footer
+// ===========
+
+.site-footer {
+  padding: 2*$spacing-unit $spacing-unit $spacing-unit;
+  @include relative-font-size(0.6);
+  color: $text-color;
+  text-align: center;
+  margin-top: auto;
+
+  a {
+    // Means there's no distinction for footer links
+    color: $link-visited-color;
+  }
+}
+
+.social-list {
+  display: table;
+  margin: $spacing-unit/2 auto 0 auto;
+  a {
+    text-decoration: none;
+    padding: $spacing-unit / 4;
+
+    svg {
+      fill: $text-color;
+      filter: $base-drop-shadow;
+      width: 16px;
+      height: 16px;
+    }
+
+    svg:hover, svg:active {
+      fill: lighten($brand-color-dark, 10%)
+    }
+  }
+}
+
+
+// Page content
+// ============
+
+.page-content {
+  // set size
+  width: $content-width;
+  max-width: 70%;
+  display: inline-block;  // NOTE Minima set this in default.html
+  // make it pretty
+  background-color: $page-color;
+  border-radius: $base-border-radius;
+  box-shadow: $base-shadow;
+  // external margins
+  margin: $spacing-unit+1.5*$nav-bar-height auto auto;
+  // internal padding
+  padding: $spacing-unit $spacing-unit 0 $spacing-unit;
+  // TODO find out what this does
+  @extend %clearfix;
+  // remove extra space for navigation bar if not on mobile
+  @include if-large {
+    margin-top: $spacing-unit;
+  }
+}
+
+.page-heading {
+  @include relative-font-size(2);
+}
+
+.post-meta {
+  font-size: $small-font-size;
+  color: $brand-color;
+
+  a {
+    color: $brand-color;
+    text-decoration: none;
+  }
+  a:hover, a:active {
+    text-decoration: underline dotted;
+  }
+
+  svg {
+    fill: $brand-color;
+    width: 16px;
+    height: 16px;
+  }
+}
+
+.post-link {
+  display: block;
+  @include relative-font-size(1.1);
+}
+
+
+// Post Lists
+// =========
+
+.post-list-page {
+  // post lists pages have a special header class
+  .post-list-header {
+    // they have slightly smaller font
+    @include relative-font-size(1.5);
+
+    // they need less space
+    margin-top: $spacing-unit * 1.5;
+    margin-bottom: $spacing-unit / 2;
+
+    // we wanted to hide their anchor links...
+    a {
+      color: $text-color;
+      text-decoration: none;
+    }
+    // ...unless they're being inspected
+    a:hover, a:active {
+      text-decoration: underline dotted;
+    }
+  }
+
+  .post-list {
+    margin-left: 0;
+    list-style: none;
+
+    > li {
+      margin-bottom: $spacing-unit;
+    }
+  }
+}
+
+.tag-cloud {
+  text-align: center;
+  margin-top: -$spacing-unit/2;
+  margin-bottom: $spacing-unit/2;
+}
+
+
+// Posts
+// =====
+
+.post-header {
+  margin-bottom: $spacing-unit;
+}
+
+.post-title,
+.post-content h1 {
+  @include relative-font-size(2.625);
+  letter-spacing: -1px;
+  line-height: 1.15;
+
+  @media in-large {
+    @include relative-font-size(2.625);
+  }
+}
+
+.post-content {
+  margin-bottom: $spacing-unit;
+
+  h1, h2, h3 { margin-top: $spacing-unit * 2 }
+  h4, h5, h6 { margin-top: $spacing-unit }
+
+  h2 {
+    @include relative-font-size(1.75);
+
+    @media in-large {
+      @include relative-font-size(2);
+    }
+  }
+
+  h3 {
+    @include relative-font-size(1.375);
+
+    @media if-large {
+      @include relative-font-size(1.625);
+    }
+  }
+
+  h4 {
+    @include relative-font-size(1.25);
+  }
+
+  h5 {
+    @include relative-font-size(1.125);
+  }
+  h6 {
+    @include relative-font-size(1.0625);
+  }
+}
+
+
+// Error Pages
+// ===========
+
+.error {
+  text-align: center;
+
+  h1 {
+    margin: $spacing-unit/2 0;
+    font-size: 4em;
+  }
+}
+
+
+// Pagination navbar
+// =================
+
+.pagination {
+  margin: 1.5*$spacing-unit 0 $spacing-unit 0;
+  text-align: center;
+  font-size: $small-font-size;
+
+  // links, separators, and edges
+  a, div {
+    color: $brand-color;
+    display: inline;
+    padding: $spacing-unit / 4;
+
+    // edgers are lighter
+    &.pager-edge {
+      color: $brand-color-light;
+    }
+  }
+
+  // distinguish link with dotted underline on inspection
+  a:hover, a:active {
+    text-decoration: underline dotted;
+  }
+}

data/assets/flav.svg

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
- <path d="m8 1-8 8h2v6h12v-6h2l-3-3v-4h-2v2z" color="#000000" fill="#9b9da3" stroke-width=".66667"/>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <path d="m8 1-8 8h2v6h12v-6h2l-3-3v-4h-2v2z" color="#000000" fill="#9b9da3" stroke-width=".66667"/>
+</svg>

data/assets/nav-icons/about.svg

@@ -1,3 +1,3 @@
-<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-  <path d="m12 1c-6.0751 0-11 4.9249-11 11 0 6.0751 4.9249 11 11 11 6.0751 0 11-4.9249 11-11 0-6.0751-4.9249-11-11-11zm-0.0098 2h0.0098c4.9706 0 9 4.0294 9 9-4.14e-4 1.7929-0.53634 3.5449-1.5391 5.0312-0.54952-2.1115-1.3794-2.8592-2.9609-3.0312-1.5 1.4693-2.7592 1.9991-4.5 2-1.7415-2.37e-4 -3-0.49194-4.5-2-1.5808 0.17292-2.4118 0.92143-2.9609 3.0332-1.0031-1.4869-1.539-3.2396-1.5391-5.0332-2.9e-6 -4.9668 4.0235-8.9946 8.9902-9zm0.0098 2c-2.7614 0-5 2.2386-5 5 0 2.7614 2.2386 5 5 5 2.7614 0 5-2.2386 5-5 0-2.7614-2.2386-5-5-5z"/>
+<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+  <path d="m12 1c-6.0751 0-11 4.9249-11 11 0 6.0751 4.9249 11 11 11 6.0751 0 11-4.9249 11-11 0-6.0751-4.9249-11-11-11zm-0.0098 2h0.0098c4.9706 0 9 4.0294 9 9-4.14e-4 1.7929-0.53634 3.5449-1.5391 5.0312-0.54952-2.1115-1.3794-2.8592-2.9609-3.0312-1.5 1.4693-2.7592 1.9991-4.5 2-1.7415-2.37e-4 -3-0.49194-4.5-2-1.5808 0.17292-2.4118 0.92143-2.9609 3.0332-1.0031-1.4869-1.539-3.2396-1.5391-5.0332-2.9e-6 -4.9668 4.0235-8.9946 8.9902-9zm0.0098 2c-2.7614 0-5 2.2386-5 5 0 2.7614 2.2386 5 5 5 2.7614 0 5-2.2386 5-5 0-2.7614-2.2386-5-5-5z"/>
 </svg>

data/assets/nav-icons/blog.svg

@@ -1,3 +1,3 @@
-<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-  <path d="m4 2v2h-4v15.273c-1.4803e-16 0.75757 0.21875 1.4013 0.65625 1.9316s0.96875 0.79492 1.5938 0.79492h18.75c2 0 3-1 3-3v-17h-20zm2 2h16v15a1 1 0 0 1-1 1h-15v-16zm-4 2h2v13a1 1 0 0 1-1 1 1 1 0 0 1-1-1v-13zm7 0v2h10v-2h-10zm-1 4v2h12v-2h-12zm0 3v2h12v-2h-12zm0 3v2h12v-2h-12z"/>
+<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+  <path d="m4 2v2h-4v15.273c-1.4803e-16 0.75757 0.21875 1.4013 0.65625 1.9316s0.96875 0.79492 1.5938 0.79492h18.75c2 0 3-1 3-3v-17h-20zm2 2h16v15a1 1 0 0 1-1 1h-15v-16zm-4 2h2v13a1 1 0 0 1-1 1 1 1 0 0 1-1-1v-13zm7 0v2h10v-2h-10zm-1 4v2h12v-2h-12zm0 3v2h12v-2h-12zm0 3v2h12v-2h-12z"/>
 </svg>

data/assets/nav-icons/comments.svg

@@ -1,3 +1,3 @@
-<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-  <path d="m6 2c-2 0-4 2-4 4v10c0 2 2.2262 4 4 4h3.666l-0.66602 2c0 0.76861 0.44591 0.77704 1 0.5l5-2.5h3c2 0 4-2 4-4v-10c0-2-2-4-4-4h-12zm0 2h12c1 0 2 1 2 2v10c0 1-0.99653 2-2 2h-12c-1 0-2-1-2-2v-10c0-1 1-2 2-2zm2 3c-0.554 0-1 0.446-1 1s0.446 1 1 1h8c0.554 0 1-0.446 1-1s-0.446-1-1-1h-8zm0 3c-0.554 0-1 0.446-1 1s0.446 1 1 1h8c0.554 0 1-0.446 1-1s-0.446-1-1-1h-8zm0 3c-0.554 0-1 0.446-1 1s0.446 1 1 1h8c0.554 0 1-0.446 1-1s-0.446-1-1-1h-8z"/>
-</svg>
+<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+  <path d="m6 2c-2 0-4 2-4 4v10c0 2 2.2262 4 4 4h3.666l-0.66602 2c0 0.76861 0.44591 0.77704 1 0.5l5-2.5h3c2 0 4-2 4-4v-10c0-2-2-4-4-4h-12zm0 2h12c1 0 2 1 2 2v10c0 1-0.99653 2-2 2h-12c-1 0-2-1-2-2v-10c0-1 1-2 2-2zm2 3c-0.554 0-1 0.446-1 1s0.446 1 1 1h8c0.554 0 1-0.446 1-1s-0.446-1-1-1h-8zm0 3c-0.554 0-1 0.446-1 1s0.446 1 1 1h8c0.554 0 1-0.446 1-1s-0.446-1-1-1h-8zm0 3c-0.554 0-1 0.446-1 1s0.446 1 1 1h8c0.554 0 1-0.446 1-1s-0.446-1-1-1h-8z"/>
+</svg>

data/assets/nav-icons/default.svg

@@ -1,3 +1,3 @@
-<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-  <path d="m3 0c-0.554 0-1 0.446-1 1v22c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-16.418c0-0.582-0.37462-0.95665-0.56641-1.1484l-4.748-4.748c-0.22181-0.22181-0.68603-0.68555-1.1855-0.68555h-12.5zm1 2h9v5c0 1.1046 0.89543 2 2 2h5v13h-16v-20zm11 0 5 5h-5v-5zm-7 9a1 1 0 0 0-1 1 1 1 0 0 0 1 1h8a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-8zm0 3a1 1 0 0 0-1 1 1 1 0 0 0 1 1h8a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-8zm0 3a1 1 0 0 0-1 1 1 1 0 0 0 1 1h8a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-8z"/>
+<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+  <path d="m3 0c-0.554 0-1 0.446-1 1v22c0 0.554 0.446 1 1 1h18c0.554 0 1-0.446 1-1v-16.418c0-0.582-0.37462-0.95665-0.56641-1.1484l-4.748-4.748c-0.22181-0.22181-0.68603-0.68555-1.1855-0.68555h-12.5zm1 2h9v5c0 1.1046 0.89543 2 2 2h5v13h-16v-20zm11 0 5 5h-5v-5zm-7 9a1 1 0 0 0-1 1 1 1 0 0 0 1 1h8a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-8zm0 3a1 1 0 0 0-1 1 1 1 0 0 0 1 1h8a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-8zm0 3a1 1 0 0 0-1 1 1 1 0 0 0 1 1h8a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-8z"/>
 </svg>

data/assets/nav-icons/home.svg

@@ -1,4 +1,4 @@
-<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
- <path d="m12 7-8 8v6a1 1 0 0 0 1 1h5v-6h4v6h5a1 1 0 0 0 1-1v-6l-8-8z"/>
- <path d="m12 2-11 11 1.3398 1.3398 9.6602-9.3398 9.5 9.5 1.5-1.5-3-3v-4c0-0.554-0.446-1-1-1h-1c-0.554 0-1 0.446-1 1v1z"/>
-</svg>
+<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+ <path d="m12 7-8 8v6a1 1 0 0 0 1 1h5v-6h4v6h5a1 1 0 0 0 1-1v-6l-8-8z"/>
+ <path d="m12 2-11 11 1.3398 1.3398 9.6602-9.3398 9.5 9.5 1.5-1.5-3-3v-4c0-0.554-0.446-1-1-1h-1c-0.554 0-1 0.446-1 1v1z"/>
+</svg>

data/assets/nav-icons/rss.svg

@@ -1,3 +1,3 @@
-<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-  <path d="m3 2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1c8.2843 0 14 5.7157 14 14a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1c0-10.453-7.5617-17.936-18-18zm0 7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1c4.4183 0 7 2.5817 7 7a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1c0-6.6274-4.3726-11-11-11zm1.5 7c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5 2.5-1.1193 2.5-2.5-1.1193-2.5-2.5-2.5z"/>
+<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+  <path d="m3 2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1c8.2843 0 14 5.7157 14 14a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1c0-10.453-7.5617-17.936-18-18zm0 7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1c4.4183 0 7 2.5817 7 7a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1c0-6.6274-4.3726-11-11-11zm1.5 7c-1.3807 0-2.5 1.1193-2.5 2.5s1.1193 2.5 2.5 2.5 2.5-1.1193 2.5-2.5-1.1193-2.5-2.5-2.5z"/>
 </svg>

data/assets/nav-icons/top.svg

@@ -1,3 +1,3 @@
-<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
-  <path d="m21.764 15.541-2.0596 2.0472q-0.23573 0.23573-0.55831 0.23573t-0.55831-0.23573l-6.5881-6.5881-6.5881 6.5881q-0.23573 0.23573-0.55831 0.23573t-0.55831-0.23573l-2.0596-2.0472q-0.23573-0.23573-0.23573-0.56451 0-0.32879 0.23573-0.56452l9.206-9.1935q0.23573-0.23573 0.55831-0.23573 0.32258 0 0.55831 0.23573l9.206 9.1935q0.23573 0.23573 0.23573 0.56452 0 0.32878-0.23573 0.56451z" stroke-width=".012407"/>
+<svg id="nav" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+  <path d="m21.764 15.541-2.0596 2.0472q-0.23573 0.23573-0.55831 0.23573t-0.55831-0.23573l-6.5881-6.5881-6.5881 6.5881q-0.23573 0.23573-0.55831 0.23573t-0.55831-0.23573l-2.0596-2.0472q-0.23573-0.23573-0.23573-0.56451 0-0.32879 0.23573-0.56452l9.206-9.1935q0.23573-0.23573 0.55831-0.23573 0.32258 0 0.55831 0.23573l9.206 9.1935q0.23573 0.23573 0.23573 0.56452 0 0.32878-0.23573 0.56451z" stroke-width=".012407"/>
 </svg>

data/assets/nav-icons/work.svg

@@ -1,5 +1,5 @@
-<svg id="nav" width="24" height="24" version="1.1" xmlns="http://www.w3.org/2000/svg">
-  <path d="m1.9062 6c-0.50508 0-0.90625 0.41325-0.90625 0.90625v2.0938h8c0-0.555 0.445-1 1-1h4c0.551 0 1 0.445 1 1h8v-2.0938c0-0.493-0.3975-0.90625-0.90625-0.90625zm-0.90625 5v11.094c0 0.493 0.40117 0.90625 0.90625 0.90625h20.188c0.50875 0 0.90625-0.41325 0.90625-0.90625v-11.094h-8v3c0 0.551-0.449 1-1 1h-4c-0.555 0-1-0.449-1-1v-3zm3 8h16c0.554 0 1 0.446 1 1s-0.446 1-1 1h-16c-0.554 0-1-0.446-1-1s0.446-1 1-1z"/>
-  <path d="m12 9c0.551 0 1 0.445 1 1v3c0 0.551-0.449 1-1 1-0.555 0-1-0.449-1-1v-3c0-0.555 0.445-1 1-1"/>
-  <path d="m6.004 1c-0.555 0-1 0.449-1 1v4h2v-1.996c0-0.555 0.445-1 1-1h8c0.551 0 1 0.445 1 1v1.996h1.996v-4c0-0.551-0.445-1-1-1"/>
+<svg id="nav" width="24" height="24" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <path d="m1.9062 6c-0.50508 0-0.90625 0.41325-0.90625 0.90625v2.0938h8c0-0.555 0.445-1 1-1h4c0.551 0 1 0.445 1 1h8v-2.0938c0-0.493-0.3975-0.90625-0.90625-0.90625zm-0.90625 5v11.094c0 0.493 0.40117 0.90625 0.90625 0.90625h20.188c0.50875 0 0.90625-0.41325 0.90625-0.90625v-11.094h-8v3c0 0.551-0.449 1-1 1h-4c-0.555 0-1-0.449-1-1v-3zm3 8h16c0.554 0 1 0.446 1 1s-0.446 1-1 1h-16c-0.554 0-1-0.446-1-1s0.446-1 1-1z"/>
+  <path d="m12 9c0.551 0 1 0.445 1 1v3c0 0.551-0.449 1-1 1-0.555 0-1-0.449-1-1v-3c0-0.555 0.445-1 1-1"/>
+  <path d="m6.004 1c-0.555 0-1 0.449-1 1v4h2v-1.996c0-0.555 0.445-1 1-1h8c0.551 0 1 0.445 1 1v1.996h1.996v-4c0-0.551-0.445-1-1-1"/>
 </svg>