From 06aa80c432b3e0b3bab35057f62c4fab7abea52e Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Sun, 18 May 2025 16:03:55 -0400
Subject: feat: post cards, fix about, clean up unused styles

---
 static/styles.css             | 103 ++++++------------------------------------
 templates/about/index.html.j2 |   6 +--
 templates/about/team.html.j2  |   6 +--
 templates/card.html.j2        |  14 ------
 templates/posts.html.j2       |  20 +++++---
 5 files changed, 34 insertions(+), 115 deletions(-)
 delete mode 100644 templates/card.html.j2

diff --git a/static/styles.css b/static/styles.css
index 6dde6d4..8948d92 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -110,10 +110,6 @@ section.banner h1 {
 	padding-top: 1em;
 }
 
-section.cards {
-	background-color: transparent;
-}
-
 .button img {
 	margin-right: 1em;
 }
@@ -166,15 +162,6 @@ section a {
 	text-decoration: underline;
 }
 
-.card {
-	background-color: white;
-	padding: 1em;
-	border-radius: 1em;
-	margin-left: 0;
-	margin-right: 0;
-	align-content: center;
-}
-
 form input,
 form textarea {
 	font-family: "PT Sans", sans-serif;
@@ -194,34 +181,6 @@ textarea {
 	resize: none;
 }
 
-/* honeypot */
-textarea#beehive {
-	display: none;
-}
-
-table {
-	width: 100%;
-	border-collapse: collapse;
-}
-
-table caption {
-	text-align: left;
-}
-
-table th {
-	text-align: right;
-	color: var(--darkteal);
-}
-
-table td,
-table th {
-	vertical-align: bottom;
-}
-
-tr:nth-child(even) {
-	background-color: lightgray;
-}
-
 picture img {
 	width: 100%;
 }
@@ -241,20 +200,8 @@ section.flexible {
 	flex-direction: column;
 }
 
-#reviews .card,
-#offerings .card {
-	margin-left: 1em;
-	margin-right: 1em;
-	margin-top: 0.5em;
-	margin-bottom: 0.5em;
-	padding: 0.3em;
-	flex: 1 0 21%;
-	align-items: center;
-	text-align: center;
-}
-
-#reviews,
-#offerings {
+section.cards {
+	background-color: transparent;
 	padding-left: 0;
 	padding-right: 0;
 	display: flex;
@@ -262,42 +209,22 @@ section.flexible {
 	justify-content: center;
 }
 
-#offerings .full {
-	flex: 1 1 100%;
-}
-
-.modal {
-	position: fixed;
-	z-index: 1;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	background-color: white;
-	background-color: rgba(1, 1, 1, 0.4);
-	overflow: auto;
-	display: none;
-	font-size: 1.5em;
-}
-
-.modal .card {
-	max-height: 90%;
-	max-width: 60%;
-}
-
-.modal a,
-.card a.button {
-	float: right;
-}
-
-:target.modal {
-	display: flex;
-	justify-content: center;
+.card {
+	align-content: center;
 	align-items: center;
+	background-color: white;
+	border-radius: 1em;
+	flex: 1 0 21%;
+	margin-bottom: 0.5em;
+	margin-left: 1em;
+	margin-right: 1em;
+	margin-top: 0.5em;
+	padding: 0.3em;
+	text-align: center;
 }
 
-:target.modal .card {
-	overflow: auto;
+section.cards .full {
+	flex: 1 1 100%;
 }
 
 .centered {
diff --git a/templates/about/index.html.j2 b/templates/about/index.html.j2
index 71891ee..ad4480c 100644
--- a/templates/about/index.html.j2
+++ b/templates/about/index.html.j2
@@ -5,16 +5,14 @@
 	<h1>About Us</h1>
 </section>
 
-<section class=" squarshed">
-	<p>
+<section>
 	<h2 style="font-size: 1.5em; text-align: center;">
 		There are many pathways to success. I started Carpenter Tutoring for
 		those seeking a little help finding their way.
 	</h2>
-	</p>
 </section>
 
-<section class=" flexible squarshed">
+<section class="flexible">
 	<figure class="shadowy">
 		<picture>
 			<source srcset="/assets/amy.webp" type="image/webp" />
diff --git a/templates/about/team.html.j2 b/templates/about/team.html.j2
index 05bb2f8..07637c8 100644
--- a/templates/about/team.html.j2
+++ b/templates/about/team.html.j2
@@ -1,5 +1,5 @@
 {% for tutor in tutors %}
-<sectionclass=" flexible">
+<section class="flexible">
 	{% if loop.index0 % 2 == 0 %}
 	{% include "blurb.html.j2" %}
 	{% include "figure.html.j2" %}
@@ -7,5 +7,5 @@
 	{% include "figure.html.j2" %}
 	{% include "blurb.html.j2" %}
 	{% endif %}
-	</section>
-	{% endfor %}
\ No newline at end of file
+</section>
+{% endfor %}
\ No newline at end of file
diff --git a/templates/card.html.j2 b/templates/card.html.j2
deleted file mode 100644
index 1397bc8..0000000
--- a/templates/card.html.j2
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="card">
-    <h2>
-        {% block title %}
-        Card Title
-        {% endblock %}
-    </h2>
-
-    <p>
-        {% block content %}
-        Stuff in the card
-        {% endblock %}
-    </p>
-
-</div>
\ No newline at end of file
diff --git a/templates/posts.html.j2 b/templates/posts.html.j2
index e9efdfb..eec04a9 100644
--- a/templates/posts.html.j2
+++ b/templates/posts.html.j2
@@ -6,10 +6,18 @@
 </section>
 
 <section>
-	<p>
-		{% for post in posts %}
-	<h2><a href="/posts/{{ post.get_title()|e }}">{{ post.get_title() }}</a></h2>
+	<h2>
+		Refining how we think and teach.
+	</h2>
+</section>
+
+<section class="cards">
+	{% for post in posts %}
+	<div class="card">
+		<h2>
+			<a href="/posts/{{ post.get_title()|e }}">{{ post.get_title() }}</a>
+		</h2>
+	</div>
 	{% endfor %}
-	</p>
-	<section>
-		{% endblock %}
\ No newline at end of file
+</section>
+{% endblock %}
\ No newline at end of file
-- 
cgit v1.2.3