From 6caf86913e2b3701e41e8b1e3b9dc713ae521104 Mon Sep 17 00:00:00 2001
From: TechRunner <willow.behar@protonmail.com>
Date: Sat, 18 Oct 2025 13:42:33 -0500
Subject: [PATCH] Updated theme to look a little better

---
 index.html           |  2 +-
 stylesheets/home.css | 34 ++++++++++++++++++++--------------
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index bbc05ca..1b2baf6 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,7 @@
                         <a href="/pages/links.html">My Links!</a>
                     </div>
                     <div class="post">
-                        <h3>System Media</h3>
+                        <h3 class="postHeader">System Media</h3>
                         <ul>
                             <li><a href="/pages/Jukebox.html">Music</a></li>
                             <li><a href="/pages/games.html">Games</a></li>
diff --git a/stylesheets/home.css b/stylesheets/home.css
index 172d9cc..2c56380 100644
--- a/stylesheets/home.css
+++ b/stylesheets/home.css
@@ -101,8 +101,6 @@ div#postarea{
 }
 
 #blogList ul{
-  padding-right: 5%;
-  padding-left: 5%;
   list-style: none;
   text-align: center;
   width:inherit;
@@ -125,16 +123,19 @@ div.post {
   padding: 5%;
 }
 
-.post p{
-  width: 100%;
-  height: 100%;
+.postHeader{
+  margin-bottom: 5px;
+}
+.post ul{
+  padding: 0;
 }
-
 .post ul, a{
-  color: #ACACAC;
+  color: #f00990;
+  text-align: center;
 }
 
 .postImage{
+  margin: 3px;
   width: 50%;
   aspect-ratio: 1/1;
   border-radius: 5%;
@@ -200,28 +201,33 @@ div.post {
 .memberPhoto{
   display: flex;
   flex-direction: column-reverse;
-  height: 100%;
   align-items: center;
+  width: 100%;
+  flex-grow: 1;
 }
 
-.memberPhoto img{
-  width: 100%;
-}
 
 .member p{
   font-size: 9pt;
+  background-color: rgb(48, 38, 49);
+  border-radius: 20px;
+  padding: 5px;
+  flex-grow:1;
 }
 
 li.member{
   border-style: solid;
   border-color: #25a89d;
-  border-radius: 4px;
+  border-radius: 20px;
   border-width: 1px;
   list-style: none;
-  background-color: #767e7e8c;
-  height: 100%;
+  background-color: #35474775;
   width: 100%;
   margin: 5px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  flex-grow:1;
 }
 
 a.member{