diff --git a/src/lib/components/site/index.ts b/src/lib/components/site/index.ts index 2022f4f..32fc2ae 100644 --- a/src/lib/components/site/index.ts +++ b/src/lib/components/site/index.ts @@ -1,5 +1,6 @@ export { default as Metadata } from './metadata.svelte'; export { default as SiteFooter } from './site-footer.svelte'; +export { default as SiteNavBar } from './site-navbar.svelte'; export { default as SiteHeader } from './site-header.svelte'; export { default as TailwindIndicator } from './tailwind-indicator.svelte'; export { default as ModeToggle } from './mode-toggle.svelte'; diff --git a/src/lib/components/site/site-header.svelte b/src/lib/components/site/site-header.svelte index cefdf38..c916958 100644 --- a/src/lib/components/site/site-header.svelte +++ b/src/lib/components/site/site-header.svelte @@ -1,52 +1,12 @@ -
-
- - Logo (return home) - - - -
- -
- -
-
+ + {title} + + {subTitle} + + + diff --git a/src/lib/components/site/site-navbar.svelte b/src/lib/components/site/site-navbar.svelte new file mode 100644 index 0000000..cefdf38 --- /dev/null +++ b/src/lib/components/site/site-navbar.svelte @@ -0,0 +1,52 @@ + + +
+
+ + Logo (return home) + + + +
+ +
+ +
+
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte index b933f6b..255bbac 100644 --- a/src/routes/+error.svelte +++ b/src/routes/+error.svelte @@ -1,23 +1,23 @@ -
- - {$page.error?.message} - This page is not available. -

- You can try going back to the home page. -

-
- Return Home -
- -
- John travolta unable to find your page -
-
+ +

+ You can try going back to the home page. +

+
+ Return Home +
+ + +
+ John travolta unable to find your page +
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 3b49ece..0c9ca16 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,6 +1,6 @@ -
- - I made this for you - - Featuring current work and studies in a SvelteKit-based portfolio. - -

- Inspired by others, I share my open-source derived work with the community. -

-
- My Projects - - - GitHub - -
- -
-
+ +

+ Inspired by others, I share my open-source derived work with the community. +

+
+ My Projects + + + GitHub + +
+ +
+
+
-
+ class="absolute left-0 top-40 h-96 w-full -translate-y-full [background-image:radial-gradient(closest-side,rgba(123,175,224,0.12)_0%,transparent_100%)]" + >
+
+ Introduction +

+ Building confidence and containers. +

+
+
+

+ I'm a DevOps and Platform Engineering enthusiast from Zaandam, The Netherlands. Started my + journey in Information Sciences at the Vrije Universiteit Amsterdam, quickly learning and + adopting Python, Javascript and Linux. These days, I'm also working alot with Terraform, + Bicep, and Kubernetes, creating cloud infra solutions that are sustainable. +

+

+ Over at Triple, my role involves providing services to clients including HEINEKEN, BAM, and citizenM. I + utilize tools like Akamai, Azure, Azure DevOps and SendGrid to create and maintain robust, + scalable cloud infrastructures. For operational purposes, I employ technologies like + SaltStack, PRTG, and LogicMonitor. +

+

+ I love to work on personal projects or playing games with friends. Beyond the screens, you + can catch me vibing to vinyl, watching movies, hitting concerts and festivals. +

+

+ When the dust settles, my life is all about sharing laughs with my oversized cat and with + my amazing girlfriend. I also enjoy a good whiskey, and I'm always up for a chat or down + to help. +

- Introduction -

- Building confidence and containers. -

-
-
-

- I'm a DevOps and Platform Engineering enthusiast from Zaandam, The Netherlands. Started - my journey in Information Sciences at the Vrije Universiteit Amsterdam, quickly learning - and adopting Python, Javascript and Linux. These days, I'm also working alot with - Terraform, Bicep, and Kubernetes, creating cloud infra solutions that are sustainable. -

-

- Over at Triple, my role involves providing services to clients including HEINEKEN, BAM, and citizenM. - I utilize tools like Akamai, Azure, Azure DevOps and SendGrid to create and maintain - robust, scalable cloud infrastructures. For operational purposes, I employ technologies - like SaltStack, PRTG, and LogicMonitor. -

-

- I love to work on personal projects or playing games with friends. Beyond the screens, - you can catch me vibing to vinyl, watching movies, hitting concerts and festivals. -

-

- When the dust settles, my life is all about sharing laughs with my oversized cat and - with my amazing girlfriend. I also enjoy a good whiskey, and I'm always up for a chat or - down to help. -

-
-
- -
+
+
-
-
+
+ diff --git a/src/routes/+page.ts b/src/routes/+page.ts index 13528bc..5e8ac92 100644 --- a/src/routes/+page.ts +++ b/src/routes/+page.ts @@ -1,6 +1,8 @@ /** @type {import('./$types').PageLoad} */ export function load() { return { - title: `Home` + name: `Home`, + title: `I made this for you`, + subTitle: `Featuring current work and studies in a SvelteKit-based portfolio.` }; } diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte index 05ba089..e67a418 100644 --- a/src/routes/projects/+page.svelte +++ b/src/routes/projects/+page.svelte @@ -1,17 +1,14 @@ -
- - Projects I've realized - - Explore some of the projects I worked on in the past. - - + -
- -
-
+
+ +
diff --git a/src/routes/projects/+page.ts b/src/routes/projects/+page.ts index d65c29c..fb781c7 100644 --- a/src/routes/projects/+page.ts +++ b/src/routes/projects/+page.ts @@ -1,6 +1,8 @@ /** @type {import('./$types').PageLoad} */ export function load() { return { - title: `Projects` + name: `Projects`, + title: `Projects Ive realized`, + subTitle: `Explore some of the projects I worked on in the past.` }; } diff --git a/src/routes/timeline/+page.svelte b/src/routes/timeline/+page.svelte index 0e954aa..74feb56 100644 --- a/src/routes/timeline/+page.svelte +++ b/src/routes/timeline/+page.svelte @@ -1,17 +1,14 @@ -
- - Experiences through time - - Achievements in my education, career and personal life. - - + -
- -
-
+
+ +
diff --git a/src/routes/timeline/+page.ts b/src/routes/timeline/+page.ts index cc1cb53..c35132f 100644 --- a/src/routes/timeline/+page.ts +++ b/src/routes/timeline/+page.ts @@ -1,6 +1,8 @@ /** @type {import('./$types').PageLoad} */ export function load() { return { - title: `Timeline` + name: `Timeline`, + title: `Experiences through time`, + subTitle: `Achievements in my education, career and personal life.` }; } diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte index dbe10a4..4af967b 100644 --- a/src/routes/tools/+page.svelte +++ b/src/routes/tools/+page.svelte @@ -1,17 +1,14 @@ -
- - Inside my toolbox - - Tools, applications, and software that fuels my development and operations work. - - + -
- -
-
+
+ +
diff --git a/src/routes/tools/+page.ts b/src/routes/tools/+page.ts index 2e6c036..8b7d696 100644 --- a/src/routes/tools/+page.ts +++ b/src/routes/tools/+page.ts @@ -1,6 +1,8 @@ /** @type {import('./$types').PageLoad} */ export function load() { return { - title: `Tools` + name: `Tools`, + title: `Inside my toolbox`, + subTitle: `Tools, applications, and software that fuels my development and operations work.` }; }