Initial Commit

layouts/partials/header.html

@@ -0,0 +1,33 @@
+{{- $header     := .Site.Params.header }}
+{{- $logo     := index $header "logo" }}
+{{- $links      := index $header "links" }}
+<link rel="stylesheet" href="/css/header.css">
+{{ $template := resources.Get "scss/progressbar.scss" }}
+{{ if $template }}
+{{ $progressbar := $template | resources.ExecuteAsTemplate "css/progressbar.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
+<link rel="stylesheet" type="text/css" href="{{ $progressbar.Permalink }}">
+{{ end }}
+<div class="progress"></div>
+<header class="header" id="header">
+    <div class="header-container">
+        <a class="home" href="{{ $logo.url }}"><img id="logo" class="logo" src="{{ $logo.image }}"></a>
+        <div class="header-items" id="header-items">
+            {{- range $links}}
+            <a class="header-item" href="{{ .url }}">{{ .text }}</a>
+            {{- end }}
+        <!-- <div class="header-item dropdown">
+            <button class="dropbtn">Portfolio 
+            <i class="fas fa-caret-down"></i>
+            </button>
+            <div class="dropdown-content">
+            <a href="#">Tauschmärkte</a>
+            <a href="#">Konsumkritischer Stadtrundgang</a>
+            <a href="#">Workshops</a>
+            </div>
+        </div> -->
+        </div>
+    </div>
+    <a href="javascript:void(0);" id="menu-icon" class="menu-icon" onclick="unfoldHeader()">&#9776;</a>
+</header>
+<script src="/js/header.js"></script>
+<script src="/js/progress.js"></script>