From 7ffc4f518b4189cdd0014fa2a976890b2ab75acf Mon Sep 17 00:00:00 2001 From: Thomas Cole Date: Sun, 14 Jan 2024 15:10:41 -0500 Subject: [PATCH] Re-ish design. --- public/particlesjs-config-dark.json | 2 +- public/particlesjs-config-light.json | 102 --------------------------- src/components/Footer.astro | 5 +- src/components/Particles.astro | 14 +--- src/components/misc/Button.astro | 13 ++++ src/components/nav/Nav.astro | 19 ++--- src/components/nav/SocialLinks.astro | 8 +-- src/components/resume/Timeline.astro | 4 +- src/layouts/Layout.astro | 33 +++++---- src/pages/404.astro | 51 ++------------ src/pages/about.astro | 28 ++++---- src/pages/contact.astro | 18 ++--- src/pages/index.astro | 29 ++++---- tailwind.config.cjs | 3 + 14 files changed, 91 insertions(+), 238 deletions(-) delete mode 100644 public/particlesjs-config-light.json create mode 100644 src/components/misc/Button.astro diff --git a/public/particlesjs-config-dark.json b/public/particlesjs-config-dark.json index 6d25b73..e750d59 100644 --- a/public/particlesjs-config-dark.json +++ b/public/particlesjs-config-dark.json @@ -1,7 +1,7 @@ { "particles": { "number": { - "value": 80, + "value": 100, "density": { "enable": true, "value_area": 800 diff --git a/public/particlesjs-config-light.json b/public/particlesjs-config-light.json deleted file mode 100644 index b69d569..0000000 --- a/public/particlesjs-config-light.json +++ /dev/null @@ -1,102 +0,0 @@ -{ - "particles": { - "number": { - "value": 80, - "density": { - "enable": true, - "value_area": 800 - } - }, - "color": { - "value": "#000000" - }, - "shape": { - "type": "circle", - "stroke": { - "width": 0, - "color": "#ffffff" - } - }, - "opacity": { - "value": 0.5, - "random": false, - "anim": { - "enable": false, - "speed": 1, - "opacity_min": 0.1, - "sync": false - } - }, - "size": { - "value": 3, - "random": true, - "anim": { - "enable": false, - "speed": 40, - "size_min": 0.1, - "sync": false - } - }, - "line_linked": { - "enable": true, - "distance": 150, - "color": "#000000", - "opacity": 0.4, - "width": 1 - }, - "move": { - "enable": true, - "speed": 1, - "direction": "none", - "random": false, - "straight": false, - "out_mode": "out", - "bounce": false, - "attract": { - "enable": false, - "rotateX": 600, - "rotateY": 1200 - } - } - }, - "interactivity": { - "detect_on": "canvas", - "events": { - "onhover": { - "enable": false, - "mode": "repulse" - }, - "onclick": { - "enable": false, - "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/src/components/Footer.astro b/src/components/Footer.astro index 917fe1f..f56ced5 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -4,9 +4,8 @@ --- \ No newline at end of file diff --git a/src/components/Particles.astro b/src/components/Particles.astro index 04c216c..126f6e5 100644 --- a/src/components/Particles.astro +++ b/src/components/Particles.astro @@ -20,17 +20,5 @@ \ No newline at end of file diff --git a/src/components/misc/Button.astro b/src/components/misc/Button.astro new file mode 100644 index 0000000..7c0933b --- /dev/null +++ b/src/components/misc/Button.astro @@ -0,0 +1,13 @@ +--- + export interface Props { + text: string; + link: string; + width?: string; + icon?: string; + } + + const { text, link, width, icon } = Astro.props; + let baseClass = "flex items-center p-2 mx-auto font-bold text-center text-white transition-all border-2 border-white rounded-md place-content-center hover:text-black hover:bg-white " + width; +--- + +{text}{icon && {icon}} \ No newline at end of file diff --git a/src/components/nav/Nav.astro b/src/components/nav/Nav.astro index 3550560..fc01fe1 100644 --- a/src/components/nav/Nav.astro +++ b/src/components/nav/Nav.astro @@ -3,8 +3,6 @@ pageName?: string; } - import ThemeToggle from "../misc/ThemeToggle.astro"; - const { pageName } = Astro.props; let displayedName = ""; if (pageName) { @@ -12,20 +10,13 @@ } --- -
+
- - - TC - thomaspcole.com -
\ No newline at end of file diff --git a/src/components/nav/SocialLinks.astro b/src/components/nav/SocialLinks.astro index 37a7a2f..bbe60b2 100644 --- a/src/components/nav/SocialLinks.astro +++ b/src/components/nav/SocialLinks.astro @@ -1,5 +1,5 @@ - - + + - + - +
- - + +

{title}

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 007a34c..cda0a4d 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,17 +1,17 @@ --- - export interface Props { - title?: string; - } - import Nav from '../components/nav/Nav.astro'; import Footer from '../components/Footer.astro'; import Particles from '../components/Particles.astro'; + export interface Props { + title?: string; + } + const { title } = Astro.props; --- - + @@ -35,26 +35,25 @@ 'GRAD' 0, 'opsz' 48 } - - + - + +
-