From 41beb7e9754aafdda4157c0a19b860564bbc9f5e Mon Sep 17 00:00:00 2001 From: christian Date: Sun, 19 May 2024 20:25:26 +0200 Subject: [PATCH] created skeleton for project cards. --- src/lib/{ => ProjectCard}/Commit.svelte | 0 src/lib/ProjectCard/ProjectCard.svelte | 21 ++++++++ src/lib/ProjectCard/ProjectDescription.svelte | 0 src/lib/ProjectCard/ProjectHeader.svelte | 5 ++ src/lib/ProjectCard/ProjectRepo.svelte | 6 +++ src/lib/{ => ProjectCard}/RssContainer.svelte | 2 +- src/lib/{ => ProjectCard}/RssFeed.svelte | 2 +- src/lib/ProjectCard/VendorGallery.svelte | 0 src/lib/Projects.svelte | 11 +++++ src/lib/images/vendorIcons/flowbiteDark.svg | 49 +++++++++++++++++++ src/lib/images/vendorIcons/flowbiteLight.svg | 49 +++++++++++++++++++ src/lib/images/vendorIcons/svelteIcon.svg | 7 +++ src/lib/images/vendorIcons/tailwindIcon.svg | 2 + src/lib/images/vendorIcons/vercelIcon.svg | 8 +++ src/lib/projects.js | 33 +++++++++++++ src/routes/svelte/+page.svelte | 19 ++----- 16 files changed, 196 insertions(+), 18 deletions(-) rename src/lib/{ => ProjectCard}/Commit.svelte (100%) create mode 100644 src/lib/ProjectCard/ProjectCard.svelte create mode 100644 src/lib/ProjectCard/ProjectDescription.svelte create mode 100644 src/lib/ProjectCard/ProjectHeader.svelte create mode 100644 src/lib/ProjectCard/ProjectRepo.svelte rename src/lib/{ => ProjectCard}/RssContainer.svelte (77%) rename src/lib/{ => ProjectCard}/RssFeed.svelte (97%) create mode 100644 src/lib/ProjectCard/VendorGallery.svelte create mode 100644 src/lib/Projects.svelte create mode 100644 src/lib/images/vendorIcons/flowbiteDark.svg create mode 100644 src/lib/images/vendorIcons/flowbiteLight.svg create mode 100644 src/lib/images/vendorIcons/svelteIcon.svg create mode 100644 src/lib/images/vendorIcons/tailwindIcon.svg create mode 100644 src/lib/images/vendorIcons/vercelIcon.svg create mode 100644 src/lib/projects.js diff --git a/src/lib/Commit.svelte b/src/lib/ProjectCard/Commit.svelte similarity index 100% rename from src/lib/Commit.svelte rename to src/lib/ProjectCard/Commit.svelte diff --git a/src/lib/ProjectCard/ProjectCard.svelte b/src/lib/ProjectCard/ProjectCard.svelte new file mode 100644 index 0000000..5d21557 --- /dev/null +++ b/src/lib/ProjectCard/ProjectCard.svelte @@ -0,0 +1,21 @@ + + +
+ + + + +
diff --git a/src/lib/ProjectCard/ProjectDescription.svelte b/src/lib/ProjectCard/ProjectDescription.svelte new file mode 100644 index 0000000..e69de29 diff --git a/src/lib/ProjectCard/ProjectHeader.svelte b/src/lib/ProjectCard/ProjectHeader.svelte new file mode 100644 index 0000000..a3fcd19 --- /dev/null +++ b/src/lib/ProjectCard/ProjectHeader.svelte @@ -0,0 +1,5 @@ + + +

{title}

