From 7ea2e41f177630838fd4250c5a7d839e73ec3066 Mon Sep 17 00:00:00 2001
From: Siphalor <info@siphalor.de>
Date: Sat, 9 Apr 2022 19:20:59 +0200
Subject: [PATCH] Compact the header

---
 header.html | 190 +++++++---------------------------------------------
 1 file changed, 24 insertions(+), 166 deletions(-)

diff --git a/header.html b/header.html
index 5faf07a..5019da0 100644
--- a/header.html
+++ b/header.html
@@ -5,11 +5,6 @@
 		<meta charset="UTF-8" />
 		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<meta name="mobile-web-app-capable" content="yes" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="application-name" content="{{ site.title }}" />
-		<meta name="apple-mobile-web-app-status-bar-style" content="#fff" />
-		<meta name="apple-mobile-web-app-title" content="{{ site.title }}" />
 		<title>Directory Listing</title>
 		<link rel="apple-touch-icon" sizes="57x57" href="https://siphalor.de/assets/favicons/apple-icon-57x57.png">
 		<link rel="apple-touch-icon" sizes="60x60" href="https://siphalor.de/assets/favicons/apple-icon-60x60.png">
@@ -24,10 +19,6 @@
 		<link rel="icon" type="image/png" sizes="32x32" href="https://siphalor.de/assets/favicons/favicon-32x32.png">
 		<link rel="icon" type="image/png" sizes="96x96" href="https://siphalor.de/assets/favicons/favicon-96x96.png">
 		<link rel="icon" type="image/png" sizes="16x16" href="https://siphalor.de/assets/favicons/favicon-16x16.png">
-		<link rel="manifest" href="https://siphalor.de/assets/favicons/manifest.json">
-		<meta name="msapplication-TileColor" content="#ffffff">
-		<meta name="msapplication-TileImage" content="https://siphalor.de/assets/favicons/ms-icon-144x144.png">
-		<meta name="theme-color" content="#ffffff">
 		<style>
 			h1 {
 				text-align: center
@@ -66,174 +57,41 @@
 				<input type="checkbox" id="menu-trigger" class="menu-trigger" />
 				<label for="menu-trigger" role="presentation">
 					<span id="menu-icon" class="menu-icon focusable" aria-label="Toggle navigation menu" tabindex="0" role="button">
-						<svg
-								xmlns="http://www.w3.org/2000/svg"
-								width="24"
-								height="24"
-								viewBox="0 0 512 512"
-								role="presentation"
-								>
-								<path
-										d="M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z"
-										/>
+						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" role="presentation">
+							<path d="M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z" />
 						</svg>
 					</span>
 				</label>
 				<a id="mode" aria-label="Toggle light and dark theme" tabindex="0">
-					<svg
-							class="mode-sunny"
-							xmlns="http://www.w3.org/2000/svg"
-							width="24"
-							height="24"
-							viewBox="0 0 512 512"
-							>
-							<title>LIGHT</title>
-							<line
-									x1="256"
-									y1="48"
-									x2="256"
-									y2="96"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="256"
-									y1="416"
-									x2="256"
-									y2="464"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="403.08"
-									y1="108.92"
-									x2="369.14"
-									y2="142.86"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="142.86"
-									y1="369.14"
-									x2="108.92"
-									y2="403.08"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="464"
-									y1="256"
-									x2="416"
-									y2="256"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="96"
-									y1="256"
-									x2="48"
-									y2="256"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="403.08"
-									y1="403.08"
-									x2="369.14"
-									y2="369.14"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="142.86"
-									y1="142.86"
-									x2="108.92"
-									y2="108.92"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<circle
-									cx="256"
-									cy="256"
-									r="80"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
+					<svg class="mode-sunny" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512">
+						<title>LIGHT</title>
+						<line x1="256" y1="48" x2="256" y2="96" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="256" y1="416" x2="256" y2="464" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="403.08" y1="108.92" x2="369.14" y2="142.86" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="142.86" y1="369.14" x2="108.92" y2="403.08" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="464" y1="256" x2="416" y2="256" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="96" y1="256" x2="48" y2="256" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="403.08" y1="403.08" x2="369.14" y2="369.14" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="142.86" y1="142.86" x2="108.92" y2="108.92" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<circle cx="256" cy="256" r="80" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
 					</svg>
-					<svg
-							class="mode-moon"
-							xmlns="http://www.w3.org/2000/svg"
-							width="24"
-							height="24"
-							viewBox="0 0 512 512"
-							>
-							<title>DARK</title>
-							<line
-									x1="256"
-									y1="48"
-									x2="256"
-									y2="96"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="256"
-									y1="416"
-									x2="256"
-									y2="464"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="403.08"
-									y1="108.92"
-									x2="369.14"
-									y2="142.86"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="142.86"
-									y1="369.14"
-									x2="108.92"
-									y2="403.08"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="464"
-									y1="256"
-									x2="416"
-									y2="256"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="96"
-									y1="256"
-									x2="48"
-									y2="256"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="403.08"
-									y1="403.08"
-									x2="369.14"
-									y2="369.14"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<line
-									x1="142.86"
-									y1="142.86"
-									x2="108.92"
-									y2="108.92"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
-							<circle
-									cx="256"
-									cy="256"
-									r="80"
-									style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"
-									/>
+					<svg class="mode-moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 512 512" >
+						<title>DARK</title>
+						<line x1="256" y1="48" x2="256" y2="96" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="256" y1="416" x2="256" y2="464" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="403.08" y1="108.92" x2="369.14" y2="142.86" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="142.86" y1="369.14" x2="108.92" y2="403.08" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="464" y1="256" x2="416" y2="256" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="96" y1="256" x2="48" y2="256" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="403.08" y1="403.08" x2="369.14" y2="369.14" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<line x1="142.86" y1="142.86" x2="108.92" y2="108.92" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
+						<circle cx="256" cy="256" r="80" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px" />
 					</svg>
 				</a>
 				<div class="trigger">
 					<div class="trigger-container">
 						<a class="menu-link" href="https://siphalor.de/">home</a>
 						<a class="menu-link" href="https://siphalor.de/about">about me</a>
-							<!--
-							<a class="menu-link menu-img" href="https://github.com/{{ site.author.github }}" aria-label="My GitHub profile">
-								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16" role="presentation">
-									<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
-								</svg>
-							</a>
-							-->
 					</div>
 				</div>
 			</nav>