Compare commits

..

10 commits

Author SHA1 Message Date
Wichita Bitcoiners
4e66e0fa82 Add spacing to meetup section 2026-03-07 21:14:00 -06:00
Wichita Bitcoiners
2f582059e6 Update index content 2026-03-07 20:57:58 -06:00
Wichita Bitcoiners
46aa7c1d50 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
2026-02-10 14:24:55 -06:00
Wichita Bitcoiners
0a7d7f45f4 Update content formatting: Add line breaks and fix localhost URLs 2026-01-25 20:50:10 -06:00
Wichita Bitcoiners
9aa86eb8ac Simplify hero section: Remove description and button, keep only title 2026-01-25 20:42:17 -06:00
Wichita Bitcoiners
08e4516023 Update content: Add welcome message to about section 2026-01-25 20:37:51 -06:00
Wichita Bitcoiners
4b5bfc269e Add 3-wide card grid layout and remove copyright from footer 2026-01-25 20:06:40 -06:00
Wichita Bitcoiners
fdc9102cc1 Implement JavaScript card transformation: Read markdown content, create proper card divs with header+description 2026-01-25 20:02:04 -06:00
Wichita Bitcoiners
04749e9857 Fix duplication: Remove hardcoded HTML, render content entirely from markdown with CSS styling 2026-01-25 18:36:58 -06:00
Wichita Bitcoiners
159d63d80a Convert to proper Hugo structure: Move content to markdown, maintain card layout styling 2026-01-25 16:12:20 -06:00
7 changed files with 399 additions and 533 deletions

View file

@ -1,7 +1,44 @@
--- ---
title: "Welcome to Wichita Bitcoiners" title: "Building Bitcoin Community in Wichita"
date: 2024-01-01T00:00:00Z date: 2024-01-01T00:00:00Z
draft: false 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)

View file

@ -4,6 +4,8 @@ title: 'Wichita Bitcoiners'
theme: '' theme: ''
params: params:
description: 'Wichita Bitcoiners meetup group - Bitcoin education and community in Wichita, Kansas' description: '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!'
logo: '/Wichita_Bitcoiners_Flag.png' logo: '/Wichita_Bitcoiners_Flag.png'
favicon: '/favicon.ico' favicon: '/favicon.ico'
contact_email: 'info@wichitabitcoiners.com'
questionnaire_enabled: true

View file

@ -16,8 +16,8 @@
body { body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.6; line-height: 1.6;
color: #333; color: #fff;
background-color: #f8f9fa; background-color: #000;
} }
.container { .container {
@ -27,8 +27,8 @@
} }
header { 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; padding: 1rem 0;
} }
@ -109,10 +109,10 @@
} }
.card { .card {
background: white; background: #111;
padding: 2rem; padding: 2rem;
border-radius: 10px; 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; text-align: center;
} }
@ -123,12 +123,49 @@
} }
footer { footer {
background: #333; background: #111;
color: white; color: white;
text-align: center; text-align: center;
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;
}
/* 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) { @media (max-width: 768px) {
.hero h2 { .hero h2 {
font-size: 2rem; font-size: 2rem;
@ -157,66 +194,21 @@
<section class="hero"> <section class="hero">
<div class="container"> <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> </div>
</section> </section>
<main class="content"> <main class="content">
<div class="container"> <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> </div>
</main> </main>
<footer> <footer>
<div class="container"> <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> </div>
</footer> </footer>
</body> </body>

View file

@ -1,225 +1,2 @@
{{ define "main" }} {{ 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 }} {{ end }}

View file

@ -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> <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; 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; 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; 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; display: inline-block;
background: white; background: white;
color: #f7931a; color: #f7931a;
@ -79,145 +72,66 @@
border-radius: 5px; border-radius: 5px;
font-weight: 600; font-weight: 600;
transition: transform 0.2s, box-shadow 0.2s; transition: transform 0.2s, box-shadow 0.2s;
margin-top: 1rem;
} }
.btn:hover { .content-wrapper .btn:hover {
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2); 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> </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 }}

View file

@ -5,7 +5,7 @@
<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;
@ -159,64 +196,171 @@
<section class="hero"> <section class="hero">
<div class="container"> <div class="container">
<h2>Building Bitcoin Community in Wichita</h2> <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> </div>
</section> </section>
<main class="content"> <main class="content">
<div class="container"> <div class="container">
<div class="section">
<h3>About Wichita Bitcoiners</h3> <div class="content-wrapper">
<p style="text-align: center; max-width: 800px; margin: 0 auto; font-size: 1.1rem; color: #ccc;"> <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>
We're a grassroots group dedicated to Bitcoin education, adoption, and community building in Wichita, Kansas. <p>We love to talk about Bitcoin!</p>
Whether you're a seasoned Bitcoiner or just curious about digital currency, you'll find a welcoming community here. <h2 id="meetup-info">What We Do</h2>
</p> <h3 id="-educational-sessions">📚 Educational Sessions</h3>
<p>Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.</p>
<h3 id="-meetups">🤝 Meetups</h3>
<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>
<p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
<h2 id="-next-meetup">📅 Next Meetup!</h2>
<p><a href="https://maps.app.goo.gl/TCMQB2P6cwLEn5Na8">Side Pockets - 614 S Tyler Rd, Wichita, KS 67212</a></p>
<p>March 26, 2026 7p-9p</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>
<p>Sign up for our mailing list for notifications about our next event!</p>
<hr>
<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> </div>
<div class="section" id="meetup-info"> <style>
<h3>What We Do</h3> .content-wrapper h2 {
<div class="card-grid"> color: #f7931a;
<div class="card"> font-size: 2rem;
<h4>📚 Educational Sessions</h4> margin: 2rem 0 1rem;
<p>Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.</p> text-align: center;
</div> }
<div class="card">
<h4>🤝 Monthly Meetups</h4> .content-wrapper .card h3 {
<p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p> color: #f7931a;
</div> font-size: 1.25rem;
<div class="card"> margin-bottom: 1rem;
<h4>🎯 Bitcoin Adoption</h4> }
<p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
</div> .content-wrapper .card p {
</div> font-size: 1.1rem;
</div> 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> </div>
</main> </main>
<footer> <footer>
<div class="container"> <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> <p style="margin-top: 1rem; opacity: 0.8;">Questions? Contact us at info@wichitabitcoiners.com</p>
</div> </div>
</footer> </footer>

View file

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <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> <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> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate></lastBuildDate> <lastBuildDate></lastBuildDate>