From 5e71f0ef441038aac70e092bd27fde75a84b6756 Mon Sep 17 00:00:00 2001
From: Alex <alex@scerba.org>
Date: Sun, 23 Jun 2024 09:09:00 -0500
Subject: Move to card style visual language

---
 static/style.css | 32 +++++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

(limited to 'static/style.css')

diff --git a/static/style.css b/static/style.css
index ffef6d8..a4263b1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -65,10 +65,11 @@ html {
 body {
     margin: 0;
     font-family: 'DejaVu Sans', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
+    background-image: url("/static/media/grid-background-single-square-light.jpg");
+    background-size: 1.25rem 1.25rem;
 }
 
 main {
-    padding: 1.75rem;
     padding-top: 5rem;
     padding-bottom: 3rem;
     max-width: 60rem;
@@ -76,8 +77,26 @@ main {
     margin-right: auto;
 }
 
+article, #intro, .main-bg {
+  padding: 1rem 1.75rem;
+  background-color: white;
+  box-shadow: 0 0 1em 0.4em rgb(224, 224, 224);
+}
+
+article, #intro {
+  margin-top: 1.75rem;
+}
+
+article h2 {
+  margin-top: 0;
+}
+
+article p:last-of-type {
+  margin-bottom: .5rem;
+}
+
 main:has(#intro) {
-  padding-top: 0;
+  padding-top: 1rem;
 }
 
 .top-bar {
@@ -111,8 +130,6 @@ main:has(#intro) {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-image: url("/static/media/grid-background-light.png");
-  background-size: 20rem 20rem;
 }
 
 .landing-text {
@@ -140,7 +157,7 @@ main:has(#intro) {
 }
 
 h1 {
-  font-size: 2.5rem;
+  font-size: 2.75rem;
   color: rgb(190, 190, 190);
   margin: 0;
 }
@@ -165,8 +182,8 @@ b {
 }
 
 h2, h3, h4, h5, h6 {
-  margin-top: 2rem;
-  margin-bottom: 0.7rem;
+/*   margin-top: 2rem;
+  margin-bottom: 0.7rem; */
   font-size: 1.5rem;
 }
 
@@ -289,6 +306,7 @@ blockquote {
 .gallery {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
+  margin-top: 1.75rem;
 }
 
 @media screen and (max-width: 45rem) {
-- 
cgit v1.2.3