From c73fec85ad1c9cbb27a5655e3c1b3833dcc239fb Mon Sep 17 00:00:00 2001 From: christian Date: Tue, 21 May 2024 15:21:10 +0200 Subject: [PATCH] - Removed about - Removed contact - Revamped information architecture of Projects and Landing --- src/app.html | 2 +- src/lib/BottomNavigation.svelte | 13 ++------- src/lib/ProjectCard/ProjectCard.svelte | 7 ++++- src/lib/ProjectCard/ProjectHeader.svelte | 3 +- src/lib/ProjectCard/ProjectLinks.svelte | 18 ++++++++++++ src/lib/ProjectCard/ProjectRepo.svelte | 17 ----------- src/lib/ProjectCard/VendorGallery.svelte | 2 +- src/lib/ProjectCard/VendorIcon.svelte | 4 +-- src/lib/TopNav.svelte | 2 -- src/routes/+layout.svelte | 2 +- src/routes/+page.svelte | 24 ++++------------ src/routes/about/+page.svelte | 36 ------------------------ src/routes/projects/homelab/+page.svelte | 20 ++++++------- 13 files changed, 46 insertions(+), 104 deletions(-) create mode 100644 src/lib/ProjectCard/ProjectLinks.svelte delete mode 100644 src/routes/about/+page.svelte diff --git a/src/app.html b/src/app.html index 340aca9..d3e96d0 100644 --- a/src/app.html +++ b/src/app.html @@ -14,7 +14,7 @@
%sveltekit.body%
diff --git a/src/lib/BottomNavigation.svelte b/src/lib/BottomNavigation.svelte index 1dd29e1..5358c09 100644 --- a/src/lib/BottomNavigation.svelte +++ b/src/lib/BottomNavigation.svelte @@ -25,7 +25,7 @@ handleNavItemClick('home')}> @@ -33,19 +33,10 @@ class="w-6 h-6 mb-1 text-gray-500 dark:text-gray-400 group-hover:text-primary-600 dark:group-hover:text-primary-500" /> - handleNavItemClick('whoami')}> - - handleNavItemClick('projects')}> - handleNavItemClick('contact')}> - - + diff --git a/src/lib/ProjectCard/ProjectCard.svelte b/src/lib/ProjectCard/ProjectCard.svelte index 62ec92c..ab06b3c 100644 --- a/src/lib/ProjectCard/ProjectCard.svelte +++ b/src/lib/ProjectCard/ProjectCard.svelte @@ -1,6 +1,7 @@
- +
+ + +
+
diff --git a/src/lib/ProjectCard/ProjectHeader.svelte b/src/lib/ProjectCard/ProjectHeader.svelte index dd85586..9a26a99 100644 --- a/src/lib/ProjectCard/ProjectHeader.svelte +++ b/src/lib/ProjectCard/ProjectHeader.svelte @@ -2,5 +2,4 @@ export let title; -

{title}

-
+

{title}

diff --git a/src/lib/ProjectCard/ProjectLinks.svelte b/src/lib/ProjectCard/ProjectLinks.svelte new file mode 100644 index 0000000..f9b912a --- /dev/null +++ b/src/lib/ProjectCard/ProjectLinks.svelte @@ -0,0 +1,18 @@ + +
+
+ + + +
+
+ + + +
+
\ No newline at end of file diff --git a/src/lib/ProjectCard/ProjectRepo.svelte b/src/lib/ProjectCard/ProjectRepo.svelte index f13d252..849bc2d 100644 --- a/src/lib/ProjectCard/ProjectRepo.svelte +++ b/src/lib/ProjectCard/ProjectRepo.svelte @@ -1,23 +1,6 @@ -
-
- - - -

www

-
-
- - - -

git

-
-
diff --git a/src/lib/ProjectCard/VendorGallery.svelte b/src/lib/ProjectCard/VendorGallery.svelte index 19955cc..1695fec 100644 --- a/src/lib/ProjectCard/VendorGallery.svelte +++ b/src/lib/ProjectCard/VendorGallery.svelte @@ -5,7 +5,7 @@
-

built with

+

built with

