feat: lay out a few more mock template elements

src/dergstyle.css

@@ -1,14 +1,42 @@
 
 body {
-    color: #ddd;
-    background: #151515;
+    color: #B0B0B0;
+    background: #302A3F;
+}
+
+:link {
+	color: cyan;
+	font-style: italic;
+	text-decoration: none;
+	
+	transition: color 0.2s;
+}
+:link:hover {
+	color: lightblue;
+}
+
+ul {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	
+	list-style-type: none;
+	margin-top: 1em;
+	padding: 0px;
+}
+ul li {
+	padding: 0em 0.3em 0em 0.3em;
 }
 
 #big_title {
 	text-align: center;
-	margin-bottom: 0.3em;
+	font-size: 2.5em;
+	margin-bottom: 0.2em;
 }
 #title_separator {
-	height: 2px;
+	height: 1.5px;
 	background-color: #ddd;
+	opacity: 0.5;
+	margin-left: 2em;
+	margin-right: 2em;
 }

templates/index.html

@@ -9,7 +9,23 @@
         <div id="title_separator"></div>
 
         <ul>
-			<li><a href="/about"> about </a></li>
+			<li><a href="/about"> About </a></li>
+			<li><a href="/blog"> Blog </a></li>
+			<li><a href="/projects"> Projects </a></li>
+			<li><a href="/artwork"> Artworks </a></li>
         </ul>
+
+        <div id="main_content_wrapper">
+        	{% block content %}<h3>Soon there shall be content!</h3>{% endblock %}
+        </div>
+
+		<div id="sidebar-wrapper">
+			{%block sidebar %}
+				<ul>
+					<li> Test 1 </li>
+				</ul>
+			{% endblock %}
+		</div>
+        
     </body>
 </html>