From 5e0bddf0d3e8a213ae629d066656956afb2a6c79 Mon Sep 17 00:00:00 2001 From: Gergely Polonkai Date: Thu, 5 Jun 2025 21:09:54 +0200 Subject: [PATCH] Create the initial welcome screen --- index.html | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/index.html b/index.html index baff89f..b970aab 100644 --- a/index.html +++ b/index.html @@ -9,14 +9,17 @@ /* Dark Color Scheme */ --dark-bg: black; --dark-text: white; + --dark-box-border: #333333; /* Light Color Scheme */ --light-bg: white; --light-text: black; + --light-box-border: #cccccc; /* Defaults */ --bg: var(--light-bg); --text: var(--light-text); + --box-border: var(--light-box-border); } #color-scheme { @@ -26,6 +29,7 @@ #color-scheme:checked ~ .color-scheme-wrapper { --bg: var(--dark-bg); --text: var(--dark-text); + --box-border: var(--dark-box-border); } #color-scheme:checked ~ .color-scheme-wrapper .dark-mode-hide { @@ -48,11 +52,13 @@ :root { --bg: var(--dark-bg); --text: var(--dark-text); + --box-border: var(--dark-box-border); } #color-scheme:checked ~ .color-scheme-wrapper { --bg: var(--light-bg); --text: var(--light-text); + --box-border: var(--light-box-border); } #color-scheme:checked ~ .color-scheme-wrapper .dark-mode-hide { @@ -174,6 +180,20 @@ font-family: serif; text-align: center; } + + .box { + width: 80%; + border-width: 2px; + border-style: solid; + border-color: var(--box-border); + border-radius: 10px; + margin: 0 auto 1em auto; + padding: 1em; + } + + #no-loaded-container { + text-align: center; + } @@ -186,6 +206,9 @@

Cypher Player Assistant

+
+ No character is loaded. +