From 2993763e3db684c79a432512ec6b2ca0e8966aaa Mon Sep 17 00:00:00 2001
From: Seth Etter <mail@sethetter.com>
Date: Tue, 6 Feb 2024 20:17:51 -0600
Subject: [PATCH] contribute page content

---
 components/Card.tsx   |  4 +++-
 routes/contribute.tsx | 18 ++++++------------
 2 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/components/Card.tsx b/components/Card.tsx
index e460eec..4c93905 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -2,6 +2,7 @@ import { ComponentChildren, JSX } from "preact";
 
 type CardProps = {
   title: string;
+  title_size?: "lg" | "xl" | "2xl" | "3xl";
   content?: string | JSX.Element | (string | JSX.Element)[];
   link?: string;
   link_text?: string;
@@ -11,6 +12,7 @@ type CardProps = {
 const Card = ({
   title,
   content,
+  title_size = "xl",
   link,
   link_text = "",
   children,
@@ -18,7 +20,7 @@ const Card = ({
   return (
     <div class="bg-white rounded-lg shadow-lg p-6 flex flex-col justify-between items-stretch">
       <div>
-        <h3 class="text-xl font-medium mb-2">{title}</h3>
+        <h3 class={`text-${title_size} font-medium mb-2`}>{title}</h3>
         {content && !Array.isArray(content) && (
           <p class="text-md mb-2">{content}</p>
         )}
diff --git a/routes/contribute.tsx b/routes/contribute.tsx
index 31d8011..46a9706 100644
--- a/routes/contribute.tsx
+++ b/routes/contribute.tsx
@@ -20,22 +20,16 @@ export default async function Home() {
     <div class="container mx-auto px-8">
       <div class="text-center">
         <p class="text-4xl mb-4 max-w-4xl mx-auto">
-          Wichita's software developer community
+          Join the fun, reap the rewards
         </p>
-        <p class="text-xl mb-4 max-w-4xl mx-auto">
-          <strong>devICT</strong> is a volunteer-run community aiming to{" "}
-          <strong>educate, empower and connect</strong> software developers and
-          technologists in the <strong>Wichita, KS</strong> area.
+        <p class="text-2xl mb-4 max-w-4xl mx-auto">
+          No matter your background or skill level, we have ways to get
+          involved.
         </p>
         <hr class="my-8 mx-auto max-w-md" />
-        <p class="text-2xl max-w-4xl mx-auto mb-16">
-          Whether you are new to the field, or an experienced engineer, devICT
-          offers multiple avenues for you to engage, contribute, and grow your
-          skillset as a technologist.
-        </p>
       </div>
 
-      <h2 class="text-3xl font-semibold my-8">Why</h2>
+      <h2 class="text-3xl font-semibold my-8">Why contribute?</h2>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-4 justify-center">
         {[
           {
@@ -59,7 +53,7 @@ export default async function Home() {
         ))}
       </div>
 
-      <h2 class="text-3xl font-semibold my-8">How</h2>
+      <h2 class="text-3xl font-semibold my-8">How to contribute?</h2>
       <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-4 justify-center">
         {[
           {
-- 
2.51.2