diff --git a/src/lib/ProjectCard/ProjectRepo.svelte b/src/lib/ProjectCard/ProjectRepo.svelte new file mode 100644 index 0000000..849bc2d --- /dev/null +++ b/src/lib/ProjectCard/ProjectRepo.svelte @@ -0,0 +1,6 @@ + + + diff --git a/src/lib/RssContainer.svelte b/src/lib/ProjectCard/RssContainer.svelte similarity index 77% rename from src/lib/RssContainer.svelte rename to src/lib/ProjectCard/RssContainer.svelte index 9eda466..84c28d3 100644 --- a/src/lib/RssContainer.svelte +++ b/src/lib/ProjectCard/RssContainer.svelte @@ -1,5 +1,5 @@ diff --git a/src/lib/RssFeed.svelte b/src/lib/ProjectCard/RssFeed.svelte similarity index 97% rename from src/lib/RssFeed.svelte rename to src/lib/ProjectCard/RssFeed.svelte index 5cb779a..f701b4a 100644 --- a/src/lib/RssFeed.svelte +++ b/src/lib/ProjectCard/RssFeed.svelte @@ -1,6 +1,6 @@ + +{#each projects as project} + {#if project.category === category} + + {/if} +{/each} diff --git a/src/lib/images/vendorIcons/flowbiteDark.svg b/src/lib/images/vendorIcons/flowbiteDark.svg new file mode 100644 index 0000000..3ecdb3e --- /dev/null +++ b/src/lib/images/vendorIcons/flowbiteDark.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/images/vendorIcons/flowbiteLight.svg b/src/lib/images/vendorIcons/flowbiteLight.svg new file mode 100644 index 0000000..3ecdb3e --- /dev/null +++ b/src/lib/images/vendorIcons/flowbiteLight.svg @@ -0,0 +1,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/images/vendorIcons/svelteIcon.svg b/src/lib/images/vendorIcons/svelteIcon.svg new file mode 100644 index 0000000..ab91ce8 --- /dev/null +++ b/src/lib/images/vendorIcons/svelteIcon.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/src/lib/images/vendorIcons/tailwindIcon.svg b/src/lib/images/vendorIcons/tailwindIcon.svg new file mode 100644 index 0000000..3e38e2f --- /dev/null +++ b/src/lib/images/vendorIcons/tailwindIcon.svg @@ -0,0 +1,2 @@ + +file_type_tailwind \ No newline at end of file diff --git a/src/lib/images/vendorIcons/vercelIcon.svg b/src/lib/images/vendorIcons/vercelIcon.svg new file mode 100644 index 0000000..af1cc06 --- /dev/null +++ b/src/lib/images/vendorIcons/vercelIcon.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/src/lib/projects.js b/src/lib/projects.js new file mode 100644 index 0000000..22bcc77 --- /dev/null +++ b/src/lib/projects.js @@ -0,0 +1,33 @@ +import svelteIcon from '$lib/images/vendorIcons/svelteIcon.svg'; +import tailwindIcon from '$lib/images/vendorIcons/tailwindIcon.svg'; +import vercelIcon from '$lib/images/vendorIcons/vercelIcon.svg'; +import flowbiteLight from '$lib/images/vendorIcons/flowbiteLight.svg'; + +export const projects = [ + { + category: "svelte", + title: "portfolio", + url: "https://rannes.dev", + description: "A project to get familiar with Svelte and showcase my future projects.", + repo: "https://gitea.rannes.dev/rannes.dev/my-portfolio", + rss: "https://gitea.rannes.dev/rannes.dev/my-portfolio.rss", + image: "", + vendors: [ + { + name: "Svelte", + img: svelteIcon + }, + { + name: "Tailwind CSS", + img: tailwindIcon + }, + { + name: "Flowbite-svelte", + img: flowbiteLight + }, + { + name: "Vercel", + img: vercelIcon + },] + } +] \ No newline at end of file diff --git a/src/routes/svelte/+page.svelte b/src/routes/svelte/+page.svelte index efa6b28..56e50a9 100644 --- a/src/routes/svelte/+page.svelte +++ b/src/routes/svelte/+page.svelte @@ -1,23 +1,10 @@
-

Svelte Portfolio Page

-

For this project i've used the following:

- -

- The git repo is available here.The gitea workflow builds a docker image and pushes it to the projects registry. It is then - deployed to my infrastructure. - Read more about that here. -

- +