started work on navbar

src/_header.html

@@ -1,2 +1,13 @@
 <title>Mauri's website</title>
 <link rel="stylesheet" href="styles.css">
+
+<div class="header">
+	<div id="thumb-container">
+		<img src="img/me.jpg" alt="me" id="thumb">
+	</div>
+	<div id="links">
+		<a href="./">Home</a>
+		<a href="https://git.alemauri.eu/alema">Gitea<a>
+		<a href="https://github.com/gunboy001">Github<a>
+	</div>
+</div>

src/styles.css

@@ -61,3 +61,46 @@ footer p {
 	margin: 0px;
 	font-size: 1em;
 }
+
+/* Header style */
+#thumb {
+	position: absolute;
+	border-radius: 50%;
+	max-height: 80%;
+	max-width: 80%;
+	width: auto;
+	height: auto;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	margin: auto;
+}
+
+#thumb-container {
+	position: relative;
+	height: 80px;
+	width: 80px;
+	float: left;
+	padding-right: 40px;
+}
+
+#links {
+	float: left;
+	overflow: hidden;
+}
+
+#links a {
+	letter-spacing: normal;
+	padding-right: 10px;
+	font-weight: bold;
+}
+
+.header {
+	height: 80px;
+	text-align: left;
+	line-height: 80px;
+	font-size: 1.25em;
+	border: 1px solid black;
+	overflow: hidden;
+}