Fully reworked navigation bar and footer into a sidebar

1 files changed, 45 insertions, 15 deletions

diff --git a/src/_header.html b/src/_header.html
index 4579e4b..bef59f8 100644
--- a/src/_header.html
+++ b/src/_header.html
@@ -22,25 +22,55 @@
 	<meta property="og:url" content="https://syndamia.com">
 	<title></title>
 </head>
-<body>
-	<nav class="header">
-		<span>
-			<a href="/" class="link-tab">Home</a>
-			<a href="/archives" class="link-tab">Archives</a> ||
-		</span>
-		<span>
-			<a href="/docs" class="link-tab">Docs</a>
-			<a href="/about" class="link-tab">About</a> ||
-		</span>
-		<span>
-			<a href="/blog" class="link-tab">Blog</a>
-			<a href="/tutorials" class="link-tab">Tutorials</a>
+<body id="content-wrapper">
+	<nav class="sidebar">
+		<span class="header">
+			<a href="/">Home</a>
 		</span>
+
+		Content
+		<div class="arrowed-list">
+			<a href="/blog">Blog</a>
+			<a href="/tutorials">Tutorials</a>
+		</div>
+		Public services
+		<div class="arrowed-list">
+			<a href="/archives">Archives</a>
+		</div>
+		My Work
+		<div class="arrowed-list">
+			<a href="/docs">Docs</a>
+			<a href="/about">About</a>
+		</div>
+
 		<span id="settingsWrapper">
-			|| <img id="changeThemeBtn" class="link-tab unzoomable btn setting-btn" src="/img/sun-tabler.svg" alt="Light">
-			<img id="changeWidthBtn" class="link-tab unzoomable btn setting-btn" src="/img/viewport-wide-tabler.svg">
+			<br>
+
+			<img id="changeThemeBtn" class="unzoomable btn setting-btn" src="/img/sun-tabler.svg" alt="Toggle theme">
+			<img id="changeWidthBtn" class="unzoomable btn setting-btn" src="/img/viewport-wide-tabler.svg" alt="Toggle full width">
 			<script type="text/javascript" src="/scripts/theme-changer.js" integrity="sha512-ZmN9dZP4m7fv3W3DHbA9pnK3Y44LnD4Be1Pn8Wdu4wFutZZSfZ1vNoIKNZ2J7QK9NHImYPjyNPxN2/l6y9P7pA==" crossorigin="anonymous"></script>
 		</span>
+
+		<div class="spacer"></div>
+
+		<nav class="footer">
+			<a href="/policies.html" class="link-tab" title="Policies">Website Policies</a>
+			<a href="/regarding-js.html" class="link-tab" title="Regarding usage of JavaScript">Regarding usage of JavaScript</a>
+
+			<br>
+
+			<a href="https://gitlab.com/Syndamia" target="_blank" class="link-tab" title="GitLab">GitLab</a>
+			<a href="https://github.com/Syndamia" target="_blank" class="link-tab" title="GitHub">GitHub</a>
+			<a href="/about/#contact" target="_blank" class="link-tab" title="Contact">Contact</a>
+			<a href="https://bg.linkedin.com/in/kamen-mladenov" target="_blank" class="link-tab" title="Linkedin">LinkedIn</a>
+			<a href="/license.html" class="link-tab" title="CC BY-SA 4.0 and MIT">CC BY-SA 4.0 and MIT</a>
+
+			<br>
+
+			<a href="https://gitlab.com/Syndamia/syndamiadotcom" target="_blank" class="link-tab">Powered by:</a>
+			<a href="https://www.romanzolotarev.com/ssg.html" target="_blank" class="link-tab">ssg by Roman Zolotarev</a>
+			<a href="https://kristaps.bsd.lv/lowdown/" target="_blank" class="link-tab">lowdown by Kristaps Dzonsons</a>
+		</nav>
 	</nav>
 
 	<article>