Agg. Picoblog; Agg. interni

Assets/Assets/Pages/Devlogs.css

@@ -0,0 +1,8 @@
+.Box-sitoctt, .Box-staticoso {
+	Display: None;
+}
+
+#CheckBox-sitoctt:Checked ~ Div > .Box-sitoctt,
+#CheckBox-staticoso:Checked ~ Div > .Box-staticoso {
+	Display: Inherit;
+}

DynamicParts/*/Head/Twemoji.html

@@ -1 +1 @@
-<link href="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/twemoji-amazing.min.css" rel="stylesheet">
+<link href="https://octtspacc.gitlab.io/twemoji-astonishing/twemoji-astonishing.min.css" rel="stylesheet">

Pages/Devlogs.md

@@ -1,10 +1,12 @@
 // % Title = 💾 Devlogs
-// % HTMLTitle = <span class="twa twa-floppy-disk"><span>💾</span></span> Devlogs
+// % HTMLTitle = <span class="twa twa-floppy-disk twa-💾">💾</span> Devlogs
+// % Style = @import "[staticoso:Site:RelativeRoot]Assets/Pages/Devlogs.css";
 // % Index = True
 // % Order = 35
 // % Categories = Tecnologia
+// $ Checkboxes = <input type="checkbox" id="CheckBox-sitoctt"><input type="checkbox" id="CheckBox-staticoso">
 
-# <span class="twa twa-floppy-disk"><span>💾</span></span> Devlogs
+# <span class="twa twa-floppy-disk twa-💾">💾</span> Devlogs
 
 Per mesi, in maniera occasionale, ho (ab)usato il PicoBlog come se fosse un devlog.  
 Ad un certo punto (_era quasi ora.._) [ho però pensato](./PicoBlog.html#-2022-08-23-Devlogs) al fatto che le cose non andassero bene.
@@ -16,9 +18,14 @@ _Ovviamente, scriverò soltanto la roba interessante, non tutto quello che facci
 
 ## Leggi i Devlogs
 
+<!-- noprocess />
+<input type="checkbox" id="CheckBox-sitoctt" checked>
+<input type="checkbox" id="CheckBox-staticoso" checked>
+</ noprocess -->
+
 <div markdown="1" class="BorderBoxContainer">
 
-<details markdown="1"><summary>
+<details markdown="1" class="Box-staticoso"><summary>
 #### [2022-09-01] Ottimizzazioni necessarie </summary>
 -> #staticoso
 
@@ -44,7 +51,7 @@ Esecuzioni diverse hanno dato risultati un po' diversi, forse perché avevo dive
 Quei 17 secondi in particolare, comunque, mostrano senza alcun dubbio che il mio codice **va ancora ottimizzato** - oltre il poco che ho già fatto. Vabbè, in ogni caso mi soddisfa già il punto in cui sono arrivata!
 </details>
 
-<details markdown="1"><summary>
+<details markdown="1" class="Box-staticoso Box-sitoctt"><summary>
 #### [2022-08-29] Titoli delle sezioni, ma ancora meglio </summary>
 -> #staticoso #sitoctt
 
@@ -103,7 +110,7 @@ In codice **CSS**, la mia visione si è tradotta in queste righe:
 In tutta onestà, lo ripeto: forse per il sitoctt questa cosa non serviva; ma, per la [**documentazione di staticoso**](https://gitlab.com/octtspacc/staticoso-docs){[:MdTgtBlank:]}, credo **sarà utilissima**.
 </details>
 
-<details markdown="1"><summary>
+<details markdown="1" class="Box-sitoctt"><summary>
 #### [2022-08-24] Titoli delle sezioni - ora ovunque </summary>
 -> #sitoctt
 
@@ -120,7 +127,7 @@ Eh già, perché l'injecting dell'attributo `id` da parte di staticoso va, giust
 Un po' con il trova e sostituisci del mio editor di testo, e un po' a manina, **ho fatto questa sistemazione** nelle _2_ pagine in cui dovevo. Ora, anche per quelle, ho la possibilità di **creare** dei **link di rimando alle sezioni** che voglio.
 </details>
 
-<details markdown="1"><summary>
+<details markdown="1" class="Box-staticoso Box-sitoctt"><summary>
 #### [2022-08-24] La data di compilazione </summary>
 -> #staticoso #sitoctt
 

Pages/PicoBlog.md

@@ -24,6 +24,11 @@ Tieni a mente che le pubblicazioni più recenti vanno sempre in cima, facendo sc
 
 <div markdown="1" class="BorderBoxContainer">
 
+<details markdown="1"><summary>
+#### [2022-09-02] App carina </summary>
+[GitJournal](https://github.com/GitJournal/GitJournal){[:MdTgtBlank:]}, provata ieri qualche minuto, penso meriti. Se non usassi già Standard Notes, considereri questa app.
+</details>
+
 <details markdown="1"><summary>
 #### [2022-08-28] Kindolante </summary>
 Solo oggi ho scoperto che, installando [questo pacchetto](https://storage.gra.cloud.ovh.net/v1/AUTH_2ac4bfee353948ec8ea7fd1710574097/mr-public/Touch/kindle-usbnet-0.22.N-r18897.tar.xz){[:MdTgtBlank:]}, posso avere un **client** SSH aggiornato sul mio Kindle. Non potevo saperlo, non stava scritto da nessuna parte.. meglio tardi che mai però, ora dal Kindle posso fare cosine su altre macchine.

Pages/index.pug

@@ -1,5 +1,5 @@
 // % Title = 🏠 ~Home~
-// % HTMLTitle = <span class="twa twa-house"><span>🏠</span></span> ~Home~
+// % HTMLTitle = <span class="twa twa-house twa-🏠">🏠</span> ~Home~
 // // % Template = WM.html
 // % Style = @import "[staticoso:Site:RelativeRoot]Assets/Pages/index.css";
 // % Index = True
@@ -31,13 +31,13 @@ div(style='Position:Relative;')
 
 p
 	| Esatto, il 
-	strong(class='twa twa-sparkles') #[span ✨]
+	strong(class='twa twa-sparkles twa-✨') ✨
 	strong(class='MainIdTextGradientL') sitoctt
-	strong(class='twa twa-sparkles') #[span ✨]
+	strong(class='twa twa-sparkles twa-✨') ✨
 	| . Letteralmente il mio sito, perchè io sono octt e quindi #[i(style='Color:#8040d0;') sito] + #[i(style='Color:#d000d0;') octt] = 
-	strong(class='twa twa-sparkles') #[span ✨]
+	strong(class='twa twa-sparkles twa-✨') ✨
 	strong(class='MainIdTextGradientR') sitoctt
-	strong(class='twa twa-sparkles') #[span ✨]
+	strong(class='twa twa-sparkles twa-✨') ✨
 	|  (#[i #[a(href='[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/sitoctt-pronuncia.flac' target='_blank' rel='noopener') pronuncia: "sitòctt"]]).
 	br
 	| Se preferisci, puoi chiamarlo #[i(class='MainIdTextGradientL') sitocto]. O anche #[i(class='MainIdTextGradientR') postoctt]! È pur sempre un posto questo, il mio posto, anche se virtuale!
@@ -53,8 +53,8 @@ p
 	| #[b Da tenere a mente] (da Web): quando ci sono per lo schermo i seguenti tastini, è perché possono nascondere menu collassabili.
 	| Possono stare in posizioni diverse su pagine diverse, perché mi piace sperimentare con diversi temi; però cerco di mantenere il loro significato coerente ovunque.
 	br
-	| Un'icona con l'emoji di una pila di libri (<big class='twa twa-books'><span>📚</span></big>) segnala il menu principale del sito, fondamentale per poterlo navigare saltando tra pagine completamente diverse e non collegate.
+	| Un'icona con l'emoji di una pila di libri (<big class='twa twa-books twa-📚'>📚</big>) segnala il menu principale del sito, fondamentale per poterlo navigare saltando tra pagine completamente diverse e non collegate.
-	| Invece, l'icona con l'emoji di un foglio con un segnalibro (<big class='twa twa-bookmark-tabs'><span>📑</span></big>) indica l'elenco delle sezioni della pagina corrente - non è essenziale, ma può tornare utile per saltare tra parti diverse di un lungo testo.
+	| Invece, l'icona con l'emoji di un foglio con un segnalibro (<big class='twa twa-bookmark-tabs twa-📑'>📑</big>) indica l'elenco delle sezioni della pagina corrente - non è essenziale, ma può tornare utile per saltare tra parti diverse di un lungo testo.
 
 p
 	| A tal proposito, per la migliore esperienza #[span(style='Color:#d00000;') DEVI] usare un browser con supporto almeno a CSS3 e alle immagini in formato AVIF (quest'ultima cosina, almeno finché non riesco a far funzionare il polyfill).
@@ -248,7 +248,7 @@ div#RingsDiv
 		<span> </span>
 		<a href="https://fediring.net/"><img title="Fediverse Logo Proposal, Eukombos, CC0, Wikimedia Commons" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Icons/Fediverse.svg"> Fediring</a>
 		<span> </span>
-		<a href="https://fediring.net/random">[🎲]</a>
+		<a href="https://fediring.net/random">[<span class="twa twa-🎲">🎲</span>]</a>
 		<span> </span>
 		<a href="https://fediring.net/next?host=sitoctt.octt.eu.org"><big>→</big></a>
 	</p>