diff --git a/assets/css/partials/header.css b/assets/css/partials/header.css
index ac23ec1..8ea4605 100644
--- a/assets/css/partials/header.css
+++ b/assets/css/partials/header.css
@@ -51,7 +51,8 @@ header #links {
header #links .linkedin,
header #links .github,
-header #links .cv-paper-flip {
+header #links .cv-paper-flip,
+header #burger svg path {
stroke: var(--text);
}
@@ -62,6 +63,24 @@ header #links .moon {
fill: var(--text);
}
-header #links #theme-toggle {
+header #burger {
+ display: none;
+}
+
+header #links #theme-toggle, header #burger {
cursor: pointer;
}
+
+@media only screen and (max-width: 768px) {
+ header {
+ padding: 0.938rem 1.25rem;
+ }
+
+ header #menus, header #links {
+ display: none;
+ }
+
+ header #burger {
+ display: initial;
+ }
+}
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 4ee2a05..8920ce8 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,20 +1,25 @@
-{{ $styles := resources.Get "css/baseof.css" | toCSS | minify | fingerprint }}
-{{ $scripts := resources.Get "js/baseof.js" | js.Build | minify | fingerprint }}
+{{ $styles := resources.Get "css/baseof.css" | toCSS | minify }}
+{{ $scripts := resources.Get "js/baseof.js" | js.Build | minify }}
-
+
+
+
{{ block "styles" . }}{{ end }}
+
{{ block "title" . }}
{{ .Site.Title }}
{{ end }}
+
{{ partial "header.html" . }}
+
{{ block "main" . }}{{ end }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index a625b38..7382703 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,7 +1,8 @@
-{{ define "styles" }}
- {{ $styles := resources.Get "css/partials/header.css" | toCSS | minify | fingerprint }}
-
+{{ define "styles" }}
+ {{ $styles := resources.Get "css/partials/header.css" | toCSS | minify }}
+
+
{{ end }}
{{ $headerFaceImage := resources.Get "images/header-face.png" }}
@@ -34,4 +35,5 @@
data-sun="{{ $sun.Permalink }}"
>
+ {{ readFile "assets/icons/burger.svg" | safeHTML }}