sam/Hyperia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjustments for mobile home page

Browse Source
This commit is contained in:
metacryst
2025-11-18 08:19:06 -06:00
parent 1cc94f4d5f
commit 3588a68bee
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ui/_/code/shared.css
View File

@@ -1,13 +1,13 @@
:root { :root {
--main: #FFDFB4; --main: var(--brown);
--accent: var(--darkbrown); --accent: var(--gold);
--tan: #FFDFB4; --tan: #FFDFB4;
--gold: #F2B36F; --gold: #F2B36F;
--purple: #251D44; --purple: #251D44;
--green: #0857265c; --green: #0857265c;
--red: #BC1C02; --red: #BC1C02;
--brown: #c6a476; --brown: #812A18;
--darkbrown: #60320c; --darkbrown: #60320c;
--orange: #FE9201; --orange: #FE9201;
--periwinkle: #655BAF; --periwinkle: #655BAF;
@@ -17,7 +17,7 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--main: #251D44; --main: var(--brown);;
--accent: var(--gold); --accent: var(--gold);
--dividerColor: var(--gold); --dividerColor: var(--gold);
--accent2: var(--gold); --accent2: var(--gold);

8
ui/public/pages/Home.js
View File

@@ -20,11 +20,11 @@ class Home extends Shadow {
.position("absolute") .position("absolute")
.left(50, vw).top(4, em) .left(50, vw).top(4, em)
.center() .center()
.transform("translate(-2em, -50%)") .transform(`translate(${window.isMobile() ? "-50%" : "-2em"}, -50%)`)
switch(window.location.pathname) { switch(window.location.pathname) {
case "/": case "/":
img("_/images/knight.png", "29vw") img("_/images/knight.png", "29vmax")
.position("absolute") .position("absolute")
.left(50, vw).top(50, vh) .left(50, vw).top(50, vh)
.center() .center()
@@ -36,9 +36,11 @@ class Home extends Shadow {
.fontSize(5, vw) .fontSize(5, vw)
p("A CLASSICAL CHRISTIAN ASSOCIATION") p("A CLASSICAL CHRISTIAN ASSOCIATION")
.x(50, vw).y(94, vh) .x(50, vw).yBottom(3, vh)
.center() .center()
.letterSpacing(0.3, em) .letterSpacing(0.3, em)
.width(100, vw)
.textAlign("center")
break; break;
case "/why": case "/why":
Why() Why()