feat: add logo (#21)

Author: greatislander

src/_includes/partials/components/brand.njk

@@ -1,10 +1,7 @@
             <div class="brand">
-                {% if lang and lang !== defaultLanguage %}
-                {% set homeUrl = "/" + supportedLanguages[locale].slug %}
-                {% else %}
-                {% set lang = defaultLanguage %}
-                {% set homeUrl = "/" %}
-                {% endif %}
-
-                <a rel="home" href="{{ homeUrl }}"{% if page.url === homeUrl %} aria-current="page"{% endif %}>{{ site[locale].name }}</a>
+                <a rel="home" href="/"{% if page.url === '/' %} aria-current="page"{% endif %}>
+                  {% include "svg/logo.svg" %}
+                  {# {% include "svg/logo-mono.svg" %} #}
+                  <span class="visually-hidden">{{ site.name }}</span>
+                </a>
             </div>

src/_includes/svg/logo.svg

@@ -31,7 +31,15 @@
     fill: var(--fl-bgColor, #fff);
   }
 
-  &.mono {
-    display: none;
+  .cls-4 {
+    fill: var(--fl-linkColor, #33717f);
+  }
+
+  .cls-5 {
+    stroke: var(--fl-linkColor, #30454f);
+  }
+
+  .cls-6 {
+    stroke: var(--fl-bgColor, #fff);
   }
 }

src/assets/icons/apple-touch-icon.png

@@ -19,13 +19,13 @@
     color: var(--fl-bgColor) !important;
   }
 
-  .brand .logo {
-    display: none !important;
+  // .brand .logo {
+  //   display: none !important;
 
-    &.mono {
-      display: block !important;
-    }
-  }
+  //   &.mono {
+  //     display: block !important;
+  //   }
+  // }
 
   .call-to-action {
     border: var(--border-thin) solid var(--fl-fgColor);