-
- );
-};
-
-export default Card;
diff --git a/components/ConductReportForm.tsx b/components/ConductReportForm.tsx
deleted file mode 100644
index 8ce4c33..0000000
--- a/components/ConductReportForm.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-export default function ConductReportForm() {
- return (
-
- );
-}
diff --git a/components/RepoList.tsx b/components/RepoList.tsx
deleted file mode 100644
index c22ad2d..0000000
--- a/components/RepoList.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import Card from "../components/Card.tsx";
-
-type RepoListProps = {
- title: string;
- list: string[];
- shuffleList?: boolean;
-};
-
-const shuffle = (array: string[]) => {
- const shuffled: string[] = [];
- shuffled.concat(array);
-
- for (let i = array.length - 1; i > 0; i--) {
- const j = Math.floor(Math.random() * (i + 1));
- [shuffled[i], shuffled[j]] = [array[j], array[i]];
- }
- return shuffled;
-};
-
-const RepoList = ({ title, list, shuffleList = false }: RepoListProps) => {
- const repos = shuffleList ? shuffle(list) : list;
-
- return (
-
-
- {link && (
-
- {link_text ? link_text : "Learn more"}
-
- )}
- {title}
- {content && !Array.isArray(content) && ( -{content}
- )} - {content && - Array.isArray(content) && - content.map((para) =>{para}
)} - {children} --
- {repos.map((repo) => {
- const repoName = repo.split("/").slice(-1);
- const repoUrl = `https://github.com/${repo}`;
- return (
-
- - - {repoName} - - - ); - })} -
-
- -
- );
-};
-
-export default Footer;
diff --git a/islands/Header.tsx b/islands/Header.tsx
deleted file mode 100644
index 39ef875..0000000
--- a/islands/Header.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import MenuIcon from "tabler_icons/menu.tsx";
-import { useState } from "preact/hooks";
-
-type Props = {
- active: string;
- nav: { name: string; href: string; target?: string }[];
-};
-
-export default function Header({ active, nav }: Props) {
- const [isDropdownOpen, setDropdownOpen] = useState(false);
- return (
- - -
-
- );
-}
diff --git a/islands/IssuesList.tsx b/islands/IssuesList.tsx
deleted file mode 100644
index 2aeeb75..0000000
--- a/islands/IssuesList.tsx
+++ /dev/null
@@ -1,121 +0,0 @@
-import { GitHubIssue, issueRepoPath } from "../lib/github.ts";
-import Card from "../components/Card.tsx";
-import { useMemo, useState } from "preact/hooks";
-
-type Props = {
- repos: Array
-
- 
-
-
-
-
-
-
-
-
- -
- {nav.map((item) => (
-
- - - {item.name} - - - ))} -
-
- {nav.map((item) => (
-
- - - {item.name} - - - ))} -
-
-
-
-
- {labelFilter
- ? <>Labeled with: {showLabel({ ...labelFilter })}
- : "Click a label to filter issues"}
-
-
- {(repoFilter !== NO_FILTER || labelFilter) && (
-
- )}
-
- {Object.entries(groupedIssues).map(([repoPath, repoIssues]) => (
-
-
-
- ))}
- {repoPath}
--
- {repoIssues.map((issue) => (
-
-
-
- {issue.title}
-
- - {issue.labels.map((label) => showLabel(label))} --
- ))}
-
- {topic.name}
-
- );
-}
diff --git a/lib/datastore.ts b/lib/datastore.ts
deleted file mode 100644
index 2d728ed..0000000
--- a/lib/datastore.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const KV = await Deno.openKv();
diff --git a/lib/github.ts b/lib/github.ts
deleted file mode 100644
index f3f7856..0000000
--- a/lib/github.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import { z } from "zod";
-
-export async function getHelpWantedIssues({
- token,
- repos,
-}: {
- token: string;
- repos: string[];
-}) {
- /**
- * TODO: Assuming there won't be more than 100 help-wanted issues on
- * any of the defined repos. Handle pagination!
- */
- const PER_PAGE = 100;
- const allRepoIssues = await Promise.all(
- repos.map((repo) =>
- fetchIssues({ token, repo, perPage: PER_PAGE, page: 1 }),
- ),
- );
- return allRepoIssues.flat();
-}
-
-const GitHubIssueSchema = z.object({
- title: z.string(),
- number: z.number(),
- html_url: z.string(),
- repository_url: z.string(),
- state: z.string(),
- labels: z.array(
- z.object({
- name: z.string(),
- color: z.string(),
- }),
- ),
- reactions: z.object({
- "+1": z.number(),
- "-1": z.number(),
- confused: z.number(),
- eyes: z.number(),
- heart: z.number(),
- hooray: z.number(),
- laugh: z.number(),
- rocket: z.number(),
- total_count: z.number(),
- }),
-});
-export type GitHubIssue = z.infer
- {votes} votes
-
-
-
-
-
-
- );
-}
diff --git a/routes/_app.tsx b/routes/_app.tsx
deleted file mode 100644
index 0b3cfde..0000000
--- a/routes/_app.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { PageProps } from "$fresh/server.ts";
-import Header from "../islands/Header.tsx";
-import Footer from "../islands/Footer.tsx";
-import { title } from "../lib/title.ts";
-
-const nav = [
- { name: "About", href: "/about" },
- { name: "Events", href: "https://meetup.com/devict", target: "_blank" },
- { name: "Projects", href: "/projects" },
- { name: "Jobs", href: "https://jobs.devict.org", target: "_blank" },
- { name: "Support", href: "/support" },
- { name: "Conduct", href: "/conduct" },
-];
-
-export default function App({ Component, route }: PageProps) {
- return (
-
-
-
-
-
-
-
-
- {/* */}
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/routes/about.tsx b/routes/about.tsx
deleted file mode 100644
index b359f2d..0000000
--- a/routes/about.tsx
+++ /dev/null
@@ -1,134 +0,0 @@
-import { FunctionComponent } from "preact";
-import Card from "../components/Card.tsx";
-import AboutHero from "../components/AboutHero.tsx";
-import { Head } from "$fresh/runtime.ts";
-import { title } from "../lib/title.ts";
-
-export default function About() {
- return (
- <>
-
-
-
-
-
- -
-
- );
-}
-
-interface VolunteerCardProps {
- name: string;
- role?: string;
- imageUrl: string;
- slackId: string;
-}
-const VolunteerCard: FunctionComponent
-
-
- - -
-
-
-
-
- Organizers
-- The devICT Institute is a 501c3 non-profit governed by a board of - directors. In addition to the board we are supported by volunteers - who organize events and generally keep things running. -
-Board & Volunteers
-
-
-
-
- 
-
- {name}
- {role
- ? (
- <>
-
- {role} - - ) - : <>} -
- - Contact on Slack - -
-
-
- );
-};
diff --git a/routes/api/upvote.ts b/routes/api/upvote.ts
deleted file mode 100644
index e46f9fc..0000000
--- a/routes/api/upvote.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Handlers } from "$fresh/server.ts";
-import { Topics } from "../../lib/topics.ts";
-import { Users } from "../../lib/users.ts";
-
-export const handler: Handlers = {
- async POST(req) {
- const body = await req.json();
- const { topic } = body;
-
- if (typeof topic !== "string" || topic.trim() === "") {
- return new Response(JSON.stringify({ error: "Invalid topic" }), {
- status: 400,
- headers: { "Content-Type": "application/json" },
- });
- }
-
- try {
- const userId = await Users.getOrCreateUserId(req);
- const hasVoted = await Users.hasVoted(userId, topic);
-
- if (hasVoted) {
- return new Response(JSON.stringify({ error: "Already voted" }), {
- status: 400,
- headers: { "Content-Type": "application/json" },
- });
- }
-
- const updatedTopic = await Topics.upvote(topic.trim());
- await Users.recordVote(userId, topic);
-
- const response = new Response(JSON.stringify(updatedTopic), {
- status: 200,
- headers: { "Content-Type": "application/json" },
- });
-
- // Set the userId cookie if it's a new user
- if (!req.headers.get("cookie")?.includes("userId=")) {
- response.headers.set(
- "Set-Cookie",
- `userId=${userId}; Path=/; HttpOnly; SameSite=Strict; Max-Age=31536000`,
- );
- }
-
- return response;
- } catch (error) {
- console.error("Error upvoting topic:", error);
- return new Response(JSON.stringify({ error: "Server error" }), {
- status: 500,
- headers: { "Content-Type": "application/json" },
- });
- }
- },
-};
diff --git a/routes/conduct.tsx b/routes/conduct.tsx
deleted file mode 100644
index a62c248..0000000
--- a/routes/conduct.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { CSS, render } from "@deno/gfm";
-import { Head } from "$fresh/runtime.ts";
-import ConductReportForm from "../components/ConductReportForm.tsx";
-import { title } from "../lib/title.ts";
-
-const cocMarkdown = await Deno.readTextFile("./CODE_OF_CONDUCT.md");
-
-export default function Conduct() {
- // Append the report form and markdown, so we have consistent text
- // styling with the rest of the markdown.
- const md = `
-${cocMarkdown}
-
-## Report an Incident
-
-You may use this form to anonymously report an incident that may have violated our
-Code of Conduct. The report will go to the devICT Board of Directors. The report goes
-through the servers at formspree.io.
- `;
-
- const cocHtml = render(md);
-
- return (
- <>
-
-
- - {role} - - ) - : <>} -
- - Contact on Slack - -
-
-
- );
-}
diff --git a/routes/index.tsx b/routes/index.tsx
deleted file mode 100644
index d62d0fb..0000000
--- a/routes/index.tsx
+++ /dev/null
@@ -1,226 +0,0 @@
-import { assert } from "$std/_util/asserts.ts";
-import Card from "../components/Card.tsx";
-import { fetchGitHubContributors, IContributor } from "../lib/github.ts";
-
-import Button from "../components/Button.tsx";
-import AboutHero from "../components/AboutHero.tsx";
-
-const DEVICT_REPOS: string[] = [
- "devict/job-board",
- "devict/devict.org",
- "devict/keeper",
- "devict/hacktoberfest",
- "devict/help",
-];
-
-export default async function Home() {
- const ghToken = Deno.env.get("APP_GITHUB_TOKEN");
- assert(ghToken);
-
- const contributors = await fetchGitHubContributors(ghToken, DEVICT_REPOS);
- return (
-
-
-
-
-
-
- -
- );
-}
-
-type ContributeProps = {
- contributors: IContributor[];
-};
-
-function Contribute({ contributors }: ContributeProps) {
- return (
- <>
-
-
-
-
-
- - -
-
-
- - -
-
-
- - -
-- -
-
- - In addition to our community members, we are supported by these great - organizations. -
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
-
-
-
- - Join the fun, reap the rewards -
-- There's a lot to gain from contributing, and many ways to do it. -
--
Why contribute?
-
- {[
- {
- title: `Build Skills`,
- content:
- `Working on real-world projects exposes you to new technologies and best practices.`,
- },
- {
- title: `Build Portfolio`,
- content:
- `Your contributions get recorded on GitHub, providing tangible proof of your skills.`,
- },
- {
- title: `Build Network`,
- content:
- `Interacting with the community offers immense learning opportunities and widens your professional network.`,
- },
- {
- title: `Build Community`,
- content:
- `By contributing, you help grow the local tech scene and create a richer environment for everyone involved.`,
- },
- ].map((card) =>
-
- How to contribute?
-
- {[
- {
- title: `Join the Conversation`,
- content: (
- <>
- Join us{" "}
-
- in Slack
- {" "}
- and jump into the conversation! Share what you're working on,
- asking questions, and help others.
-
- ),
- link: "https://slack.devict.org/",
- link_text: "Join Slack",
- },
- {
- title: "Contribute to a Project",
- content: (
- <>
- Browse our{" "}
-
- active projects
-
- , find an issue that interests you, and jump right in! Plenty of
- ways to contribute with or without coding.
-
- ),
- link: "/projects",
- link_text: "Get Coding",
- },
- {
- title: `Give a Talk or Workshop`,
- content:
- `Share your knowledge and experience in a lightning talk or more comprehensive sessions.`,
- link: "https://speak.devict.org/",
- link_text: "Sign Up",
- external: true,
- },
- {
- title: `Support Financially`,
- content:
- `Donations help us keep the lights on and fund community events. Every bit counts!`,
- link: "/support",
- link_text: "Donate",
- },
- ].map((card) =>
- Contributors
- -
- {contributors.map((contributor) => (
-
-
- );
-}
-
-type ContributorsProps = {
- login: string;
- avatar_url: string;
- html_url: string;
-};
-
-function Contributor({ login, avatar_url, html_url }: ContributorsProps) {
- return (
-
-
-
- ))}
-
- 
-
-
- );
-}
diff --git a/routes/learn.tsx b/routes/learn.tsx
deleted file mode 100644
index 41f0e4d..0000000
--- a/routes/learn.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Head } from "$fresh/runtime.ts";
-import { Handlers, PageProps } from "$fresh/server.ts";
-import { title } from "../lib/title.ts";
-import { Topic, Topics } from "../lib/topics.ts";
-import { Users } from "../lib/users.ts";
-import TopicItem from "../islands/TopicItem.tsx";
-
-// Add this interface to define the shape of the data prop
-interface LearnProps {
- topics: Topic[];
- votedTopics: string[];
- error?: ErrorCode;
-}
-
-// Update the Learn component to accept props
-export default function Learn({ data }: PageProps{login}
-
-
-
- );
-}
-
-// Update NewTopicForm to accept error prop
-function NewTopicForm({ error }: { error?: ErrorCode }) {
- const err = error ? errors[error] : null;
- return (
- - What do you want to learn? -
-
-
-
- {topics.map((topic) => (
-
-
- {err &&
- );
-}
-
-export const handler: Handlers{err}
}
-
-
-
-
- );
-}
diff --git a/routes/report.ts b/routes/report.ts
deleted file mode 100644
index 385fae0..0000000
--- a/routes/report.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Handlers } from "$fresh/server.ts";
-
-export const handler: Handlers = {
- GET: () =>
- new Response(undefined, {
- status: 302,
- headers: { location: "/conduct#report-an-incident " },
- }),
-};
diff --git a/routes/slack.ts b/routes/slack.ts
deleted file mode 100644
index 9d63ba7..0000000
--- a/routes/slack.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Handlers } from "$fresh/server.ts";
-
-export const handler: Handlers = {
- GET: () =>
- new Response(undefined, {
- status: 302,
- headers: { location: "https://slack.devict.org " },
- }),
-};
diff --git a/routes/support.tsx b/routes/support.tsx
deleted file mode 100644
index eb2c4ee..0000000
--- a/routes/support.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-// TODO: cost transparency breakdown!
-
-import { Head } from "$fresh/runtime.ts";
-import { title } from "../lib/title.ts";
-
-export default function Support() {
- return (
- <>
-
- - Contribute to devICT -
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/_data/navigation.json b/src/_data/navigation.json
new file mode 100644
index 0000000..b85debe
--- /dev/null
+++ b/src/_data/navigation.json
@@ -0,0 +1,7 @@
+[
+ { "name": "About", "href": "/about/" },
+ { "name": "Events", "href": "https://meetup.com/devict", "external": true },
+ { "name": "Jobs", "href": "https://jobs.devict.org", "external": true },
+ { "name": "Support", "href": "/support/" },
+ { "name": "Conduct", "href": "/conduct/" }
+]
diff --git a/src/_data/site.json b/src/_data/site.json
new file mode 100644
index 0000000..2ca788b
--- /dev/null
+++ b/src/_data/site.json
@@ -0,0 +1,4 @@
+{
+ "title": "devICT",
+ "description": "devICT is a Wichita, KS local community meetup group for anyone interested in programming, coding, software engineering, web development, or game development. We aim to educate, empower, and connect software developers in the Wichita, KS area."
+}
diff --git a/src/_includes/footer.njk b/src/_includes/footer.njk
new file mode 100644
index 0000000..29296ef
--- /dev/null
+++ b/src/_includes/footer.njk
@@ -0,0 +1,13 @@
+
diff --git a/src/_includes/header.njk b/src/_includes/header.njk
new file mode 100644
index 0000000..e353d3a
--- /dev/null
+++ b/src/_includes/header.njk
@@ -0,0 +1,25 @@
+
-
- Support your local dev community!
-- devICT is 100% volunteer run and funded by the support of our - community members and sponsor organizations. -
--
-
-
-
-
- Recurring Donations
-- You can create a recurring donation by creating an account on - Patreon. To donate visit{" "} - - our Patreon profile - - . -
-
-
- One-time Donations
-- If you want to help but do not want to set up a recurring donation - you can give a single amount using{" "} - - PayPal or Venmo - - . -
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Wichita's community for software developers
+devICT is a volunteer-run community aiming to educate, empower and connect web, game, and software developers in the Wichita, KS area through online and in-person engagement.
++
Open to all: hobbyists, beginners, and seasoned engineers alike.
+devICT is a welcoming and knowledgeable community where you can engage, contribute, and grow your skills as a web, game, or software developer.
+
+
+
+
+
+ Who we are
+We are a group of individuals who have a common interest in software development.
+Our skill levels vary greatly, from complete beginners to seasoned veterans. We welcome anyone with a curiosity for programming.
+We strictly enforce a Code of Conduct to provide all of our members a safe and inclusive environment.
+
+
+ What we do
+Members of devICT have one common goal: to be better at what we do. Our events and services are aimed at achieving that.
+To make that happen we have monthly events that are both social and educational.
+We also have an active Slack community which serves as a place to connect and discuss with others in the community.
+
+
+Get involved!
+Most of the time we are hanging out in Slack. To join, just fill out this form.
+Primarily, be sure to become a member on the Meetup page. Then you will receive notifications for upcoming events.
+You could also give a talk! Share the knowledge! We enjoy learning about any development related topics. Contact a board member if you are interested!
++ +
+
diff --git a/src/conduct.njk b/src/conduct.njk
new file mode 100644
index 0000000..76cce9d
--- /dev/null
+++ b/src/conduct.njk
@@ -0,0 +1,48 @@
+---
+layout: layouts/base.njk
+title: Code of Conduct
+---
+
+
+
+
+ Organizers
+The devICT Institute is a 501c3 non-profit governed by a board of directors. In addition to the board we are supported by volunteers who organize events and generally keep things running.
+Board & Volunteers
+
+
+
+
+
+
+
+
+ Seth Etter
+ 
+ Christen Lofland
+ 
+ Michael Neth
+ 
+ Brian Buller
+ 
+ Brian Foster
+
+
+
+Code of Conduct
+ +All individuals participating in any devICT sanctioned space, whether in-person or online, are required to agree with the following code of conduct. This includes attendees, volunteers, speakers, sponsors, and members of the devICT board. Organizers will enforce this code whenever deemed appropriate. We expect cooperation from all participants to help ensure a safe and welcoming environment for everybody.
+ +The Quick Version
+ +Our community is dedicated to providing a harassment-free meetup experience for everyone, regardless of gender, gender identity and expression, age, sexual orientation, disability, physical appearance, body size, race, ethnicity, religion (or lack thereof), or technology choices. We do not tolerate harassment of meetup participants in any form. Sexual or derogatory language and imagery is not appropriate for any community space, including events, talks, workshops, parties, Slack, GitHub, and any other online space. Community participants violating these rules may be sanctioned or expelled from the event and/or community without refund (where applicable) at the discretion of the devICT board and event hosts.
+ +The Less Quick Version
+ +Harassment includes offensive written or verbal comments or imagery related to gender, gender identity and expression, age, sexual orientation, disability, physical appearance, body size, race, ethnicity, religion, technology choices, sexual images in public spaces, deliberate intimidation, stalking, following, harassing photography or recording, sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual attention.
+ +Participants asked to stop any harassing behaviour are expected to comply immediately.
+ +If a participant engages in harassing behaviour, the devICT board or event hosts may take any action they deem appropriate, including warning the offender, expulsion from the event, and/or expulsion from devICT digital spaces.
+ +If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact a devICT board member or event host immediately. Photos and contact information can be found on our about page.
+ +devICT board members and event hosts will be happy to help participants contact security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the meetup. We value your attendance.
+ +We expect anyone participating in devICT, either in person or virtually, to abide by this code of conduct.
+ +Report an Incident
+ +You may use this form to anonymously report an incident that may have violated our Code of Conduct. The report will go to the devICT Board of Directors. The report goes through the servers at formspree.io.
+
+
+
diff --git a/src/index.njk b/src/index.njk
new file mode 100644
index 0000000..0ac8155
--- /dev/null
+++ b/src/index.njk
@@ -0,0 +1,78 @@
+---
+layout: layouts/base.njk
+title: ""
+---
+
+
+
+
+
+
+
+Wichita's community for software developers
+devICT is a volunteer-run community aiming to educate, empower and connect web, game, and software developers in the Wichita, KS area through online and in-person engagement.
++
Open to all: hobbyists, beginners, and seasoned engineers alike.
+devICT is a welcoming and knowledgeable community where you can engage, contribute, and grow your skills as a web, game, or software developer.
++ +
+
+
+
+Join the fun, reap the rewards
+There's a lot to gain from contributing, and many ways to do it.
++
Why contribute?
+
+
+
+
+
+ Build Skills
+Working on real-world projects exposes you to new technologies and best practices.
+
+
+ Build Portfolio
+Your contributions get recorded on GitHub, providing tangible proof of your skills.
+
+
+ Build Network
+Interacting with the community offers immense learning opportunities and widens your professional network.
+
+
+Build Community
+By contributing, you help grow the local tech scene and create a richer environment for everyone involved.
+How to contribute?
+
+
+
+
+
+ Join the Conversation
+Join us in Slack and jump into the conversation! Share what you're working on, ask questions, and help others.
+ Join Slack +
+
+ Contribute to a Project
+Browse our GitHub organization to find projects you can contribute to. Plenty of ways to help with or without coding.
+ Get Coding +
+
+ Give a Talk or Workshop
+Share your knowledge and experience in a lightning talk or more comprehensive sessions.
+ Reach Out +
+
+Support Financially
+Donations help us keep the lights on and fund community events. Every bit counts!
+ Donate +
+
+
+In addition to our community members, we are supported by these great local partners.
+
+
+
diff --git a/src/support.njk b/src/support.njk
new file mode 100644
index 0000000..658b0af
--- /dev/null
+++ b/src/support.njk
@@ -0,0 +1,22 @@
+---
+layout: layouts/base.njk
+title: Support
+---
+
+
+
+
+
+Support your local dev community!
+devICT is 100% volunteer run and funded by the support of our community members and sponsor organizations.
++ +
+
diff --git a/static/styles.css b/static/styles.css
index bd6213e..be54040 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,3 +1,519 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
\ No newline at end of file
+/* Reset */
+*, *::before, *::after {
+ box-sizing: border-box;
+}
+
+body, h1, h2, h3, h4, p, ul {
+ margin: 0;
+ padding: 0;
+}
+
+ul {
+ list-style: none;
+}
+
+img {
+ max-width: 100%;
+ display: block;
+}
+
+/* Variables */
+:root {
+ --color-link: #718096;
+ --color-link-hover: #2D3748;
+ --color-orange: #f97316;
+ --color-orange-hover: #ea580c;
+ --color-gray-500: #6b7280;
+ --color-gray-700: #374151;
+ --max-width: 1280px;
+}
+
+/* Base */
+body {
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ line-height: 1.6;
+ color: #1a1a1a;
+ background: url('/cream_pixels.png') repeat;
+}
+
+a {
+ color: var(--color-link);
+ text-decoration: none;
+ font-weight: 500;
+ transition: color 0.2s ease-in-out;
+}
+
+a:hover {
+ color: var(--color-link-hover);
+}
+
+hr {
+ border: none;
+ border-top: 1px solid #e5e7eb;
+ margin: 2rem auto;
+ max-width: 28rem;
+}
+
+/* Layout */
+.container {
+ max-width: var(--max-width);
+ margin: 0 auto;
+ padding: 0 2rem;
+}
+
+/* Header */
+.header {
+ background: white;
+ padding: 1.5rem 2rem;
+ margin-bottom: 2rem;
+ border-radius: 0.5rem;
+ border: 1px solid #e2e8f0;
+ max-width: var(--max-width);
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.header-content {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ gap: 1rem;
+}
+
+.logo img {
+ height: 3rem;
+}
+
+.nav-toggle {
+ display: none;
+ background: none;
+ border: none;
+ cursor: pointer;
+ padding: 0.5rem;
+}
+
+.nav-menu ul {
+ display: flex;
+ gap: 1.5rem;
+ align-items: center;
+}
+
+.nav-menu a {
+ color: var(--color-gray-500);
+ padding: 0.25rem 0;
+ border-bottom: 2px solid transparent;
+}
+
+.nav-menu a:hover {
+ color: var(--color-gray-700);
+ border-bottom-color: var(--color-gray-700);
+}
+
+.nav-menu a.active {
+ border-bottom-color: var(--color-gray-500);
+}
+
+@media (max-width: 768px) {
+ .nav-toggle {
+ display: block;
+ }
+
+ .nav-menu {
+ display: none;
+ width: 100%;
+ }
+
+ .nav-menu.open {
+ display: block;
+ }
+
+ .nav-menu ul {
+ flex-direction: column;
+ align-items: flex-end;
+ gap: 0.75rem;
+ padding-top: 1rem;
+ }
+}
+
+/* Footer */
+.footer {
+ padding: 0 2rem 2rem;
+ max-width: var(--max-width);
+ margin: 0 auto;
+}
+
+.footer-links {
+ display: flex;
+ justify-content: center;
+ gap: 1.5rem;
+ flex-wrap: wrap;
+}
+
+.footer-links a {
+ display: flex;
+ align-items: center;
+ gap: 0.25rem;
+ font-weight: 500;
+}
+
+/* Buttons */
+.btn {
+ display: inline-block;
+ background: var(--color-orange);
+ color: white;
+ font-weight: bold;
+ padding: 1rem 1.5rem;
+ border-radius: 0.25rem;
+ text-decoration: none;
+ text-align: center;
+ transition: background-color 0.2s;
+}
+
+.btn:hover {
+ background: var(--color-orange-hover);
+ color: white;
+}
+
+.btn-large {
+ font-size: 1.25rem;
+ padding: 1rem 1.5rem;
+ width: 100%;
+}
+
+/* Cards */
+.card {
+ background: white;
+ border-radius: 0.5rem;
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+ padding: 1.5rem;
+}
+
+.card h3 {
+ font-size: 1.25rem;
+ margin-bottom: 0.5rem;
+}
+
+.card p {
+ margin-bottom: 0.75rem;
+ color: var(--color-gray-700);
+}
+
+.card p:last-child {
+ margin-bottom: 0;
+}
+
+.card .btn {
+ margin-top: 1rem;
+}
+
+/* Grid */
+.grid {
+ display: grid;
+ gap: 1rem;
+}
+
+.grid-2 {
+ grid-template-columns: repeat(2, 1fr);
+}
+
+.grid-3 {
+ grid-template-columns: repeat(3, 1fr);
+}
+
+.grid-4 {
+ grid-template-columns: repeat(4, 1fr);
+}
+
+.grid-5 {
+ grid-template-columns: repeat(5, 1fr);
+}
+
+@media (max-width: 1024px) {
+ .grid-4, .grid-5 {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ .grid-3 {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media (max-width: 768px) {
+ .grid-2, .grid-3, .grid-4, .grid-5 {
+ grid-template-columns: 1fr;
+ }
+}
+
+/* Flex utilities */
+.flex-row {
+ display: flex;
+ flex-direction: row;
+ gap: 1rem;
+}
+
+.flex-col {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+@media (max-width: 768px) {
+ .flex-row {
+ flex-direction: column;
+ }
+}
+
+.flex-1 {
+ flex: 1;
+}
+
+/* Text utilities */
+.text-center {
+ text-align: center;
+}
+
+.text-4xl {
+ font-size: 2.25rem;
+ line-height: 2.5rem;
+}
+
+.text-3xl {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.text-xl {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+.text-lg {
+ font-size: 1.125rem;
+}
+
+.text-sm {
+ font-size: 0.875rem;
+}
+
+.font-bold {
+ font-weight: bold;
+}
+
+.font-semibold {
+ font-weight: 600;
+}
+
+/* Spacing */
+.mb-2 { margin-bottom: 0.5rem; }
+.mb-4 { margin-bottom: 1rem; }
+.mb-8 { margin-bottom: 2rem; }
+.mb-16 { margin-bottom: 4rem; }
+.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
+.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
+.mt-4 { margin-top: 1rem; }
+.mt-8 { margin-top: 2rem; }
+.mx-auto { margin-left: auto; margin-right: auto; }
+
+/* Max width */
+.max-w-4xl {
+ max-width: 56rem;
+}
+
+.max-w-md {
+ max-width: 28rem;
+}
+
+/* Hero section */
+.hero {
+ text-align: center;
+ margin-bottom: 2rem;
+}
+
+.hero h1 {
+ font-size: 2.25rem;
+ font-weight: bold;
+ max-width: 56rem;
+ margin: 0 auto 1rem;
+}
+
+.hero h2 {
+ font-size: 1.25rem;
+ max-width: 56rem;
+ margin: 0 auto 1rem;
+ font-weight: normal;
+}
+
+.hero p {
+ font-size: 1.5rem;
+ max-width: 56rem;
+ margin: 0 auto 1rem;
+}
+
+/* CTA buttons row */
+.cta-row {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ margin: 2rem 0;
+}
+
+@media (min-width: 768px) {
+ .cta-row {
+ flex-direction: row;
+ }
+
+ .cta-row .btn {
+ flex: 1;
+ }
+}
+
+/* Sponsors */
+.sponsors {
+ display: flex;
+ justify-content: center;
+ gap: 2rem;
+ padding: 0 2rem;
+}
+
+.sponsors img {
+ max-height: 60px;
+ width: auto;
+ opacity: 0.5;
+ transition: opacity 0.2s;
+}
+
+.sponsors img:hover {
+ opacity: 0.75;
+}
+
+/* Volunteer cards */
+.volunteer-card {
+ text-align: center;
+}
+
+.volunteer-card img {
+ border-radius: 0.25rem;
+ margin-bottom: 0.5rem;
+}
+
+.volunteer-card strong {
+ display: block;
+}
+
+.volunteer-card .role {
+ color: var(--color-gray-500);
+ font-size: 0.875rem;
+ display: block;
+ margin-bottom: 0.25rem;
+}
+
+.volunteer-card a {
+ color: var(--color-orange);
+ font-weight: 500;
+}
+
+.volunteer-card a:hover {
+ text-decoration: underline;
+ color: var(--color-orange-hover);
+}
+
+/* Forms */
+.form-group {
+ margin-bottom: 1rem;
+}
+
+.form-input,
+.form-textarea {
+ width: 100%;
+ padding: 0.5rem 0.75rem;
+ border: 1px solid #d1d5db;
+ border-radius: 0.25rem;
+ font-size: 1rem;
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.form-input:focus,
+.form-textarea:focus {
+ outline: none;
+ border-color: var(--color-orange);
+ box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.2);
+}
+
+.form-textarea {
+ min-height: 6rem;
+ resize: vertical;
+}
+
+.form-row {
+ display: flex;
+ gap: 0.5rem;
+ align-items: center;
+}
+
+.form-submit {
+ background: var(--color-orange);
+ color: white;
+ font-weight: bold;
+ padding: 0.5rem 1.5rem;
+ border: none;
+ border-radius: 0.25rem;
+ cursor: pointer;
+ transition: background-color 0.2s;
+}
+
+.form-submit:hover {
+ background: var(--color-orange-hover);
+}
+
+/* Markdown content */
+.markdown-body {
+ line-height: 1.7;
+}
+
+.markdown-body h1 {
+ font-size: 2rem;
+ margin-bottom: 1rem;
+ padding-bottom: 0.5rem;
+ border-bottom: 1px solid #e5e7eb;
+}
+
+.markdown-body h2 {
+ font-size: 1.5rem;
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+}
+
+.markdown-body p {
+ margin-bottom: 1rem;
+}
+
+.markdown-body strong {
+ font-weight: 600;
+}
+
+.markdown-body a {
+ color: var(--color-orange);
+}
+
+.markdown-body a:hover {
+ text-decoration: underline;
+}
+
+/* Link colors for inline links */
+a.link-blue {
+ color: #2563eb;
+}
+
+a.link-blue:visited {
+ color: #7c3aed;
+}
+
+a.link-blue:hover {
+ color: #1d4ed8;
+ text-decoration: underline;
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
deleted file mode 100644
index 9892a36..0000000
--- a/tailwind.config.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { type Config } from "tailwindcss";
-import plugin from "tailwindcss/plugin";
-
-// Requires Fresh AOT builds to pre-compile tailwind classes to CSS
-// https://fresh.deno.dev/docs/examples/migrating-to-tailwind#requirements-before-migrating
-export default {
- content: [
- "{routes,islands,components}/**/*.{ts,tsx}",
- ],
- theme: {
- extend: {
- textColor: {
- "link": "#718096", // Slate-500 (lighter than before)
- "link-hover": "#2D3748", // Slate-800 (unchanged)
- },
- },
- },
- plugins: [
- plugin(({ addBase, theme }) => {
- addBase({
- "a": {
- color: theme("textColor.link"),
- textDecoration: "none",
- fontWeight: "500",
- transition: "color 0.2s ease-in-out",
- },
- "a:hover": {
- color: theme("textColor.link-hover"),
- },
- });
- }),
- ],
-} satisfies Config;
+
+ Recurring Donations
+You can create a recurring donation by creating an account on Patreon. To donate visit our Patreon profile.
+
+
+One-time Donations
+If you want to help but do not want to set up a recurring donation you can give a single amount using PayPal or Venmo.
+