From f547c2b6496f44222f55a26b83a88c03420c65b2 Mon Sep 17 00:00:00 2001 From: Mike Date: Tue, 23 Jun 2026 20:42:57 -1000 Subject: [PATCH] Adding boilerplate design --- src/assets/astro.svg | 1 - src/assets/background.svg | 1 - src/components/Contributors.astro | 55 ++++++++ src/components/DonationCTA.astro | 34 +++++ src/components/Footer.astro | 55 ++++++++ src/components/Hero.astro | 41 ++++++ src/components/Meetup.astro | 115 ++++++++++++++++ src/components/Milestones.astro | 79 +++++++++++ src/components/Nav.astro | 39 ++++++ src/components/Projects.astro | 80 ++++++++++++ src/components/Welcome.astro | 210 ------------------------------ src/layouts/Layout.astro | 139 ++++++++++++++++++-- src/pages/index.astro | 23 +++- 13 files changed, 645 insertions(+), 227 deletions(-) delete mode 100644 src/assets/astro.svg delete mode 100644 src/assets/background.svg create mode 100644 src/components/Contributors.astro create mode 100644 src/components/DonationCTA.astro create mode 100644 src/components/Footer.astro create mode 100644 src/components/Hero.astro create mode 100644 src/components/Meetup.astro create mode 100644 src/components/Milestones.astro create mode 100644 src/components/Nav.astro create mode 100644 src/components/Projects.astro delete mode 100644 src/components/Welcome.astro diff --git a/src/assets/astro.svg b/src/assets/astro.svg deleted file mode 100644 index 8cf8fb0..0000000 --- a/src/assets/astro.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/assets/background.svg b/src/assets/background.svg deleted file mode 100644 index 4b2be0a..0000000 --- a/src/assets/background.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/components/Contributors.astro b/src/components/Contributors.astro new file mode 100644 index 0000000..f4060b0 --- /dev/null +++ b/src/components/Contributors.astro @@ -0,0 +1,55 @@ +--- +// TODO: Make this pull from GitHub +const spotlight = [ +{ name: 'Mike A', role: 'Contributor • 24 PRs', avatar: 'bg-primary-fixed-dim' }, + { name: 'Suchandra S.', role: 'Dev Lead • 1 Projects', avatar: 'bg-secondary-fixed-dim' }, + { name: 'Ryan K.', role: 'Contributor • UIPA', avatar: 'bg-tertiary-fixed-dim' }, +]; +--- + +
+
+
+

Our Digital Community

+

+ We are a community of over TODO: Get num of contributors: developers, designers, and organizers dedicated to civic tech. +

+
+
+
TODO: Pull from GitHub: 1.2k+
+
Commits this month
+
+
+
48
+
TODO: Pull from GitHub: Active Repos
+
+
+
+ +
+
+ +
+
+

Contributor Spotlight

+ stars +
+
+ { + spotlight.map((person) => ( +
+
+
+
{person.name}
+
{person.role}
+
+
+ )) + } +
+
+
+
+
diff --git a/src/components/DonationCTA.astro b/src/components/DonationCTA.astro new file mode 100644 index 0000000..3d0a854 --- /dev/null +++ b/src/components/DonationCTA.astro @@ -0,0 +1,34 @@ +
+
+
+

+ TODO: Fix this: Donate. +

+

+ TODO: Rewrite this: Your contributions help us keep the servers running and the coffee brewing for our + volunteers. 100% of donations go directly into community tech tools. +

+
+ + +
+
+ TRUSTED BY +
+ TODO: Update this +
+
+
+
+
+
diff --git a/src/components/Footer.astro b/src/components/Footer.astro new file mode 100644 index 0000000..961814c --- /dev/null +++ b/src/components/Footer.astro @@ -0,0 +1,55 @@ +--- +const columns = [ + { + title: 'Connect', + links: ['Code of Conduct', 'Privacy Policy', 'GitHub', 'Volunteer Login'], + }, + { + title: 'Support', + links: ['Sponsor Us', 'Merch Store', 'Contact Us'], + }, +]; +--- + + diff --git a/src/components/Hero.astro b/src/components/Hero.astro new file mode 100644 index 0000000..f2c4500 --- /dev/null +++ b/src/components/Hero.astro @@ -0,0 +1,41 @@ +--- +// TODO: Replace with url of Hero Image +const heroImage = + ''; +--- + +
+
+
+

+ TODO: Insert tagline
Here. +

+

+ In the spirit of TODO: Insert Description Here +

+
+ + +
+
+
+
+
+ Image of Hawaii or Code With Aloha +
+
+
diff --git a/src/components/Meetup.astro b/src/components/Meetup.astro new file mode 100644 index 0000000..1738a12 --- /dev/null +++ b/src/components/Meetup.astro @@ -0,0 +1,115 @@ +--- +// TODO: Pull from meetup or calendar? +const events = [ + { + month: 'Jul', + day: '6', + title: 'Civic Tech Night: New Member Social', + detail: "6:00 PM • Entrepreneur's Sandbox", + accent: 'primary', + }, + { + month: 'Aug', + day: '03', + title: 'Civic Tech Night: New Member Social', + detail: "6:00 PM• Entrepreneur's Sandbox", + accent: 'tertiary', + }, +]; + +// TODO: Add Photos from our meetups +const columnA = [ + '', + '', + '', +]; +const columnB = [ + '', + '', +]; +const heights = ['h-64', 'h-80', 'h-64']; +--- + +
+
+
+
+ Community +

