From 64af15898df0aa89f8af081c955b0f2bfa848fdb Mon Sep 17 00:00:00 2001 From: Arthur Lu Date: Thu, 6 Apr 2023 02:56:37 +0000 Subject: [PATCH] working but hacky --- account.html | 12 +++++++++--- config.html | 17 ++++++++++++----- css/style.css | 53 ++++++++++++++++++++++++++++++++++++++++++++------- index.html | 12 +++++++++--- login.html | 16 ++++++++++++---- 5 files changed, 88 insertions(+), 22 deletions(-) diff --git a/account.html b/account.html index 82815cd..de1680a 100644 --- a/account.html +++ b/account.html @@ -11,13 +11,19 @@
-

tronnet

-
-
diff --git a/config.html b/config.html index 342406b..0015cfa 100644 --- a/config.html +++ b/config.html @@ -12,16 +12,23 @@
-

tronnet

-
-
-

diff --git a/css/style.css b/css/style.css index c27ffba..ffe8033 100644 --- a/css/style.css +++ b/css/style.css @@ -18,10 +18,11 @@ body { display: grid; min-height: 100vh; - grid-template-rows: auto 1fr auto; + grid-template-rows: auto auto 1fr auto; grid-template-columns: auto 1fr; grid-template-areas: "logo title" + "hr1 hr2" "nav main" "footer main" ; @@ -34,17 +35,57 @@ header { #logo { grid-area: logo; + padding: 20px; + padding-bottom: 0px; +} + +#hr1 { + grid-area: hr1; + margin: 0px; + padding: 0px; + padding-left: 20px; + padding-right: 20px; + background-color: var(--accent-bkg-color); + color: var(--accent-txt-color); +} + +#hr1 hr { + height: 1px; +} + +#hr2 { + grid-area: hr2; + margin: 0px; + padding: 0px; + padding-left: 20px; + padding-right: 20px; + background-color: var(--content-bkg-color); + color: var(--content-txt-color); +} + +#hr2 hr { + height: 1px; } #nav { grid-area: nav; + padding: 20px; } #title { grid-area: title; + padding: 20px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + align-items: end; } -#logo, #nav, footer { +#title * { + margin: 0px; +} + +#logo, #nav, #hr1, footer { background-color: var(--accent-bkg-color); color: var(--accent-txt-color); } @@ -53,6 +94,8 @@ main { grid-area: main; background-color: var(--content-bkg-color); color: var(--content-txt-color); + padding-left: 20px; + padding-right: 20px; } footer { @@ -95,16 +138,12 @@ nav a:hover:before { width: 100%; } -h1, h2, h3, p { - font-family: monospace; -} - h1 { font-size: xxx-large; } h2 { - font-size: xx-large; + font-size: xxx-large; } h3 { diff --git a/index.html b/index.html index 6a69a24..67257a5 100644 --- a/index.html +++ b/index.html @@ -26,13 +26,19 @@
- + +
+

Instances

+
+
+
-

Instances

+
diff --git a/login.html b/login.html index f6bda33..5d390c9 100644 --- a/login.html +++ b/login.html @@ -12,11 +12,19 @@
-

tronnet

-
-