From e70e0ee8086b4702a173bb59ff6cab56ea434685 Mon Sep 17 00:00:00 2001 From: "Alessio \"Farfi\" Farfaglia" Date: Sat, 3 Feb 2024 01:22:52 +0100 Subject: [PATCH] Contact page completed --- src/lib/components/Button.svelte | 2 +- src/lib/components/Header.svelte | 5 +- src/lib/components/Main.svelte | 1 - src/lib/components/Particles.svelte | 2 +- src/lib/config.ts | 9 +- src/routes/contact/+page.svelte | 135 +++++++++++++++++++++++++++- src/routes/projects/+page.svelte | 96 ++++++++++---------- static/assets/particles-light.json | 50 +---------- static/assets/particles.json | 50 +---------- 9 files changed, 197 insertions(+), 153 deletions(-) diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte index 4513d3c..7eb7581 100644 --- a/src/lib/components/Button.svelte +++ b/src/lib/components/Button.svelte @@ -4,7 +4,7 @@
-

+

diff --git a/src/lib/config.ts b/src/lib/config.ts index b170db1..1355c3c 100644 --- a/src/lib/config.ts +++ b/src/lib/config.ts @@ -1,6 +1,7 @@ import { dev } from "$app/environment" -export const title = 'Alessio Farfaglia' -export const description = 'Alessio Farfaglia\'s personal website' -export const url = dev ? 'http://localhost:5173' : 'https://farfi55.github.io' -export const blogUrl = `${url}/blog` +export const title = 'Alessio Farfaglia'; +export const description = 'Alessio Farfaglia\'s personal website'; +export const url = dev ? 'http://localhost:5173' : 'https://farfi55.github.io'; +export const blogUrl = `${url}/blog`; +export const contactFormEndpoint = "https://formspree.io/f/xkndjojj" diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte index d7713e9..d169572 100644 --- a/src/routes/contact/+page.svelte +++ b/src/routes/contact/+page.svelte @@ -1 +1,134 @@ -

contact page WIP

+ + + + +
+
+

Get in touch

+ +

+ Feel free to reach out to me for any reason. I'll get back to you as soon as possible. +

+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ + +
+
+ + diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte index 80678f0..6807f04 100644 --- a/src/routes/projects/+page.svelte +++ b/src/routes/projects/+page.svelte @@ -6,64 +6,64 @@ export let data; -
-
- {#each data.projects as project, index} - {@const year = new Date(project.date).getFullYear()} - {@const prevYear = index === 0 ? null : new Date(data.projects[index - 1].date).getFullYear()} - - {#if index === 0 || year !== prevYear} -
+ {#each data.projects as project, index} + {@const year = new Date(project.date).getFullYear()} + {@const prevYear = index === 0 ? null : new Date(data.projects[index - 1].date).getFullYear()} + + {#if index === 0 || year !== prevYear} +
+ id={year.toString()} + > +

year {year}

-
- {/if} - -
-
- {#if project.coverImage} -
- {project.title} -
- {/if} -
- - -

- {project.title} -

- -

{formatDate(project.date)}

- -

{project.description}

-
- {#each project.tags as tag} -
- -
- {/each} + +
+ {/if} -
- +
+
+ {#if project.coverImage} +
+ {project.title} +
+ {/if} +
+ + +

+ {project.title} +

+ +

{formatDate(project.date)}

+ +

{project.description}

+
+ {#each project.tags as tag} +
+
+ {/each} + +
+
- {/each} +
+ {/each} -

And many other unfinished projects...

-
+

And many other unfinished projects...

diff --git a/static/assets/particles-light.json b/static/assets/particles-light.json index 4a32896..1c5bf7a 100644 --- a/static/assets/particles-light.json +++ b/static/assets/particles-light.json @@ -8,21 +8,16 @@ } }, "color": { - "value": "#000033" + "value": "#1c1917" }, "shape": { "type": "circle", "stroke": { "width": 0, - "color": "#000033" + "color": "#1c1917" }, "polygon": { "nb_sides": 5 - }, - "image": { - "src": "img/github.svg", - "width": 100, - "height": 100 } }, "opacity": { @@ -48,7 +43,7 @@ "line_linked": { "enable": true, "distance": 150, - "color": "#000033", + "color": "#1c1917", "opacity": 0.4, "width": 1 }, @@ -67,44 +62,5 @@ } } }, - "interactivity": { - "detect_on": "canvas", - "events": { - "onhover": { - "enable": true, - "mode": "repulse" - }, - "onclick": { - "enable": true, - "mode": "push" - }, - "resize": true - }, - "modes": { - "grab": { - "distance": 400, - "line_linked": { - "opacity": 1 - } - }, - "bubble": { - "distance": 400, - "size": 40, - "duration": 2, - "opacity": 8, - "speed": 3 - }, - "repulse": { - "distance": 200, - "duration": 0.4 - }, - "push": { - "particles_nb": 4 - }, - "remove": { - "particles_nb": 2 - } - } - }, "retina_detect": true } diff --git a/static/assets/particles.json b/static/assets/particles.json index 8ca0ab1..f193fdc 100644 --- a/static/assets/particles.json +++ b/static/assets/particles.json @@ -8,21 +8,16 @@ } }, "color": { - "value": "#ffffff" + "value": "#d6d3d1" }, "shape": { "type": "circle", "stroke": { "width": 0, - "color": "#000000" + "color": "#d6d3d1" }, "polygon": { "nb_sides": 5 - }, - "image": { - "src": "img/github.svg", - "width": 100, - "height": 100 } }, "opacity": { @@ -48,7 +43,7 @@ "line_linked": { "enable": true, "distance": 150, - "color": "#ffffff", + "color": "#d6d3d1", "opacity": 0.4, "width": 1 }, @@ -67,44 +62,5 @@ } } }, - "interactivity": { - "detect_on": "canvas", - "events": { - "onhover": { - "enable": true, - "mode": "repulse" - }, - "onclick": { - "enable": true, - "mode": "push" - }, - "resize": true - }, - "modes": { - "grab": { - "distance": 400, - "line_linked": { - "opacity": 1 - } - }, - "bubble": { - "distance": 400, - "size": 40, - "duration": 2, - "opacity": 8, - "speed": 3 - }, - "repulse": { - "distance": 200, - "duration": 0.4 - }, - "push": { - "particles_nb": 4 - }, - "remove": { - "particles_nb": 2 - } - } - }, "retina_detect": true }