aziascreations/Web-NibblePoker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Update footer.php, head.php, and 14 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2024-01-09 00:24:55 +01:00
parent 1d31ac1a23
commit fcb6d0caa0
16 changed files with 380 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
commons/DOM/footer.php
View File

@@ -20,4 +20,24 @@ include_once 'commons/langs.php';
<img id="logo-footer" src="/resources/NibblePoker/images/logos/v2_full_unshaded_original.svg" <img id="logo-footer" src="/resources/NibblePoker/images/logos/v2_full_unshaded_original.svg"
alt="<?php echo(localize("footer.alt.logo")); ?>" draggable="false"> alt="<?php echo(localize("footer.alt.logo")); ?>" draggable="false">
</a> </a>
</footer> </footer>
<?php
if($enable_waffle_iron) {
$emojis = ['🍟', '🧇', '🥔'];
shuffle($emojis);
echo('<div class="snowflakes" aria-hidden="true">');
for($i_waffle = 0; $i_waffle < 12; $i_waffle++) {
echo('<div class="snowflake"><div class="inner">' . ($emojis)[$i_waffle % 3] . '</div></div>');
}
echo('</div>');
}
if($enable_bouneschlupp_mode) {
}
// TODO: Implement those
//if($enable_gallery) {
// echo('<div id="modal-bkgd" hidden></div>');
// echo('<div id="modal-container" hidden></div>');
//}
?>

3
commons/DOM/head.php
View File

@@ -22,4 +22,7 @@ if($enable_code_highlight) {
if($enable_gallery) { if($enable_gallery) {
echo('<link href="/resources/SplideJs/dist/css/splide.min.css" rel="stylesheet"/>'); echo('<link href="/resources/SplideJs/dist/css/splide.min.css" rel="stylesheet"/>');
} }
if($enable_waffle_iron) {
echo('<link href="/resources/NibblePoker/css/snowflakes.min.css" rel="stylesheet"/>');
}
?> ?>

4
commons/strings/en/common.json
View File

@@ -6,5 +6,7 @@
"common.na": "N/A", "common.na": "N/A",
"common.yes": "Yes", "common.yes": "Yes",
"common.no": "No" "common.no": "No",
"common.user-agent": "User-Agent"
} }

8
commons/strings/en/content.json
View File

@@ -56,13 +56,15 @@
"content.commons.version.old.single": "Old version", "content.commons.version.old.single": "Old version",
"content.commons.version.old.multiple": "Old versions", "content.commons.version.old.multiple": "Old versions",
"content.commons.version.source": "Source code", "content.commons.version.source": "Source code",
"content.commons.cpu": "CPU <span class=\"mobile-hide\">Architecture</span>", "content.commons.cpu": "CPU Architecture",
"content.commons.cpu.responsive": "CPU <span class=\"mobile-hide\">Architecture</span>", "content.commons.cpu.responsive": "CPU <span class=\"mobile-hide\">Architecture</span>",
"content.commons.cpu.any": "Any architecture", "content.commons.cpu.any": "Any architecture",
"content.commons.cpu.x64": "x64", "content.commons.cpu.x64": "x64",
"_content.commons.cpu.x64": "<p>x64<br>AMD64</p>",
"content.commons.cpu.x86": "x86", "content.commons.cpu.x86": "x86",
"content.commons.cpu.arm": "arm", "content.commons.cpu.arm32": "<p>ARM32<br>ARMv7<br>AArch32</p>",
"content.commons.cpu.arm64": "arm64", "content.commons.cpu.arm64": "<p>ARM64<br>ARMv8<br>AArch64</p>",
"content.commons.cpu.risc-v": "risc-v",
"content.commons.na.italic": "<i>N/A</i>", "content.commons.na.italic": "<i>N/A</i>",
"content.commons.na": "N/A", "content.commons.na": "N/A",
"content.commons.lang": "Language", "content.commons.lang": "Language",

8
commons/strings/en/debug.json
View File

