Add spacing to meetup section

- Update meetup content with specific event details
- Restructure Next Meetup as standalone section with centered layout
- Add Bitcoin orange link styling with proper contrast
- Make all external links open in new tabs with security attributes
- Set Next Meetup card to 700px max width for better readability
- Preserve card layout structure while improving content organization

content/_index.md

@@ -1,7 +1,44 @@
 ---
-title: "Welcome to Wichita Bitcoiners"
+title: "Building Bitcoin Community in Wichita"
 date: 2024-01-01T00:00:00Z
 draft: false
 ---
 
-Wichita Bitcoiners is a community dedicated to Bitcoin education and adoption in Wichita, Kansas.
+We're dedicated to Bitcoin education, adoption, and community building in south-central Kansas. Whether you're an OG or just starting to learn about Bitcoin, you're more than welcome to join us.  
+  
+We love to talk about Bitcoin!
+
+What We Do {#meetup-info}
+------------
+
+### 📚 Educational Sessions
+
+Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.
+
+### 🤝 Meetups
+
+Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.
+
+### 🎯 Bitcoin Adoption
+
+Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.
+
+📅 Next Meetup!
+-----------
+
+[Side Pockets - 614 S Tyler Rd, Wichita, KS 67212](https://maps.app.goo.gl/TCMQB2P6cwLEn5Na8)  
+
+March 26, 2026 7p-9p  
+
+We'll hang out, shoot some pool, and talk about Bitcoin. We'll try to get tables up front. Look for the guys with the Bitcoin shirts and a sign with the the Wichita Bitcoiners logo.  
+   
+Sign up for our mailing list for notifications about our next event!  
+
+-----------
+
+### 📋 Questionnaire
+
+We're building out a schedule of events and would love to get your input. You can join our mailing list here as well.  
+  
+[Take Questionnaire](https://docs.google.com/forms/d/e/1FAIpQLSdgbyNePv_2NM_m4fjeWYATqLNyDgz5hRhmlzXTrUhWvR-oQw/viewform?usp=header)  
+  

hugo.yaml

@@ -4,6 +4,8 @@ title: 'Wichita Bitcoiners'
 theme: ''
 
 params:
-  description: 'Wichita Bitcoiners meetup group - Bitcoin education and community in Wichita, Kansas'
+  description: 'We’re dedicated to Bitcoin education, adoption, and community building in south-central Kansas. Whether you’re an OG or just starting to learn about Bitcoin, you’re more than welcome to join us. We love to talk about Bitcoin!'
   logo: '/Wichita_Bitcoiners_Flag.png'
   favicon: '/favicon.ico'
+  contact_email: 'info@wichitabitcoiners.com'
+  questionnaire_enabled: true

layouts/_default/baseof.html

@@ -16,8 +16,8 @@
         body {
             font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
             line-height: 1.6;
-            color: #333;
+            color: #fff;
-            background-color: #f8f9fa;
+            background-color: #000;
         }
         
         .container {
@@ -27,8 +27,8 @@
         }
         
         header {
-            background: white;
+            background: #111;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+            box-shadow: 0 2px 5px rgba(255,255,255,0.1);
             padding: 1rem 0;
         }
         
@@ -109,10 +109,10 @@
         }
         
         .card {
-            background: white;
+            background: #111;
             padding: 2rem;
             border-radius: 10px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+            box-shadow: 0 2px 10px rgba(255,255,255,0.1);
             text-align: center;
         }
         
@@ -123,12 +123,49 @@
         }
         
         footer {
-            background: #333;
+            background: #111;
             color: white;
             text-align: center;
             padding: 2rem 0;
         }
         
+        a {
+            color: #f7931a;
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.2s ease;
+        }
+        
+        a:hover {
+            color: #ff9500;
+            text-decoration: underline;
+        }
+        
+        a:visited {
+            color: #d17a1a;
+        }
+        
+        a:visited:hover {
+            color: #ff9500;
+        }
+        
+        /* Force external links to open in new tabs */
+        a[href^="http"] {
+            target-new: tab;
+            target: _blank;
+        }
+
+        .card p {
+            margin-bottom: 1.5rem;
+        }
+
+        .card p strong {
+            display: block;
+            margin-bottom: 0.25rem;
+            color: #888;
+            font-size: 0.9rem;
+        }
+        
         @media (max-width: 768px) {
             .hero h2 {
                 font-size: 2rem;
@@ -157,66 +194,21 @@
 
     <section class="hero">
         <div class="container">
-            <h2>Building Bitcoin Community in Wichita</h2>
+            <h2>{{ .Title }}</h2>
-            <p>Join us for monthly meetups, educational sessions, and networking with fellow Bitcoin enthusiasts in south-central Kansas.</p>
-            <a href="#meetup-info" class="btn">Join Our Meetup</a>
         </div>
     </section>
 
     <main class="content">
         <div class="container">
-            <div class="section">
+            {{ block "main" . }}
-                <h3>About Wichita Bitcoiners</h3>
+                {{ .Content }}
-                <p style="text-align: center; max-width: 800px; margin: 0 auto; font-size: 1.1rem; color: #666;">
+            {{ end }}
-                    We're a grassroots group dedicated to Bitcoin education, adoption, and community building in Wichita, Kansas. 
-                    Whether you're a seasoned Bitcoiner or just curious about digital currency, you'll find a welcoming community here.
-                </p>
-            </div>
-
-            <div class="section" id="meetup-info">
-                <h3>What We Do</h3>
-                <div class="card-grid">
-                    <div class="card">
-                        <h4>📚 Educational Sessions</h4>
-                        <p>Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🤝 Monthly Meetups</h4>
-                        <p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🎯 Bitcoin Adoption</h4>
-                        <p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
-                    </div>
-                </div>
-            </div>
-
-            <div class="section">
-                <h3>Get Involved</h3>
-                <div class="card-grid">
-                    <div class="card">
-                        <h4>📅 Monthly Meetups</h4>
-                        <p><strong>When:</strong> First Thursday of each month<br>
-                        <strong>Time:</strong> 6:30 PM - 8:30 PM<br>
-                        <strong>Where:</strong> Various locations around Wichita</p>
-                    </div>
-                    <div class="card">
-                        <h4>💬 Stay Connected</h4>
-                        <p>Join our online community to stay updated on events, ask questions, and connect with other Bitcoin enthusiasts.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🎓 Learn More</h4>
-                        <p>Resources for beginners and advanced users alike. No prior Bitcoin knowledge required - curiosity is enough!</p>
-                    </div>
-                </div>
-            </div>
         </div>
     </main>
 
     <footer>
         <div class="container">
-            <p>&copy; 2024 Wichita Bitcoiners. Building the future of money, one satoshi at a time.</p>
+            <p style="margin-top: 1rem; opacity: 0.8;">Questions? Contact us at {{ .Site.Params.contact_email | default "info@wichitabitcoiners.com" }}</p>
-            <p style="margin-top: 1rem; opacity: 0.8;">Questions? Contact us at wichitabitcoiners@example.com</p>
         </div>
     </footer>
 </body>

layouts/_default/single.html

@@ -1,225 +1,2 @@
 {{ define "main" }}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ .Site.Title }}</title>
-    <meta name="description" content="{{ .Site.Params.description }}">
-    <link rel="icon" href="{{ .Site.Params.favicon }}">
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-        
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            line-height: 1.6;
-            color: #333;
-            background-color: #f8f9fa;
-        }
-        
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 0 20px;
-        }
-        
-        header {
-            background: white;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-            padding: 1rem 0;
-        }
-        
-        .header-content {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 1rem;
-        }
-        
-        .logo {
-            max-width: 60px;
-            height: auto;
-        }
-        
-        h1 {
-            color: #f7931a;
-            font-size: 2.5rem;
-            font-weight: 700;
-        }
-        
-        .hero {
-            background: linear-gradient(135deg, #f7931a 0%, #ff9500 100%);
-            color: white;
-            padding: 4rem 0;
-            text-align: center;
-        }
-        
-        .hero h2 {
-            font-size: 3rem;
-            margin-bottom: 1rem;
-            font-weight: 700;
-        }
-        
-        .hero p {
-            font-size: 1.25rem;
-            max-width: 600px;
-            margin: 0 auto 2rem;
-            opacity: 0.95;
-        }
-        
-        .btn {
-            display: inline-block;
-            background: white;
-            color: #f7931a;
-            padding: 1rem 2rem;
-            text-decoration: none;
-            border-radius: 5px;
-            font-weight: 600;
-            transition: transform 0.2s, box-shadow 0.2s;
-        }
-        
-        .btn:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
-        }
-        
-        .content {
-            padding: 4rem 0;
-        }
-        
-        .section {
-            margin-bottom: 3rem;
-        }
-        
-        .section h3 {
-            color: #f7931a;
-            font-size: 2rem;
-            margin-bottom: 1rem;
-            text-align: center;
-        }
-        
-        .card-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 2rem;
-            margin-top: 2rem;
-        }
-        
-        .card {
-            background: white;
-            padding: 2rem;
-            border-radius: 10px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-            text-align: center;
-        }
-        
-        .card h4 {
-            color: #f7931a;
-            margin-bottom: 1rem;
-            font-size: 1.25rem;
-        }
-        
-        footer {
-            background: #333;
-            color: white;
-            text-align: center;
-            padding: 2rem 0;
-        }
-        
-        @media (max-width: 768px) {
-            .hero h2 {
-                font-size: 2rem;
-            }
-            
-            h1 {
-                font-size: 2rem;
-            }
-            
-            .header-content {
-                flex-direction: column;
-            }
-        }
-    </style>
-</head>
-<body>
-    <header>
-        <div class="container">
-            <div class="header-content">
-                <img src="{{ .Site.Params.logo }}" alt="Wichita Bitcoiners Flag" class="logo">
-                <h1>{{ .Site.Title }}</h1>
-                <img src="{{ .Site.Params.logo }}" alt="Wichita Bitcoiners Flag" class="logo">
-            </div>
-        </div>
-    </header>
-
-    <section class="hero">
-        <div class="container">
-            <h2>Building Bitcoin Community in Wichita</h2>
-            <p>Join us for monthly meetups, educational sessions, and networking with fellow Bitcoin enthusiasts in south-central Kansas.</p>
-            <a href="#meetup-info" class="btn">Join Our Meetup</a>
-        </div>
-    </section>
-
-    <main class="content">
-        <div class="container">
-            <div class="section">
-                <h3>About Wichita Bitcoiners</h3>
-                <p style="text-align: center; max-width: 800px; margin: 0 auto; font-size: 1.1rem; color: #666;">
-                    We're a grassroots group dedicated to Bitcoin education, adoption, and community building in Wichita, Kansas. 
-                    Whether you're a seasoned Bitcoiner or just curious about digital currency, you'll find a welcoming community here.
-                </p>
-            </div>
-
-            <div class="section" id="meetup-info">
-                <h3>What We Do</h3>
-                <div class="card-grid">
-                    <div class="card">
-                        <h4>📚 Educational Sessions</h4>
-                        <p>Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🤝 Monthly Meetups</h4>
-                        <p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🎯 Bitcoin Adoption</h4>
-                        <p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
-                    </div>
-                </div>
-            </div>
-
-            <div class="section">
-                <h3>Get Involved</h3>
-                <div class="card-grid">
-                    <div class="card">
-                        <h4>📅 Monthly Meetups</h4>
-                        <p><strong>When:</strong> First Thursday of each month<br>
-                        <strong>Time:</strong> 6:30 PM - 8:30 PM<br>
-                        <strong>Where:</strong> Various locations around Wichita</p>
-                    </div>
-                    <div class="card">
-                        <h4>💬 Stay Connected</h4>
-                        <p>Join our online community to stay updated on events, ask questions, and connect with other Bitcoin enthusiasts.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🎓 Learn More</h4>
-                        <p>Resources for beginners and advanced users alike. No prior Bitcoin knowledge required - curiosity is enough!</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </main>
-
-    <footer>
-        <div class="container">
-            <p>&copy; 2024 Wichita Bitcoiners. Building the future of money, one satoshi at a time.</p>
-            <p style="margin-top: 1rem; opacity: 0.8;">Questions? Contact us at wichitabitcoiners@example.com</p>
-        </div>
-    </footer>
-</body>
-</html>
 {{ end }}

