mirror of https://gitlab.com/octtspacc/sitoctt
Agg. Devlogs, PicoBlog; Inizio nuove pagine; Agg. interni
This commit is contained in:
parent
74b88545a0
commit
22afb83ec1
|
|
@ -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%;
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 736 B After Width: | Height: | Size: 391 B |
|
|
@ -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?
|
||||
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
<h1 class="SectionHeading">
|
||||
<span class="SectionLink">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
|
|
|||
|
|
@ -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._
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
// % Index: Categories
|
||||
|
||||
# Raccolta Musica
|
||||
|
||||
_In costruzione..._
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
// % Index: Categories
|
||||
|
||||
# Raccolta del Riso
|
||||
|
||||
_In costruzione..._
|
||||
6
Site.ini
6
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
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue