adm/wichitabitcoiners
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix duplication: Remove hardcoded HTML, render content entirely from markdown with CSS styling

Browse source
This commit is contained in:
Wichita Bitcoiners 2026-01-25 18:36:58 -06:00
parent 159d63d80a
commit 04749e9857
4 changed files with 214 additions and 94 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
content/_index.md
View file

@ -6,7 +6,7 @@ description: "Join us for monthly meetups, educational sessions, and networking
hero_button: '<a href="#meetup-info" class="btn">Join Our Meetup</a>' hero_button: '<a href="#meetup-info" class="btn">Join Our Meetup</a>'
--- ---
We're a 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'll find a welcoming community here. 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.
What We Do {#meetup-info} What We Do {#meetup-info}
------------ ------------
@ -15,7 +15,7 @@ What We Do {#meetup-info}
Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members. Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.
### 🤝 Meetups ### 🤝 Monthly Meetups
Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts. Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.
@ -45,4 +45,6 @@ We Want To Hear From You!
### 📋 Questionnaire ### 📋 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)

3
hugo.yaml
View file

@ -7,4 +7,5 @@ params:
description: 'Wichita Bitcoiners meetup group - Bitcoin education and community in Wichita, Kansas' description: 'Wichita Bitcoiners meetup group - Bitcoin education and community in Wichita, Kansas'
logo: '/Wichita_Bitcoiners_Flag.png' logo: '/Wichita_Bitcoiners_Flag.png'
favicon: '/favicon.ico' favicon: '/favicon.ico'
contact_email: 'info@wichitabitcoiners.com' contact_email: 'info@wichitabitcoiners.com'
questionnaire_enabled: true

138
layouts/index.html
View file

@ -1,49 +1,97 @@
{{ define "main" }} {{ define "main" }}
{{ $content := .Content }} <div class="content-wrapper">
{{ .Content }}
<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>
<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 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.5rem;
<div class="card"> margin: 1.5rem 0 1rem;
<h4>🎯 Bitcoin Adoption</h4> }
<p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
</div> .content-wrapper h4 {
</div> color: #f7931a;
</div> font-size: 1.25rem;
margin-bottom: 1rem;
<div class="section"> }
<h3>Get Involved</h3>
<div class="card-grid"> .content-wrapper p {
<div class="card"> max-width: 800px;
<h4>📅 Monthly Meetups</h4> margin: 0 auto 1rem;
<p><strong>When:</strong> First Thursday of each month<br> font-size: 1.1rem;
<strong>Time:</strong> 6:30 PM - 8:30 PM<br> color: #ccc;
<strong>Where:</strong> Various locations around Wichita</p> text-align: center;
</div> }
<div class="card">
<h4>💬 Stay Connected</h4> .content-wrapper strong {
<p>Join our online community to stay updated on events, ask questions, and connect with other Bitcoin enthusiasts.</p> color: #fff;
</div> }
<div class="card">
<h4>🎓 Learn More</h4> .content-wrapper a {
<p>Resources for beginners and advanced users alike. No prior Bitcoin knowledge required - curiosity is enough!</p> color: #f7931a;
</div> text-decoration: none;
</div> transition: color 0.2s;
</div> }
.content-wrapper a:hover {
color: #ff9500;
}
/* Card styling for section content */
.content-wrapper > h3 + p {
background: #111;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(255,255,255,0.1);
text-align: center;
}
/* Special styling for sections with multiple h4 elements */
.content-wrapper h3[id="meetup-info"],
.content-wrapper h3[id="get-involved"] {
text-align: center;
}
.content-wrapper h3[id="meetup-info"] ~ h4,
.content-wrapper h3[id="get-involved"] ~ h4 {
background: #111;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(255,255,255,0.1);
text-align: center;
margin: 2rem auto;
max-width: 400px;
}
.content-wrapper h3[id="meetup-info"] ~ h4 h4,
.content-wrapper h3[id="get-involved"] ~ h4 h4 {
margin-bottom: 1rem;
}
/* Questionnaire button styling */
.content-wrapper a[href*="google.com/forms"] {
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 a[href*="google.com/forms"]:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
</style>
{{ end }} {{ end }}

159
public/index.html
View file

@ -169,53 +169,122 @@
<main class="content"> <main class="content">
<div class="container"> <div class="container">
<div class="content-wrapper">
<p>We&rsquo;re a grassroots group dedicated to Bitcoin education, adoption, and community building in Wichita, Kansas. Whether you&rsquo;re a seasoned Bitcoiner or just curious about digital currency, you&rsquo;ll find a welcoming community here.</p>
<div class="section"> <h2 id="meetup-info">What We Do</h2>
<h3>About Wichita Bitcoiners</h3> <h3 id="-educational-sessions">📚 Educational Sessions</h3>
<p style="text-align: center; max-width: 800px; margin: 0 auto; font-size: 1.1rem; color: #ccc;"> <p>Learn about Bitcoin technology, wallet security, mining, and best practices from experienced community members.</p>
We're a grassroots group dedicated to Bitcoin education, adoption, and community building in Wichita, Kansas. <h3 id="-monthly-meetups">🤝 Monthly Meetups</h3>
Whether you're a seasoned Bitcoiner or just curious about digital currency, you'll find a welcoming community here. <p>Join us for informal gatherings to discuss Bitcoin news, share experiences, and network with local enthusiasts.</p>
</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="get-involved">Get Involved</h2>
<h3 id="-monthly-meetups-1">📅 Monthly Meetups</h3>
<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>
<h3 id="-stay-connected">💬 Stay Connected</h3>
<p>Join our online community to stay updated on events, ask questions, and connect with other Bitcoin enthusiasts.</p>
<h3 id="-learn-more">🎓 Learn More</h3>
<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>
<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 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.5rem;
<div class="card"> margin: 1.5rem 0 1rem;
<h4>🎯 Bitcoin Adoption</h4> }
<p>Help promote Bitcoin awareness and adoption in Wichita through community outreach and merchant education.</p>
</div> .content-wrapper h4 {
</div> color: #f7931a;
</div> font-size: 1.25rem;
margin-bottom: 1rem;
<div class="section"> }
<h3>Get Involved</h3>
<div class="card-grid"> .content-wrapper p {
<div class="card"> max-width: 800px;
<h4>📅 Monthly Meetups</h4> margin: 0 auto 1rem;
<p><strong>When:</strong> First Thursday of each month<br> font-size: 1.1rem;
<strong>Time:</strong> 6:30 PM - 8:30 PM<br> color: #ccc;
<strong>Where:</strong> Various locations around Wichita</p> text-align: center;
</div> }
<div class="card">
<h4>💬 Stay Connected</h4> .content-wrapper strong {
<p>Join our online community to stay updated on events, ask questions, and connect with other Bitcoin enthusiasts.</p> color: #fff;
</div> }
<div class="card">
<h4>🎓 Learn More</h4> .content-wrapper a {
<p>Resources for beginners and advanced users alike. No prior Bitcoin knowledge required - curiosity is enough!</p> color: #f7931a;
</div> text-decoration: none;
</div> transition: color 0.2s;
</div> }
.content-wrapper a:hover {
color: #ff9500;
}
.content-wrapper > h3 + p {
background: #111;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(255,255,255,0.1);
text-align: center;
}
.content-wrapper h3[id="meetup-info"],
.content-wrapper h3[id="get-involved"] {
text-align: center;
}
.content-wrapper h3[id="meetup-info"] ~ h4,
.content-wrapper h3[id="get-involved"] ~ h4 {
background: #111;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(255,255,255,0.1);
text-align: center;
margin: 2rem auto;
max-width: 400px;
}
.content-wrapper h3[id="meetup-info"] ~ h4 h4,
.content-wrapper h3[id="get-involved"] ~ h4 h4 {
margin-bottom: 1rem;
}
.content-wrapper a[href*="google.com/forms"] {
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 a[href*="google.com/forms"]:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
</style>
</div> </div>
</main> </main>