Skip to content

Commit

Permalink
HXL-CPLP/forum#58, hapi-t9n-alpha (#13), mvp-l10n-schemas (#7): pagin…
Browse files Browse the repository at this point in the history 
…a inicial minimalista
  • Loading branch information
@fititnt
fititnt committed Jun 12, 2021
1 parent b6e52c1 commit 578f548
Show file tree
Hide file tree
Showing 4 changed files with 120 additions and 89 deletions.
8 changes: 8 additions & 0 deletions _assets/css/hapi.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,3 +17,11 @@
font-style: italic;
vertical-align: sub;
}


.peritum-est {
display: none
}
.peritum-modum-est .peritum-est {
display: block
}
52 changes: 31 additions & 21 deletions _assets/js/hapi-globum.mjs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@
* - https://en.wiktionary.org/wiki/scribo
* - 'scrībendum'
* - https://en.wiktionary.org/wiki/scribo
* - 'initiāle'
* - https://en.wiktionary.org/wiki/initialis#Latin
*/
console.log('hapi-globum.mjs');

Expand All @@ -33,7 +35,7 @@ console.log('hapi-globum.mjs');
*
* @param {String} clavem Clāvem
*/
function HapiDatumMemoriamLegendum (clavem) {
function HapiDatumMemoriamLegendum(clavem) {
return sessionStorage.getItem(clavem)
}

Expand All @@ -45,7 +47,7 @@ function HapiDatumMemoriamLegendum (clavem) {
* @param {String} clavem Clāvem
* @param {String} datum Datum
*/
function HapiDatumMemoriamScribendum (clavem, datum) {
function HapiDatumMemoriamScribendum(clavem, datum) {
if (datum) {
sessionStorage.setItem(clavem, datum)
} else {
Expand All @@ -61,42 +63,50 @@ function HapiDatumMemoriamScribendum (clavem, datum) {
* @param {String} clavem Clāvem
* @param {String} datum Datum
*/
function HapiDatumInterfaciemScribendum (clavem, datum) {
function HapiDatumInterfaciemScribendum(clavem, datum) {
console.log('HapiDatumInterfaciemScribendum', clavem, datum)
if (datum) {
document.body.classList.add(clavem)
} else {
document.body.classList.remove(clavem)
}
}

function testum () {
function InterfaciemPeritumModumCheckbox() {
console.log(this);
let txt = null

// TODO: https://stackoverflow.com/questions/11599666/get-the-value-of-checked-checkbox
if (confirm("? 🚧 🔎🐛🔍 🚧 ?")) {
txt = "You pressed OK!";
HapiDatumMemoriamScribendum('peritum-modum-est', 1)
HapiDatumInterfaciemScribendum('peritum-modum-est')
} else {
txt = "You pressed Cancel!";
console.log(this.checked);
const textum = this.parentElement.textContent.trim();
console.log('textum', textum)
// let txt = null
if (!this.checked) {
HapiDatumMemoriamScribendum('peritum-modum-est', null)
HapiDatumInterfaciemScribendum('peritum-modum-est', null)
} else {
// TODO: https://stackoverflow.com/questions/11599666/get-the-value-of-checked-checkbox
if (confirm(textum)) {
console.log('InterfaciemPeritumModumCheckbox: Okay')
HapiDatumMemoriamScribendum('peritum-modum-est', 1)
HapiDatumInterfaciemScribendum('peritum-modum-est', 1)
} else {
console.log('InterfaciemPeritumModumCheckbox: Non Okay')
this.checked = false
HapiDatumMemoriamScribendum('peritum-modum-est', null)
HapiDatumInterfaciemScribendum('peritum-modum-est', null)
}
}
console.log(txt)
// console.log(txt)
}
function load () {
function initiāle() {
const peritum = document.getElementById('peritum-modum-est')
if (HapiDatumMemoriamLegendum('peritum-modum-est')) {

peritum.checked = true;
HapiDatumInterfaciemScribendum('peritum-modum-est', 1)
}
console.log('loaded!');
peritum.addEventListener('click', InterfaciemPeritumModumCheckbox)
}

// document.addEventListener("DOMContentLoaded", load, false)

if (document.getElementById('peritum-modum-est')) {
document.addEventListener("DOMContentLoaded", load, false)
document.getElementById('peritum-modum-est').addEventListener('click', testum)
document.addEventListener("DOMContentLoaded", initiāle, false)
}
// jQuery("#peritum-modum-checkbox").on('click')
// addEventListener('click', callback)
54 changes: 28 additions & 26 deletions _includes/peritum-modum/instrumentum-balteum.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,31 +6,33 @@
<label class="form-check-label" for="peritu-modum-est">Peritum modum est?</label>
</div>

<h2 style="font-size: 1em;">Peritum modum</h2>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#"><h3 style="font-size: 0.8em;">Instrumentum balteum</h3></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link"
href="https://wave.webaim.org/report#/{{ page.url | absolute_url }}">
WAVE?
</a>
<a class="nav-item nav-link"
href="https://validator.w3.org/nu/?showoutline=yes&showimagereport=yes&doc={{ page.url | absolute_url | url_encode }}">
HTML5?
</a>
<a class="nav-item nav-link"
href="https://search.google.com/structured-data/testing-tool/u/0/#url={{ page.url | absolute_url | url_encode }}">
Schema?
</a>
<a class="nav-item nav-link"
href="https://developers.google.com/speed/pagespeed/insights/?url={{ page.url | absolute_url | url_encode }}">
PageSpeed?
</a>
<div class="peritum-est">
<h2 style="font-size: 1em;">Peritum modum</h2>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#"><h3 style="font-size: 0.8em;">Instrumentum balteum</h3></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link"
href="https://wave.webaim.org/report#/{{ page.url | absolute_url }}">
WAVE?
</a>
<a class="nav-item nav-link"
href="https://validator.w3.org/nu/?showoutline=yes&showimagereport=yes&doc={{ page.url | absolute_url | url_encode }}">
HTML5?
</a>
<a class="nav-item nav-link"
href="https://search.google.com/structured-data/testing-tool/u/0/#url={{ page.url | absolute_url | url_encode }}">
Schema?
</a>
<a class="nav-item nav-link"
href="https://developers.google.com/speed/pagespeed/insights/?url={{ page.url | absolute_url | url_encode }}">
PageSpeed?
</a>
</div>
</div>
</div>
</nav>
</nav>
</div>
</aside>
95 changes: 53 additions & 42 deletions documentum/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,17 +11,29 @@
---
<!DOCTYPE html lang="mul">
<html lang="{{ page.lang | default: site.lang | default: 'la' }}">

{%- include meta-caput.html -%}

<body>

<main class="page-content" aria-label="Content">
<div class="container">
<div class="px-4 pt-5 my-5 text-center border-bottom">
<div class="px-4 pt-5 my-5 text-center">
<h1 class="display-5 fw-bold">
{% _🗣️ Hapi_nomen 🗣️_ %}<sup style="white-space: nowrap;">(👩‍🔬<em>alpha</em>👨‍🔬)</sup>
{% _🗣️ Hapi_nomen 🗣️_ %}
</h1>

<div class="row justify-content-md-center">
<div class="col-md-auto">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" id="peritum-modum-est">
<label class="form-check-label" for="peritu-modum-est">Peritum modum est?</label>
</div>
</div>
</div>
<br>
<br>

<div class="col-lg-6 mx-auto">
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
<a href="/eng-Latn/" class="btn btn-primary btn-lg px-4 me-sm-3">
Expand All @@ -31,52 +43,51 @@ <h1 class="display-5 fw-bold">
<a href="/por-Latn/" class="btn btn-primary btn-lg px-4">
{% _🗣️ 📝por-Latn📝 L10N_ego_summarius 📝por-Latn📝 🗣️_ %}
</a>
</div>
<br>
</div>
<br>
<div class="peritum-est">
<a href="/mul-Zyyy/" class="btn btn-secondary btn-md px-4"
alt="Mappam Situm">
🌐 mul-Zyyy 🌐
</a>
</div>
<br>
</div>
</div>

{% comment %}
@TODO: _[por] Centralizar esta div que aparece na pagina inicial https://hapi.etica.ai/ (Emerson Rocha, 2021-05-16 16:50 UTC) [por]_
{% endcomment %}

<div class="d-flex justify-content-center py-3">
<ul class="list-group list-group-horizontal-md">
<li class="list-group-item">
<a href="https://hapi.etica.ai">
<img src="https://img.shields.io/badge/Site-hapi.etica.ai-blue"
alt="hapi.etica.ai">
</a>
</li>
<li class="list-group-item">
<a href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API">
<img src="https://img.shields.io/badge/GitHub-HXL--CPLP%2FAuxilium--Humanitarium--API-lightgrey?logo=github&style=social"
alt="HXL-CPLP/Auxilium-Humanitarium-API">
</a>
</li>
<li class="list-group-item">
<a href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API">
<img src="https://img.shields.io/github/stars/HXL-CPLP/Auxilium-Humanitarium-API?style=social"
alt="GitHub Repo stars">
<div class="peritum-est">
<div class="d-flex justify-content-center py-3">
<ul class="list-group list-group-horizontal-md">
<li class="list-group-item">
<a href="https://hapi.etica.ai">
<img src="https://img.shields.io/badge/Site-hapi.etica.ai-blue"
alt="hapi.etica.ai">
</a>
</li>
<li class="list-group-item">
<a href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API/archive/refs/heads/main.zip">
<img src="https://img.shields.io/badge/Download-.zip-brightgreen"
alt="Download .zip">
</a>
</li>
<li class="list-group-item">
<a href="https://unlicense.org/">
<img src="https://i.creativecommons.org/p/zero/1.0/88x31.png" alt="Licentiam: Dominium publicum">
</a>
</li>
</ul>
</li>
<li class="list-group-item">
<a href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API">
<img src="https://img.shields.io/badge/GitHub-HXL--CPLP%2FAuxilium--Humanitarium--API-lightgrey?logo=github&style=social"
alt="HXL-CPLP/Auxilium-Humanitarium-API">
</a>
</li>
<li class="list-group-item">
<a href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API">
<img src="https://img.shields.io/github/stars/HXL-CPLP/Auxilium-Humanitarium-API?style=social"
alt="GitHub Repo stars">
</a>
</li>
<li class="list-group-item">
<a href="https://github.com/HXL-CPLP/Auxilium-Humanitarium-API/archive/refs/heads/main.zip">
<img src="https://img.shields.io/badge/Download-.zip-brightgreen"
alt="Download .zip">
</a>
</li>
<li class="list-group-item">
<a href="https://unlicense.org/">
<img src="https://i.creativecommons.org/p/zero/1.0/88x31.png" alt="Licentiam: Dominium publicum">
</a>
</li>
</ul>
</div>
</div>
</div>
</main>
Expand Down

0 comments on commit 578f548

Please sign in to comment.