From 5b4490a845a3ecbd11e3215022f5d634aeca3c10 Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Sun, 8 Mar 2020 17:09:33 +0100
Subject: [PATCH] Showing compact logo on narrow screens.

---
 assets/components/header/header.vue | 26 +++++++++++++++++--
 assets/img/logo_t.svg               | 40 +++++++++++++++++++++++++++++
 2 files changed, 64 insertions(+), 2 deletions(-)
 create mode 100644 assets/img/logo_t.svg

diff --git a/assets/components/header/header.vue b/assets/components/header/header.vue
index de8632cc..23d02bed 100644
--- a/assets/components/header/header.vue
+++ b/assets/components/header/header.vue
@@ -4,7 +4,16 @@
             <router-link
                 to="/home"
                 class="logo-link"
-            ><h1 class="logo"><Icon icon="logo" /></h1></router-link>
+            ><h1 class="logo">
+                <Icon
+                    icon="logo"
+                />
+
+                <Icon
+                    icon="logo_t"
+                    class="logo-compact"
+                />
+            </h1></router-link>
 
             <nav class="nav">
                 <ul class="nolist">
@@ -126,6 +135,10 @@ export default {
         width: 6rem;
         height: 1.5rem;
     }
+
+    .logo-compact {
+        display: none;
+    }
 }
 
 .nav {
@@ -209,7 +222,16 @@ export default {
     }
 
     .logo {
-        display: none;
+        margin: 0;
+
+        .icon {
+            display: none;
+        }
+
+        .icon.logo-compact {
+            width: 1.5rem;
+            display: inline-block;
+        }
     }
 }
 </style>
diff --git a/assets/img/logo_t.svg b/assets/img/logo_t.svg
new file mode 100644
index 00000000..b9db0b9e
--- /dev/null
+++ b/assets/img/logo_t.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 2.9421661 7.8210821"
+   height="7.8210821mm"
+   width="2.9421661mm">
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-77.20239,-97.922958)"
+     id="layer1">
+    <g
+       id="text4520"
+       style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ff6c88;fill-opacity:1;stroke:none;stroke-width:0.26458332"
+       aria-label="traxxx">
+      <path
+         id="path828"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'URW Gothic';-inkscape-font-specification:'URW Gothic Bold';fill:#ff6c88;fill-opacity:1;stroke-width:0.26458332"
+         d="m 77.890306,105.74404 h 1.407584 v -4.58258 h 0.846666 V 99.880875 H 79.29789 v -1.957917 h -1.407584 v 1.957917 H 77.20239 v 1.280585 h 0.687916 z" />
+    </g>
+  </g>
+</svg>