From 327cfdb16c1a77cb7f31db45b749ef8ccdbd9635 Mon Sep 17 00:00:00 2001 From: will Date: Wed, 28 Aug 2024 16:38:13 +0100 Subject: [PATCH] Aestetic tweaks + badge only shows up when showing extra information + sigils max opacity set to 0.9 + sigils start invisible + made bottom box top text look better + addded some static contact info + minor ordering change in interface "products" --- auth/index.php | 8 ++++---- index.html | 47 ++++++++++++++++++++++++++++++++++++++++------- items.json | 2 +- 3 files changed, 45 insertions(+), 12 deletions(-) diff --git a/auth/index.php b/auth/index.php index ee10732..b502d94 100644 --- a/auth/index.php +++ b/auth/index.php @@ -246,12 +246,12 @@ if ($data['showingAll'] == "true") { } ?>
- > -
+ > +
>
- > - + > +
diff --git a/index.html b/index.html index 29d0234..11f3a4f 100644 --- a/index.html +++ b/index.html @@ -118,7 +118,7 @@ body { .showExtra > .extra { transform: translateY(0%); } -.main > *, .extra > *:not(.soldBox), .bottom > *, .marquee > * { +.main > *, .extra > *:not(.soldBox), .bottom > *, .bottom > div > *, .marquee > * { margin: 0; padding: 0.5vh 1vh; } @@ -201,12 +201,40 @@ h2.badge { display: inline-block; vertical-align: top; } +#topTextBox { + width: calc(100% - 20px); + margin: 5px; + margin-bottom: 0; + padding: 5px; + border-radius: 5px; + background-image: linear-gradient(0.25turn, var(--feature-dark), rgba(0,0,0,0) 40%), var(--background); + box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.19) 0px 1px 2px; +} +#topText { + display: inline-block; + width: 50%; + padding: 0; +} +#idText { + display: inline-block; + width: 50%; + padding: 0; + text-align: right; + font-size: 1.5em; + font-weight: bold; + font-style: italic; + color: var(--feature-dark); +} .marquee { padding: 0; width: 100%; mask-image: linear-gradient(0.25turn, transparent, black 5%, black 95%, transparent); overflow: hidden; } +.marqueeText { + white-space: nowrap; + overflow: hidden; +} .timer1 { position: absolute; left: 101vh; @@ -262,6 +290,9 @@ h2.badge { .show.banner { width: 50vh; } +.show.sigilBox { + opacity: 0.9; +} @keyframes spinBox { 0% {transform: translateY(100%);} 50% {} @@ -441,7 +472,7 @@ function update() { // Discount badge const badgeContainer = document.getElementsByClassName("badgeContainer")[0]; - if (discount <= 0.99) { + if (discount <= 0.99 && data.showingExtra == "true") { badgeContainer.classList.add("show"); } else { badgeContainer.classList.remove("show"); @@ -656,7 +687,9 @@ setInterval(draw, 500)

-

+
+

Welcome to XMDV Shopping!

+

@@ -668,7 +701,7 @@ setInterval(draw, 500)
-
+
-
+
-
+
-
+