From 282422e8f8ac3db867f502ec71d3894f2cbf60af Mon Sep 17 00:00:00 2001
From: ChrQR <christian@rannes.com>
Date: Sun, 12 May 2024 14:21:10 +0200
Subject: [PATCH] fixed fade and added nextjs project to portfolio.

---
 src/routes/+layout.svelte                 |  4 ++--
 src/routes/learnings/+page.svelte         |  7 ++++++-
 src/routes/next.js_weather/+page.svelte   | 11 +++++++++++
 src/routes/portfolio_project/+page.svelte | 10 +++++++++-
 4 files changed, 28 insertions(+), 4 deletions(-)
 create mode 100644 src/routes/next.js_weather/+page.svelte

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 785bbe3..c2d203a 100644
--- a/src/routes/+layout.svelte
+++ b/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",
diff --git a/src/routes/learnings/+page.svelte b/src/routes/learnings/+page.svelte
index 167a581..9bce552 100644
--- a/src/routes/learnings/+page.svelte
+++ b/src/routes/learnings/+page.svelte
@@ -1 +1,6 @@
-<h1>Blog style learnings description.</h1>
\ No newline at end of file
+<script>
+
+	import { fade } from "svelte/transition";
+
+</script>
+<h1 in:fade >Still learning how to cms.</h1>
\ No newline at end of file
diff --git a/src/routes/next.js_weather/+page.svelte b/src/routes/next.js_weather/+page.svelte
new file mode 100644
index 0000000..9961069
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/src/routes/portfolio_project/+page.svelte b/src/routes/portfolio_project/+page.svelte
index 81cb7ed..1bdc329 100644
--- a/src/routes/portfolio_project/+page.svelte
+++ b/src/routes/portfolio_project/+page.svelte
@@ -1 +1,9 @@
-<h1>this is the page describing my portfolio project in juuuuuust a second.</h1>
\ No newline at end of file
+<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>
\ No newline at end of file