Added contributors base page, Improved home page, Added grids

Update .gitignore, head-preloads.php, and 22 more files...

resources/NibblePoker/js/nibblepoker-contributors.js

@@ -0,0 +1,27 @@
+const rootSoundDirectory = "/resources/NibblePoker/sounds/"
+
+const kittySoundData = {
+	"kitty-kiki" : [
+		"meow-test-01.ogg",
+	],
+	"kitty-maki" : [
+		"meow-test-02.ogg",
+	],
+}
+
+document.addEventListener("DOMContentLoaded", () => {
+	for (const [eId, sounds] of Object.entries(kittySoundData)) {
+		const eHovered = document.getElementById(eId);
+		
+		if(eHovered !== null) {
+			eHovered.addEventListener('mouseover', function() {
+				const randomIndex = Math.floor(Math.random() * sounds.length);
+				const audio= new Audio(rootSoundDirectory + sounds[randomIndex]);
+				audio.volume = 0.1;
+				try {
+					audio.play();
+				} catch(DOMException) {}
+			});
+		}
+	}
+});

resources/NibblePoker/scss/core/display.scss

@@ -11,3 +11,5 @@
 .o-hidden {
 	overflow: hidden;
 }
+
+// Note: 'core/grid.scss' defines '.d-grid' !

resources/NibblePoker/scss/core/grid.scss

@@ -0,0 +1,25 @@
+// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
+
+.grid, .d-grid {
+	display: grid;
+}
+
+@mixin grid-col-maker($col-count, $middle-part) {
+	.col-#{$middle-part}#{$col-count} {
+		grid-template-columns: repeat(#{$col-count}, 1fr);
+	}
+}
+
+// Defining rules for all devices.
+@include grid-col-maker("1", "");
+@include grid-col-maker("2", "");
+@include grid-col-maker("3", "");
+@include grid-col-maker("4", "");
+@include grid-col-maker("6", "");
+@include grid-col-maker("8", "");
+
+@media only screen and (max-width: 768px) {
+	@include grid-col-maker("1", "mobile-");
+	@include grid-col-maker("2", "mobile-");
+	@include grid-col-maker("3", "mobile-");
+}

resources/NibblePoker/scss/nibblepoker.scss

@@ -23,6 +23,7 @@
 @import 'core/float';
 @import 'core/sizing';
 @import 'core/flex';
+@import 'core/grid';
 @import 'core/text';
 @import 'core/containers';
 @import 'core/display';

resources/NibblePoker/scss/site/image.scss

@@ -15,6 +15,49 @@
 	height: 7.5rem;
 }
 
+.img-contributor, .img-contributor > img {
+	width: 6rem;
+	height: 6rem;
+	
+	border-radius: 50%;
+	
+	transition: width 0.175s ease-in-out, height 0.175s ease-in-out, opacity 0.175s ease-in-out;
+	
+	&:hover, &:hover > img {
+		width: 7.5rem;
+		height: 7.5rem;
+	}
+	
+	&.kitty {
+		cursor: grab;
+	}
+}
+
+.img-contributor {
+	display: inline-block;
+	box-shadow: 0 0 6px 0 rgba(0,0,0,0.75);
+	
+	&>img {
+		position: absolute;
+		
+		&:last-child {
+			box-shadow: none;
+			position: relative;
+			opacity: 0.0;
+		}
+	}
+	
+	&:hover {
+		img {
+			opacity: 0.0;
+		}
+		&>img:last-child {
+			opacity: 1.0;
+		}
+	}
+}
+
+
 .sidebar-entry > i {
 
 }