From 48845160a2b62d089ffcfc1ec90369846af4daca Mon Sep 17 00:00:00 2001 From: Jason Williams Date: Sat, 19 Nov 2022 20:14:20 -0700 Subject: [PATCH] Styling Flo's content and creating a copy of the page for Lucy --- www/css/main.css | 24 +++++++++++++ www/index.html | 20 +++++------ www/lucy.html | 87 ++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 121 insertions(+), 10 deletions(-) create mode 100644 www/lucy.html diff --git a/www/css/main.css b/www/css/main.css index 3d850b4..b539203 100644 --- a/www/css/main.css +++ b/www/css/main.css @@ -94,6 +94,9 @@ textarea { --jason-hover-bg-color: #913A50; --jason-hover-fg-color: #FFFFFF; --flo-bg-color: #601F22; + --flo-accent-color: #FFE4E1; + --flo-hover-bg-color: #00C4FF; + --flo-hover-fg-color: #FFFFFF; } body { @@ -192,6 +195,27 @@ div { .splash.flo, .main.flo { background-color: var(--flo-bg-color); + font-family: 'Quicksand', sans-serif; +} + +.flo h1 { + font-family: 'Marck Script', cursive; + font-weight: 400; +} + +.flo h1 a { + text-decoration: none; + color: var(--flo-accent-color); +} + +.links.flo li a { + background-color: var(--flo-accent-color); + color: var(--flo-bg-color); +} + +.links.flo li a:hover { + background-color: var(--flo-hover-bg-color); + color: var(--flo-hover-fg-color); } @media (orientation: landscape) { diff --git a/www/index.html b/www/index.html index 152e1f8..af2314a 100644 --- a/www/index.html +++ b/www/index.html @@ -12,11 +12,11 @@ - - - - - + + + + + @@ -52,13 +52,13 @@
@@ -72,9 +72,9 @@ - - - + + + + + + + + + + + + + +