1 files changed, 44 insertions, 58 deletions
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 41bfd71..33f5ad2 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,65 +1,51 @@
-{{ if .Site.Author.gravataremail }}
-    {{ .Scratch.Set "authorPicture" (printf "//www.gravatar.com/avatar/%s" (urlize (md5 (.Site.Author.gravataremail )))) }}
-{{ else if .Site.Author.picture }}
-    {{ .Scratch.Set "authorPicture" (absURL .Site.Author.picture) }}
-{{ end }}
-
-<nav id="sidebar" class="w5-ns w-100 bg-gray vh-100 fixed z-2 overflow-auto dn" style="background-image:url('{{ .Site.Params.coverImage | absURL }}');">
-    <a class="bg-black white link dim db pa3 tc pointer" onclick="w3_close()">
-        Close &times;
+<nav class="bg-lime-700">
+  <div
+    class="max-w-screen-md mx-auto text-white flex justify-between items-center"
+  >
+    <a href="{{ site.BaseURL | relLangURL }}" class="">
+      {{ with resources.Get .Site.Params.logo }}
+        <img
+          height="{{ site.Params.logo_height }}"
+          class="v-btm"
+          src="{{ .Permalink }}"
+          alt="{{ site.Title }}"
+        />
+      {{ end }}
+      <span class="pl-2 text-4xl leading-normal berkshire-swash">
+        {{ .Site.Title }}
+      </span>
     </a>
-
-    <div class="tc pv4">
-        <a href="/#about" class="white link">
-            {{ with ($.Scratch.Get "authorPicture") }}
-            <img class="br-100" src="{{ . }}{{ if in . "//www.gravatar.com/avatar/" }}?s=110{{ end }}"/>
-            {{ end }}
-            <h3 class="f3">
-                {{ .Site.Author.name }}
-            </h3>
+    <input class="menu-btn hidden" type="checkbox" id="menu-btn" />
+    <label class="menu-icon p-2 md:hidden" for="menu-btn">
+      <span class="navicon bg-white"></span>
+    </label>
+    <div
+      class="menu bg-lime-700 md:w-fit md:flex-row md:max-h-none md:static top-12"
+    >
+      {{ range .Site.Menus.main }}
+        <a class="hover:bg-lime-500 p-4" href="{{ .PageRef | relLangURL }}">
+          {{ .Pre }}
+          {{- T .Name | title -}}
         </a>
+      {{ end }}
     </div>
-    <ul class="list">
-        {{ range .Site.Menus.main }}
-        <li class="pv2">
-            <a class="link white db grow" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
-                {{ .Pre }} {{ .Name }}</a>
-        </li>
-        {{ end }}
-    </ul>
-    <ul class="list">
-        {{ range .Site.Menus.links }}
-        <li class="pv2">
-            <a class="link white db grow" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
-                {{ .Pre }} {{ .Name }}</a>
-        </li>
-        {{ end }}
-    </ul>
 
-    <ul class="list">
-        {{ range .Site.Menus.misc }}
-        <li class="pv2">
-            <a class="link white db grow" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
-                {{ .Pre }} {{ .Name }}</a>
-        </li>
+    {{ if .IsTranslated }}
+      <select
+        name="lang"
+        class="mr-2 p-1 text-center border border-black-20 rounded-md bg-white text-black"
+        onchange="self.location=options[selectedIndex].value"
+      >
+        <option value="{{ .Permalink }}">
+          {{ .Language.Lang }}
+        </option>
+        {{ range .Translations }}
+          <option value="{{ .Permalink }}">
+            {{ .Language.Lang }}
+          </option>
         {{ end }}
-    </ul>
-
-</nav>
-
-<nav class="fixed z-1 dt w-100 border-box pa2 bb b--black-30 bg-near-white">
-
-    <a class="dtc dib v-mid dim " onclick="w3_open()">
-        <i class="fa fa-lg fa-bars black"></i>
-    </a>
-
-    <a href="{{ "/" | relLangURL }}" class="dtc v-mid link dim tc">
-        <div class="f4 dib black-80 b">{{ .Site.Title }}</div>
-    </a>
-
-    {{ with ($.Scratch.Get "authorPicture") }}
-    <a href="/#about" class="dtc dim tr">
-        <img class="dib v-mid dib w2 h2 br-100" src="{{ . }}{{ if in . "//www.gravatar.com/avatar/" }}?s=90{{ end }}"/>
-    </a>
+      </select>
     {{ end }}
+
+  </div>
 </nav>