Header partial wip

This commit is contained in:
Hazem Krimi
2023-10-31 00:10:41 +01:00
parent 44705e17f7
commit 4e31b2877b
21 changed files with 239 additions and 31 deletions
+1
View File
@@ -14,6 +14,7 @@
<script defer src="{{ $scripts.Permalink }}"></script>
</head>
<body>
{{ partial "header.html" . }}
<main>
{{ block "main" . }}{{ end }}
</main>
-1
View File
@@ -1,4 +1,3 @@
{{ define "main" }}
{{ partial "theme-switch.html" . }}
{{ .Content }}
{{ end }}
+28
View File
@@ -0,0 +1,28 @@
{{ $styles := resources.Get "css/partials/header.css" | toCSS | minify |
fingerprint }} {{ $headerFaceImage := resources.Get "images/header-face.png" }}
<header>
<link rel="stylesheet" href="{{ $styles.Permalink }}" />
<div id="header-face">
<img src="{{ $headerFaceImage.Permalink }}" alt="Hazem Krimi" />
<h3>Hazem Krimi</h3>
</div>
<div id="menus">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/projects">Projects</a>
<a href="/blog">Blog</a>
<a href="/contact">Contact</a>
</div>
<div id="links">
<a href="/"> {{ readFile "assets/icons/linkedin.svg" | safeHTML }} </a>
<a href="/"> {{ readFile "assets/icons/twitter.svg" | safeHTML }} </a>
<a href="/"> {{ readFile "assets/icons/github.svg" | safeHTML }} </a>
<a href="/"> {{ readFile "assets/icons/rss.svg" | safeHTML }} </a>
<a href="/"> {{ readFile "assets/icons/cv.svg" | safeHTML }} </a>
<div class="vertical-separator"></div>
<a href="#" id="theme-toggle">
{{ readFile "assets/icons/sun.svg" | safeHTML }}
</a>
</div>
</header>