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

2024-12-22 21:37:57 +01:00 · 2022-09-06 00:24:21 +02:00 · 2022-09-06 00:24:21 +02:00 · 22afb83ec1
commit 22afb83ec1
parent 74b88545a0
10 changed files with 119 additions and 20 deletions
--- a/Assets/Assets/sitoctt.css
+++ b/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%;
 }
--- a/Assets/favicon.png
+++ b/Assets/favicon.png
--- a/Pages/Chi-Sono.md
+++ b/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?

--- a/Pages/Devlogs.md
+++ b/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>
-<input type="checkbox" id="CheckBox-staticoso" checked>
+<h3 class="NoTitle InlineBlock">Filtri:</h3>
+<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>
--- a/Pages/PicoBlog.md
+++ b/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.
--- a/Pages/Raccolte/Gaming/Raccolta-Videogiochi.md
+++ b/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._
--- a/Pages/Raccolte/Media/Raccolta-Musica.md
+++ b/Pages/Raccolte/Media/Raccolta-Musica.md
@ -0,0 +1,5 @@
+// % Index: Categories
+
+# Raccolta Musica
+
+_In costruzione..._
--- a/Pages/Raccolte/Sistemi/Raccolta-del-Riso.md
+++ b/Pages/Raccolte/Sistemi/Raccolta-del-Riso.md
@ -0,0 +1,5 @@
+// % Index: Categories
+
+# Raccolta del Riso
+
+_In costruzione..._
--- a/Site.ini
+++ b/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')
-Exts = ('attr_list', 'def_list', 'footnotes', 'markdown_del_ins', 'md_in_html', 'mdx_superscript', 'tables')
+# Disattivate per problemi: mdx_subscript
+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

--- a/StaticParts/Standard/LeftBoxBottom.html
+++ b/StaticParts/Standard/LeftBoxBottom.html
@ -1,10 +1,15 @@
 <div id="LeftBoxBottom" class="Pixelated">

-<hr>
-	<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>
+<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>
+
 <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.torproject.org/it" target="_blank" rel="noopener nofollow"><img alt="Tor" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Tor.png"></a>
+
+<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.torproject.org/it" target="_blank" rel="noopener nofollow"><img alt="Tor" src="[staticoso:Folder:*:AbsoluteRoot]/sitoctt-assets/Media/Buttons/Tor.png"></a>

 </div>