Add spacing to meetup section

This commit is contained in:
Wichita Bitcoiners 2026-03-07 21:14:00 -06:00
parent 2f582059e6
commit 4e66e0fa82
4 changed files with 89 additions and 38 deletions

View file

@ -26,9 +26,11 @@ Help promote Bitcoin awareness and adoption in Wichita through community outreac
📅 Next Meetup! 📅 Next Meetup!
----------- -----------
**Location:** [Side Pockets](https://maps.app.goo.gl/TCMQB2P6cwLEn5Na8) 614 S Tyler Rd, Wichita, KS 67212 [Side Pockets - 614 S Tyler Rd, Wichita, KS 67212](https://maps.app.goo.gl/TCMQB2P6cwLEn5Na8)
**Date/Time:** March 26, 2026 7p-9p
**Specifics:** 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. 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! Sign up for our mailing list for notifications about our next event!

View file

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

View file

@ -21,7 +21,7 @@
font-size: 1.1rem; font-size: 1.1rem;
color: #ccc; color: #ccc;
text-align: center; text-align: center;
margin-bottom: 0; margin-bottom: 1.5rem;
} }
.content-wrapper .card strong { .content-wrapper .card strong {

View file

@ -1,11 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta name="generator" content="Hugo 0.152.2"> <meta name="generator" content="Hugo 0.152.2"><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wichita Bitcoiners</title> <title>Wichita Bitcoiners</title>
<meta name="description" content="Wichita Bitcoiners meetup group - Bitcoin education and community in Wichita, Kansas"> <meta name="description" content="Were dedicated to Bitcoin education, adoption, and community building in south-central Kansas. Whether youre an OG or just starting to learn about Bitcoin, youre more than welcome to join us. We love to talk about Bitcoin!">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<style> <style>
* { * {
@ -130,6 +130,43 @@
padding: 2rem 0; 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) { @media (max-width: 768px) {
.hero h2 { .hero h2 {
font-size: 2rem; font-size: 2rem;
@ -166,7 +203,8 @@
<div class="container"> <div class="container">
<div class="content-wrapper"> <div class="content-wrapper">
<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.<br /><br />We love to talk about Bitcoin!</p> <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>
<p>We love to talk about Bitcoin!</p>
<h2 id="meetup-info">What We Do</h2> <h2 id="meetup-info">What We Do</h2>
<h3 id="-educational-sessions">📚 Educational Sessions</h3> <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>
@ -174,14 +212,12 @@
<p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p> <p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p>
<h3 id="-bitcoin-adoption">🎯 Bitcoin Adoption</h3> <h3 id="-bitcoin-adoption">🎯 Bitcoin Adoption</h3>
<p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p> <p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
<h2 id="get-involved">Get Involved</h2> <h2 id="-next-meetup">📅 Next Meetup!</h2>
<h3 id="-meetups-1">📅 Meetups</h3> <p><a href="https://maps.app.goo.gl/TCMQB2P6cwLEn5Na8">Side Pockets - 614 S Tyler Rd, Wichita, KS 67212</a></p>
<p><strong>Location:</strong> Various locations around Wichita<br /> <p>March 26, 2026 7p-9p</p>
<strong>Date/Time:</strong> TBD<br /> <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>
Sign up for our mailing list for notifications about our next event!</p> <p>Sign up for our mailing list for notifications about our next event!</p>
<h3 id="-learn-more">🎓 Learn More</h3> <hr>
<p>Resources for beginners and advanced users alike. No prior Bitcoin knowledge required - curiosity is enough!</p>
<h2 id="we-want-to-hear-from-you">We Want To Hear From You!</h2>
<h3 id="-questionnaire">📋 Questionnaire</h3> <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>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> <p><a href="https://docs.google.com/forms/d/e/1FAIpQLSdgbyNePv_2NM_m4fjeWYATqLNyDgz5hRhmlzXTrUhWvR-oQw/viewform?usp=header">Take Questionnaire</a></p>
@ -206,7 +242,7 @@ Sign up for our mailing list for notifications about our next event!</p>
font-size: 1.1rem; font-size: 1.1rem;
color: #ccc; color: #ccc;
text-align: center; text-align: center;
margin-bottom: 0; margin-bottom: 1.5rem;
} }
.content-wrapper .card strong { .content-wrapper .card strong {
@ -241,6 +277,13 @@ Sign up for our mailing list for notifications about our next event!</p>
margin: 2rem auto; margin: 2rem auto;
} }
.content-wrapper .card#next-meetup,
.content-wrapper h2[id="next-meetup"] + .card {
max-width: 700px;
margin: 2rem auto;
}
.content-wrapper .btn { .content-wrapper .btn {
display: inline-block; display: inline-block;
background: white; background: white;
@ -288,30 +331,25 @@ Sign up for our mailing list for notifications about our next event!</p>
} }
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);
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>';
} }
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) { 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();
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; content.innerHTML = newHtml;