feat: post cards, fix about, clean up unused styles

1 files changed, 15 insertions, 88 deletions

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 {