From 01e33dff0cd32ef26c50b82465915adde54b43f2 Mon Sep 17 00:00:00 2001 From: Bart van der Braak Date: Mon, 7 Aug 2023 20:32:24 +0200 Subject: [PATCH] feat: revamped project page --- .../assets/{ => projects}/ticketdashboard.png | Bin src/lib/assets/{ => projects}/triple-logo.png | Bin .../assets/{ => projects}/videowall-logo.png | Bin src/lib/assets/{ => projects}/videowall.jpeg | Bin .../assets/{ => projects}/zaantje-logo.png | Bin src/lib/assets/{ => projects}/zaantje.png | Bin src/routes/projects/+page.svelte | 50 +-------------- .../projects}/ProjectCard.svelte | 23 ++++--- src/routes/projects/projects-assets.ts | 15 +++++ src/routes/projects/projects-cards.ts | 60 ++++++++++++++++++ 10 files changed, 89 insertions(+), 59 deletions(-) rename src/lib/assets/{ => projects}/ticketdashboard.png (100%) rename src/lib/assets/{ => projects}/triple-logo.png (100%) rename src/lib/assets/{ => projects}/videowall-logo.png (100%) rename src/lib/assets/{ => projects}/videowall.jpeg (100%) rename src/lib/assets/{ => projects}/zaantje-logo.png (100%) rename src/lib/assets/{ => projects}/zaantje.png (100%) rename src/{lib/components => routes/projects}/ProjectCard.svelte (66%) create mode 100644 src/routes/projects/projects-assets.ts create mode 100644 src/routes/projects/projects-cards.ts diff --git a/src/lib/assets/ticketdashboard.png b/src/lib/assets/projects/ticketdashboard.png similarity index 100% rename from src/lib/assets/ticketdashboard.png rename to src/lib/assets/projects/ticketdashboard.png diff --git a/src/lib/assets/triple-logo.png b/src/lib/assets/projects/triple-logo.png similarity index 100% rename from src/lib/assets/triple-logo.png rename to src/lib/assets/projects/triple-logo.png diff --git a/src/lib/assets/videowall-logo.png b/src/lib/assets/projects/videowall-logo.png similarity index 100% rename from src/lib/assets/videowall-logo.png rename to src/lib/assets/projects/videowall-logo.png diff --git a/src/lib/assets/videowall.jpeg b/src/lib/assets/projects/videowall.jpeg similarity index 100% rename from src/lib/assets/videowall.jpeg rename to src/lib/assets/projects/videowall.jpeg diff --git a/src/lib/assets/zaantje-logo.png b/src/lib/assets/projects/zaantje-logo.png similarity index 100% rename from src/lib/assets/zaantje-logo.png rename to src/lib/assets/projects/zaantje-logo.png diff --git a/src/lib/assets/zaantje.png b/src/lib/assets/projects/zaantje.png similarity index 100% rename from src/lib/assets/zaantje.png rename to src/lib/assets/projects/zaantje.png diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte index f75e69f..e8f3f52 100644 --- a/src/routes/projects/+page.svelte +++ b/src/routes/projects/+page.svelte @@ -1,50 +1,6 @@ @@ -56,7 +12,7 @@
-

My Projects

+

Projects

Here, you'll find a curated collection of projects that I've either created or contributed to as diff --git a/src/lib/components/ProjectCard.svelte b/src/routes/projects/ProjectCard.svelte similarity index 66% rename from src/lib/components/ProjectCard.svelte rename to src/routes/projects/ProjectCard.svelte index 75d4082..8a6e137 100644 --- a/src/lib/components/ProjectCard.svelte +++ b/src/routes/projects/ProjectCard.svelte @@ -1,17 +1,16 @@ - diff --git a/src/routes/projects/projects-assets.ts b/src/routes/projects/projects-assets.ts new file mode 100644 index 0000000..62050e3 --- /dev/null +++ b/src/routes/projects/projects-assets.ts @@ -0,0 +1,15 @@ +import videowallImage from '$lib/assets/projects/videowall.jpeg'; +import videowallLogo from '$lib/assets/projects/videowall-logo.png'; +import ticketDashboardImage from '$lib/assets/projects/ticketdashboard.png'; +import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png'; +import zaantjeImage from '$lib/assets/projects/zaantje.png'; +import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png'; + +export { + videowallImage, + videowallLogo, + ticketDashboardImage, + ticketDashboardLogo, + zaantjeImage, + zaantjeLogo +}; diff --git a/src/routes/projects/projects-cards.ts b/src/routes/projects/projects-cards.ts new file mode 100644 index 0000000..fad2f4c --- /dev/null +++ b/src/routes/projects/projects-cards.ts @@ -0,0 +1,60 @@ +import { + ticketDashboardImage, + ticketDashboardLogo, + videowallImage, + videowallLogo, + zaantjeImage, + zaantjeLogo +} from './projects-assets'; + +interface Contributor { + name: string; + imageSrc: string; +} + +export interface Project { + link?: string; + headerImage: string; + headerSubTitle: string; + title: string; + description: string; + logo: string; + contributors: Contributor[]; + date: string; +} + +const projects: Project[] = [ + { + headerImage: videowallImage, + headerSubTitle: 'Private Project', + title: 'Videowall', + description: `An internal application to control an impressive 6x5 monitor setup with a user-friendly + frontend built with React and Next.js utilizing a powerful backend developed in Golang.`, + logo: videowallLogo, + contributors: [], + date: '2021' + }, + { + headerImage: ticketDashboardImage, + headerSubTitle: 'Private Project', + title: 'Ticket Dashboard', + description: `Web app that consolidates tickets from various sources into one view for easy navigation, filters, and search for efficient + ticket management. Developed with Next.js for frontend and Golang for backend.`, + logo: ticketDashboardLogo, + contributors: [], + date: '2020' + }, + { + link: 'https://zaantje.com', + headerImage: zaantjeImage, + headerSubTitle: 'Personal Project', + title: 'Zaantje', + description: `A SPA crafted with Nuxt.js and Vue.js, backed by Sanity CMS, taking you + on a virtual tour of Zaandam, showcasing locations of famous music videos.`, + logo: zaantjeLogo, + contributors: [], + date: '2020' + } +]; + +export default projects;