@@ -1,8 +1,8 @@
{ {
"debug.head.title": "Debugger - NibblePoker", "debug.head.title": "Debugger - NibblePoker",
"debug.head.description": "TODO: description", "debug.head.description": "Debugging page used to analyse the behaviour of various mechanisms used by the website.",
"debug.og.title": "NibblePoker - Debugger", "debug.og.title": "NibblePoker - Debugger",
"debug.og.description": "TODO: description", "debug.og.description": "Debugging page used to analyse the behaviour of various mechanisms used by the website.",
"debug.header.title": "Debugger", "debug.header.title": "Debugger",
"debug.tables.field": "Field", "debug.tables.field": "Field",
@@ -21,5 +21,7 @@
"debug.lang.default": "Default language", "debug.lang.default": "Default language",
"debug.lang.user": "Active language", "debug.lang.user": "Active language",
"debug.lang.header.raw": "Raw HTTP header", "debug.lang.header.raw": "Raw HTTP header",
"debug.lang.header.processed": "Processed HTTP header" "debug.lang.header.processed": "Processed HTTP header",
"debug.client.title": "Client Information"
} }

4
commons/strings/fr/common.json
View File

@@ -6,5 +6,7 @@
"common.na": "Non-applicable", "common.na": "Non-applicable",
"common.yes": "Oui", "common.yes": "Oui",
"common.no": "Non" "common.no": "Non",
"common.user-agent": "User-Agent"
} }

7
commons/strings/fr/content.json
View File

@@ -50,11 +50,14 @@
"content.commons.version.old.multiple": "Anciennes versions", "content.commons.version.old.multiple": "Anciennes versions",
"content.commons.version.source": "Code source", "content.commons.version.source": "Code source",
"content.commons.cpu": "Architecture de CPU", "content.commons.cpu": "Architecture de CPU",
"content.commons.cpu.responsive": "<span class=\"mobile-hide\">Architecture de </span>CPU",
"content.commons.cpu.any": "Indépendante", "content.commons.cpu.any": "Indépendante",
"content.commons.cpu.x64": "x64", "content.commons.cpu.x64": "x64",
"_content.commons.cpu.x64": "<p>x64<br>AMD64</p>",
"content.commons.cpu.x86": "x86", "content.commons.cpu.x86": "x86",
"content.commons.cpu.arm": "arm", "content.commons.cpu.arm32": "<p>ARM32<br>ARMv7<br>AArch32</p>",
"content.commons.cpu.arm64": "arm64", "content.commons.cpu.arm64": "<p>ARM64<br>ARMv8<br>AArch64</p>",
"content.commons.cpu.risc-v": "risc-v",
"content.commons.na.italic": "<i>N/A</i>", "content.commons.na.italic": "<i>N/A</i>",
"content.commons.na": "N/A", "content.commons.na": "N/A",
"content.commons.lang": "Langue", "content.commons.lang": "Langue",

8
commons/strings/fr/debug.json
View File

@@ -1,8 +1,8 @@
{ {
"debug.head.title": "Débogueur - NibblePoker", "debug.head.title": "Débogueur - NibblePoker",
"debug.head.description": "TODO: description", "debug.head.description": "Page de débogage utilisée pour analyser le comportement des différents mécanismes utilisés par ce site web.",
"debug.og.title": "NibblePoker - Débogueur", "debug.og.title": "NibblePoker - Débogueur",
"debug.og.description": "TODO: description", "debug.og.description": "Page de débogage utilisée pour analyser le comportement des différents mécanismes utilisés par ce site web.",
"debug.header.title": "Débogueur", "debug.header.title": "Débogueur",
"debug.tables.field": "Champ", "debug.tables.field": "Champ",
@@ -21,5 +21,7 @@
"debug.lang.default": "Langue par défaut", "debug.lang.default": "Langue par défaut",
"debug.lang.user": "Langue active", "debug.lang.user": "Langue active",
"debug.lang.header.raw": "En-tête HTTP brut", "debug.lang.header.raw": "En-tête HTTP brut",
"debug.lang.header.processed": "En-tête HTTP traité" "debug.lang.header.processed": "En-tête HTTP traité",
"debug.client.title": "Informations du client"
} }

2
compile-sass.cmd
View File

@@ -16,6 +16,8 @@ pushd %CD%
cd %~dp0\resources\NibblePoker\scss\ cd %~dp0\resources\NibblePoker\scss\
call "%~dp0node_modules\.bin\sass" nibblepoker.scss:../css/nibblepoker.css -q call "%~dp0node_modules\.bin\sass" nibblepoker.scss:../css/nibblepoker.css -q
call "%~dp0node_modules\.bin\sass" nibblepoker.scss:../css/nibblepoker.min.css -q --style compressed call "%~dp0node_modules\.bin\sass" nibblepoker.scss:../css/nibblepoker.min.css -q --style compressed
call "%~dp0node_modules\.bin\sass" snowflakes.scss:../css/snowflakes.css -q
call "%~dp0node_modules\.bin\sass" snowflakes.scss:../css/snowflakes.min.css -q --style compressed
popd popd
pushd %CD% pushd %CD%
cd %~dp0\wiki\scss\ cd %~dp0\wiki\scss\

