Agg. Devlogs, PicoBlog; Inizio nuove pagine; Agg. interni

Assets/Assets/sitoctt.css

@@ -38,8 +38,12 @@ Body {
 .NoCol {
 	Color: Transparent !Important;
 }
-
+.Inline {
-
+	Display: Inline;
+}
+.InlineBlock {
+	Display: Inline-Block;
+}
 
 /*--------------------------------------------------------*/
 
@@ -95,9 +99,12 @@ Table Td, Table Th, Table Tr  {
 Pre.Code, .CodeScroll {
 	Padding-Left: 8px;
 	Padding-Right: 8px;
-	Padding-Top: 0px;
+	Padding-Top: 8px;
 	Padding-Bottom: 16px;
 }
+Code:Not(Pre Code) {
+	Padding: 4px 4px 4px 4px;
+}
 
 #MainBox A:Not(
 	.NoLinkLink, .NoLinkLink A,
@@ -156,9 +163,6 @@ H3:hover {
 	Font-Size: 17.5pt;
 }
 
-.Inline {
-	Display: Inline;
-}
 #Container {
 	Max-Width: 100%;
 }

Pages/Chi-Sono.md

@@ -50,7 +50,7 @@ Mi puoi trovare sul Fediverso, ai contatti da me preferiti che lascio qui sotto.
 
 - <span style='Color:#FFA020;'>Friendica</span>: [@octt@poliverso.org](https://poliverso.org/profile/octt){[:MdTgtBlank:]}  
 - <span style='Color:#3088D4;'>Mastodon</span>: [@octo@mastodon.uno](https://mastodon.uno/@octo){[:MdTgtBlank:]}  
-- ~~<span style='Color:#2D2D2D;'>Matrix</span>: [@octt:octt.ddns.net](https://matrix.to/#/@octt:octt.ddns.net){[:MdTgtBlank:]}~~ (_Temporaneamente offline_)
+- <span style='Color:#2D2D2D;'>Matrix</span>: [@octt:matrix.org](https://matrix.to/#/@octt:matrix.org){[:MdTgtBlank:]}
 
 # Fine?
 

Pages/Devlogs.md

@@ -19,12 +19,52 @@ _Ovviamente, scriverò soltanto la roba interessante, non tutto quello che facci
 ## Leggi i Devlogs
 
 <!-- noprocess />
-<input type="checkbox" id="CheckBox-sitoctt" checked>
+<h3 class="NoTitle InlineBlock">Filtri:</h3>
-<input type="checkbox" id="CheckBox-staticoso" checked>
+<input type="checkbox" id="CheckBox-sitoctt" checked><label for="CheckBox-sitoctt">#sitoctt</label>
+<input type="checkbox" id="CheckBox-staticoso" checked><label for="CheckBox-staticoso">#staticoso</label>
 </ noprocess -->
 
 <div markdown="1" class="BorderBoxContainer">
 
+<details markdown="1" class="Box-sitoctt"><summary>
+#### [2022-09-05] Filtri intelligenti </summary>
+-> #sitoctt
+
+_Le soluzioni semplici sono spesso le migliori_.  
+Con questa filosofia, come in altri casi, ho preso e ho implementato questa piccola cosa che mi serviva sul **sitoctt**.
+
+Al momento i Devlogs sono ancora un po' vuoti, ma, per quando inizieranno a riempirsi di più, sarebbe carino poter efficacemente **filtrare** le mie scritture **per categoria**.  
+Problema risolto in appena qualche riga di HTML e CSS!
+
+```{ .html .CodeScroll }
+<input type="checkbox" id="CheckBox-CATEGORIA" checked>
+<label for="CheckBox-CATEGORIA">#CATEGORIA</label>
+...
+```
+
+```{ .css .CodeScroll }
+.Box-CATEGORIA,
+...
+{
+	Display: None;
+}
+
+/*
+*/ #CheckBox-CATEGORIA:Checked ~ Div > .Box-CATEGORIA,
+...
+{
+	Display: Inherit;
+}
+```
+
+Mi basta questo codice di base - che devo però duplicare per ogni singola categoria - per definire degli elementi (che dovranno avere una o più classi di categoria, e io uso `<details>`) che possono essere fatti sparire quando si toglie la spunta alle eventuali caselle.  
+Diversi elementi possono inoltre appartenere a **multiple categorie**, cosa che per me è utile.
+
+La cosa è molto più complicata a spiegarsi, di quanto non lo sia a farsi e _ad essere usata.. quindi..._ 😳!
+
+_Nota: I simboli hash (#) nei nomi **visibili** delle categorie non centrano nulla con l'id HTML degli elementi, li uso come prefisso semplicemente per simboleggiare un hashtag._
+</details>
+
 <details markdown="1" class="Box-staticoso"><summary>
 #### [2022-09-01] Ottimizzazioni necessarie </summary>
 -> #staticoso
@@ -63,7 +103,7 @@ Dovevo inventarmi qualcos'altro.
 
 A livello di **HTML**, allora, staticoso genera per ogni titolo la seguente struttura: elemento heading, che contiene prima un elemento span racchiudente l'ancora, a sua volta contenente il semplice testo `»`, e poi un altro span (con id univoco) che ha il titolo in sé.  
 Facendo un esempio pratico, questo è cosa esce fuori:  
-<pre class="CodeScroll"><code>
+<pre class="CodeScroll"><code class="language-html">
 &lt;h1 class="SectionHeading">
 	&lt;span class="SectionLink">
 		&lt;a href="#-Titolo-di-esempio">
@@ -85,7 +125,7 @@ Sul tema principale del **sitoctt**, infatti, ho personalizzato la cosa in modo
 - Evidenziazione e sottolineatura di un heading attivato.
 
 In codice **CSS**, la mia visione si è tradotta in queste righe:  
-<pre class="CodeScroll"><code>
+```{ .css .CodeScroll }
 .SectionTitle:Target {
 	Color: #EEDDFF !Important;
 	Background: #700070 !Important;
@@ -105,7 +145,7 @@ In codice **CSS**, la mia visione si è tradotta in queste righe:
 .SectionLink > A > Span {
 	Font-Size: 0;
 }
-</code></pre>
+```
 
 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>

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-05] 🏛🙁🛫🏯🍌📢☕☕ </summary>
+Detto in breve: cercavo un'alternativa originale a base64, per una cosa. Ho pensato a creare un mio sistema che ha a che fare con le ASCII art, però mi ci vuole un po' di lavoro e il sistema mi serve subito. Ma poi ho scoperto [Ecoji](https://github.com/keith-turner/ecoji){[:MdTgtBlank:]} 🙏
+</details>
+
 <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.

Pages/Raccolte/Gaming/Raccolta-Videogiochi.md

@@ -0,0 +1,35 @@
+// % Categories: Gaming
+// % Index: Categories
+
+# Raccolta Videogiochi
+
+Perché non fare una raccolta per parlare, un po' in breve, dei videogiochi che apprezzo? (In ordine alfabetico)  
+Magari, riuscendo a puntare i riflettori anche su qualche esperienza videoludica mezza sconosciuta che però dovrebbe meritare molto di più.
+
+Per ogni gioco, oltre ad una breve recensione condita con qualche opinione, cercherò di includere anche delle schermate. Infine, quando possibile, saranno presenti link per acquisto fisico e download.
+
+Non è da escludere che in futuro, trovando ispirazione, potrei prendere e scrivere degli articoli lunghi e approfonditi su alcuni dei giochi che qui lodo, purtroppo, in maniera troppo "tocca e fuggi".
+
+_In costruzione..._
+
+---
+
+## Gli epici
+
+Questo è il posto per i titoli migliori, quelli epici, punto. E qui, non importa assolutamente che un dato gioco sia popolare o meno: conta solo quanto per me è importante.
+
+## Perle segrete
+
+Ci sono alcuni giochini che magari non arrivano per me ad essere epici, e vabbè - però sono comunque piccole perle - forse anche minuscole.  
+Perché ne dovrei parlare? Perché magari sono davvero sconosciuti, o quasi; e ciò è un vero, vero peccato.
+
+## Quelli liberi
+
+Qui sotto mi va di raccogliere qualche videogioco che secondo me merita - anche se non si aggiudica alcun posto nella classifica epica - ma che oltre ad essere di per se bello ha il valore aggiunto di essere **software libero**.
+
+Se proprio vuoi provare qualcosa da questa pagina e non sai davvero cosa, io direi di cercare proprio in questa sezione, e di fare il più grande piacere agli sviluppatori se la tua esperienza sarà stata degna: fare a tua volta pubblicità.
+
+## Il resto
+
+Preferisco avere questa sottosezione per menzionare i giochi che, seppur mi son piaciuti abbastanza da finire su questa pagina, sono per me sia poco meno importanti che troppo conosciuti.  
+_I titoli che hanno soltanto una di queste due caratteristiche possono tranquillamente trovarsi sopra._

Pages/Raccolte/Media/Raccolta-Musica.md

@@ -0,0 +1,5 @@
+// % Index: Categories
+
+# Raccolta Musica
+
+_In costruzione..._

Pages/Raccolte/Sistemi/Raccolta-del-Riso.md

@@ -0,0 +1,5 @@
+// % Index: Categories
+
+# Raccolta del Riso
+
+_In costruzione..._

Site.ini

@@ -13,8 +13,8 @@ Minify = True
 KeepComments = True
 
 [Markdown]
-# Exts = ('attr_list', 'def_list', 'footnotes', 'markdown_del_ins', 'md_in_html', 'mdx_subscript', 'mdx_superscript', 'tables')
+# Disattivate per problemi: mdx_subscript
-Exts = ('attr_list', 'def_list', 'footnotes', 'markdown_del_ins', 'md_in_html', 'mdx_superscript', 'tables')
+Exts = ('attr_list', 'def_list', 'fenced_code', 'footnotes', 'markdown_del_ins', 'md_in_html', 'mdx_superscript', 'tables')
 
 [Menu]
 # 0 = index
@@ -23,7 +23,7 @@ Exts = ('attr_list', 'def_list', 'footnotes', 'markdown_del_ins', 'md_in_html',
 # 3 = Devlog
 # 4 = PicoBlog
 5 = [🔖️ Bacheca](https://octtspacc.gitlab.io/bachecoctt){target="_blank" rel="noopener"}
-6 = [💾️ OctoSpacc Home](https://octospacc.gitlab.io)
+6 = [💾️ OctoSpacc Hub](https://hub.octt.eu.org)
 7 = Categories/index
 8 = Categories/Blog
 

StaticParts/Standard/LeftBoxBottom.html

@@ -1,10 +1,15 @@
 <div id="LeftBoxBottom" class="Pixelated">
 
-<hr>
+<hr><br>
-	<a class="NoABigger" href="https://mastodon.uno/@octo" target="_blank" rel="noopener nofollow"><img alt="Follow me on Mastodon" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Follow-me-on-Mastodon.png"></a>
+
+<a class="NoABigger" href="https://mastodon.uno/@octo" target="_blank" rel="noopener nofollow"><img alt="Follow me on Mastodon" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Follow-me-on-Mastodon.png"></a>
+
 <br>
-	<a class="NoABigger" href="https://www.gnu.org/home.it" target="_blank" rel="noopener nofollow"><img alt="Made on GNU/Linux" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Made-on-GNU-Linux.png"></a>
+
-	<span> </span>
+<a class="NoABigger" href="https://www.gnu.org/home.it" target="_blank" rel="noopener nofollow"><img alt="Made on GNU/Linux" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Made-on-GNU-Linux.png"></a>
-	<a class="NoABigger" href="https://www.torproject.org/it" target="_blank" rel="noopener nofollow"><img alt="Tor" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Tor.png"></a>
+
+<span> </span>
+
+<a class="NoABigger" href="https://www.torproject.org/it" target="_blank" rel="noopener nofollow"><img alt="Tor" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Tor.png"></a>
 
 </div>