From 4b5bfc269e3dad0c5305b1545ff904e06eb8f953 Mon Sep 17 00:00:00 2001 From: Wichita Bitcoiners Date: Sun, 25 Jan 2026 20:06:40 -0600 Subject: [PATCH] Add 3-wide card grid layout and remove copyright from footer --- layouts/_default/baseof.html | 1 - layouts/index.html | 26 ++++++++++++++++++++++++-- public/index.html | 29 +++++++++++++++++++++++++---- 3 files changed, 49 insertions(+), 7 deletions(-) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 213f49e..ff0536c 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -177,7 +177,6 @@ diff --git a/layouts/index.html b/layouts/index.html index 7ebb40c..c39b009 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -34,8 +34,26 @@ 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; - max-width: 400px; } .content-wrapper .btn { @@ -67,31 +85,35 @@ // Get first paragraph as About card const firstP = html.match(/]*>(.*?)<\/p>/); if (firstP) { - newHtml += '
' + firstP[0] + '
'; + newHtml += '
' + firstP[0] + '
'; } // Process What We Do section const meetupInfo = html.match(/]*id="meetup-info"[^>]*>.*?<\/h2>(.*?)(?=]*>.*?<\/h3>\s*]*>.*?<\/p>/gs); if (cards) { cards.forEach(card => { newHtml += '
' + card + '
'; }); } + newHtml += ''; } // Process Get Involved section const getInvolved = html.match(/]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=]*>.*?<\/h3>\s*]*>.*?<\/p>/gs); if (cards) { cards.forEach(card => { newHtml += '
' + card + '
'; }); } + newHtml += ''; } // Process Questionnaire section diff --git a/public/index.html b/public/index.html index a79d4c3..22100cf 100644 --- a/public/index.html +++ b/public/index.html @@ -1,7 +1,7 @@ - + Wichita Bitcoiners @@ -223,8 +223,26 @@ Sign up for our mailing list for notifications about our next event!

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; - max-width: 400px; } .content-wrapper .btn { @@ -256,31 +274,35 @@ Sign up for our mailing list for notifications about our next event!

const firstP = html.match(/]*>(.*?)<\/p>/); if (firstP) { - newHtml += '
' + firstP[0] + '
'; + newHtml += '
' + firstP[0] + '
'; } const meetupInfo = html.match(/]*id="meetup-info"[^>]*>.*?<\/h2>(.*?)(?=]*>.*?<\/h3>\s*]*>.*?<\/p>/gs); if (cards) { cards.forEach(card => { newHtml += '
' + card + '
'; }); } + newHtml += ''; } const getInvolved = html.match(/]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=]*>.*?<\/h3>\s*]*>.*?<\/p>/gs); if (cards) { cards.forEach(card => { newHtml += '
' + card + '
'; }); } + newHtml += ''; } @@ -305,7 +327,6 @@ Sign up for our mailing list for notifications about our next event!