Partially overhauled content system's metadata handling, Fixed & Added tools, Added missing resources, Other minor fixes, Added index compiler

Update .gitignore, .htaccess, and 48 more files...

resources/NibblePoker/js/nibblepoker-debug.js

@@ -0,0 +1,27 @@
+const idButtonBorder = "test-toggle-borders";
+
+const classBorderActive = "debug";
+const classBorderInactive = "_debug";
+
+function swapDebugClasses() {
+	const activeElements = document.querySelectorAll('.' + classBorderActive);
+	const inactiveElements = document.querySelectorAll('.' + classBorderInactive);
+	
+	activeElements.forEach(element => {
+		element.classList.remove(classBorderActive);
+		element.classList.add(classBorderInactive);
+	});
+	
+	inactiveElements.forEach(element => {
+		element.classList.remove(classBorderInactive);
+		element.classList.add(classBorderActive);
+	});
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+	// Adding the action to the border button
+	const eBorderButton = document.getElementById(idButtonBorder);
+	if(eBorderButton !== null) {
+		eBorderButton.addEventListener("click", swapDebugClasses);
+	}
+});

resources/NibblePoker/js/nibblepoker.js

@@ -111,4 +111,11 @@ document.addEventListener("DOMContentLoaded", () => {
 	//})
 	
 	// TODO: Autodetect mobile screens, close it, and add classes to make it over the rest with dark modal bkgd.
+	
+	// Printing the detected CPU architecture
+	const detectedCpuArch= getCpuArchitecture();
+	let cpuArchPrintouts = document.querySelectorAll(".data-cpu-arch");
+	cpuArchPrintouts.forEach(element => {
+		element.textContent = detectedCpuArch.name;
+	});
 });

resources/NibblePoker/scss/debugger.scss

@@ -0,0 +1,15 @@
+.debug {
+	border: 1px dotted deeppink !important;
+	& *.debug {
+		border: 1px dotted yellow !important;
+		& *.debug {
+			border: 1px dotted cyan !important;
+			& *.debug {
+				border: 1px dotted lime !important;
+				& *.debug {
+					border: 1px dotted red !important;
+				}
+			}
+		}
+	}
+}

resources/NibblePoker/scss/site/content.scss

@@ -19,3 +19,19 @@
 .content-error-text {
 	max-width: 700px;
 }
+
+// Image shown in the smaller inline content cards
+.content-card-image {
+	width: calc(#{$content-search-image-size} * 0.75);
+	height: calc(#{$content-search-image-size} * 0.75);
+	float: left;
+	//filter: drop-shadow(0 0 0.2rem #000000CF);
+	//box-shadow: 0px 0px 20px 2px #000000CF inset;
+}
+
+// Should be a span with IMG tags inside it.
+.app-card-icons {
+	&>img {
+		height: 1.25rem;
+	}
+}

resources/NibblePoker/scss/site/scrollbar.scss

@@ -19,6 +19,7 @@
 .overflow-x-auto {
 	overflow-x: auto;
 }
+
 .overflow-x-scroll {
 	overflow-x: scroll;
 }
@@ -29,22 +30,27 @@
 	height: #{$scrollbar-size};
 	background-color: transparent;
 }
+
 *::-webkit-scrollbar-track:vertical {
 	border-left: 1px solid #{$color-scrollbar-border};
 }
+
 /**::-webkit-scrollbar-track:horizontal {
 	border-top: 1px solid #{$color-scrollbar-border};
 }*/
+
 *::-webkit-scrollbar-thumb {
 	background-color: rgba(255, 255, 255, 0.25);
 	border: 0.4rem solid transparent;
 	background-clip: content-box;
 	border-radius: 1em;
 }
+
 *::-webkit-scrollbar-thumb:hover {
 	background-color: rgba(255, 255, 255, 0.4);
 	border-color: transparent;
 }
+
 *::-webkit-scrollbar-corner {
 	background-color: transparent;
 	border-left: 1px solid rgba(0, 0, 0, 0.1);

resources/NibblePoker/scss/site/wedge.scss

@@ -4,8 +4,8 @@
 
 .wedge {
 	position: absolute;
-	top: 0;
-	right: 0;
+	//top: 0;
+	//right: 0;
 	
 	color: #{$color-text-regular-normal};
 	background-color: #{$color-background-button};
@@ -20,7 +20,7 @@
 	//transition: color 0.25s ease;
 	//transition-timing-function: cubic-bezier(.47,1.64,.41,.8);
 	
-	&:hover {
+	&:hover:not(.no-hover) {
 		background-color: #{$color-background-button-hover};
 	}
 	
@@ -30,28 +30,28 @@
 	
 	&.primary {
 		background-color: #{$color-background-button-primary};
-		&:hover {
+		&:hover:not(.no-hover) {
 			background-color: #{$color-background-button-primary-hover};
 		}
 	}
 	
 	&.success {
 		background-color: #{$color-background-button-success};
-		&:hover {
+		&:hover:not(.no-hover) {
 			background-color: #{$color-background-button-success-hover};
 		}
 	}
 	
 	&.error {
 		background-color: #{$color-background-button-error};
-		&:hover {
+		&:hover:not(.no-hover) {
 			background-color: #{$color-background-button-error-hover};
 		}
 	}
 	
 	&.warning {
 		background-color: #{$color-background-button-warning};
-		&:hover {
+		&:hover:not(.no-hover) {
 			background-color: #{$color-background-button-warning-hover};
 		}
 	}