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

Finished IBAN generator, Hotfixed standalone pages spacing, Imrpoved IBAN generator standalone appearance

Browse Source 
Update commons.yml, iban-generator.yml, and 6 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2025-03-18 22:09:06 +01:00
parent 05ea0ca732
commit 374e6d018b
8 changed files with 101 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
templates/applets/iban-generator.jinja
View File

@@ -129,13 +129,23 @@
<hr class="subtle">
<button id="iban-generator-generate" class="p-xs r-s border b-light success">
<i class="fa-duotone fa-solid fa-gears mr-xs"></i>{{ l10n("action.generate", "commons", user_lang) }}
{% if not is_standalone %}
<i class="fa-duotone fa-solid fa-gears mr-xs"></i>
{% endif %}
{{ l10n("action.generate", "commons", user_lang) }}
</button>
<button class="p-xs r-s border b-light primary rr-0 br-0">
<i class="fa-duotone fa-solid fa-download"></i>
</button>
<button id="iban-generator-download-raw" class="p-xs r-s border b-light primary ml-0 r-0 br-0">
{% if not is_standalone %}
<button class="p-xs r-s border b-light primary rr-0 br-0">
<i class="fa-duotone fa-solid fa-download"></i>
</button>
{% else %}
<span class="t-w-500 ml-m mr-xxs">{{ l10n("format.download.as", "commons", user_lang) }} :</span>
{% endif %}
<button id="iban-generator-download-raw" class="p-xs r-s border b-light primary ml-0
{% if not is_standalone %}r-0{% else %}rr-0{% endif %} br-0">
{{ l10n("format.raw", "commons", user_lang) }}
</button>
<button id="iban-generator-download-json" class="p-xs r-s border b-light primary ml-0 r-0 br-0">
@@ -145,7 +155,21 @@
{{ l10n("format.yaml", "commons", user_lang) }}
</button>
<hr class="subtle">
<label for="iban-generator-preview" class="d-none">{{ l10n("preview.label", "iban-generator", user_lang) }}:</label>
<textarea name="iban-generator-preview" id="iban-generator-preview" rows="16" class="w-full border r-s ta-resize-v"></textarea>
{% if is_standalone %}
<hr class="subtle">
<p class="t-muted">
{{ l10n("license.1", "iban-generator", user_lang) }}<br>
{{ l10n("license.2", "iban-generator", user_lang) }}
</p>
<p class="mt-xs t-muted">
{{ l10n("license.3", "iban-generator", user_lang) }}
</p>
{% endif %}

4
templates/base_standalone.jinja
View File