{#each vendors as vendor} diff --git a/src/lib/ProjectCard/VendorIcon.svelte b/src/lib/ProjectCard/VendorIcon.svelte index b578892..cba5c37 100644 --- a/src/lib/ProjectCard/VendorIcon.svelte +++ b/src/lib/ProjectCard/VendorIcon.svelte @@ -1,12 +1,10 @@ - +
{name}

{name}

- diff --git a/src/lib/TopNav.svelte b/src/lib/TopNav.svelte index e812f79..b84c7ce 100644 --- a/src/lib/TopNav.svelte +++ b/src/lib/TopNav.svelte @@ -27,7 +27,6 @@
home - whoami projects @@ -40,7 +39,6 @@ nextjs homelab - contact diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 2b07019..c169333 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -13,7 +13,7 @@ -
+
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index d7fdf23..e6fd496 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -4,18 +4,11 @@ import { Heading, Mark } from 'flowbite-svelte'; import portfolio from '$lib/images/portfolio.png'; import hero from '$lib/images/hero.webp'; - - const images = [ - { - title: '/projects/nextjs', - image: portfolio - } - ]; -
+
- father by day developer by night + father by day developer by night

- I like to explore many different technologies and frameworks mostly surrounding web development - and infrastructure. + I like to explore many different technologies and frameworks mostly surrounding web development, infrastructure and DevOps.

- -
- -

- You can see some of my web dev projects and a small write-up on my homelab in the projects - section. + This page is my initial portfolio project built in Svelte.

+

You can read all about it here and explore the repo on my gitea.

diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte deleted file mode 100644 index 22d8f4f..0000000 --- a/src/routes/about/+page.svelte +++ /dev/null @@ -1,36 +0,0 @@ - - -
- -
-

- I live in Copenhagen with my partner and children near the water. We love going on expeditions - around the city in our cargo bike, or on my electrical skateboard. When we're not outside I - spend a lot of time fiddling around with my homelab, and development projects. You can read - more about my projects and homelab under the homelab and portfolio nav. -

- crazy man -
-

- I work in recruitment, and I specialise in building product teams for start ups and scale ups - for a small recruitment agency called Advenio People -

- A happy man and a beautiful woman both wearing facemasks. -
diff --git a/src/routes/projects/homelab/+page.svelte b/src/routes/projects/homelab/+page.svelte index 523a762..928b4c6 100644 --- a/src/routes/projects/homelab/+page.svelte +++ b/src/routes/projects/homelab/+page.svelte @@ -10,15 +10,15 @@
-
+
-

What is a homelab?

+

What is a homelab?

This question was answered very well by the reddit users webtroter and TreAwayDeuce 6 years ago.

-

Origin and Hardware

+

Origin and Hardware

My interest in “Homelabbing” arose long before I was familiar with the term Homelab. I have always been curious, and drawn towards things that are unfamiliar to me. I am also a builder @@ -88,7 +88,7 @@ >. The parts are all sourced, and the rest of the parts are 3D printed in ABS+. It took me roughly 40 hours to build it and calibrate it.

-

OS

+

OS

The server is running ProxmoxVE which is great for experimenting, as I can provision development and test environments easily from templates and spin up machines to experiment @@ -96,8 +96,8 @@ Proxmox even though virtualization is not necessarily something I will do a deep dive on. It also makes it easy to separate services in LXC containers and virtual machines.

-

VMs and LXC

-

Docker Host

+

VMs and LXC

+

Docker Host

This VM is my production environment where I run my docker services that have been tested an properly implemented with network volumes and backup. @@ -137,7 +137,7 @@

  • Kuma Uptime
  • Portainer
    • -

    Pi-Hole

    +

    Pi-Hole

    LXC container running Pi-hole dns blocker. This is separate so the network is not affected when servicing other VMs. First this was included in the docker-stack but it created too @@ -146,7 +146,7 @@

    For this reason, I am also planning on moving Crowdsec and Traefik to a separate containers.

    -

    Unraid

    +

    Unraid

    This VM is running Unraid, which is managing my BTRFS array in Raid1. Upon boot it is loaded from a USB-stick, and runs from memory. I moved to unraid as it allows me to add more drives @@ -154,13 +154,13 @@ have the knowledge (or the will) of storage systems to manage it if I can avoid it.

    This VM has the SATA controller passed through, for full control of the HDD's.

    -

    Development server

    +

    Development server

    This vm is my development server. It's running a act_runner paired up with Gitea to build my portfolio project, dockerize it and push it to my container registry. The application then deployed in the staging environment for a last check.

    -

    CI/CD

    +

    CI/CD

    I use Gitea Actions which is similar to Github Actions. I will post a guide soon how to set up CI for your svelte-docker project with Gitea Actions.