From a8ad93210aed3d39257fb48b0ca0f6b7262500a0 Mon Sep 17 00:00:00 2001
From: ChrQR <christian@rannes.com>
Date: Fri, 17 May 2024 21:14:25 +0200
Subject: [PATCH] - Changed portfolio categories to contain more projects. -
 Changed gitea workflow to only build to docker

---
 .gitea/workflows/node-build.yaml              |  38 +++---
 src/routes/+layout.svelte                     | 126 ++++++++++--------
 .../{next.js_weather => next.js}/+page.svelte |   0
 .../+page.svelte                              |   0
 4 files changed, 87 insertions(+), 77 deletions(-)
 rename src/routes/{next.js_weather => next.js}/+page.svelte (100%)
 rename src/routes/{portfolio_project => svelte}/+page.svelte (100%)

diff --git a/.gitea/workflows/node-build.yaml b/.gitea/workflows/node-build.yaml
index fc33453..ce6c597 100644
--- a/.gitea/workflows/node-build.yaml
+++ b/.gitea/workflows/node-build.yaml
@@ -1,38 +1,34 @@
 name: Node.js CI
 on: [push]
 jobs:
-  build_app:
+  # build_app:
 
-    runs-on: ubuntu-latest
+  #   runs-on: ubuntu-latest
 
-    steps:
-      - uses: actions/checkout@v4
-      - name: Use Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20.x'
-      - run: npm ci
-      - run: npm run build --production --if-present
+  #   steps:
+  #     - uses: actions/checkout@v4
+  #     - name: Use Node.js
+  #       uses: actions/setup-node@v4
+  #       with:
+  #         node-version: '20.x'
+  #     - run: npm ci
+  #     - run: npm run build --production --if-present
   build_image:
     needs: build_app
     runs-on: ubuntu-latest
     steps:
-      -
-        name: Set up QEMU
+      - name: Set up QEMU
         uses: docker/setup-qemu-action@v3
-      -
-        name: Set up Docker Buildx
+      - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v3
-      -
-        name: Login to gitea registry
+      - name: Login to gitea registry
         uses: docker/login-action@v3
         with:
           registry: gitea.rannes.dev
-          username: 'christian'
-          password: '42e55f16fe0008a71fb5acc6ab674c9776b2df6f'
-      -
-        name: Build and push
+          username: ${{ secrets.REGISTRY_USERNAME }}
+          password: ${{ secrets.REGISTRY_TOKEN }}
+      - name: Build and push
         uses: docker/build-push-action@v5
         with:
           push: true
-          tags: gitea.rannes.dev/rannes.dev/my-portfolio:latest
\ No newline at end of file
+          tags: gitea.rannes.dev/rannes.dev/my-portfolio:latest
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ae19886..5af7e26 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,67 +1,81 @@
 <script>
-	import { blur, fade } from "svelte/transition";
-    import "../app.css";
-    import ThemeSwitch from '$lib/ThemeSwitch.svelte';
-    import '../app.css';
-	import CloudflareAnalytics from "../lib/CloudflareAnalytics.svelte";
+	import { blur, fade } from 'svelte/transition';
+	import '../app.css';
+	import ThemeSwitch from '$lib/ThemeSwitch.svelte';
+	import '../app.css';
+	import CloudflareAnalytics from '../lib/CloudflareAnalytics.svelte';
 
+	// Navigation links are generated based on this object
+	const nav = [
+		{
+			name: 'index',
+			subPages: []
+		},
+		{
+			name: 'whoami',
+			subPages: ['about', 'resume']
+		},
+		{
+			name: 'portfolio',
+			subPages: ['learnings', 'svelte', 'next.js', 'homelab']
+		},
+		{
+			name: 'contact',
+			subPages: ['get_in_touch', 'socials']
+		}
+	];
 