Join Our Next Meetup!

+

+ We are civic tech volunteers interested in utilizing technology to improve our local communities. +

+
+ { + events.map((ev) => ( +
+
+ {ev.month} + {ev.day} +
+
+

+ {ev.title} +

+

{ev.detail}

+
+
+ )) + } +
+ +
+ +
+
+ { + columnA.map((src, i) => ( + + )) + } +
+
+ { + columnB.map((src, i) => ( + + )) + } +
+
+
+
+
diff --git a/src/components/Milestones.astro b/src/components/Milestones.astro new file mode 100644 index 0000000..6454964 --- /dev/null +++ b/src/components/Milestones.astro @@ -0,0 +1,79 @@ +--- +// TODO: Update all of these +const milestones = [ + { + icon: 'emoji_events', + stat: '10+', + label: 'Volunteers', + body: 'Hit a major community growth milestone this quarter.', + accent: 'primary', + }, + { + icon: 'auto_awesome', + stat: 'A Project', + label: 'Design System', + body: 'Released our first TODO: Update this.', + accent: 'tertiary', + }, + { + icon: 'volunteer_activism', + stat: '$0+', + label: 'Grants Awarded', + body: 'TODO: Update this with something else', + accent: 'secondary', + }, + { + icon: 'terminal', + stat: 'nth App', + label: 'Launched', + body: "TODO: Update this", + accent: 'primary', + }, +]; + +const accentMap = { + primary: { bg: 'bg-primary/10', text: 'text-primary' }, + tertiary: { bg: 'bg-tertiary/10', text: 'text-tertiary' }, + secondary: { bg: 'bg-secondary/10', text: 'text-secondary' }, +}; +--- + +
+
+
+ Progress Report +

Organizational Milestones

+
+
+ { + milestones.map((m) => ( +
+
+ {m.icon} +
+

{m.stat}

+

+ {m.label} +

+

{m.body}

+
+ )) + } +
+
+ + View our full history and origins + open_in_new + +
+
+
diff --git a/src/components/Nav.astro b/src/components/Nav.astro new file mode 100644 index 0000000..fe7c18b --- /dev/null +++ b/src/components/Nav.astro @@ -0,0 +1,39 @@ +--- +const links = ['Our Story', 'History', 'Projects', 'Events', 'Community']; +--- + + diff --git a/src/components/Projects.astro b/src/components/Projects.astro new file mode 100644 index 0000000..c84a46d --- /dev/null +++ b/src/components/Projects.astro @@ -0,0 +1,80 @@ +
+
+
+

Active Projects

+

+ TODO: Add line for why we build projects +

+
+
+
+ groups + Help Wanted +
+

+ We're actively seeking UI/UX Designers and Frontend Devs + to join our project teams. +

+
+
+ +
+ +
+
+
+
+
+ Python + Hiring: UX/UI +
+

UIPA

+

+ TODO: Add UIPA description +

+
+
+
+
+
+
+
+ 12 Contributors. TODO: Change this + + arrow_outward + +
+
+ + +
+
+ TODO: Update + HELP WANTED +
+

Website

+

+ TODO: Add website description +

+
+
NEEDED: FRONTEND ASTRO
+
+
+ +

TODO: Add Previous Projects Section

+
+
diff --git a/src/components/Welcome.astro b/src/components/Welcome.astro deleted file mode 100644 index 1b2cf9c..0000000 --- a/src/components/Welcome.astro +++ /dev/null @@ -1,210 +0,0 @@ ---- -import astroLogo from '../assets/astro.svg'; -import background from '../assets/background.svg'; ---- - -
- -
-
- Astro Homepage -

- To get started, open the 
src/pages
 directory in your project. -

- -
-
- - - -

What's New in Astro 6.0?

-

- Redesigned dev server, fonts, live collections, built-in CSP support, and more! Click to - explore Astro 6.0's new features. -

- -
- - diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index f6b55d4..f0e7cb7 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,23 +1,142 @@ +--- +const { + title = 'Code with Aloha | Bridging Tech with the Heart of Hawaii', +} = Astro.props; +--- + - + - + - Astro Basics + {title} + + + + + + - + - diff --git a/src/pages/index.astro b/src/pages/index.astro index c04f360..273c02f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,11 +1,24 @@ --- -import Welcome from '../components/Welcome.astro'; import Layout from '../layouts/Layout.astro'; - -// Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build -// Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh. +import Nav from '../components/Nav.astro'; +import Hero from '../components/Hero.astro'; +import Meetup from '../components/Meetup.astro'; +import Projects from '../components/Projects.astro'; +import Contributors from '../components/Contributors.astro'; +import Milestones from '../components/Milestones.astro'; +import DonationCTA from '../components/DonationCTA.astro'; +import Footer from '../components/Footer.astro'; --- - +