added some routes

src/routes/+layout.svelte

@@ -15,7 +15,7 @@
         },
         {
             name: "portfolio",
-            subPages: ["project a", "project, b", "project c"],
+            subPages: ["learnings", "project a", "project b", "project c"],
         },
         {
             name: "contact",
@@ -58,6 +58,6 @@
         </ul>
     {/key}
 </nav>
-<div class="text-center w-3/5 mx-auto">
+<div class="text-center max-w-xl mx-auto">
     <slot />
 </div>

src/routes/homelab/+page.svelte

@@ -0,0 +1,12 @@
+<h1>What should this look like?</h1>
+
+<div class="content text-left px-8">
+    <p>I'm not quite sure yet.</p>
+    <p>It could be:</p>
+    <ol class="list-inside list-disc">
+        <li>Blog style</li>
+        <li>Sub topics</li>
+        <li>Raports style</li>
+        <li>Mix of them all</li>
+    </ol>
+</div>

src/routes/learnings/+page.svelte

@@ -0,0 +1 @@
+<h1>Blog style learnings description.</h1>

src/routes/login/+page.svelte

@@ -1,2 +1,2 @@
 <h1>This is the login page</h1>
-<p>hahahahah you dont have access. what a loser!!! ROFL</p>
+<p>Access denied</p>