From: will <greenwoodw50@gmail.com>
Date: Wed, 28 Aug 2024 15:02:53 +0000 (+0100)
Subject: Added animation to move timer 2 up
X-Git-Url: https://git.ozva.co.uk/?a=commitdiff_plain;h=1f5e63aae4bf309a68d3eb85153b56d1876ee239;p=shopping-channel

Added animation to move timer 2 up
---

diff --git a/auth/index.php b/auth/index.php
index 3bdccab..37a572b 100644
--- a/auth/index.php
+++ b/auth/index.php
@@ -361,7 +361,7 @@ $checked = "";
 if ($data['showingSigil'][1] == "true") {
 	$checked = " checked='checked' ";
 }
-echo "<input type='checkbox' id='sigilSE' name='sigilSE' value='true'<?php echo $checked; ?>>";
+echo "<input type='checkbox' id='sigilSE' name='sigilSE' value='true'$checked>";
 echo "<label for='sigilSW'>Bottom right (SE)</label><br>";
 
 echo "<input type='radio' id='allOff' value='off' name='allChange'>";
diff --git a/index.html b/index.html
index 56af729..29d0234 100644
--- a/index.html
+++ b/index.html
@@ -93,6 +93,9 @@ body {
 .banner.moved, .timer2.moved {
 	left: 6vh;
 }
+.timer2.movedUp {
+	top: 6vh;
+}
 .timer3.moved {
 	bottom: calc(50% - 15vh);
 	right: calc(50% - 15vh);
@@ -228,7 +231,7 @@ h2.badge {
 	border: 2px solid var(--dark);
 	outline: 2px solid var(--feature-dark);
 	opacity: 0;
-	transition: opacity 1.5s, left 1.5s;
+	transition: opacity 1.5s, left 1.5s, top 1.5s;
 }
 .timer3 {
 	position: absolute;
@@ -364,16 +367,6 @@ function update() {
 				all.classList.remove("show");
 			}
 
-			// Banner handling
-			const banner = document.getElementsByClassName("banner")[0];
-			if (data.showingBanner == "true") {
-				if (!banner.classList.contains("show")) {
-					document.getElementById("bannerText").innerHTML = data.bannerText;
-				}
-				banner.classList.add("show");
-			} else {
-				banner.classList.remove("show");
-			}
 
 			// Timer 1
 			const timer1 = document.getElementsByClassName("timer1")[0];
@@ -413,6 +406,20 @@ function update() {
 			var property = `linear-gradient(rgb(0,0,0,0) 0%, rgb(0,0,0,0) ${radius}%, var(--feature-light) ${radius}.1%, var(--feature-dark) 100%)`;
 			timer3.style.background = `${property}, var(--background)`;
 
+			// Banner handling
+			const banner = document.getElementsByClassName("banner")[0];
+			if (data.showingBanner == "true") {
+				if (!banner.classList.contains("show")) {
+					document.getElementById("bannerText").innerHTML = data.bannerText;
+				}
+				banner.classList.add("show");
+				timer2.classList.remove("movedUp");
+
+			} else {
+				banner.classList.remove("show");
+				timer2.classList.add("movedUp");
+			}
+
 			// Side product information
 			const side = document.getElementsByClassName("side")[0];
 			if (data.showingMain == "true") {