@@ -28,7 +28,7 @@
</head>
<body class="layout-generic">
<header class="w-full p-m pl-s">
<header class="p-m pl-s">
<h1 class="t-size-17 t-w-500">
<i class="fad fa-home t-size-16 mr-s t-muted"></i>{% block header_title %}{% endblock %}
</h1>
@@ -38,7 +38,7 @@
{% block main_content %}{% endblock %}
</main>
<footer class="d-flex flex-align-center w-full p-s py-xs">
<footer class="d-flex flex-align-center p-s py-xs">
<a href="{{ l10n_url_abs('/', raw_lang) }}">
<img id="logo-footer"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjczIiBoZWlnaHQ9IjUxMiIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBkPSJNMzkyLjUgNTEyYy02LjYgMC0xMC4xLTUuMDYtNy43OS0xMS4yNEw1NTYuMjkgNDMuMjRjMi4zMS02LjE4IDYuMTEtNi4xOCA4LjQyIDBsNTUuNTggMTQ4LjE5YzIuMzEgNi4xOCAyLjMxIDE2LjI5IDAgMjIuNDdsLTIzLjU4IDYyLjg2Yy0yLjMxIDYuMTggMS4xOSAxMS4yNCA3Ljc5IDExLjI0aDQwYzYuNiAwIDEzLjkgNS4wNiAxNi4yMSAxMS4yNGwzOS41OCAxMDUuNTJjMi4zMSA2LjE4LTEuMTkgMTEuMjQtNy43OSAxMS4yNGgtMTM2Yy02LjYgMC0xMy45IDUuMDYtMTYuMjEgMTEuMjRsLTI3LjU4IDczLjUyQzUxMC40IDUwNi45NCA1MDMuMSA1MTIgNDk2LjUgNTEyek01NzYuNzEgMTEuMjRDNTc0LjQgNS4wNiA1NzcuOSAwIDU4NC41IDBoMTA0YzYuNiAwIDEzLjkgNS4wNiAxNi4yMSAxMS4yNGwxODMuNTggNDg5LjUyYzIuMzEgNi4xOC0xLjE5IDExLjI0LTcuNzkgMTEuMjRoLTEwNGMtNi42IDAtMTMuOS01LjA2LTE2LjIxLTExLjI0eiIgZmlsbD0iIzNlMzU0NiIvPjxwYXRoIGQ9Ik0xMjguNzEgNTAwLjc2QzEyNi40IDUwNi45NCAxMTkuMSA1MTIgMTEyLjUgNTEySDguNWMtNi42IDAtMTAuMS01LjA2LTcuNzktMTEuMjRsMTMxLjIxLTM0OS44OWMyLjMyLTYuMTggOS4yNy0xMy4xMyAxNS40NS0xNS40NUwyNzMuODUgODhjNi4xOC0yLjMyIDkuMzQuODQgNyA3eiIgZmlsbD0iIzkwNWVhOSIvPjxwYXRoIGQ9Ik0yMDAuNSA1MTJjLTYuNiAwLTEwLjEtNS4wNi03Ljc5LTExLjI0TDM1NS4zNCA2Ny4wOWMyLjMyLTYuMTggOS4yNy0xMy4wOSAxNS40NS0xNS40NUw0OTcuMjYgNC4yMWM2LjE4LTIuMzEgOS4zNC44NSA3IDdMMzIwLjcxIDUwMC43NkMzMTguNCA1MDYuOTQgMzExLjEgNTEyIDMwNC41IDUxMnpNNzY4LjcxIDExLjI0Yy0yLjMxLTYuMTguODUtOS4zNCA3LTdsMTI2LjUgNDcuNGM2LjE4IDIuMzIgMTMuMTMgOS4yNyAxNS40NSAxNS40NWwxNjIuNjMgNDMzLjY3YzIuMzEgNi4xOC0xLjE5IDExLjI0LTcuNzkgMTEuMjRoLTEwNGMtNi42IDAtMTMuOS01LjA2LTE2LjIxLTExLjI0eiIgZmlsbD0iIzZiM2U3NSIvPjxwYXRoIGQ9Ik05OTIuMTMgOTVjLTIuMzItNi4xOC44NC05LjM0IDctN2wxMjYuNDggNDcuNDJjNi4xOCAyLjMyIDEzLjEzIDkuMjcgMTUuNDUgMTUuNDVsMTMxLjIzIDM0OS44OWMyLjMxIDYuMTgtMS4xOSAxMS4yNC03Ljc5IDExLjI0aC0xMDRjLTYuNiAwLTEzLjktNS4wNi0xNi4yMS0xMS4yNHoiIGZpbGw9IiM5MDVlYTkiLz48L3N2Zz4="

25
templates/pages/tools_page.jinja
View File

@@ -12,19 +12,26 @@
{% endblock %}
{% block header_title %}
<i class="fad fa-briefcase t-size-16 mr-s t-muted"></i><a href="../" class="a-hidden">{{ l10n("header.root", "projects", user_lang) }}</a>
<span class="mobile-hide"><span class="mx-s t-size-15">❱</span>{{ l10n(tool_data.metadata.general.title_key, tool_id, user_lang) }}</span>
{% if not is_standalone %}
<i class="fad fa-briefcase t-size-16 mr-s t-muted"></i><a href="../" class="a-hidden">{{ l10n("header.root", "projects", user_lang) }}</a>
<span class="mobile-hide"><span class="mx-s t-size-15">❱</span>{{ l10n(tool_data.metadata.general.title_key, tool_id, user_lang) }}</span>
{% else %}
<span class="mobile-hide">NibblePoker<span class="mx-s t-size-15">❱</span></span>{{ l10n(tool_data.metadata.general.title_key, tool_id, user_lang) }}
{% endif %}
{% endblock %}
{% block main_content %}
{{ render_h1(
'<i class="' + tool_data.metadata.general.icon + ' t-size-16 mr-s t-muted"></i>' +
l10n(tool_data.metadata.general.title_key, tool_id, user_lang)
) }}
<div class="px-xxs">
{% if not is_standalone %}
{{ render_h1(
'<i class="' + tool_data.metadata.general.icon + ' t-size-16 mr-s t-muted"></i>' +
l10n(tool_data.metadata.general.title_key, tool_id, user_lang)
) }}
<div class="p-s">
{% include 'applets/'+applet_data.id+'.jinja' %}
</div>
{% else %}
{% include 'applets/'+applet_data.id+'.jinja' %}
</div>
{% endif %}
{% endblock %}
{% block extra_scripts %}