Improve meetup section layout and link styling

- 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

@@ -4,7 +4,9 @@ date: 2024-01-01T00:00:00Z
 draft: false
 ---
 
-We're a grassroots group 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!
+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}
 ------------
@@ -21,24 +23,20 @@ Join us for informal gatherings to discuss Bitcoin news, share experiences, and
 
 Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.
 
-Get Involved
+📅 Next Meetup!
 -----------
 
-### 📅 Meetups
+**Location:** [Side Pockets](https://maps.app.goo.gl/TCMQB2P6cwLEn5Na8) 614 S Tyler Rd, Wichita, KS 67212  
-
+**Date/Time:** February 17, 2026 7p-9p  
-**Location:** Various locations around Wichita
+**Specifics:** We'll get a couple of tables, hang out, shoot some pool, throw some darts, and talk about Bitcoin. Look for one of the guys with the Bitcoin shirts.  
-**Date/Time:** TBD
+  
 Sign up for our mailing list for notifications about our next event!
 
-### 🎓 Learn More
-
-Resources for beginners and advanced users alike. No prior Bitcoin knowledge required - curiosity is enough!
-
-We Want To Hear From You!
 -----------
 
 ### 📋 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.
+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)
+[Take Questionnaire](https://docs.google.com/forms/d/e/1FAIpQLSdgbyNePv_2NM_m4fjeWYATqLNyDgz5hRhmlzXTrUhWvR-oQw/viewform?usp=header)  
+  

layouts/_default/baseof.html

@@ -129,6 +129,32 @@
             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;
+        }
+        
         @media (max-width: 768px) {
             .hero h2 {
                 font-size: 2rem;

layouts/index.html

@@ -56,6 +56,13 @@
             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;
@@ -102,31 +109,26 @@
             newHtml += '</div>';
         }
         
-        // Process Get Involved section
+        // Process Next Meetup section
-        const getInvolved = html.match(/<h2[^>]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s);
+        const nextMeetup = html.match(/<h2[^>]*id="-next-meetup"[^>]*>.*?<\/h2>(.*?)(?=<hr|<h3|$)/s);
-        if (getInvolved) {
+        if (nextMeetup) {
-            newHtml += '<h2 id="get-involved">Get Involved</h2>';
+            newHtml += '<h2 id="next-meetup">📅 Next Meetup!</h2>';
-            newHtml += '<div class="card-grid">';
+            let meetupContent = nextMeetup[1].trim();
-            const cards = getInvolved[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs);
+            // Convert links to buttons with new tab behavior
-            if (cards) {
+            meetupContent = meetupContent.replace(/<a[^>]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g, '<a href="$1" class="btn" target="_blank" rel="noopener noreferrer">$2</a>');
-                cards.forEach(card => {
+            newHtml += '<div class="card">' + meetupContent + '</div>';
-                    newHtml += '<div class="card">' + card + '</div>';
-                });
-            }
-            newHtml += '</div>';
         }
         
-        // Process Questionnaire section
+        // Process Questionnaire section  
-        const questionnaire = html.match(/<h2[^>]*id="we-want-to-hear-from-you"[^>]*>.*?<\/h2>(.*?)(?=<\/div>|$)/s);
+        const questionnaire = html.match(/<h3[^>]*id="-questionnaire"[^>]*>.*?<\/h3>(.*?)(?=<\/div>|$)/s);
         if (questionnaire) {
-            newHtml += '<h2 id="we-want-to-hear-from-you">We Want To Hear From You!</h2>';
+            newHtml += '<div class="card">';
-            const card = questionnaire[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>(\s*<p[^>]*>.*?<\/p>)?/s);
+            newHtml += '<h3 id="questionnaire">📋 Questionnaire</h3>';
-            if (card) {
+            let questionnaireContent = questionnaire[1].trim();
-                // Convert link to button
+            // Convert questionnaire link to button with new tab behavior
-                let cardHtml = card[0];
+            questionnaireContent = questionnaireContent.replace(/<a[^>]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g, '<a href="$1" class="btn" target="_blank" rel="noopener noreferrer">$2</a>');
-                cardHtml = cardHtml.replace(/<a[^>]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g, '<a href="$1" class="btn">$2</a>');
+            newHtml += questionnaireContent;
-                newHtml += '<div class="card">' + cardHtml + '</div>';
+            newHtml += '</div>';
-            }
         }
         
         content.innerHTML = newHtml;