2
content/items/lscom-cli-dotnet.json
View File

@@ -371,7 +371,7 @@
}] }]
} }
],[ ],[
{"type": "raw", "content": "content.commons.cpu.arm", "rowspan": 2}, {"type": "raw", "content": "content.commons.cpu.arm32", "rowspan": 2},
{"type": "raw", "content": "requirements.text.dotnet"}, {"type": "raw", "content": "requirements.text.dotnet"},
{ {
"type": "raw", "type": "raw",

207
debug/index.php
View File

@@ -26,102 +26,139 @@ include 'commons/DOM/sidebar.php';
?> ?>
<header class="w-full p-m pl-s"> <header class="w-full p-m pl-s">
<h1 class="t-size-17 t-w-500"> <h1 class="t-size-17 t-w-500">
<i class="fad fa-user t-size-16 mr-s t-muted"></i><?php print(localize("debug.header.title")); ?> <i class="fad fa-bug t-size-16 mr-s t-muted"></i><?php print(localize("debug.header.title")); ?>
</h1> </h1>
<?php include 'commons/DOM/header-lang.php'; ?> <?php include 'commons/DOM/header-lang.php'; ?>
</header> </header>
<main id="main" class="rl-m border border-r-0 p-l"> <main id="main" class="rl-m border border-r-0 p-l">
<?php printMainHeader(localize("debug.host.title")); ?> <?php printMainHeader(localize("debug.host.title")); ?>
<div class="p-s pb-0"> <div class="p-s pb-0">
<table class="stylish r-s border o-hidden table-p-xs table-h-p-s table-v-center"> <div class="overflow-x-auto t-nowrap">
<thead> <table class="stylish r-s border o-hidden table-p-xs table-h-p-s table-v-center">
<tr> <thead>
<th><?php echo(localize("debug.tables.field")); ?></th> <tr>
<th><?php echo(localize("debug.tables.value")); ?></th> <th><?php echo(localize("debug.tables.field")); ?></th>
</tr> <th><?php echo(localize("debug.tables.value")); ?></th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td><?php echo(localize("debug.host.requested")); ?></td> <tr>
<td><kbd><?php echo(htmlspecialchars($_SERVER['SERVER_NAME'])); ?></kbd></td> <td><?php echo(localize("debug.host.requested")); ?></td>
</tr> <td><kbd><?php echo(htmlspecialchars($_SERVER['SERVER_NAME'])); ?></kbd></td>
<tr> </tr>
<td><?php echo(localize("debug.host.domain")); ?></td> <tr>
<td><kbd><?php echo(htmlspecialchars($host)); ?></kbd></td> <td><?php echo(localize("debug.host.domain")); ?></td>
</tr> <td><kbd><?php echo(htmlspecialchars($host)); ?></kbd></td>
<tr> </tr>
<td><?php echo(localize("debug.host.uri")); ?></td> <tr>
<td><kbd><?php echo(htmlspecialchars($host_uri)); ?></kbd></td> <td><?php echo(localize("debug.host.uri")); ?></td>
</tr> <td><kbd><?php echo(htmlspecialchars($host_uri)); ?></kbd></td>
<tr> </tr>
<td><?php echo(localize("debug.host.tld")); ?></td> <tr>
<td><kbd><?php echo(htmlspecialchars($host_tld)); ?></kbd></td> <td><?php echo(localize("debug.host.tld")); ?></td>
</tr> <td><kbd><?php echo(htmlspecialchars($host_tld)); ?></kbd></td>
<tr> </tr>
<td><?php echo(localize("debug.host.waffle")); ?></td> <tr>
<td><i><?php echo(localize($enable_bouneschlupp_mode ? "common.yes": "common.no")); ?></i></td> <td><?php echo(localize("debug.host.waffle")); ?></td>
</tr> <td><i><?php echo(localize($enable_waffle_iron ? "common.yes": "common.no")); ?></i></td>
<tr> </tr>
<td><?php echo(localize("debug.host.bouneschlupp")); ?></td> <tr>
<td><i><?php echo(localize($enable_waffle_iron ? "common.yes": "common.no")); ?></i></td> <td><?php echo(localize("debug.host.bouneschlupp")); ?></td>
</tr> <td><i><?php echo(localize($enable_bouneschlupp_mode ? "common.yes": "common.no")); ?></i></td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
</div> </div>
<?php printMainHeader(localize("debug.lang.title")); ?> <?php printMainHeader(localize("debug.lang.title")); ?>
<div class="p-s pb-0"> <div class="p-s pb-0">
<table class="stylish r-s border o-hidden table-p-xs table-h-p-s table-v-center"> <div class="overflow-x-auto t-nowrap">
<thead> <table class="stylish r-s border o-hidden table-p-xs table-h-p-s table-v-center">
<tr> <thead>
<th><?php echo(localize("debug.tables.field")); ?></th> <tr>
<th><?php echo(localize("debug.tables.value")); ?></th> <th><?php echo(localize("debug.tables.field")); ?></th>
</tr> <th><?php echo(localize("debug.tables.value")); ?></th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td><?php echo(localize("debug.lang.compile-date")); ?></td> <tr>
<td><kbd><?php echo(htmlspecialchars($lang_compilation_date)); ?></kbd></td> <td><?php echo(localize("debug.lang.compile-date")); ?></td>
</tr> <td><kbd><?php echo(htmlspecialchars($lang_compilation_date)); ?></kbd></td>
<tr> </tr>
<td><?php echo(localize("debug.lang.default")); ?></td> <tr>
<td><kbd><?php echo(htmlspecialchars($default_language)); ?></kbd></td> <td><?php echo(localize("debug.lang.default")); ?></td>
</tr> <td><kbd><?php echo(htmlspecialchars($default_language)); ?></kbd></td>
<tr> </tr>
<td><?php echo(localize("debug.lang.user")); ?></td> <tr>
<td><kbd><?php echo(htmlspecialchars($user_language)); ?></kbd></td> <td><?php echo(localize("debug.lang.user")); ?></td>
</tr> <td><kbd><?php echo(htmlspecialchars($user_language)); ?></kbd></td>
<tr> </tr>
<td><?php echo(localize("debug.lang.header.raw")); ?></td> <tr>
<td><?php <td><?php echo(localize("debug.lang.header.raw")); ?></td>
if(isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) { <td><?php
echo('<kbd>' . htmlspecialchars($_SERVER['HTTP_ACCEPT_LANGUAGE']) . '</kbd>'); if(isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
} else { echo('<kbd>' . htmlspecialchars($_SERVER['HTTP_ACCEPT_LANGUAGE']) . '</kbd>');
echo('<i>' . localize("common.undefined") . '</i>'); } else {
} echo('<i>' . localize("common.undefined") . '</i>');
?></td>
</tr>
<tr>
<td><?php echo(localize("debug.lang.header.processed")); ?></td>
<td><?php
if(isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
$_client_languages = process_lang_header($_SERVER['HTTP_ACCEPT_LANGUAGE'], false, false);
$_i_client_language = 0;
foreach($_client_languages as $_client_language) {
echo('<p' . ($_i_client_language > 0 ? ' class="mt-xs"' : '') . '>');
echo('<kbd>' . htmlspecialchars($_client_language[0]) . '</kbd>');
echo(' &#10140; ');
echo('<kbd>' . htmlspecialchars($_client_language[1]) . '</kbd>');
echo('</p>');
$_i_client_language++;
} }
} else { ?></td>
echo('<i>' . localize("common.na") . '</i>'); </tr>
} <tr>
?></td> <td><?php echo(localize("debug.lang.header.processed")); ?></td>
</tr> <td><?php
</tbody> if(isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
</table> $_client_languages = process_lang_header($_SERVER['HTTP_ACCEPT_LANGUAGE'], false, false);
$_i_client_language = 0;
foreach($_client_languages as $_client_language) {
echo('<p' . ($_i_client_language > 0 ? ' class="mt-xs"' : '') . '>');
echo('<kbd>' . htmlspecialchars($_client_language[0]) . '</kbd>');
echo(' &#10140; ');
echo('<kbd>' . htmlspecialchars($_client_language[1]) . '</kbd>');
echo('</p>');
$_i_client_language++;
}
} else {
echo('<i>' . localize("common.na") . '</i>');
}
?></td>
</tr>
</tbody>
</table>
</div>
</div>
<?php printMainHeader(localize("debug.client.title")); ?>
<div class="p-s pb-0">
<div class="overflow-x-auto t-nowrap">
<table class="stylish r-s border o-hidden table-p-xs table-h-p-s table-v-center">
<thead>
<tr>
<th><?php echo(localize("debug.tables.field")); ?></th>
<th><?php echo(localize("debug.tables.value")); ?></th>
</tr>
</thead>
<tbody>
<tr>
<td><?php echo(localize("content.commons.cpu")); ?> (PHP)</td>
<td><kbd><?php echo("TODO"); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("content.commons.cpu")); ?> (JS)</td>
<td><kbd><?php echo("TODO"); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("common.user-agent")); ?></td>
<td><?php
if(isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
echo('<kbd>' . htmlspecialchars($_SERVER['HTTP_USER_AGENT']) . '</kbd>');
} else {
echo('<i>' . localize("common.undefined") . '</i>');
}?></td>
</tr>
</tbody>
</table>
</div>
</div> </div>
</main> </main>
<?php <?php

3
readme.md
View File

@@ -72,6 +72,9 @@ Here is a list of the licenses for any third-party thing included in this reposi
* [Quantum Font](https://sesohq.sellfy.store/p/3enu/) by [sesohq](https://www.sesohq.com/) * [Quantum Font](https://sesohq.sellfy.store/p/3enu/) by [sesohq](https://www.sesohq.com/)
* Free font with no apparent usage restrictions. * Free font with no apparent usage restrictions.
* [CSSnowflakes](https://github.com/pajasevi/CSSnowflakes) by [PavelTheCoder](https://github.com/pajasevi)
* MIT licensed snowflake effects used on certain days of the year.
* Can be found in [resources/NibblePoker/scss/snowflakes.scss](resources/NibblePoker/scss/snowflakes.scss)
All licenses are also included as-is in their project's respective folder. All licenses are also included as-is in their project's respective folder.

21
resources/NibblePoker/css/LICENSE-snowflakes.txt Normal file
View File

@@ -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.

34
resources/NibblePoker/js/nibblepoker.js
View File

@@ -1,12 +1,19 @@
const animationStepCount = 10; const animationStepCount = 10;
const CpuArchitecture = { class CpuArchitecture {
Unknown: 0, constructor(id, name) {
x86: 1, this.id = id;
x64: 2, this.name = name;
ArmGeneric: 3, }
Arm64: 4, }
RiscV: 5,
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) { function getBezierBlend(progress) {
@@ -15,17 +22,17 @@ function getBezierBlend(progress) {
function getCpuArchitecture(userAgent = navigator.userAgent) { function getCpuArchitecture(userAgent = navigator.userAgent) {
if(userAgent.includes("x64")) { if(userAgent.includes("x64")) {
return CpuArchitecture.x64; return CpuArchitectures.x64;
} else if(userAgent.includes("x86")) { } else if(userAgent.includes("x86")) {
return CpuArchitecture.x86; return CpuArchitectures.x86;
} else if(userAgent.includes("ARM")) { } else if(userAgent.includes("ARM")) {
return CpuArchitecture.ArmGeneric; return CpuArchitectures.ArmGeneric;
} else if(userAgent.includes("ARM64")) { } else if(userAgent.includes("ARM64")) {
return CpuArchitecture.Arm64; return CpuArchitectures.Arm64;
} else if(userAgent.includes("RISC-V")) { } else if(userAgent.includes("RISC-V")) {
return CpuArchitecture.RiscV; return CpuArchitectures.RiscV;
} }
return CpuArchitecture.Unknown; return CpuArchitectures.Unknown;
} }
function fadeOut(element, time = 200) { function fadeOut(element, time = 200) {
@@ -80,6 +87,7 @@ document.addEventListener("DOMContentLoaded", () => {
const eSidebar = document.getElementById("sidebar"); const eSidebar = document.getElementById("sidebar");
const eMain = document.getElementById("main"); 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() { document.getElementById("sidebar-toggle-footer").onclick = function() {
if(isSidebarVisible) { if(isSidebarVisible) {
eSidebar.classList.add("retracted"); eSidebar.classList.add("retracted");

160
resources/NibblePoker/scss/snowflakes.scss Normal file
View File

@@ -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;
}

13
resources/NibblePoker/scss/waffle-day.scss
View File

@@ -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;
}