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
This commit is contained in:
Wichita Bitcoiners
parent
0a7d7f45f4
commit
46aa7c1d50
3 changed files with 62 additions and 36 deletions
|
|
@ -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,20 +23,15 @@ 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
|
||||
**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.
|
||||
|
||||
**Location:** Various locations around Wichita
|
||||
**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
|
||||
|
|
@ -42,3 +39,4 @@ We Want To Hear From You!
|
|||
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)
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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
|
||||
const getInvolved = html.match(/<h2[^>]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s);
|
||||
if (getInvolved) {
|
||||
newHtml += '<h2 id="get-involved">Get Involved</h2>';
|
||||
newHtml += '<div class="card-grid">';
|
||||
const cards = getInvolved[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs);
|
||||
if (cards) {
|
||||
cards.forEach(card => {
|
||||
newHtml += '<div class="card">' + card + '</div>';
|
||||
});
|
||||
}
|
||||
newHtml += '</div>';
|
||||
// Process Next Meetup section
|
||||
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();
|
||||
// Convert links to buttons with new tab behavior
|
||||
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>';
|
||||
}
|
||||
|
||||
// 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>';
|
||||
const card = questionnaire[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>(\s*<p[^>]*>.*?<\/p>)?/s);
|
||||
if (card) {
|
||||
// Convert link to button
|
||||
let cardHtml = card[0];
|
||||
cardHtml = cardHtml.replace(/<a[^>]*href="([^"]*)"[^>]*>([^<]*)<\/a>/g, '<a href="$1" class="btn">$2</a>');
|
||||
newHtml += '<div class="card">' + cardHtml + '</div>';
|
||||
}
|
||||
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;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue