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>(.*?)(?=What We Do
';
+ newHtml += '';
const cards = meetupInfo[1].match(/
]*>.*?<\/h3>\s*
]*>.*?<\/p>/gs);
if (cards) {
cards.forEach(card => {
newHtml += '
' + card + '
';
});
}
+ newHtml += '
';
}
// Process Get Involved section
const getInvolved = html.match(/]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=Get Involved
';
+ newHtml += '';
const cards = getInvolved[1].match(/
]*>.*?<\/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>(.*?)(?=What We Do
';
+ newHtml += '';
const cards = meetupInfo[1].match(/
]*>.*?<\/h3>\s*
]*>.*?<\/p>/gs);
if (cards) {
cards.forEach(card => {
newHtml += '
' + card + '
';
});
}
+ newHtml += '
';
}
const getInvolved = html.match(/]*id="get-involved"[^>]*>.*?<\/h2>(.*?)(?=Get Involved
';
+ newHtml += '';
const cards = getInvolved[1].match(/
]*>.*?<\/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!