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

Updated png and bmp related-libs, Updated home page and sidebar

Browse Source 
Update sidebar.yml, home.yml, and 7 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2025-08-25 00:03:01 +02:00
parent a20b45d86e
commit 41286a8253
9 changed files with 185 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
data/sidebar.yml
View File

@@ -48,7 +48,7 @@
abs_href: "/tools"
icon: fad fa-toolbox
active_id: tools
has_new_until_utc: 1760986472
has_new_until_utc: 1758726438
- title_key: text.downloads
raw_href: "https://files.nibblepoker.lu/"
@@ -58,11 +58,11 @@
-
- title_key: text.about
abs_href: "/about"
icon: fad fa-user
active_id: about
has_new_until_utc: 0
#- title_key: text.about
# abs_href: "/about"
# icon: fad fa-user
# active_id: about
# has_new_until_utc: 0
- title_key: text.contact
abs_href: "/contact"

2
data/strings/fr/home.yml
View File

@@ -15,7 +15,7 @@ header.title: Page d'accueil
intro.title: Bienvenue sur %0
intro.text.1: Ce site web contient une collection de mes travaux personnels tels
que des articles de blog, des logiciels utilitaires ou d'autres formes de médias.<br>Tout
est accessible gratuitement et sous des licences à l'open source.
est accessible gratuitement et sous des licences open source.
intro.text.2: Si vous souhaitez me contacter, vous pouvez le faire via la page
de contact lié dans la barre de navigation latérale.

1
static/resources/Externals/.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
*.svg

9
static/resources/NibblePoker/applets/png-analyser/png-analyser.mjs
View File

@@ -1,6 +1,7 @@
import {initCore} from "../../js/nibblepoker-core.mjs"
import {parsePngFile} from "../../libs/png-utils.mjs";
import {parseBmpFile} from "../../libs/bmp-utils.mjs";
{
initCore();
@@ -16,12 +17,18 @@ import {parsePngFile} from "../../libs/png-utils.mjs";
console.log(files);
if(files[0].name.endsWith(".png")) {
parsePngFile(files[0]).then(pngFile => {
console.log(pngFile);
console.log(pngFile.getImageHeaderChunk().getWidth());
console.log(pngFile.getImageHeaderChunk().getHeight());
});
} else if(files[0].name.endsWith(".bmp")) {
parseBmpFile(files[0]).then(bmpFile => {
console.log(bmpFile);
});
}
});
};
}

57
static/resources/NibblePoker/libs/bmp-utils.mjs Normal file
View File

@@ -0,0 +1,57 @@
import {loadFileAsUint8Array} from "./file-utils.mjs";
import {peekUInt32BE, peekUInt16BE} from "./data-utils.mjs";
/*export const test = {
WINDOWS: "BM",
OS2_STRUCT_BITMAP_ARRAY: "BA",
OS2_STRUCT_COLOR_ICON: "CI",
OS2_CONST_COLOR_POINTER: "CP",
OS2_STRUCT_ICON: "IC",
OS2_POINTER: "PT",
}*/
export class BmpHeader {
/** @type {Uint8Array} */
data;
/**
* @param byteArray {Uint8Array|null}
*/
constructor(byteArray) {
if(byteArray === null || byteArray === undefined) {
this.data = new Uint8Array(14);
} else {
this.data = byteArray;
}
}
getSignature() {
return peekUInt16BE(this.data, 0);
}
getFileSize() {
return peekUInt32BE(this.data, 2);
}
getReserved() {
return peekUInt32BE(this.data, 6);
}
getDataOffset() {
return peekUInt32BE(this.data, 10);
}
}
export class CrudeBmpFile {
constructor(file = null, fileData = null) {
this.originalFile = file;
}
}
export function parseBmpFile(file) {
return loadFileAsUint8Array(file).then(byteBuffer => {
return new CrudeBmpFile(file, byteBuffer);
});
}

28
static/resources/NibblePoker/libs/data-utils.mjs
View File