layouts/index.html

@@ -1,76 +1,69 @@
-<!DOCTYPE html>
+{{ define "main" }}
-<html lang="en">
+    <div class="content-wrapper">
-<head>
+        {{ .Content }}
-    <meta charset="UTF-8">
+    </div>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-    <title>{{ .Site.Title }}</title>
-    <meta name="description" content="{{ .Site.Params.description }}">
-    <link rel="icon" href="{{ .Site.Params.favicon }}">
     <style>
-        * {
+        .content-wrapper h2 {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-        
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            line-height: 1.6;
-            color: #fff;
-            background-color: #000;
-        }
-        
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 0 20px;
-        }
-        
-        header {
-            background: #111;
-            box-shadow: 0 2px 5px rgba(255,255,255,0.1);
-            padding: 1rem 0;
-        }
-        
-        .header-content {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 1rem;
-        }
-        
-        .logo {
-            max-width: 60px;
-            height: auto;
-        }
-        
-        h1 {
             color: #f7931a;
-            font-size: 2.5rem;
+            font-size: 2rem;
-            font-weight: 700;
+            margin: 2rem 0 1rem;
-        }
-        
-        .hero {
-            background: linear-gradient(135deg, #f7931a 0%, #ff9500 100%);
-            color: white;
-            padding: 4rem 0;
             text-align: center;
         }
         
-        .hero h2 {
+        .content-wrapper .card h3 {
-            font-size: 3rem;
+            color: #f7931a;
-            margin-bottom: 1rem;
-            font-weight: 700;
-        }
-        
-        .hero p {
             font-size: 1.25rem;
-            max-width: 600px;
+            margin-bottom: 1rem;
-            margin: 0 auto 2rem;
-            opacity: 0.95;
         }
         
-        .btn {
+        .content-wrapper .card p {
+            font-size: 1.1rem;
+            color: #ccc;
+            text-align: center;
+            margin-bottom: 1.5rem;
+        }
+        
+        .content-wrapper .card strong {
+            color: #fff;
+        }
+        
+        .content-wrapper .card {
+            background: #111;
+            padding: 2rem;
+            border-radius: 10px;
+            box-shadow: 0 2px 10px rgba(255,255,255,0.1);
+            text-align: center;
+            margin: 1rem;
+        }
+        
+        /* Card grid layout for sections */
+        .content-wrapper .card-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 2rem;
+            margin: 2rem 0;
+        }
+        
+        /* Individual card in grid */
+        .content-wrapper .card-grid .card {
+            margin: 0;
+        }
+        
+        /* About card - full width */
+        .content-wrapper .card.about {
+            max-width: 800px;
+            margin: 2rem auto;
+        }
+        
+        /* Next Meetup card - same size as What We Do cards */
+        .content-wrapper .card#next-meetup,
+        .content-wrapper h2[id="next-meetup"] + .card {
+            max-width: 700px;
+            margin: 2rem auto;
+        }
+        
+        .content-wrapper .btn {
             display: inline-block;
             background: white;
             color: #f7931a;
@@ -79,145 +72,66 @@
             border-radius: 5px;
             font-weight: 600;
             transition: transform 0.2s, box-shadow 0.2s;
+            margin-top: 1rem;
         }
         
-        .btn:hover {
+        .content-wrapper .btn:hover {
             transform: translateY(-2px);
             box-shadow: 0 5px 15px rgba(0,0,0,0.2);
         }
-        
-        .content {
-            padding: 4rem 0;
-        }
-        
-        .section {
-            margin-bottom: 3rem;
-        }
-        
-        .section h3 {
-            color: #f7931a;
-            font-size: 2rem;
-            margin-bottom: 1rem;
-            text-align: center;
-        }
-        
-        .card-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-            gap: 2rem;
-            margin-top: 2rem;
-        }
-        
-        .card {
-            background: #111;
-            padding: 2rem;
-            border-radius: 10px;
-            box-shadow: 0 2px 10px rgba(255,255,255,0.1);
-            text-align: center;
-        }
-        
-        .card h4 {
-            color: #f7931a;
-            margin-bottom: 1rem;
-            font-size: 1.25rem;
-        }
-        
-        footer {
-            background: #111;
-            color: white;
-            text-align: center;
-            padding: 2rem 0;
-        }
-        
-        @media (max-width: 768px) {
-            .hero h2 {
-                font-size: 2rem;
-            }
-            
-            h1 {
-                font-size: 2rem;
-            }
-            
-            .header-content {
-                flex-direction: column;
-            }
-        }
     </style>
-</head>
-<body>
-    <header>
-        <div class="container">
-            <div class="header-content">
-                <img src="{{ .Site.Params.logo }}" alt="Wichita Bitcoiners Flag" class="logo">
-                <h1>{{ .Site.Title }}</h1>
-                <img src="{{ .Site.Params.logo }}" alt="Wichita Bitcoiners Flag" class="logo">
-            </div>
-        </div>
-    </header>
 
-    <section class="hero">
+    <script>
-        <div class="container">
+    document.addEventListener('DOMContentLoaded', function() {
-            <h2>Building Bitcoin Community in Wichita</h2>
+        const content = document.querySelector('.content-wrapper');
-            <p>Join us for monthly meetups, educational sessions, and networking with fellow Bitcoin enthusiasts in south-central Kansas.</p>
+        const html = content.innerHTML;
-            <a href="#meetup-info" class="btn">Join Our Meetup</a>
-        </div>
-    </section>
         
-    <main class="content">
+        // Transform markdown-rendered content into card structure
-        <div class="container">
+        let newHtml = '';
-            <div class="section">
-                <h3>About Wichita Bitcoiners</h3>
-                <p style="text-align: center; max-width: 800px; margin: 0 auto; font-size: 1.1rem;                     color: #ccc;">
-                    We're a grassroots group dedicated to Bitcoin education, adoption, and community building in Wichita, Kansas. 
-                    Whether you're a seasoned Bitcoiner or just curious about digital currency, you'll find a welcoming community here.
-                </p>
-            </div>
         
-            <div class="section" id="meetup-info">
+        // Get first paragraph as About card
-                <h3>What We Do</h3>
+        const firstP = html.match(/<p[^>]*>(.*?)<\/p>/);
-                <div class="card-grid">
+        if (firstP) {
-                    <div class="card">
+            newHtml += '<div class="card about">' + firstP[0] + '</div>';
-                        <h4>📚 Educational Sessions</h4>
+        }
-                        <p>Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🤝 Monthly Meetups</h4>
-                        <p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🎯 Bitcoin Adoption</h4>
-                        <p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
-                    </div>
-                </div>
-            </div>
         
-            <div class="section">
+        // Process What We Do section
-                <h3>Get Involved</h3>
+        const meetupInfo = html.match(/<h2[^>]*id="meetup-info"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s);
-                <div class="card-grid">
+        if (meetupInfo) {
-                    <div class="card">
+            newHtml += '<h2 id="meetup-info">What We Do</h2>';
-                        <h4>📅 Monthly Meetups</h4>
+            newHtml += '<div class="card-grid">';
-                        <p><strong>When:</strong> First Thursday of each month<br>
+            const cards = meetupInfo[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs);
-                        <strong>Time:</strong> 6:30 PM - 8:30 PM<br>
+            if (cards) {
-                        <strong>Where:</strong> Various locations around Wichita</p>
+                cards.forEach(card => {
-                    </div>
+                    newHtml += '<div class="card">' + card + '</div>';
-                    <div class="card">
+                });
-                        <h4>💬 Stay Connected</h4>
+            }
-                        <p>Join our online community to stay updated on events, ask questions, and connect with other Bitcoin enthusiasts.</p>
+            newHtml += '</div>';
-                    </div>
+        }
-                    <div class="card">
-                        <h4>🎓 Learn More</h4>
-                        <p>Resources for beginners and advanced users alike. No prior Bitcoin knowledge required - curiosity is enough!</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </main>
         
-    <footer>
+        // Process Next Meetup section
-        <div class="container">
+        const nextMeetup = html.match(/<h2[^>]*id="-next-meetup"[^>]*>.*?<\/h2>(.*?)(?=<hr|<h3|$)/s);
-            <p>&copy; 2024 Wichita Bitcoiners. Building the future of money, one satoshi at a time.</p>
+        if (nextMeetup) {
-            <p style="margin-top: 1rem; opacity: 0.8;">Questions? Contact us at info@wichitabitcoiners.com</p>
+            newHtml += '<h2 id="next-meetup">📅 Next Meetup!</h2>';
-        </div>
+            let meetupContent = nextMeetup[1].trim();
-    </footer>
+            // Convert links to buttons with new tab behavior
-</body>
+            meetupContent = meetupContent.replace(/<a[^>]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g, '<a href="$1" class="btn" target="_blank" rel="noopener noreferrer">$2</a>');
-</html>
+            newHtml += '<div class="card">' + meetupContent + '</div>';
+        }
+        
+        // Process Questionnaire section  
+        const questionnaire = html.match(/<h3[^>]*id="-questionnaire"[^>]*>.*?<\/h3>(.*?)(?=<\/div>|$)/s);
+        if (questionnaire) {
+            newHtml += '<div class="card">';
+            newHtml += '<h3 id="questionnaire">📋 Questionnaire</h3>';
+            let questionnaireContent = questionnaire[1].trim();
+            // Convert questionnaire link to button with new tab behavior
+            questionnaireContent = questionnaireContent.replace(/<a[^>]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g, '<a href="$1" class="btn" target="_blank" rel="noopener noreferrer">$2</a>');
+            newHtml += questionnaireContent;
+            newHtml += '</div>';
+        }
+        
+        content.innerHTML = newHtml;
+    });
+    </script>
+{{ end }}

public/index.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Wichita Bitcoiners</title>
-    <meta name="description" content="Wichita Bitcoiners meetup group - Bitcoin education and community in Wichita, Kansas">
+    <meta name="description" content="We’re dedicated to Bitcoin education, adoption, and community building in south-central Kansas. Whether you’re an OG or just starting to learn about Bitcoin, you’re more than welcome to join us. We love to talk about Bitcoin!">
     <link rel="icon" href="/favicon.ico">
     <style>
         * {
@@ -130,6 +130,43 @@
             padding: 2rem 0;
         }
         
+        a {
+            color: #f7931a;
+            text-decoration: none;
+            font-weight: 500;
+            transition: color 0.2s ease;
+        }
+        
+        a:hover {
+            color: #ff9500;
+            text-decoration: underline;
+        }
+        
+        a:visited {
+            color: #d17a1a;
+        }
+        
+        a:visited:hover {
+            color: #ff9500;
+        }
+        
+         
+        a[href^="http"] {
+            target-new: tab;
+            target: _blank;
+        }
+
+        .card p {
+            margin-bottom: 1.5rem;
+        }
+
+        .card p strong {
+            display: block;
+            margin-bottom: 0.25rem;
+            color: #888;
+            font-size: 0.9rem;
+        }
+        
         @media (max-width: 768px) {
             .hero h2 {
                 font-size: 2rem;
@@ -159,64 +196,171 @@
     <section class="hero">
         <div class="container">
             <h2>Building Bitcoin Community in Wichita</h2>
-            <p>Join us for monthly meetups, educational sessions, and networking with fellow Bitcoin enthusiasts in south-central Kansas.</p>
-            <a href="#meetup-info" class="btn">Join Our Meetup</a>
         </div>
     </section>
 
     <main class="content">
         <div class="container">
-            <div class="section">
-                <h3>About Wichita Bitcoiners</h3>
-                <p style="text-align: center; max-width: 800px; margin: 0 auto; font-size: 1.1rem;                     color: #ccc;">
-                    We're a grassroots group dedicated to Bitcoin education, adoption, and community building in Wichita, Kansas. 
-                    Whether you're a seasoned Bitcoiner or just curious about digital currency, you'll find a welcoming community here.
-                </p>
-            </div>
             
-            <div class="section" id="meetup-info">
+    <div class="content-wrapper">
-                <h3>What We Do</h3>
+        <p>We&rsquo;re dedicated to Bitcoin education, adoption, and community building in south-central Kansas. Whether you&rsquo;re an OG or just starting to learn about Bitcoin, you&rsquo;re more than welcome to join us.</p>
-                <div class="card-grid">
+<p>We love to talk about Bitcoin!</p>
-                    <div class="card">
+<h2 id="meetup-info">What We Do</h2>
-                        <h4>📚 Educational Sessions</h4>
+<h3 id="-educational-sessions">📚 Educational Sessions</h3>
-                        <p>Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.</p>
+<p>Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.</p>
-                    </div>
+<h3 id="-meetups">🤝 Meetups</h3>
-                    <div class="card">
+<p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p>
-                        <h4>🤝 Monthly Meetups</h4>
+<h3 id="-bitcoin-adoption">🎯 Bitcoin Adoption</h3>
-                        <p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p>
+<p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
-                    </div>
+<h2 id="-next-meetup">📅 Next Meetup!</h2>
-                    <div class="card">
+<p><a href="https://maps.app.goo.gl/TCMQB2P6cwLEn5Na8">Side Pockets - 614 S Tyler Rd, Wichita, KS 67212</a></p>
-                        <h4>🎯 Bitcoin Adoption</h4>
+<p>March 26, 2026 7p-9p</p>
-                        <p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
+<p>We&rsquo;ll hang out, shoot some pool, and talk about Bitcoin. We&rsquo;ll try to get tables up front. Look for the guys with the Bitcoin shirts and a sign with the the Wichita Bitcoiners logo.</p>
-                    </div>
+<p>Sign up for our mailing list for notifications about our next event!</p>
-                </div>
+<hr>
-            </div>
+<h3 id="-questionnaire">📋 Questionnaire</h3>
+<p>We&rsquo;re building out a schedule of events and would love to get your input. You can join our mailing list here as well.</p>
+<p><a href="https://docs.google.com/forms/d/e/1FAIpQLSdgbyNePv_2NM_m4fjeWYATqLNyDgz5hRhmlzXTrUhWvR-oQw/viewform?usp=header">Take Questionnaire</a></p>
+
+    </div>
+
+    <style>
+        .content-wrapper h2 {
+            color: #f7931a;
+            font-size: 2rem;
+            margin: 2rem 0 1rem;
+            text-align: center;
+        }
+        
+        .content-wrapper .card h3 {
+            color: #f7931a;
+            font-size: 1.25rem;
+            margin-bottom: 1rem;
+        }
+        
+        .content-wrapper .card p {
+            font-size: 1.1rem;
+            color: #ccc;
+            text-align: center;
+            margin-bottom: 1.5rem;
+        }
+        
+        .content-wrapper .card strong {
+            color: #fff;
+        }
+        
+        .content-wrapper .card {
+            background: #111;
+            padding: 2rem;
+            border-radius: 10px;
+            box-shadow: 0 2px 10px rgba(255,255,255,0.1);
+            text-align: center;
+            margin: 1rem;
+        }
+        
+         
+        .content-wrapper .card-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 2rem;
+            margin: 2rem 0;
+        }
+        
+         
+        .content-wrapper .card-grid .card {
+            margin: 0;
+        }
+        
+         
+        .content-wrapper .card.about {
+            max-width: 800px;
+            margin: 2rem auto;
+        }
+        
+         
+        .content-wrapper .card#next-meetup,
+        .content-wrapper h2[id="next-meetup"] + .card {
+            max-width: 700px;
+            margin: 2rem auto;
+        }
+        
+        .content-wrapper .btn {
+            display: inline-block;
+            background: white;
+            color: #f7931a;
+            padding: 1rem 2rem;
+            text-decoration: none;
+            border-radius: 5px;
+            font-weight: 600;
+            transition: transform 0.2s, box-shadow 0.2s;
+            margin-top: 1rem;
+        }
+        
+        .content-wrapper .btn:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+        }
+    </style>
+
+    <script>
+    document.addEventListener('DOMContentLoaded', function() {
+        const content = document.querySelector('.content-wrapper');
+        const html = content.innerHTML;
+        
+        
+        let newHtml = '';
+        
+        
+        const firstP = html.match(/<p[^>]*>(.*?)<\/p>/);
+        if (firstP) {
+            newHtml += '<div class="card about">' + firstP[0] + '</div>';
+        }
+        
+        
+        const meetupInfo = html.match(/<h2[^>]*id="meetup-info"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s);
+        if (meetupInfo) {
+            newHtml += '<h2 id="meetup-info">What We Do</h2>';
+            newHtml += '<div class="card-grid">';
+            const cards = meetupInfo[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs);
+            if (cards) {
+                cards.forEach(card => {
+                    newHtml += '<div class="card">' + card + '</div>';
+                });
+            }
+            newHtml += '</div>';
+        }
+        
+        
+        const nextMeetup = html.match(/<h2[^>]*id="-next-meetup"[^>]*>.*?<\/h2>(.*?)(?=<hr|<h3|$)/s);
+        if (nextMeetup) {
+            newHtml += '<h2 id="next-meetup">📅 Next Meetup!</h2>';
+            let meetupContent = nextMeetup[1].trim();
+            
+            meetupContent = meetupContent.replace(/<a[^>]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g, '<a href="$1" class="btn" target="_blank" rel="noopener noreferrer">$2</a>');
+            newHtml += '<div class="card">' + meetupContent + '</div>';
+        }
+        
+        
+        const questionnaire = html.match(/<h3[^>]*id="-questionnaire"[^>]*>.*?<\/h3>(.*?)(?=<\/div>|$)/s);
+        if (questionnaire) {
+            newHtml += '<div class="card">';
+            newHtml += '<h3 id="questionnaire">📋 Questionnaire</h3>';
+            let questionnaireContent = questionnaire[1].trim();
+            
+            questionnaireContent = questionnaireContent.replace(/<a[^>]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g, '<a href="$1" class="btn" target="_blank" rel="noopener noreferrer">$2</a>');
+            newHtml += questionnaireContent;
+            newHtml += '</div>';
+        }
+        
+        content.innerHTML = newHtml;
+    });
+    </script>
 
-            <div class="section">
-                <h3>Get Involved</h3>
-                <div class="card-grid">
-                    <div class="card">
-                        <h4>📅 Monthly Meetups</h4>
-                        <p><strong>When:</strong> First Thursday of each month<br>
-                        <strong>Time:</strong> 6:30 PM - 8:30 PM<br>
-                        <strong>Where:</strong> Various locations around Wichita</p>
-                    </div>
-                    <div class="card">
-                        <h4>💬 Stay Connected</h4>
-                        <p>Join our online community to stay updated on events, ask questions, and connect with other Bitcoin enthusiasts.</p>
-                    </div>
-                    <div class="card">
-                        <h4>🎓 Learn More</h4>
-                        <p>Resources for beginners and advanced users alike. No prior Bitcoin knowledge required - curiosity is enough!</p>
-                    </div>
-                </div>
-            </div>
         </div>
     </main>
 
     <footer>
         <div class="container">
-            <p>&copy; 2024 Wichita Bitcoiners. Building the future of money, one satoshi at a time.</p>
             <p style="margin-top: 1rem; opacity: 0.8;">Questions? Contact us at info@wichitabitcoiners.com</p>
         </div>
     </footer>

public/index.xml

@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8" standalone="yes"?>
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
   <channel>
-    <title>Welcome to Wichita Bitcoiners on Wichita Bitcoiners</title>
+    <title>Building Bitcoin Community in Wichita on Wichita Bitcoiners</title>
     <link>http://localhost:1313/</link>
-    <description>Recent content in Welcome to Wichita Bitcoiners on Wichita Bitcoiners</description>
+    <description>Recent content in Building Bitcoin Community in Wichita on Wichita Bitcoiners</description>
     <generator>Hugo</generator>
     <language>en-us</language>
     <lastBuildDate></lastBuildDate>