-    // Navigation links are generated based on this object
-    const nav = [
-        {
-            name: "index",
-            subPages: [],
-        },
-        {
-            name: "whoami",
-            subPages: ["about", "resume"],
-        },
-        {
-            name: "portfolio",
-            subPages: ["learnings", "portfolio_project", "next.js_weather", "homelab"],
-        },
-        {
-            name: "contact",
-            subPages: ["get_in_touch", "socials"],
-        },
-    ];
+	let selected = nav[0]; // keep track of the selected 'page' object.
+	let intSelected = 0; // selected page index
 
-    let selected = nav[0];	// keep track of the selected 'page' object.
-    let intSelected = 0;	// selected page index
-
-    // change the selected component (the event.originalTarget.id is not accessible in Chrome so switched to event.srcElement.id)
-    function changeComponent(event) {
-        selected = nav[event.srcElement.id];
-        intSelected = event.srcElement.id;
-    }
+	// change the selected component (the event.originalTarget.id is not accessible in Chrome so switched to event.srcElement.id)
+	function changeComponent(event) {
+		selected = nav[event.srcElement.id];
+		intSelected = event.srcElement.id;
+	}
 </script>
+
 <CloudflareAnalytics />
 <nav class="nav-container h-32 w-full mt-12">
-    <ul class="text-center">
-        {#each nav as main,i}
-            {#if i != 0}
-                {#if !nav[i].subPages[0]}
-                    <li class="nav-item font-jose inline-block"><a href={main.name} class={selected==nav[i] ? "nav-link text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</a></li>
-                {:else}
-                    <li class="nav-item font-jose inline-block"><button class={selected==nav[i] ? "nav-link text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</button></li>
-                {/if}
-            {/if}
-        {/each}
-    </ul>
-    <hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto bg-black rounded dark:bg-stone-100"/>
-    {#key selected}
-        <ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
-            {#each selected.subPages as subPage}
-                <li class="sub-nav-item inline-block  font-jose"><a class="sub-nav-link text-xl p-2"href={(subPage)}>{subPage.replace(/_/g, ' ')}</a></li>   
-            {/each}
-
-        </ul>
-    {/key}
-    <li><ThemeSwitch class=""/></li>
+	<ul class="text-center">
+		{#each nav as main, i}
+			{#if i != 0}
+				{#if !nav[i].subPages[0]}
+					<li class="nav-item font-jose inline-block">
+						<a
+							href={main.name}
+							class={selected == nav[i] ? 'nav-link text-2xl p-3' : 'nav link text-2xl p-3'}
+							on:click={changeComponent}
+							id={i}>{main.name}</a
+						>
+					</li>
+				{:else}
+					<li class="nav-item font-jose inline-block">
+						<button
+							class={selected == nav[i] ? 'nav-link text-2xl p-3' : 'nav link text-2xl p-3'}
+							on:click={changeComponent}
+							id={i}>{main.name}</button
+						>
+					</li>
+				{/if}
+			{/if}
+		{/each}
+	</ul>
+	<hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto bg-black rounded dark:bg-stone-100" />
+	{#key selected}
+		<ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
+			{#each selected.subPages as subPage}
+				<li class="sub-nav-item inline-block font-jose">
+					<a class="sub-nav-link text-xl p-2" href={subPage}>{subPage.replace(/_/g, ' ')}</a>
+				</li>
+			{/each}
+		</ul>
+	{/key}
+	<ThemeSwitch />
 </nav>
 <div class="container text-center w-3/4 mx-auto">
-    <slot />
+	<slot />
 </div>
-<footer class="mt-12"> 
-    <p class="text-sm text-gray-400">built and hosted by christian rannes 2024</p>
+<footer class="mt-12">
+	<p class="text-sm text-gray-400">built and hosted by christian rannes 2024</p>
 </footer>
diff --git a/src/routes/next.js_weather/+page.svelte b/src/routes/next.js/+page.svelte
similarity index 100%
rename from src/routes/next.js_weather/+page.svelte
rename to src/routes/next.js/+page.svelte
diff --git a/src/routes/portfolio_project/+page.svelte b/src/routes/svelte/+page.svelte
similarity index 100%
rename from src/routes/portfolio_project/+page.svelte
rename to src/routes/svelte/+page.svelte