@@ -23,6 +23,34 @@ export function areUintArraysEqual(array1, array2) {
return true;
}
/**
* Peeks a UInt16 from the given data at the given offset in Big-Endian.
* @param data {Uint8Array} - Data to read from.
* @param offset {number} - Offset to read from in the given `data`.
* @return {number} The peeked number.
* @throws RangeError If the given offset is too close or over the end of the data.
*/
export function peekUInt16BE(data, offset = 0) {
if(offset + 2 > data.length) {
throw new RangeError(`Offset is too far into the given data ! (${offset} & ${data.length})`);
}
return new DataView(data.buffer, offset, 2).getUint16(0, false);
}
/**
* Peeks a UInt16 from the given data at the given offset in Little-Endian.
* @param data {Uint8Array} - Data to read from.
* @param offset {number} - Offset to read from in the given `data`.
* @return {number} The peeked number.
* @throws RangeError If the given offset is too close or over the end of the data.
*/
export function peekUInt16LE(data, offset = 0) {
if(offset + 2 > data.length) {
throw new RangeError(`Offset is too far into the given data ! (${offset} & ${data.length})`);
}
return new DataView(data.buffer, offset, 2).getUint16(0, true);
}
/**
* Peeks a UInt32 from the given data at the given offset in Big-Endian.
* @param data {Uint8Array} - Data to read from.

2
templates/applets/png-analyser.jinja
View File

@@ -1,3 +1,3 @@
{{ render_file_input(tool_id + "-test-input", true, ".png", true, true) }}
{{ render_file_input(tool_id + "-test-input", true, ".png, .bmp", true, true) }}

38
templates/base_www.jinja
View File

@@ -17,13 +17,12 @@
<link rel="prefetch" href="https://cdn.nibblepoker.lu/FontAwesomePro/6.7.2/webfonts/fa-brands-400.woff2" as="font" />
<link rel="prefetch" href="https://cdn.nibblepoker.lu/FontAwesomePro/6.7.2/webfonts/fa-duotone-900.woff2" as="font" />
<link rel="prefetch" href="https://cdn.nibblepoker.lu/FontAwesomePro/6.7.2/webfonts/fa-solid-900.woff2" as="font" />
<link rel="prefetch" href="https://cdn.nibblepoker.lu/NibblePoker/StandardCSS/3px-tile-0.1.png" as="image" />
<link rel="prefetch" href="https://cdn.nibblepoker.lu/NibblePoker/StandardCSS/3px-tile-0.4.png" as="image" />
{% block extra_preloads %}{% endblock %}
<link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/FontAwesomePro/6.7.2/css/all.min.css">
<link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/NibblePoker/IndevCSS/nibblepoker.min.css">
<link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/NibblePoker/StandardCSS/nibblepoker.min.css">
<link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/Quantum/Quantum.min.css">
<link rel="stylesheet" href="https://cdn.nibblepoker.{{ domain_tld }}/FamFamFam/FlagsExtended/famfamfam-flags.min.css">
<link rel="stylesheet" href="{{ url_for("static", filename="resources/NibblePoker/css/extra.css") }}">
@@ -53,16 +52,37 @@
</summary>
<div class="p-xs border bkgd-surround r-m t-w-500">
<a href="{{ l10n_url_switch(request_path, "en") }}" class="a-hidden">
<p class="mb-s px-xxs">{{ l10n("english", "langs", user_lang) }}</p>
<table class="w-full table-p-xxs">
<tr>
<td>
<a href="{{ l10n_url_switch(request_path, "en") }}" class="w-full d-inline-block a-hidden">
{{ l10n("english", "langs", user_lang) }}
</a>
<a href="{{ l10n_url_switch(request_path, "fr") }}" class="a-hidden">
<p class="my-s px-xxs">{{ l10n("french", "langs", user_lang) }}</p>
</td>
<td class="t-center"><i class="famfamfam-flag-us"></i></td>
</tr>
<tr>
<td>
<a href="{{ l10n_url_switch(request_path, "fr") }}" class="w-full d-inline-block a-hidden">
{{ l10n("french", "langs", user_lang) }}
</a>
</td>
<td class="t-center"><i class="famfamfam-flag-be"></i></td>
</tr>
<tr>
<td colspan="2">
<hr class="subtle m-0">
<a href="{{ l10n_url_switch(request_path) }}" class="a-hidden">
<p class="mt-xs px-xxs">{{ l10n("automatic", "langs", user_lang) }}</p>
</td>
</tr>
<tr>
<td>
<a href="{{ l10n_url_switch(request_path) }}" class="w-full d-inline-block a-hidden">
{{ l10n("automatic", "langs", user_lang) }}
</a>
</td>
<td class="t-center"><i class="famfamfam-flag-unknown"></i></td>
</tr>
</table>
</div>
</details>
</header>

11
templates/pages/root.jinja
View File

@@ -12,15 +12,20 @@
{% endblock %}
{% block main_content %}
<section>
{{ render_h1(l10n("intro.title", "home", user_lang, ["NibblePoker." + domain_tld] )) }}
<div class="content-spacer">
{{ render_paragraph(l10n("intro.text.1", "home", user_lang)) }}
{{ render_paragraph(l10n("intro.text.2", "home", user_lang)) }}
</div>
</section>
<section>
{{ render_h2(l10n("updates.title", "home", user_lang)) }}
<p><i class="fad fa-calendar-alt mr-xs mt-s"></i>{{ l10n("updates.5.date", "home", user_lang) }}</p>
<div class="content-spacer">
<p><i class="fad fa-calendar-alt mr-xs"></i>{{ l10n("updates.5.date", "home", user_lang) }}</p>
{{ render_list_ul([
l10n("updates.5.text.1", "home", user_lang),
l10n("updates.5.text.2", "home", user_lang),
@@ -57,6 +62,8 @@
l10n("updates.1.text.1", "home", user_lang),
l10n("updates.text.privacy", "home", user_lang)
]) }}
</div>
</section>
{% endblock %}