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

Add 3-wide card grid layout and remove copyright from footer

Browse source
This commit is contained in:
Wichita Bitcoiners 2026-01-25 20:06:40 -06:00
parent fdc9102cc1
commit 4b5bfc269e
3 changed files with 49 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
layouts/_default/baseof.html
View file

@ -177,7 +177,6 @@
<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 {{ .Site.Params.contact_email | default "info@wichitabitcoiners.com" }}</p>
</div> </div>
</footer> </footer>

26
layouts/index.html
View file

@ -34,8 +34,26 @@
border-radius: 10px; border-radius: 10px;
box-shadow: 0 2px 10px rgba(255,255,255,0.1); box-shadow: 0 2px 10px rgba(255,255,255,0.1);
text-align: center; 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; margin: 2rem auto;
max-width: 400px;
} }
.content-wrapper .btn { .content-wrapper .btn {
@ -67,31 +85,35 @@
// Get first paragraph as About card // Get first paragraph as About card
const firstP = html.match(/<p[^>]*>(.*?)<\/p>/); const firstP = html.match(/<p[^>]*>(.*?)<\/p>/);
if (firstP) { if (firstP) {
newHtml += '<div class="card">' + firstP[0] + '</div>'; newHtml += '<div class="card about">' + firstP[0] + '</div>';
} }
// Process What We Do section // Process What We Do section
const meetupInfo = html.match(/<h2[^>]*id="meetup-info"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s); const meetupInfo = html.match(/<h2[^>]*id="meetup-info"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s);
if (meetupInfo) { if (meetupInfo) {
newHtml += '<h2 id="meetup-info">What We Do</h2>'; 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); const cards = meetupInfo[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs);
if (cards) { if (cards) {
cards.forEach(card => { cards.forEach(card => {
newHtml += '<div class="card">' + card + '</div>'; newHtml += '<div class="card">' + card + '</div>';
}); });
} }
newHtml += '</div>';
} }
// Process Get Involved section // Process Get Involved section
const getInvolved = html.match(/<h2[^>]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s); const getInvolved = html.match(/<h2[^>]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s);
if (getInvolved) { if (getInvolved) {
newHtml += '<h2 id="get-involved">Get Involved</h2>'; newHtml += '<h2 id="get-involved">Get Involved</h2>';
newHtml += '<div class="card-grid">';
const cards = getInvolved[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs); const cards = getInvolved[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs);
if (cards) { if (cards) {
cards.forEach(card => { cards.forEach(card => {
newHtml += '<div class="card">' + card + '</div>'; newHtml += '<div class="card">' + card + '</div>';
}); });
} }
newHtml += '</div>';
} }
// Process Questionnaire section // Process Questionnaire section

29
public/index.html
View file

@ -1,7 +1,7 @@
<!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>
@ -223,8 +223,26 @@ Sign up for our mailing list for notifications about our next event!</p>
border-radius: 10px; border-radius: 10px;
box-shadow: 0 2px 10px rgba(255,255,255,0.1); box-shadow: 0 2px 10px rgba(255,255,255,0.1);
text-align: center; 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; margin: 2rem auto;
max-width: 400px;
} }
.content-wrapper .btn { .content-wrapper .btn {
@ -256,31 +274,35 @@ Sign up for our mailing list for notifications about our next event!</p>
const firstP = html.match(/<p[^>]*>(.*?)<\/p>/); const firstP = html.match(/<p[^>]*>(.*?)<\/p>/);
if (firstP) { if (firstP) {
newHtml += '<div class="card">' + firstP[0] + '</div>'; newHtml += '<div class="card about">' + firstP[0] + '</div>';
} }
const meetupInfo = html.match(/<h2[^>]*id="meetup-info"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s); const meetupInfo = html.match(/<h2[^>]*id="meetup-info"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s);
if (meetupInfo) { if (meetupInfo) {
newHtml += '<h2 id="meetup-info">What We Do</h2>'; 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); const cards = meetupInfo[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs);
if (cards) { if (cards) {
cards.forEach(card => { cards.forEach(card => {
newHtml += '<div class="card">' + card + '</div>'; newHtml += '<div class="card">' + card + '</div>';
}); });
} }
newHtml += '</div>';
} }
const getInvolved = html.match(/<h2[^>]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s); const getInvolved = html.match(/<h2[^>]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=<h2|$)/s);
if (getInvolved) { if (getInvolved) {
newHtml += '<h2 id="get-involved">Get Involved</h2>'; newHtml += '<h2 id="get-involved">Get Involved</h2>';
newHtml += '<div class="card-grid">';
const cards = getInvolved[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs); const cards = getInvolved[1].match(/<h3[^>]*>.*?<\/h3>\s*<p[^>]*>.*?<\/p>/gs);
if (cards) { if (cards) {
cards.forEach(card => { cards.forEach(card => {
newHtml += '<div class="card">' + card + '</div>'; newHtml += '<div class="card">' + card + '</div>';
}); });
} }
newHtml += '</div>';
} }
@ -305,7 +327,6 @@ Sign up for our mailing list for notifications about our next event!</p>
<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>