Revised header (Doesn't work on mobile!!)

2023-09-07 15:37:02 +01:00
parent fb787e3fbd
commit 3460b7ead0
9 changed files with 80 additions and 4 deletions
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -0,0 +1,18 @@
+<style>
+@keyframes blinker {
+  50% {
+    opacity: 0;
+  }
+}
+</style>
+<header class="header">
+ <div style="font-size: 2em;">
+ <span style="margin-bottom: -0.4;">HYPER
+  <hr style="width: 100%; border: 3px solid #7df9ff; border-radius: 5px; margin-bottom: -0.4em; margin-top: -0.39em;">
+  LIGHT <small style="font-size: 0.6em;">Technical Services</small>
+   <img src="lightning-helix.png" style="height: 100px; width: 100px; animation: blinker 1s linear;"/>
+  </div>
+{{ if len $.Site.Menus }}
+    {{ partial "menu.html" . }}
+  {{ end }}
+</header>