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"
alt="<?php echo(localize("footer.alt.logo")); ?>" draggable="false">
</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) {
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.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.multiple": "Old versions",
"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.any": "Any architecture",
"content.commons.cpu.x64": "x64",
"_content.commons.cpu.x64": "<p>x64<br>AMD64</p>",
"content.commons.cpu.x86": "x86",
"content.commons.cpu.arm": "arm",
"content.commons.cpu.arm64": "arm64",
"content.commons.cpu.arm32": "<p>ARM32<br>ARMv7<br>AArch32</p>",
"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": "N/A",
"content.commons.lang": "Language",

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

@@ -1,8 +1,8 @@
{
"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.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.tables.field": "Field",
@@ -21,5 +21,7 @@
"debug.lang.default": "Default language",
"debug.lang.user": "Active language",
"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.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.source": "Code source",
"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.x64": "x64",
"_content.commons.cpu.x64": "<p>x64<br>AMD64</p>",
"content.commons.cpu.x86": "x86",
"content.commons.cpu.arm": "arm",
"content.commons.cpu.arm64": "arm64",
"content.commons.cpu.arm32": "<p>ARM32<br>ARMv7<br>AArch32</p>",
"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": "N/A",
"content.commons.lang": "Langue",

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

@@ -1,8 +1,8 @@
{
"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.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.tables.field": "Champ",
@@ -21,5 +21,7 @@
"debug.lang.default": "Langue par défaut",
"debug.lang.user": "Langue active",
"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\
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" snowflakes.scss:../css/snowflakes.css -q
call "%~dp0node_modules\.bin\sass" snowflakes.scss:../css/snowflakes.min.css -q --style compressed
popd
pushd %CD%
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",

207
debug/index.php
View File

@@ -26,102 +26,139 @@ include 'commons/DOM/sidebar.php';
?>
<header class="w-full p-m pl-s">
<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>
<?php include 'commons/DOM/header-lang.php'; ?>
</header>
<main id="main" class="rl-m border border-r-0 p-l">
<?php printMainHeader(localize("debug.host.title")); ?>
<div class="p-s pb-0">
<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("debug.host.requested")); ?></td>
<td><kbd><?php echo(htmlspecialchars($_SERVER['SERVER_NAME'])); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.domain")); ?></td>
<td><kbd><?php echo(htmlspecialchars($host)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.uri")); ?></td>
<td><kbd><?php echo(htmlspecialchars($host_uri)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.tld")); ?></td>
<td><kbd><?php echo(htmlspecialchars($host_tld)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.waffle")); ?></td>
<td><i><?php echo(localize($enable_bouneschlupp_mode ? "common.yes": "common.no")); ?></i></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.bouneschlupp")); ?></td>
<td><i><?php echo(localize($enable_waffle_iron ? "common.yes": "common.no")); ?></i></td>
</tr>
</tbody>
</table>
<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("debug.host.requested")); ?></td>
<td><kbd><?php echo(htmlspecialchars($_SERVER['SERVER_NAME'])); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.domain")); ?></td>
<td><kbd><?php echo(htmlspecialchars($host)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.uri")); ?></td>
<td><kbd><?php echo(htmlspecialchars($host_uri)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.tld")); ?></td>
<td><kbd><?php echo(htmlspecialchars($host_tld)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.waffle")); ?></td>
<td><i><?php echo(localize($enable_waffle_iron ? "common.yes": "common.no")); ?></i></td>
</tr>
<tr>
<td><?php echo(localize("debug.host.bouneschlupp")); ?></td>
<td><i><?php echo(localize($enable_bouneschlupp_mode ? "common.yes": "common.no")); ?></i></td>
</tr>
</tbody>
</table>
</div>
</div>
<?php printMainHeader(localize("debug.lang.title")); ?>
<div class="p-s pb-0">
<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("debug.lang.compile-date")); ?></td>
<td><kbd><?php echo(htmlspecialchars($lang_compilation_date)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.lang.default")); ?></td>
<td><kbd><?php echo(htmlspecialchars($default_language)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.lang.user")); ?></td>
<td><kbd><?php echo(htmlspecialchars($user_language)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.lang.header.raw")); ?></td>
<td><?php
if(isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
echo('<kbd>' . htmlspecialchars($_SERVER['HTTP_ACCEPT_LANGUAGE']) . '</kbd>');
} 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++;
<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("debug.lang.compile-date")); ?></td>
<td><kbd><?php echo(htmlspecialchars($lang_compilation_date)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.lang.default")); ?></td>
<td><kbd><?php echo(htmlspecialchars($default_language)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.lang.user")); ?></td>
<td><kbd><?php echo(htmlspecialchars($user_language)); ?></kbd></td>
</tr>
<tr>
<td><?php echo(localize("debug.lang.header.raw")); ?></td>
<td><?php
if(isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
echo('<kbd>' . htmlspecialchars($_SERVER['HTTP_ACCEPT_LANGUAGE']) . '</kbd>');
} else {
echo('<i>' . localize("common.undefined") . '</i>');
}
} else {
echo('<i>' . localize("common.na") . '</i>');
}
?></td>
</tr>
</tbody>
</table>
?></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 {
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>
</main>
<?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/)
* 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.

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 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");

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