Improved debug page, Added snowflake easter-egg, Added more ARM & ARM64 variants to the strings

Update footer.php, head.php, and 14 more files...

resources/NibblePoker/css/LICENSE-snowflakes.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Pavel Ševčík
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

resources/NibblePoker/js/nibblepoker.js

@@ -1,12 +1,19 @@
 const animationStepCount = 10;
 
-const CpuArchitecture = {
-	Unknown: 0,
-	x86: 1,
-	x64: 2,
-	ArmGeneric: 3,
-	Arm64: 4,
-	RiscV: 5,
+class CpuArchitecture {
+	constructor(id, name) {
+		this.id = id;
+		this.name = name;
+	}
+}
+
+const CpuArchitectures = {
+	Unknown: new CpuArchitecture(0, "?"),
+	x86: new CpuArchitecture(1, "x86"),
+	x64: new CpuArchitecture(2, "x64"),
+	ArmGeneric: new CpuArchitecture(3, "ARM"),
+	Arm64: new CpuArchitecture(4, "ARM64"),
+	RiscV: new CpuArchitecture(5, "RISC-V"),
 }
 
 function getBezierBlend(progress) {
@@ -15,17 +22,17 @@ function getBezierBlend(progress) {
 
 function getCpuArchitecture(userAgent = navigator.userAgent) {
 	if(userAgent.includes("x64")) {
-		return CpuArchitecture.x64;
+		return CpuArchitectures.x64;
 	} else if(userAgent.includes("x86")) {
-		return CpuArchitecture.x86;
+		return CpuArchitectures.x86;
 	} else if(userAgent.includes("ARM")) {
-		return CpuArchitecture.ArmGeneric;
+		return CpuArchitectures.ArmGeneric;
 	} else if(userAgent.includes("ARM64")) {
-		return CpuArchitecture.Arm64;
+		return CpuArchitectures.Arm64;
 	} else if(userAgent.includes("RISC-V")) {
-		return CpuArchitecture.RiscV;
+		return CpuArchitectures.RiscV;
 	}
-	return CpuArchitecture.Unknown;
+	return CpuArchitectures.Unknown;
 }
 
 function fadeOut(element, time = 200) {
@@ -80,6 +87,7 @@ document.addEventListener("DOMContentLoaded", () => {
 	const eSidebar = document.getElementById("sidebar");
 	const eMain = document.getElementById("main");
 	
+	// TODO: Emit an event to help Splide re-align after the sidebar has changed state.
 	document.getElementById("sidebar-toggle-footer").onclick = function() {
 		if(isSidebarVisible) {
 			eSidebar.classList.add("retracted");

resources/NibblePoker/scss/snowflakes.scss

@@ -0,0 +1,160 @@
+/*
+ * -----------------------------------------------------------------------------
+ * NibblePoker.lu CSS - Snowflake Effect
+ * Version: 1.0.0
+ * -----------------------------------------------------------------------------
+ * Source: https://github.com/pajasevi/CSSnowflakes
+ * License: MIT - Copyright (c) 2014 Pavel Ševčík
+ * -----------------------------------------------------------------------------
+ */
+
+.snowflake {
+	color: #fff;
+	font-size: 1em;
+	font-family: Arial, sans-serif;
+	text-shadow: 0 0 5px #000;
+}
+
+@keyframes snowflakes-fall {
+	0% {
+		transform: translateY(0vh);
+	}
+	
+	100% {
+		transform: translateY(110vh);
+	}
+}
+
+@keyframes snowflakes-shake {
+	0% {
+		transform: translateX(0px);
+	}
+	
+	50% {
+		transform: translateX(80px);
+	}
+	
+	100% {
+		transform: translateX(0px);
+	}
+}
+
+.snowflake {
+	position: fixed;
+	top: -10%;
+	z-index: 9999;
+	/* still needed for Safari */
+	-webkit-user-select: none;
+	user-select: none;
+	cursor: default;
+	
+	animation-name: snowflakes-shake;
+	animation-duration: 3s;
+	animation-timing-function: ease-in-out;
+	animation-iteration-count: infinite;
+	animation-play-state: running;
+}
+
+.snowflake .inner {
+	animation-duration: 10s;
+	animation-iteration-count: infinite;
+	animation-name: snowflakes-fall;
+	animation-play-state: running;
+	animation-timing-function: linear;
+}
+
+.snowflake:nth-of-type(0) {
+	left: 1%;
+	animation-delay: 0s;
+}
+.snowflake:nth-of-type(0) .inner {
+	animation-delay: 0s;
+}
+
+.snowflake:nth-of-type(1) {
+	left: 10%;
+	animation-delay: 1s;
+}
+.snowflake:nth-of-type(1) .inner {
+	animation-delay: 1s;
+}
+
+.snowflake:nth-of-type(2) {
+	left: 20%;
+	animation-delay: 0.5s;
+}
+.snowflake:nth-of-type(2) .inner {
+	animation-delay: 6s;
+}
+
+.snowflake:nth-of-type(3) {
+	left: 30%;
+	animation-delay: 2s;
+}
+.snowflake:nth-of-type(3) .inner {
+	animation-delay: 4s;
+}
+
+.snowflake:nth-of-type(4) {
+	left: 40%;
+	animation-delay: 2s;
+}
+.snowflake:nth-of-type(4) .inner {
+	animation-delay: 2s;
+}
+
+.snowflake:nth-of-type(5) {
+	left: 50%;
+	animation-delay: 3s;
+}
+.snowflake:nth-of-type(5) .inner {
+	animation-delay: 8s;
+}
+
+.snowflake:nth-of-type(6) {
+	left: 60%;
+	animation-delay: 2s;
+}
+.snowflake:nth-of-type(6) .inner {
+	animation-delay: 6s;
+}
+
+.snowflake:nth-of-type(7) {
+	left: 70%;
+	animation-delay: 1s;
+}
+.snowflake:nth-of-type(7) .inner {
+	animation-delay: 2.5s;
+}
+
+.snowflake:nth-of-type(8) {
+	left: 80%;
+	animation-delay: 0s;
+}
+.snowflake:nth-of-type(8) .inner {
+	animation-delay: 1s;
+}
+
+.snowflake:nth-of-type(9) {
+	left: 90%;
+	animation-delay: 1.5s;
+}
+.snowflake:nth-of-type(9) .inner {
+	animation-delay: 3s;
+}
+
+.snowflake:nth-of-type(10) {
+	left: 25%;
+	animation-delay: 0s;
+}
+.snowflake:nth-of-type(10) .inner {
+	animation-delay: 2s;
+}
+
+.snowflake:nth-of-type(11) {
+	left: 65%;
+	animation-delay: 2.5s;
+}
+.snowflake:nth-of-type(11) .inner {
+	animation-delay: 4s;
+}

resources/NibblePoker/scss/waffle-day.scss

@@ -1,13 +0,0 @@
-/*
- * -----------------------------------------------------------------------------
- * NibblePoker.lu CSS - Belgium Independence Day Extra
- * Version: 0.0.3
- * Copyright, 2023 Bozet Herwin
- * -----------------------------------------------------------------------------
- * Source: https://github.com/aziascreations/Web-NibblePoker
- * -----------------------------------------------------------------------------
- */
-
-.test-123-456 {
-	background-color: red;
-}