From 09668563ad1fc4fa71c09dd2a2e9fc578b8e88a5 Mon Sep 17 00:00:00 2001 From: ByteDice Date: Mon, 6 Jan 2025 13:36:33 +0100 Subject: [PATCH] polished styling a bit --- index.html | 67 ++++++++++++++++++++++-------------------- loadingScreen.css | 7 +++-- loadingScreenTips.json | 10 +++++-- navBar.css | 13 ++++---- 4 files changed, 56 insertions(+), 41 deletions(-) diff --git a/index.html b/index.html index 70fd693..a1e77d0 100644 --- a/index.html +++ b/index.html @@ -24,38 +24,41 @@
- + +
+ +
diff --git a/loadingScreen.css b/loadingScreen.css index 92f8808..0523180 100644 --- a/loadingScreen.css +++ b/loadingScreen.css @@ -33,8 +33,11 @@ #loadingText { position: absolute; bottom: 0%; - left: 50%; - transform: translateX(-50%); + left: calc(50% - 40vw); + width: 80vw; text-align: center; font-size: 1.5rem; + word-break: break-word; + display: flex; + justify-content: center; } \ No newline at end of file diff --git a/loadingScreenTips.json b/loadingScreenTips.json index 06bf9fa..51ca1d3 100644 --- a/loadingScreenTips.json +++ b/loadingScreenTips.json @@ -2,7 +2,7 @@ "Just don't die.", "Did you know this is a tip?", "Is thisn't not very un-understandable?", - "mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmicrowave sounds. (wow you have a long monitor.)", + "mmmmmmmmmmmmmmicrowave sounds.", "Bad at a game? Just press the \"get good at games\" button!", "I AM NOT A FEMBOY NOR GAY. (I support though :thumbsup:)", "You should listen to that song that goes \"do do do do do do do do do.\"", @@ -16,5 +16,11 @@ "Why is it called loading screen if the screen has already loaded?", "This website is powered by hopes, dreams, and questionable code.", "If this tip is useless, it's working as intended.", - "Private tip. Anyone who reads will be executed on the spot." + "Private tip. Anyone who reads will be executed on the spot.", + "Why do we park on driveways and drive on parkways?", + "Most of these tips are very useful. Consider reading them even if you already have.", + "This tip will self-destruct in 3... 2... 1... jk, I'm too lazy to set that up.", + "If you're reading this, congratulations, you can read!", + "Life hack: Pressing alt+f4 in Fortnite will give you free aimbot.", + "I am the tip man, my tips are educational." ] \ No newline at end of file diff --git a/navBar.css b/navBar.css index 5eafeb3..aa4864b 100644 --- a/navBar.css +++ b/navBar.css @@ -5,6 +5,12 @@ li { margin-bottom: calc(2px * var(--pxDensity)); } +.navBarAligner { + display: flex; + justify-content: center; + align-items: flex-end; + height: 100vh; +} .navBar { background-color: var(--navBar_Inner); box-shadow: calc(1px * var(--pxDensity)) 0px var(--navBar_Border), @@ -15,12 +21,9 @@ li { filter: drop-shadow(0px calc(2px * var(--pxDensity)) rgba(0, 0, 0, 0.5)); padding: 0%; display: inline-block; - position: absolute; - top: round(calc(100% - calc(5px * var(--pxDensity))), var(--pxDensityPx)); - left: round(50%, var(--pxDensityPx)); - transform: translate(-50%, -100%); + transform: translateY(calc(-4px * var(--pxDensity))); font-size: 0px; - width: max-content; + text-align: center; } .navBtn { background-color: transparent;