From cbe8ecc61a3a7df94a87b0b61cca799145d24f91 Mon Sep 17 00:00:00 2001 From: octospacc Date: Tue, 21 Jun 2022 13:56:53 +0200 Subject: [PATCH] Aggiornamento PicoBlog; Agg. interno --- Assets/Standard.css | 33 ++++++++++++++++++++++++++++++++- Assets/favicon.ico | Bin 0 -> 399 bytes Pages/PicoBlog.pug | 8 ++++++-- Pages/index.pug | 14 ++++++-------- 4 files changed, 44 insertions(+), 11 deletions(-) create mode 100644 Assets/favicon.ico diff --git a/Assets/Standard.css b/Assets/Standard.css index 8020a03..cd55710 100644 --- a/Assets/Standard.css +++ b/Assets/Standard.css @@ -2,6 +2,12 @@ --ScreenBorderPadding: 4px; --ContentPadding: 8px; } +* { + Transition: 0.3s; +} +::selection { + Background-Color: rgba(170, 170, 255, 0.2); +} Body { Margin: 0; Box-Sizing: Border-Box; @@ -10,7 +16,7 @@ Body { Position: Absolute; Left: Auto; Right: Auto; - Color: #04040c; + Color: #080810; Background: #eeddff; Font-Size: 13pt; Padding: var(--ContentPadding); @@ -38,11 +44,36 @@ Details Div Details { a { Color: #d000d0; } +h1, h2, h3, h4, h5, h6 { + Color: #503080; +} ul { Padding-Left: 16px; Padding-Right: 4px; } +#MainBox > * > a::before, +#MainBox > * > * > a::before, +#MainBox > * > * > * > a::before { + content: '🔗 '; +} + +a:hover:not(h3 > a), details > summary:hover { + Font-Size: 15pt; +} +h1:hover { + Font-Size: 28pt; +} +h2:hover { + Font-Size: 21.5pt; +} +h3:hover { + Font-Size: 17.5pt; +} + +.Inline { + Display: Inline; +} #Container { Max-Width: 100%; } diff --git a/Assets/favicon.ico b/Assets/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..0687e6c0529a77fc84795123b173524f0a612cee GIT binary patch literal 399 zcma)1Jxc>Y5S^eTaE(`4uU03BtzfH-RSrdx()I3w3%L(AA45{@Z}1nSa$)}D`R1+< z&hq9h^XARY5>0T@G)2CoY(jKRL>Z6*2GIJs2oU?Bp$FrJLI{CGWDt6kdQE3Tk^PM_v;RrJ-OS%6&_8k>e9N3W%!|7P@Au=}-%ovk zXgZQ+T`Sx* aTvN8ZG0WVz0_DtAD{t%Sp📚), + | e delle sezioni della pagina a destra (📑). + | Quello di sinistra soprattutto è importante per navigare il sito. p | A tal proposito, per la migliore esperienza #[span(style='Color:#d00000;') DEVI] usare un browser con supporto almeno a CSS3. Chissà se usando un browser antico si rompe roba in giro, eh... @@ -56,7 +54,7 @@ p br | Direi che la scelta non è tra il migliore ma tra il meno peggio.. -p Codici JavaScript, al momento in cui sto scrivendo questa pagina, non ne uso neanche uno, perché non voglio costringere chi (per validi motivi di sicurezza) non vuole attivare JavaScript ad avere un'esperienza degradata. +p Codici JavaScript, al momento in cui sto scrivendo questa pagina, non ne uso neanche uno, perché non voglio costringere chi (per validi motivi di sicurezza e non solo) non vuole attivare JavaScript ad avere un'esperienza degradata. A proposito della questione spinosa, ho scritto anche un articolo: #[a(href='Posts/2022-06-14-I-Documenti-Non-Devono-Diventare-Applicazioni.html') 📄 I documenti non devono diventare applicazioni]. p Di seguito, metto la mia classifica dei possibili modi per visualizzare questo sito, dal migliore al peggiore. Per standardizzazione, tutti presuppongono supporto completo ai colori. @@ -97,7 +95,7 @@ h2 Disponibilità del sito p Al momento, questo sito è disponibile per la navigazione a 2 indirizzi diversi (i contenuti sono identici). ul - li Sul Web, sui server di #[span(style='Color:#fc6d26;') GitLab]: #[a(href='https://octtspacc.gitlab.io/sitoctt') octtspacc.gitlab.io/sitoctt]. + li Sul Web, sui server di #[span(style='Color:#fc6d26;') GitLab]: #[del #[a(href='https://octtspacc.gitlab.io/sitoctt') octtspacc.gitlab.io/sitoctt]] #[a(style='Color:#5555ff;' href='https://sitoctt.octt.eu.org') sitoctt.octt.eu.org] #[i(style='Color:#9090ff;') (Nuovo dominio!)]. li Sulla rete #[span(style='Color:#59316b;') Tor], sui server di Replit: #[a(href='http://onmfrk2acl4xdeawfjg3nfepq7gcufolctmhiwwxpcknazus5bxzxhqd.onion') onmfrk2acl4xdeawfjg3nfepq7gcufolctmhiwwxpcknazus5bxzxhqd.onion]. Alla fine non è più ospitato in casa mia, ma forse è meglio così, è un carico in meno per il povero serverino di fortuna che ho (al momento, una console Nintendo Switch con Ubuntu).. speriamo solo non vada offline, è un problema con Replit non immediato da arginare. p @@ -140,7 +138,7 @@ p p | Proprio per questi motivi, ho creato un mio generatore di siti statici (anche quello, come questo sito stesso, incompleto ma aggiornato di tanto in tanto quando mi serve), che preprocessa il mio codice sorgente per includere le mie barre in tutte le pagine, generare le sezioni della pagina (che appaiono nel menu a destra), generare la lista di pagine del sito (del menu a sinistra), e #[i altre cosette]. Passaggio importante, eventuali file Markdown o Pug vengono tradotti in HTML per essere comprensibili da normali browser, ed ecco qua. br - | Ah, si, sto dicendo "#[i altre cosette]" perché si tratta di roba che al momento della scrittura di questo capitolo della pagina è assente o incompleta, e scrivendo come scrivo mi paro le chiappette e non devo fare future modifiche. #[i H e h .] + | Ah, si, sto dicendo "#[i altre cosette]" perché si tratta di roba che al momento della scrittura di questo capitolo della pagina è assente o incompleta, e scrivendo come scrivo mi paro le chiappette e non devo fare future modifiche. #[pre(class='Inline') #[i H e h .]] p | Per terminare, trovate tutti i miei sorgenti sulle rispettive repo Git.