From c068b277051a6a12ac5f95eef82ca749e7a88d32 Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Mon, 30 Apr 2018 03:44:57 +0200
Subject: [PATCH] Highlight selected page

Signed-off-by: Janne Koschinski <janne@kuschku.de>
---
 assets/stylesheets/_nav.sass     | 16 ++++++++++++----
 assets/stylesheets/style.css     | 22 ++++++++++++++++++----
 assets/stylesheets/style.css.map |  4 ++--
 index.html                       |  4 ++--
 index.pug                        |  2 +-
 privacy-policy/index.html        |  7 ++++++-
 privacy-policy/index.pug         |  2 +-
 7 files changed, 42 insertions(+), 15 deletions(-)

diff --git a/assets/stylesheets/_nav.sass b/assets/stylesheets/_nav.sass
index e3881a3..b5fcc39 100644
--- a/assets/stylesheets/_nav.sass
+++ b/assets/stylesheets/_nav.sass
@@ -17,6 +17,16 @@ nav
       display: block
       line-height: 56px
       margin: 0 8px
+      &.active a
+        color: #282828
+        &:after
+          content: ""
+          position: absolute
+          bottom: 0
+          right: 0
+          left: 0
+          height: 2px
+          background: #0075BF
       a
         display: flex
         align-items: center
@@ -29,7 +39,7 @@ nav
         font-size: 16px
         line-height: 1.25
         text-align: center
-        &:hover, &:active
+        &:hover, &:active, &:focus
           &:after
             content: ""
             position: absolute
@@ -37,9 +47,7 @@ nav
             right: 0
             left: 0
             height: 2px
-            background: #0075BF
-      &.active a
-        color: #282828
+            background: #757575
       &.spacer
         flex-grow: 1
       &.title a
diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
index cf81c84..ca6f4fd 100644
--- a/assets/stylesheets/style.css
+++ b/assets/stylesheets/style.css
@@ -30,6 +30,20 @@ nav {
       display: block;
       line-height: 56px;
       margin: 0 8px; }
