From 3588a68bee52924b94526a714353a3aee8b9e351 Mon Sep 17 00:00:00 2001
From: metacryst <samrussell99@gmail.com>
Date: Tue, 18 Nov 2025 08:19:06 -0600
Subject: [PATCH] Adjustments for mobile home page

---
 ui/_/code/shared.css    | 8 ++++----
 ui/public/pages/Home.js | 8 +++++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/ui/_/code/shared.css b/ui/_/code/shared.css
index d807318..ee8d878 100644
--- a/ui/_/code/shared.css
+++ b/ui/_/code/shared.css
@@ -1,13 +1,13 @@
 :root {
-    --main: #FFDFB4;
-    --accent: var(--darkbrown);
+    --main: var(--brown);
+    --accent: var(--gold);
 
     --tan: #FFDFB4;
     --gold: #F2B36F;
     --purple: #251D44;
     --green: #0857265c;
     --red: #BC1C02;
-    --brown: #c6a476;
+    --brown: #812A18;
     --darkbrown: #60320c;
     --orange: #FE9201;
     --periwinkle: #655BAF;
@@ -17,7 +17,7 @@
 
 @media (prefers-color-scheme: dark) {
 :root {
-    --main: #251D44;
+    --main: var(--brown);;
     --accent: var(--gold);
     --dividerColor: var(--gold);
     --accent2: var(--gold);
diff --git a/ui/public/pages/Home.js b/ui/public/pages/Home.js
index 37ec179..d27a05a 100644
--- a/ui/public/pages/Home.js
+++ b/ui/public/pages/Home.js
@@ -20,11 +20,11 @@ class Home extends Shadow {
                 .position("absolute")
                 .left(50, vw).top(4, em)
                 .center()
-                .transform("translate(-2em, -50%)")
+                .transform(`translate(${window.isMobile() ? "-50%" : "-2em"}, -50%)`)
     
             switch(window.location.pathname) {
                 case "/":
-                    img("_/images/knight.png", "29vw")
+                    img("_/images/knight.png", "29vmax")
                         .position("absolute")
                         .left(50, vw).top(50, vh)
                         .center()
@@ -36,9 +36,11 @@ class Home extends Shadow {
                         .fontSize(5, vw)
             
                     p("A CLASSICAL CHRISTIAN ASSOCIATION")
-                        .x(50, vw).y(94, vh)
+                        .x(50, vw).yBottom(3, vh)
                         .center()
                         .letterSpacing(0.3, em)
+                        .width(100, vw)
+                        .textAlign("center")
                     break;
                 case "/why":
                     Why()