fixed fade and added nextjs project to portfolio.

src/routes/+layout.svelte

@@ -13,11 +13,11 @@
         },
         {
             name: "whoami",
-            subPages: ["about", "resume", "homelab"],
+            subPages: ["about", "resume"],
         },
         {
             name: "portfolio",
-            subPages: ["learnings", "portfolio_project"],
+            subPages: ["learnings", "portfolio_project", "next.js_weather", "homelab"],
         },
         {
             name: "contact",

src/routes/learnings/+page.svelte

@@ -1 +1,6 @@
-<h1>Blog style learnings description.</h1>
+<script>
+
+	import { fade } from "svelte/transition";
+
+</script>
+<h1 in:fade >Still learning how to cms.</h1>

src/routes/next.js_weather/+page.svelte

@@ -0,0 +1,11 @@
+<script>
+
+	import { fade } from "svelte/transition";
+
+</script>
+<div in:fade>
+    <h1 class="text-2xl font-normal">Weather application</h1>
+    <p>this is a simple application to fetch a weekly weather forecast.</p>
+    <p>It's built in <span class="font-normal">react/nextjs</span> using <span class="font-normal">typescript</span> and <span class="font-normal">Tailwind CSS</span>. It queries <span class="font-normal">Google Places API</span> for geo location and then queries <span class="font-normal">open-meteo API</span> for the weather forecast.</p>
+    <p>While it's still under development you can try it out at <a class="underline" href="https://weather.rannes.dev">weather.rannes.dev</a></p>
+</div>

src/routes/portfolio_project/+page.svelte

@@ -1 +1,9 @@
-<h1>this is the page describing my portfolio project in juuuuuust a second.</h1>
+<script>
+
+	import { fade } from "svelte/transition";
+
+</script>
+<div in:fade>
+    <h1 class="text-2xl font-normal">Svelte Portfolio Page</h1>
+    <p>This portfolio is built using <span class="font-normal">Svelte & Svelte kit</span> and <span class="font-normal">Tailwind CSS</span> as a simple static page.</p>
+</div>