+
+nav ul li.active a {
+  color: #282828;
+}
+
+nav ul li.active a:after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  height: 2px;
+  background: #0075BF;
+}
       nav ul li a {
         display: flex;
         align-items: center;
@@ -43,16 +57,16 @@ nav {
         line-height: 1.25;
         text-align: center;
       }
-        nav ul li a:hover:after, nav ul li a:active:after {
+
+nav ul li a:hover:after, nav ul li a:active:after, nav ul li a:focus:after {
           content: "";
           position: absolute;
           bottom: 0;
           right: 0;
           left: 0;
           height: 2px;
-          background: #0075BF; }
-      nav ul li.active a {
-        color: #282828; }
+  background: #757575;
+}
       nav ul li.spacer {
         flex-grow: 1; }
       nav ul li.title a {
diff --git a/assets/stylesheets/style.css.map b/assets/stylesheets/style.css.map
index e7e12cb..e67f6c1 100644
--- a/assets/stylesheets/style.css.map
+++ b/assets/stylesheets/style.css.map
@@ -11,10 +11,10 @@
 	"sourcesContent": [
 		"@import \"normalize\";\n@import \"nav\";\n@import \"header\";\n@import \"content\";\n",
 		"* {\n  margin: 0;\n  padding: 0; }\n\n*:focus {\n  outline: none; }\n\n*::-moz-focus-inner {\n  border: 0; }\n\nbody {\n  background: #fafafa;\n  font-family: \"Lato\", sans-serif;\n  font-size: 81.25%; }\n",
-    "nav {\n  position: sticky;\n  top: 0;\n  background: #ffffff;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  padding: 0 16px;\n  z-index: 100;\n\n  ul {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    max-width: 1024px;\n    margin: 0 auto;\n\n    li {\n      display: block;\n      line-height: 56px;\n      margin: 0 8px;\n      a {\n        display: flex;\n        align-items: center;\n        flex-direction: row;\n        height: 56px;\n        color: #757575;\n        text-decoration: none;\n        position: relative;\n        padding: 8px 8px 0 8px;\n        font-size: 16px;\n        line-height: 1.25;\n        text-align: center;\n        &:hover, &:active {\n          &:after {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            left: 0;\n            height: 2px;\n            background: #0075BF; } } }\n      &.active a {\n        color: #282828; }\n      &.spacer {\n        flex-grow: 1; }\n      &.title a {\n        padding: 4px 8px;\n        h1 {\n          display: inline-block;\n          img {\n            width: 32px;\n            height: 32px;\n            vertical-align: bottom; }\n          span {\n            color: #0075BF;\n            font-weight: bold;\n            font-size: 24px;\n            letter-spacing: -1px;\n            line-height: 24px;\n            margin-left: 4px;\n            @media (max-width: 480px) {\n              display: none; } } } } } } }\n",
+    "nav {\n  position: sticky;\n  top: 0;\n  background: #ffffff;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  padding: 0 16px;\n  z-index: 100;\n\n  ul {\n    display: flex;\n    align-items: center;\n    flex-direction: row;\n    max-width: 1024px;\n    margin: 0 auto;\n\n    li {\n      display: block;\n      line-height: 56px;\n      margin: 0 8px;\n      &.active a {\n        color: #282828;\n        &:after {\n          content: \"\";\n          position: absolute;\n          bottom: 0;\n          right: 0;\n          left: 0;\n          height: 2px;\n          background: #0075BF; } }\n      a {\n        display: flex;\n        align-items: center;\n        flex-direction: row;\n        height: 56px;\n        color: #757575;\n        text-decoration: none;\n        position: relative;\n        padding: 8px 8px 0 8px;\n        font-size: 16px;\n        line-height: 1.25;\n        text-align: center;\n        &:hover, &:active, &:focus {\n          &:after {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            left: 0;\n            height: 2px;\n            background: #757575; } } }\n      &.spacer {\n        flex-grow: 1; }\n      &.title a {\n        padding: 4px 8px;\n        h1 {\n          display: inline-block;\n          img {\n            width: 32px;\n            height: 32px;\n            vertical-align: bottom; }\n          span {\n            color: #0075BF;\n            font-weight: bold;\n            font-size: 24px;\n            letter-spacing: -1px;\n            line-height: 24px;\n            margin-left: 4px;\n            @media (max-width: 480px) {\n              display: none; } } } } } } }\n",
 		"header {\n  background: #0075BF;\n  display: block;\n  padding: 32px 0;\n  h2 {\n    font-size: 26px;\n    color: #ffffff;\n    text-align: center; }\n  p {\n    color: #f0f0f0; } }\n",
 		"section {\n  max-width: 1024px;\n  margin: 32px auto;\n  padding: 0 32px;\n  width: 100%;\n  box-sizing: border-box;\n  h2 {\n    font-size: 26px;\n    color: #252525;\n    margin-top: 1em; }\n  h3 {\n    font-size: 18px;\n    color: #252525;\n    margin-top: 1em; }\n  p {\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400;\n    margin-top: 1em; }\n  li {\n    font-size: 16px;\n    line-height: 1.6;\n    font-weight: 400; }\n  .centered {\n    text-align: center; }\n  ul:not(.cards) {\n    margin: 16px 0 16px 32px; }\n  ul.cards {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-evenly;\n    align-items: stretch;\n    li {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-items: center;\n      width: 256px;\n      margin: 0 16px;\n      text-decoration: none;\n      border-radius: 2px;\n      h2 {\n        font-weight: 300;\n        font-size: 22px;\n        margin-top: 32px;\n        margin-bottom: 8px; }\n      p {\n        font-weight: 300;\n        font-size: 16px;\n        margin-bottom: 32px;\n        text-align: center; }\n      .img {\n        flex-grow: 1;\n        display: flex;\n        align-items: end;\n        img {\n          max-height: 256px;\n          max-width: 256px; } }\n      a {\n        display: inline-block;\n        position: relative;\n        border: 0 none;\n        white-space: nowrap;\n        text-align: center;\n        font: inherit;\n        text-transform: uppercase;\n        text-decoration: none;\n        outline: 0 none;\n        border-radius: 3px;\n        cursor: pointer;\n        padding: 8px 16px;\n        font-weight: 500;\n        line-height: 20px;\n        font-size: 14px;\n        user-select: none;\n        min-width: 88px;\n        transition: background-size 500ms cubic-bezier(0.98, 0.005, 0.79, 1.005), background-color 500ms cubic-bezier(0.98, 0.005, 0.79, 1.005), color 500ms cubic-bezier(0.98, 0.005, 0.79, 1.005), box-shadow 300ms;\n        background: radial-gradient(circle, rgba(127, 127, 127, 0.1) 10%, transparent 10.001%, transparent) no-repeat center center;\n        background-size: 0;\n        color: #0075BF;\n        margin-top: 16px;\n        &:hover, &:focus, &:active {\n          background-color: rgba(127, 127, 127, 0.1);\n          background-size: 1200%; } } } } }\n"
 	],
 	"names": [],
-  "mappings": "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"
+  "mappings": "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"
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index d5dda77..a02b6be 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,7 @@
 <body>
 <nav>
   <ul>
-    <li class="title"><a href="/" title="Home"><h1><img src="../assets/images/logo.svg"/><span>kuschku.de</span></h1>
-    </a></li><!--lia(href="").
+    <li class="title active"><a href="/" title="Home"><h1><img src="../assets/images/logo.svg"/><span>kuschku.de</span>
+    </h1></a></li><!--lia(href="").
   Blog--><li class="spacer"></li><li><a href="https://accounts.kuschku.de/">Account</a></li><li><a href="/privacy-policy/">Privacy Policy</a></li></ul></nav><!--headerh2.
   About Me--><section><h2 class="centered">Services</h2><ul class="cards"><li><h2>ik8r</h2><p>An image hoster allowing images with title and description, albums, and animated gifs.</p><div class="img"><img src="https://i.k8r.eu/iMXe5wl"/></div><a href="https://i.k8r.eu/">Discover More</a></li><li><h2>Quassel Logs</h2><p>Public logs of the #quassel and associated IRC channels on Freenode</p><div class="img"><img src="https://i.k8r.eu/-7kDGgl"/></div><a href="https://gluu.kuschku.de/logs/">Discover More</a></li></ul><h2 class="centered">Projects</h2><ul class="cards"><li><h2>Powerline Go</h2><p>A beautiful and useful low-latency prompt for your shell, written in go.</p><div class="img"><img src="https://i.k8r.eu/1FxlXQl"/></div><a href="https://github.com/justjanne/powerline-go/">Discover More</a></li><li><h2>Quasseldroid</h2><p>An Android-based client for the decentralized Quassel IRC client.</p><div class="img"><img src="https://i.k8r.eu/7utRBgl"/></div><a href="https://quasseldroid.info">Discover More</a></li><li><h2>Quassel Rest Search</h2><p>A Proof-of-Concept search engine for Quassel logs based on PostgreSQL fulltext search</p><div class="img"><img src="https://i.k8r.eu/gTeF6Al"/></div><a href="https://github.com/justjanne/quassel-rest-search/">Discover More</a></li><li><h2>Quassel Icons</h2><p>The new common icons and colorscheme for all Quassel projects.</p><div class="img"><img src="https://i.k8r.eu/0Wx4qgl"/></div><a href="https://github.com/justjanne/quassel-icons">Discover More</a></li><li><h2>Imagehost</h2><p>The image hosting software powering ik8r.</p><div class="img"><img src="https://i.k8r.eu/iMXe5wl"/></div><a href="http://git.kuschku.de/justJanne/imghost-frontend">Discover More</a></li></ul></section><footer></footer></body></html>
\ No newline at end of file
diff --git a/index.pug b/index.pug
index e16d1b4..7ea6919 100644
--- a/index.pug
+++ b/index.pug
@@ -35,7 +35,7 @@ html(lang="en")
   body
     nav
       ul
-        li.title
+        li.title.active
           a(href="/" title="Home")
             h1
               img(src="../assets/images/logo.svg")
diff --git a/privacy-policy/index.html b/privacy-policy/index.html
index a542587..03b5d68 100644
--- a/privacy-policy/index.html
+++ b/privacy-policy/index.html
@@ -29,7 +29,12 @@
   <ul>
     <li class="title"><a href="/" title="Home"><h1><img src="../assets/images/logo.svg"/><span>kuschku.de</span></h1>
     </a></li><!--lia(href="").
-  Blog--><li class="spacer"></li><li><a href="https://accounts.kuschku.de/">Account</a></li><li><a href="/privacy-policy/">Privacy Policy</a></li></ul></nav><!--headerh2.
+  Blog-->
+    <li class="spacer"></li>
+    <li><a href="https://accounts.kuschku.de/">Account</a></li>
+    <li class="active"><a href="/privacy-policy/">Privacy Policy</a></li>
+  </ul>
+</nav><!--headerh2.
   About Me--><section><h2>Privacy Policy</h2><h3>Website</h3><p>While visiting our website, your computer transmits various pieces of data to our website. These vary based
 on browser and operating system, and usually include:</p><ul><li>Browser and version</li><li>Operating system and version</li><li>The previously visited website (Referrer URL)</li><li>Hostname and/or IP address of your computer</li><li>Time and date of the access</li></ul><p>We currently do not store or collect any of this information.
 </p><h3>App</h3><p>The app supports automatic crash reporting. In version 0.11 this is currently disabled, in later releases
diff --git a/privacy-policy/index.pug b/privacy-policy/index.pug
index 3bdc6f9..0dcd2b7 100644
--- a/privacy-policy/index.pug
+++ b/privacy-policy/index.pug
@@ -48,7 +48,7 @@ html(lang="en")
         li
           a(href="https://accounts.kuschku.de/").
             Account
-        li
+        li.active
           a(href="/privacy-policy/").
             Privacy Policy
     //header
-- 
GitLab