Added scripts for content, Improved tables and buttons

Update scripts.php, sidebar.php, and 20 more files...
This commit is contained in:
2023-05-24 07:04:00 +02:00
parent 3cadb29be5
commit d5ea7e369b
22 changed files with 302 additions and 130 deletions

View File

@@ -12,7 +12,15 @@ if($enable_glider) {
if($enable_code_highlight) {
echo('<script src="/resources/HighlightJS/11.6.0/highlight.min.js"></script>');
echo('<script src="/resources/HighlightJS/11.6.0/languages/csharp.min.js"></script>');
//echo('<script src="/resources/Azias/js/code-highlighter.js"></script>');
}
?>
<script src="/resources/NibblePoker/js/nibblepoker.min.js"></script>
<script src="/resources/NibblePoker/js/nibblepoker.min.js"></script>
<?php
if($enable_glider) {
// FIXME: Find out why the minified version is broken. (Only displays 1 pic per scroll position)
echo('<script src="/resources/NibblePoker/js/nibblepoker-glider.js"></script>');
}
if($enable_code_highlight) {
echo('<script src="/resources/NibblePoker/js/nibblepoker-code.min.js"></script>');
}
?>

View File

@@ -12,8 +12,8 @@ if(!isset($SIDEBAR_ID)) {
}
function printSidebarEntry($url, $title, $icon) {
echo('<a class="bland-link" href="' . $url . '" title="HTML5 anchor element"><p class="t-size-18 t-w-500 py-xs sidebar-entry">');
echo('<i class="' . $icon . ' pr-xs t-size-12"></i><span class="t-size-12">' . $title . '</span></p></a>');
echo('<a class="bland-link" href="' . $url . '"><p class="t-size-18 t-w-500 py-xs sidebar-entry">');
echo('<i class="' . $icon . ' pr-xs t-size-12 t-half-muted"></i><span class="t-size-12">' . $title . '</span></p></a>');
}
?>

View File

@@ -113,8 +113,9 @@ abstract class ComposerElementModifiers {
const TABLE_HOVER = ["hover", "table-hover"];
const TABLE_INNER_BORDER = ["inner-bordered", "table-inner-bordered"];
const TABLE_OUTER_BORDER = ["outer-bordered", "table-outer-bordered"];
const TABLE_V2_STYLISH = ["stylish", "stylish"];
const TABLE_V2_STYLISH = ["stylish", "stylish r-s border o-hidden"];
const TABLE_V2_CELL_PADDING = ["auto-cell-padding", "table-p-xs"];
const TABLE_V2_VERTICAL_ALIGN = ["v-center-cells", "table-v-center"];
// Code
const CODE_BLOCK = ["code-block", "w-full d-inline-block"];
@@ -646,7 +647,7 @@ class ComposerElement {
// Setting up the link and its title if needed.
if(!is_null($this->link)) {
$htmlCode .= '<a href="' . $this->link . '"' .
($this->type == ComposerElementTypes::BUTTON ? 'class="button-link"' : '') .'>';
($this->type == ComposerElementTypes::BUTTON ? 'class="bland-link button-link"' : '') .'>';
}
switch($this->type) {
@@ -726,7 +727,7 @@ class ComposerElement {
case ComposerElementTypes::BUTTON:
// Composing the button.
$htmlCode .= '<button class="btn ' . (is_null($this->color) ? '' : 'btn-' . $this->color . ' ') .
$htmlCode .= '<button class="p-mxs r-s border b-light ' . (is_null($this->color) ? '' : 'btn-' . $this->color . ' ') .
$this->get_modifiers_classes() . '">' . $this->get_inner_html($content_root) . '</button>';
break;

View File

@@ -93,6 +93,20 @@ if($requested_content_display_type == ContentDisplayType::SEARCH) {
$content_error_message_key = "content.error.message.detect.empty";
goto content_end;
}
// Sorting entries based on their priority
for($i = 0; $i < count($filtered_content_index_data); $i++) {
if(!isset($filtered_content_index_data[$i]["priority"])) {
$filtered_content_index_data[$i]["priority"] = 0;
}
}
usort($filtered_content_index_data, function ($a, $b) {
if($a["priority"] == $b["priority"]) {
return 0;
}
return ($a["priority"] > $b["priority"]) ? -1 : 1;
});
} else if($requested_content_display_type == ContentDisplayType::CONTENT) {
// Sanitizing the requested ID.
if(!ctype_alnum(str_replace("-", "", $content_requested_url_part))) {
@@ -128,62 +142,4 @@ content_end:
// TODO: Create error thingy
$content_error_message = localize($content_error_message_key);
// These functions are placed here to prevent the main file from becoming impossible to read.
function start_content_card($iconClasses, $title, $subTitle) {
echo('<div class="card p-0 mx-0"><div class="px-card py-10 border-bottom px-20"><div class="container-fluid">');
echo('<h2 class="card-title font-size-18 m-0"><i class="'.$iconClasses.'"></i>&nbsp;&nbsp;'.localize($title));
echo('<span class="card-title font-size-18 m-0 text-super-muted float-right hidden-xs-and-down">'.$subTitle.'</span></h2>');
echo('</div></div>');
}
function end_content_card() {
echo('</div>');
}
// FIXME: What is this, should it be removed ?
/*
switch($elementNode["type"]) {
case "image":
// Parsing properties.
$_imgAlt = "";
$_imgSource = "/resources/Azias/imgs/placeholder.png";
if(array_key_exists("alt", $elementNode)) {
$_imgAlt = $elementNode["alt"];
}
if(array_key_exists("src", $elementNode)) {
$_imgSource = $elementNode["src"];
}
// Reading and processing the modifiers.
$_modFillHeight = false;
if(array_key_exists("modifiers", $elementNode)) {
for ($i = 0; $i < count($elementNode["modifiers"]); $i++) {
if ($elementNode["modifiers"][$i] == "fill-height") {
$_modFillHeight = true;
}
}
}
// Adding element.
echo('<img class="'.($_modFillHeight?'fill-height':'').'" src="'.$_imgSource.'" alt="'.$_imgAlt.'">');
break;
case "slider":
case "glider":
case "gallery":
// Starting the gallery
echo('<div class="glider-container d-flex">');
echo('<div class="align-self-stretch font-size-40 mr-5 my-auto glider-nav" aria-label="Previous">');
echo('<i class="fad fa-angle-left"></i></div>');
echo('<div class="glider align-self-stretch flex-fill">');
// Adding content.
processStandardContentSubNode($elementNode, "<div>", "</div>");
// Ending the gallery
echo('</div><div class="align-self-stretch font-size-40 ml-5 my-auto glider-nav" aria-label="Next">');
echo('<i class="fad fa-angle-right"></i></div></div>');
break;
}/**/
?>

File diff suppressed because one or more lines are too long

View File

@@ -9,7 +9,12 @@
"content.search.count.single": "result",
"content.search.count.multiple": "results",
"content.header.base" : "Content",
"content.search.header" : "Search",
"content.error.header" : "Error",
"_content.item.header" : "",
"content.error.head.title": "Content error - NibblePoker",
"_content.error.head.description": "Done via the '$content_error_message' variable",
"content.error.og.title": "NibblePoker - Content error",

View File

@@ -10,7 +10,8 @@
"fr": "Un petit utilitaire pour invité de commande qui permet de facilement lister les noms, noms formatés et chemins des ports COM.<br>Cet outil a pour bût de faciliter cette tâche sans avoir à utiliser la commande <code>mode</code> ou le <i>Gestionnaire de périphérique</i>."
},
"image": "/resources/NibblePoker/images/content/lscom/lscom-v2-text-01-bkgd-cli.png",
"tags": ["application", "tool" ,"lscom", "dotnet", "windows"]
"tags": ["application", "tool" ,"lscom", "dotnet", "windows"],
"priority": 100
},
{
"id": "youtube-auto-archiver",
@@ -23,7 +24,8 @@
"fr": "Conteneur et application Python hautement configurable qui permet d'automatiquement archiver et télécharger des livestreams et vidéos depuis YouTube."
},
"image": "/resources/NibblePoker/images/content/yaa/icon-final.png",
"tags": ["docker", "application", "web", "python"]
"tags": ["docker", "application", "web", "python"],
"priority": 30
},
{
"id": "excel-worksheet-password-remover",
@@ -39,7 +41,8 @@
"tags": [
"tool",
"web"
]
],
"priority": 50
},
{
"id": "dotnet-arguments",
@@ -55,7 +58,8 @@
"tags": [
"library",
"dotnet"
]
],
"priority": 40
},
{
"id": "mc-expanded-iron-bundles",
@@ -72,7 +76,8 @@
"game",
"minecraft",
"mod"
]
],
"priority": 20
},
{
"id": "lscom-cli",

View File

@@ -77,15 +77,30 @@ include 'commons/DOM/sidebar.php';
include 'commons/DOM/body-2.php';
?>
<header class="w-full p-m pl-s">
<h1 class="t-size-18 t-w-500">
<img src="/resources/Icons8/Fluent/console.svg" alt="todo"
class="img-text">&nbsp;<?php print(localize("home.header.title")); ?>
<h1 class="t-size-17 t-w-500">
<?php
if($content_has_error) {
echo('<i class="fad fa-exclamation-triangle t-size-16 mr-s t-muted"></i>');
echo(localize("content.header.base"));
echo('<span class="mx-s t-size-15">❱</span>');
echo(localize("content.error.header"));
} elseif($requested_content_display_type == ContentDisplayType::SEARCH) {
echo('<i class="fad fa-briefcase t-size-16 mr-s t-muted"></i>');
echo(localize("content.header.base"));
echo('<span class="mx-s t-size-15">❱</span>');
echo(localize("content.search.header"));
} elseif($requested_content_display_type == ContentDisplayType::CONTENT) {
echo('<i class="fad fa-briefcase t-size-16 mr-s t-muted"></i>');
echo(localize("content.header.base"));
echo('<span class="mx-s t-size-15">❱</span>');
echo('<span class="t-size-16">' . $content->get_head_title() . '</span>');
}
?>
</h1>
<?php //include 'header-lang.php'; ?>
</header>
<?php include 'commons/DOM/body-3.php'; ?>
<main id="main" class="rl-m border border-r-0 p-l">
<?php
// Checking if an error occurred.
if($content_error_code != 200) {

View File

@@ -151,9 +151,9 @@
"type": "gallery",
"modifiers": [],
"images": [
"/resources/Azias/imgs/lscom/screen-cli-stylish-2x-xBR.png",
"/resources/Azias/imgs/lscom/screen-cli-csv-2x-xBR.png",
"/resources/Azias/imgs/lscom/screen-cli-full-2x-xBR.png"
"/resources/NibblePoker/images/content/lscom/screen-cli-stylish-2x-xBR.png",
"/resources/NibblePoker/images/content/lscom/screen-cli-csv-2x-xBR.png",
"/resources/NibblePoker/images/content/lscom/screen-cli-full-2x-xBR.png"
]
}
]
@@ -235,7 +235,7 @@
"type": "container", "padding": 2, "modifiers": ["pb-0"],
"parts": [
{
"type": "table", "modifiers": ["stylish", "auto-cell-padding"],
"type": "table", "modifiers": ["stylish", "auto-cell-padding", "v-center-cells"],
"head": [
{"type": "raw", "content": "content.commons.cpu.responsive"},
{"type": "raw", "content": "requirements.table.title"},
@@ -253,7 +253,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_AnyCPU.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_AnyCPU.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -268,7 +268,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_x64_Single.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_x64_Single.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -282,7 +282,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_x64_SelfContained.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_x64_SelfContained.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -295,7 +295,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-archive\"></i> ListComPort_v3.0.0_x64.msi</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_x64.msi</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -310,7 +310,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_x86_Single.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_x86_Single.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -324,7 +324,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_x86_SelfContained.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_x86_SelfContained.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -337,7 +337,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-archive\"></i> ListComPort_v3.0.0_x86.msi</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_x86.msi</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -352,7 +352,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_arm64_Single.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_arm64_Single.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -366,7 +366,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_arm64_SelfContained.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_arm64_SelfContained.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -381,7 +381,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_arm_Single.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_arm_Single.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -395,7 +395,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> ListComPort_v3.0.0_arm_SelfContained.zip</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;ListComPort_v3.0.0_arm_SelfContained.zip</span><i class=\"fas fa-download ml-s\"></i>"
}]
}]
}
@@ -410,7 +410,7 @@
"type": "container", "padding": 2, "modifiers": ["pb-0"],
"parts": [
{
"type": "table", "modifiers": ["stylish", "auto-cell-padding"],
"type": "table", "modifiers": ["stylish", "auto-cell-padding", "v-center-cells"],
"head": [
{"type": "raw", "content": "content.commons.version"},
{"type": "raw", "content": "content.commons.download.multiple"}
@@ -423,12 +423,12 @@
{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/DotNet-ListComPort/3.0.0/DotNet-ListComPort-3.0.0.zip",
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> 3.0.0.zip</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;3.0.0.zip</span><i class=\"fas fa-download ml-s\"></i>",
"localize": false
},{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/DotNet-ListComPort/3.0.0/DotNet-ListComPort-3.0.0.tar.gz",
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i> 3.0.0.tar.gz</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\"><i class=\"fad fa-file-archive\"></i>&nbsp;&nbsp;3.0.0.tar.gz</span><i class=\"fas fa-download ml-s\"></i>",
"localize": false
}
]

View File

@@ -1,7 +1,7 @@
{
"strings": {
"en": {
"meta.title": "PB-ListComPort (Legacy)",
"meta.title": "PB-ListComPort&nbsp;&nbsp;<i>(Legacy)</i>",
"meta.description": "A simple CLI tool that can list COM ports with their name, friendly name and device name easily and cleanly.",
"article.subtitle": "<a href=\"https://github.com/aziascreations/PB-ListComPort\"><i class=\"fab fa-github\"></i> View on GitHub</a>",
"intro.title": "Introduction",
@@ -13,7 +13,7 @@
"links.title": "Links"
},
"fr": {
"meta.title": "PB-ListComPort (Legacy)",
"meta.title": "PB-ListComPort&nbsp;&nbsp;<i>(Legacy)</i>",
"meta.description": "Un petit utilitaire pour invité de commande qui permet de facilement lister les noms, noms formatés et chemin des ports COM.",
"article.subtitle": "<a href=\"https://github.com/aziascreations/PB-ListComPort\"><i class=\"fab fa-github\"></i> Voir sur GitHub</a>",
"intro.title": "Introduction",
@@ -120,7 +120,7 @@
"modifiers": ["pb-0"],
"parts": [
{
"type": "table", "modifiers": ["stylish", "auto-cell-padding"],
"type": "table", "modifiers": ["stylish", "auto-cell-padding", "v-center-cells"],
"head": [
{"type": "raw", "content": "content.commons.cpu.responsive"},
{"type": "raw", "content": "content.commons.lang"},
@@ -138,7 +138,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\">lscom_eng_x64.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom_eng_x64.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}]
}
@@ -152,7 +152,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\">lscom_fra_x64.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom_fra_x64.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}]
}
@@ -167,7 +167,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\">lscom_eng_x86.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom_eng_x86.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}]
}
@@ -181,7 +181,7 @@
"parts": [{
"type": "raw",
"localize": false,
"content": "<span class=\"text-monospace\">lscom_fra_x86.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom_fra_x86.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}]
}
@@ -196,7 +196,7 @@
"type": "container", "padding": 2, "modifiers": ["pb-0"],
"parts": [
{
"type": "table", "modifiers": ["stylish", "auto-cell-padding"],
"type": "table", "modifiers": ["stylish", "auto-cell-padding", "v-center-cells"],
"head": [
{"type": "raw", "content": "content.commons.version"},
{"type": "raw", "content": "content.commons.cpu.responsive"},
@@ -213,7 +213,7 @@
"parts": [{
"type": "button", "link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/2.0.0/lscom_eng_x64.exe",
"modifiers": ["thin"], "localize": false,
"content": "<span class=\"text-monospace\">lscom_eng_x64.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom_eng_x64.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}
],[
@@ -223,7 +223,7 @@
"parts": [{
"type": "button", "link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/2.0.0/lscom_fra_x64.exe",
"modifiers": ["thin"], "localize": false,
"content": "<span class=\"text-monospace\">lscom_fra_x64.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom_fra_x64.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}
],[
@@ -235,7 +235,7 @@
{
"type": "button", "link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/2.0.0/lscom_eng_x86.exe",
"modifiers": ["thin"], "localize": false,
"content": "<span class=\"text-monospace\">lscom_eng_x86.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom_eng_x86.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}
]
}
@@ -246,7 +246,7 @@
"parts": [{
"type": "button", "link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/2.0.0/lscom_fra_x86.exe",
"modifiers": ["thin"], "localize": false,
"content": "<span class=\"text-monospace\">lscom_fra_x86.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom_fra_x86.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}
],[
@@ -258,7 +258,7 @@
"parts": [{
"type": "button", "link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/1.1.0/lscom-x64.exe",
"modifiers": ["thin"], "localize": false,
"content": "<span class=\"text-monospace\">lscom-x64.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom-x64.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}
],[
@@ -268,7 +268,7 @@
"parts": [{
"type": "button", "link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/1.1.0/lscom-x86.exe",
"modifiers": ["thin"], "localize": false,
"content": "<span class=\"text-monospace\">lscom-x86.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom-x86.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}
],[
@@ -280,7 +280,7 @@
"parts": [{
"type": "button", "link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/1.0.0/lscom.exe",
"modifiers": ["thin"], "localize": false,
"content": "<span class=\"text-monospace\">lscom.exe</span><i class=\"fas fa-download ml-10\"></i>"
"content": "<span class=\"text-monospace\">lscom.exe</span><i class=\"fas fa-download ml-xs\"></i>"
}]
}
]
@@ -294,7 +294,7 @@
"type": "container", "padding": 2, "modifiers": ["pb-0"],
"parts": [
{
"type": "table", "modifiers": ["stylish", "auto-cell-padding"],
"type": "table", "modifiers": ["stylish", "auto-cell-padding", "v-center-cells"],
"head": [
{"type": "raw", "content": "content.commons.version"},
{"type": "raw", "content": "content.commons.download.multiple"}
@@ -307,12 +307,12 @@
{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/2.1.0/2.1.0.zip",
"content": "<span class=\"text-monospace\">2.1.0.zip</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\">2.1.0.zip</span><i class=\"fas fa-download ml-xs\"></i>",
"localize": false
},{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/2.1.0/2.1.0.tar.gz",
"content": "<span class=\"text-monospace\">2.1.0.tar.gz</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\">2.1.0.tar.gz</span><i class=\"fas fa-download ml-xs\"></i>",
"localize": false
}
]
@@ -325,12 +325,12 @@
{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/2.0.0/2.0.0.zip",
"content": "<span class=\"text-monospace\">2.0.0.zip</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\">2.0.0.zip</span><i class=\"fas fa-download ml-xs\"></i>",
"localize": false
},{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/2.0.0/2.0.0.tar.gz",
"content": "<span class=\"text-monospace\">2.0.0.tar.gz</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\">2.0.0.tar.gz</span><i class=\"fas fa-download ml-xs\"></i>",
"localize": false
}
]
@@ -343,12 +343,12 @@
{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/1.1.0/1.1.0.zip",
"content": "<span class=\"text-monospace\">1.1.0.zip</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\">1.1.0.zip</span><i class=\"fas fa-download ml-xs\"></i>",
"localize": false
},{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/1.1.0/1.1.0.tar.gz",
"content": "<span class=\"text-monospace\">1.1.0.tar.gz</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\">1.1.0.tar.gz</span><i class=\"fas fa-download ml-xs\"></i>",
"localize": false
}
]
@@ -361,12 +361,12 @@
{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/1.0.0/1.0.0.zip",
"content": "<span class=\"text-monospace\">1.0.0.zip</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\">1.0.0.zip</span><i class=\"fas fa-download ml-xs\"></i>",
"localize": false
},{
"type": "button", "modifiers": ["thin"],
"link": "https://files.nibblepoker.lu/downloads/PB-ListComPort/1.0.0/1.0.0.tar.gz",
"content": "<span class=\"text-monospace\">1.0.0.tar.gz</span><i class=\"fas fa-download ml-10\"></i>",
"content": "<span class=\"text-monospace\">1.0.0.tar.gz</span><i class=\"fas fa-download ml-xs\"></i>",
"localize": false
}
]

View File

@@ -26,8 +26,8 @@ include 'commons/DOM/sidebar.php';
include 'commons/DOM/body-2.php';
?>
<header class="w-full p-m pl-s">
<h1 class="t-size-18 t-w-500">
<img src="/resources/Icons8/Fluent/console.svg" alt="todo" class="img-text">&nbsp;<?php print(localize("home.header.title")); ?>
<h1 class="t-size-17 t-w-500">
<i class="fad fa-home t-size-16 mr-s t-muted"></i><?php print(localize("home.header.title")); ?>
</h1>
<?php //include 'header-lang.php'; ?>
</header>

View File

@@ -26,9 +26,8 @@ include 'commons/DOM/sidebar.php';
include 'commons/DOM/body-2.php';
?>
<header class="w-full p-m pl-s">
<h1 class="t-size-18 t-w-500">
<img src="/resources/Icons8/Fluent/console.svg" alt="todo"
class="img-text">&nbsp;<?php print(localize("privacy.header.title")); ?>
<h1 class="t-size-17 t-w-500">
<i class="fad fa-user-secret t-size-16 mr-s t-muted"></i><?php print(localize("privacy.header.title")); ?>
</h1>
<?php //include 'header-lang.php'; ?>
</header>
@@ -50,7 +49,7 @@ include 'commons/DOM/body-2.php';
</p>
<?php printMainHeader(localize("privacy.v2.data.title"), "fad fa-database"); ?>
<p class="mt-s ml-s">
<p class="mt-xs ml-s">
<?php print(localize('privacy.v2.data.intro.1')); ?>
<br>
<?php print(localize('privacy.v2.data.intro.2')); ?>
@@ -91,7 +90,7 @@ include 'commons/DOM/body-2.php';
</p>
<?php printMainHeader(localize("privacy.v2.third.title"), "fad fa-handshake"); ?>
<p class="mt-s ml-s">
<p class="mt-xs ml-s">
<?php print(localize('privacy.v2.third.intro.1')); ?><br>
<?php print(localize('privacy.v2.third.intro.2')); ?>
</p>
@@ -113,12 +112,12 @@ include 'commons/DOM/body-2.php';
</p>
<?php printMainHeader(localize("privacy.v2.cookies.title"), "fad fa-cookie-bite"); ?>
<p class="mt-s ml-s">
<p class="mt-xs ml-s">
<?php print(localize('privacy.v2.cookies.intro.1')); ?>
</p>
<?php printMainHeader(localize("privacy.v2.update.title"), "fad fa-sync-alt"); ?>
<p class="mt-s ml-s">
<p class="mt-xs ml-s">
<?php print(localize('privacy.v2.update.intro.1')); ?>
</p>
<p class="mt-s ml-s">
@@ -182,14 +181,14 @@ include 'commons/DOM/body-2.php';
</p>
<?php printMainHeader(localize("privacy.contact.title"), "fad fa-mailbox"); ?>
<p class="mt-s ml-s">
<p class="mt-xs ml-s">
<?php print(localize('privacy.contact.text.1')); ?><br>
<i class="fad fa-at t-size-8 ml-s"></i>
<a href="mailto:herwin.bozet@gmail.com">herwin.bozet@gmail.com</a>
</p>
<?php printMainHeader(localize("privacy.complaint.title"), "fad fa-gavel"); ?>
<p class="mt-s ml-s">
<p class="mt-xs ml-s">
<?php print(localize('privacy.complaint.text.1')); ?>
</p>
<p class="mt-s ml-s">

View File

@@ -0,0 +1,49 @@
// Highlights the code blocks when included on a page.
// This command is separated in its own file since highlight.js isn't on every page and because I can't use JS
// in a script element without using an external .js file.
Array.from(document.getElementsByClassName("code")).forEach(eCodeContainer => {
let language = null;
eCodeContainer.classList.forEach(cCodeContainer => {
if(cCodeContainer.startsWith("language-")) {
language = cCodeContainer;
}
});
if(language !== null) {
Array.from(eCodeContainer.children).forEach(eCodeLine => {
if(eCodeLine.classList.contains("code-line")) {
eCodeLine.classList.add(language);
hljs.highlightElement(eCodeLine);
}
});
}
});
// Adding the action to copy the code to elements with the "js-code-copy" class.
// The search works by searching the closest parent with the "code" class or that is a "code" element, and then
// reading each of its children with the "code-line" class.
Array.from(document.getElementsByClassName("js-code-copy")).forEach(eCodeCopyButton => {
let eParentCodeBlock = eCodeCopyButton;
while(eParentCodeBlock != null &&!eParentCodeBlock.classList.contains("code") &&
eParentCodeBlock.nodeName.toLowerCase() !== "code") {
eParentCodeBlock = eParentCodeBlock.parentElement;
}
if(eParentCodeBlock != null) {
let code = "";
Array.from(eParentCodeBlock.children).forEach(eCodeLine => {
if(eCodeLine.classList.contains("code-line")) {
code += eCodeLine.textContent + "\n"
}
});
eCodeCopyButton.onclick = function() {
navigator.clipboard.writeText(code);
};
}
});

View File

@@ -0,0 +1,77 @@
// Creating the galleries from Glider.js
window.addEventListener('load', function(){
document.querySelectorAll(".glider").forEach(element => {
new Glider(element, {
slidesToShow: 1,
draggable: true,
scrollLock: true,
scrollLockDelay: 125,
rewind: true,
arrows: {
prev: element.previousSibling,
next: element.nextSibling
},
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
duration: 0.25
}
},{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 1
}
}
]
});
// Processing the images
const eImages = [];
// Converting the Node to a HTMLElement if needed and desired.
element.childNodes[0].childNodes.forEach(childrenNode => {
if(childrenNode.nodeType !== Node.ELEMENT_NODE) {
return;
}
// Casting from a Node to a proper HTMLElement because of course we have to add this step in JS...
const eChildElement = childrenNode.cloneNode(true);
if(eChildElement.tagName.toLowerCase() !== "img") {
return;
}
eChildElement.onclick = function() {
let imageElement = document.getElementById("modal-img");
imageElement.src = eChildElement.src;
imageElement.alt = eChildElement.alt;
halfmoon.toggleModal('modal-content-image-viewer');
console.log("Opening image...");
};
// Saving the element for later.
eImages.push(eChildElement);
});
// Removing the nodes so that the desired ones can be reinserted later.
// We start from the rear to prevent issues with de-ordering as we delete them !
for(let i = element.childNodes[0].childNodes.length - 1; i >= 0; i--) {
element.childNodes[0].removeChild(element.childNodes[0].childNodes[i]);
}
eImages.forEach(eImageElement => {
element.childNodes[0].appendChild(eImageElement);
});
});
// The default modal animation looks like ass, jesus...
let eImgModalCloseButton = document.getElementById("modal-img-close");
if(eImgModalCloseButton != null) {
eImgModalCloseButton.onclick = function() {
halfmoon.toggleModal('modal-content-image-viewer');
}
}
});

View File

@@ -13,6 +13,10 @@
.border {
border: 1px solid #{$color-border-all};
&.b-light {
border: 1px solid #{$color-border-light};
}
}
* {

View File

@@ -37,3 +37,9 @@
/* Utilities > Spacing > Global > Others */
@include global-spacing-maker("m", "margin", "auto", auto);
@include global-spacing-maker("p", "padding", "auto", auto);
/* Utilities > Spacing > Global > Manual Extras */
.p-mxs {
padding: calc(#{$margin-base-size} * 0.375);
}

View File

@@ -28,6 +28,12 @@ h1, h2, h3, h4, h5, h6 {
.t-size-13 {
font-size: 1.3rem !important;
}
.t-size-15 {
font-size: 1.5rem !important;
}
.t-size-17 {
font-size: 1.7rem !important;
}
@for $_ from 2 through 7 {
$size: $_ * 100;

View File

@@ -11,7 +11,9 @@ code {
// For spans
.code, kbd {
border: 1px solid #{$color-unset};
background-color: #{$color-background-code};
border: 1px solid #{$color-border-code};
// Using '.r-s'
border-radius: calc(#{$border-base-radius} * 0.75);
@@ -20,3 +22,17 @@ code {
padding-left: calc(#{$border-base-radius} * 0.625);
padding-right: calc(#{$border-base-radius} * 0.625);
}
// Removes the background added by highlight.js
.code-line {
background: rgba(0,0,0,0) !important;
}
code, .code, .code-line {
line-height: 1.35;
}
// FIXME: Use a proper class !!!
.code:not(code) {
padding: calc(#{$border-base-radius} * 0.625);
}

View File

@@ -21,3 +21,7 @@
// }
//}
//
button + button, .button-link + .button-link > button {
margin-left: 0.75rem;
}

View File

@@ -35,6 +35,12 @@ table.stylish {
}
}
&.table-v-center {
tr, td {
vertical-align: middle;
}
}
// Fixing border issues when using rounded corners by using a "fake" one using the background's color.
// It will look like utter shit when rounded on firefox because its rendering engine cannot clip rounded corners apparently.
// I guess that's what being at less than 3% of the market share does to you and your ability to care about basic shit.

View File

@@ -4,6 +4,10 @@ p, a, h1, h2, h3, td {
color: #{$color-text-regular-normal};
}
p {
line-height: 1.2;
}
// Setting colors for bland links.
// Done before muted text to make the footer privacy link possible.
a {
@@ -20,6 +24,10 @@ a:hover {
}
}
.t-half-muted {
opacity: 65%;
}
.t-muted {
//@if $undefined-toggle-css-variables {
// color: var(--color-white-muted);
@@ -36,6 +44,7 @@ a:hover {
.t-logo-text {
font-size: 1.775em;
line-height: 1;
}
a:not(.bland-link) {

View File

@@ -58,6 +58,8 @@ $color-apollo-custom-03: mix($color-apollo-40, $color-apollo-39, 65%);
$color-apollo-custom-10: mix($color-apollo-40, $color-apollo-41, 75%);
$color-apollo-custom-20: mix($color-apollo-39, $color-apollo-38, 60%);
//$color-test-01: mix(#7b6aa5, #000000, 33%);
$color-test-02: #007c7d;
@@ -78,6 +80,7 @@ $color-link-blue: #{$color-apollo-04};
$color-link-blue-hover: #{$color-apollo-05};
$color-border-all: $color-apollo-38;
$color-border-light: $color-apollo-custom-20;
$color-input-glow: $color-apollo-02;
@@ -99,6 +102,9 @@ $color-background-surround: $color-apollo-custom-00;
//$color-background-main-headings: $color-apollo-40;
$color-background-main-headings: $color-apollo-custom-03;
$color-background-code: #{$color-apollo-custom-20};
$color-border-code: #{$color-border-all}CF;
$color-background-table-main: $color-apollo-custom-01;
$color-background-table-dual: $color-apollo-custom-00;
//$color-table-border: $color-apollo-41;