Agg. PicoBlog; Agg. interni (tema WM, cambio feed); Agg. minori a pag. principali

This commit is contained in:
octospacc 2022-10-27 11:10:44 +02:00
parent 70c7f5be53
commit 6b2b0be041
15 changed files with 150 additions and 95 deletions

20
Assets/Assets/Global.css Normal file
View File

@ -0,0 +1,20 @@
/* Global styles applied to all pages with any base template.
*
* Note to future self:
* colors and things like that should **never** go here,
* only formatting/layout rules and reusable classes
* needed to fix HTML quirks.
*/
.Center { Text-Align: Center; }
.Inline { Display: Inline; }
.InlineBlock { Display: Inline-Block; }
.NoCol { Color: Transparent !Important; }
.NoDisplay { Display: None; }
.NoWrap { White-Space: NoWrap; }
/* Set Headings as Inline when inside Details Summaries and List Items */
Summary > H1, Summary > H2, Summary > H3, Summary > H4, Summary > H5, Summary > H6,
Li > H1, Li > H3, Li > H3, Li > H4, Li > H5, Li > H6 {
Display: Inline;
}

View File

@ -34,24 +34,6 @@ Body {
Overflow-Wrap: Break-Word; Overflow-Wrap: Break-Word;
} }
.Inline {
Display: Inline;
}
.NoDisplay {
Display: None;
}
.NoWrap {
White-Space: NoWrap;
}
.Center {
Text-Align: Center;
}
Ul {
Padding-Left: 8px;
Padding-Right: 4px;
}
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
@ -79,9 +61,9 @@ Ul {
.Window:Hover { .Window:Hover {
Z-Index: 128 !Important; Z-Index: 128 !Important;
} }
/*.Window A, .WindowContent A { .Window A, .WindowContent A {
Color: Var(--WindowLinks); /*Color: Var(--WindowLinks);*/
}*/ }
.TitleBar { .TitleBar {
Padding: Var(--WindowMargin); Padding: Var(--WindowMargin);
@ -141,7 +123,7 @@ Ul {
Position: Absolute; Position: Absolute;
Bottom: 0; Bottom: 0;
Right: 0; Right: 0;
Height: Calc(Var(--TaskBarHeight) / 6 * 5); Height: Calc(Var(--TaskBarHeight) / 6 * 5); /* Try to vertically center the text lol */
} }
/*--- "Shade window" button --------------------------*/ /*--- "Shade window" button --------------------------*/
@ -170,7 +152,7 @@ Ul {
* Mixed fried - Should be ordered * * Mixed fried - Should be ordered *
*--------------------------------------------------------*/ *--------------------------------------------------------*/
/* No selezione */ /* No selection */
.NoSelect, .NoSelect,
.TitleBarContent, .TitleBarContent,
.TaskBar, .TaskBar,
@ -184,34 +166,62 @@ Ul {
} }
#MainWindow { #MainWindow {
Max-Width: 80vw;
Position: Absolute; Position: Absolute;
Top: 12px; Max-Width: 85vw;
Right: 12px;
Max-Height: 90vh; Max-Height: 90vh;
Top: Calc(24px + Var(--TitleBarHeight));
Right: 12px;
Z-Index: 16; Z-Index: 16;
} }
#MainWindow .WindowContent { #MainWindow .WindowContent {
Max-Height: Calc(90vh - Calc(Var(--TitleBarHeight) * 2) - Var(--WindowMargin)); Max-Height: Calc(90vh - (Var(--TitleBarHeight) * 2) - Var(--WindowMargin));
} }
#TitlesWindow { #TitlesWindow {
Max-Width: 60vw;
Position: Absolute; Position: Absolute;
Top: 80px; Max-Width: 60vw;
Left: 12px;
Max-Height: 60vh; Max-Height: 60vh;
Z-Index: 8; Top: Calc(8px + 3vh + (Var(--TitleBarHeight)*2));
Left: 12px;
Z-Index: 12;
} }
#TitlesWindow .WindowContent { #TitlesWindow .WindowContent {
Max-Height: Calc(60vh - Calc(Var(--TitleBarHeight) * 2) - Var(--WindowMargin)); Max-Height: Calc(60vh - (Var(--TitleBarHeight) * 2) - Var(--WindowMargin));
} }
#TitlesWindow .WindowContent Ul Li, .TaskBarMenu Ul Li { #FeedWindow {
Position: Absolute;
Max-Width: 75vw;
Max-Height: 40vh;
Top: 8px;
Left: Calc(12px + 3vw);
Z-Index: 8;
}
#FeedWindow .WindowContent {
Max-Height: Calc(40vh - (Var(--TitleBarHeight) * 2) - Var(--WindowMargin));
}
#FeedWindow Ul Li, #TitlesWindow .WindowContent Ul Li, .TaskBarMenu Ul Li {
List-Style-Type: None !Important; List-Style-Type: None !Important;
} }
#TitlesWindow Ul, .TaskBarMenu Ul { #FeedWindow Ul, #TitlesWindow Ul, .TaskBarMenu Ul {
Padding-Top: 0px; Padding-Top: 0px;
Padding-Left: 8px;
Padding-Right: 4px;
}
#CountWindow { /* Tared for a reasonable 256x32 image */
Position: Absolute;
Max-Width: Calc(256px + 8px);
Max-Height: Calc(32px + 8px + Var(--TitleBarHeight));
Bottom: Calc(8px + 32px + 8px + Var(--TitleBarHeight) + Var(--TaskBarHeight));
Left: 8px;
Z-Index: 4;
}
#CountWindow .WindowContent {
Padding: 0px;
Max-Height: Calc(32px + 8px);
Overflow: Hidden;
} }
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/

View File

@ -32,19 +32,6 @@ Body {
Overflow-Wrap: Break-Word; Overflow-Wrap: Break-Word;
} }
.NoDisplay {
Display: None;
}
.NoCol {
Color: Transparent !Important;
}
.Inline {
Display: Inline;
}
.InlineBlock {
Display: Inline-Block;
}
.staticoso-ContentHeader-CreatedOn > .staticoso-Value, .staticoso-ContentHeader-CreatedOn > .staticoso-Value,
.staticoso-ContentHeader-EditedOn > .staticoso-Value { .staticoso-ContentHeader-EditedOn > .staticoso-Value {
Font-Weight: Bold; Font-Weight: Bold;
@ -69,10 +56,6 @@ Details Div Details {
Margin: 8px; Margin: 8px;
Padding: 4px; Padding: 4px;
} }
Summary > H1, Summary > H2, Summary > H3, Summary > H4, Summary > H5, Summary > H6,
Li > H1, Li > H3, Li > H3, Li > H4, Li > H5, Li > H6 {
Display: Inline;
}
A { A {
Color: #D000D0; Color: #D000D0;
@ -250,6 +233,7 @@ IFrame {
.Img36 Video:hover { .Img36 Video:hover {
Max-Height: 64vh !important; Max-Height: 64vh !important;
} }
.Center Img, .Center Video,
#MainBox p Img:not(.NoImgCenter, .NoImgCenter Img), #MainBox p Img:not(.NoImgCenter, .NoImgCenter Img),
#MainBox p Video:not(.NoImgCenter, .NoImgCenter Video) { #MainBox p Video:not(.NoImgCenter, .NoImgCenter Video) {
Display: Block; Display: Block;

View File

@ -3,6 +3,6 @@
<div id="StatCounter"> <div id="StatCounter">
<h4>Contatore assoluto delle visite</h4> <h4>Contatore assoluto delle visite</h4>
<a class="NoABigger" href="https://www.contatoreaccessi.com" target="_blank" rel="noopener" title="Contatore"><img src="https://counter4.whocame.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" alt="Contatore delle visite"></a> <a class="NoABigger" href="https://www.contatoreaccessi.com" target="_blank" rel="noopener" title="Contatore assoluto delle visite"><img src="https://counter4.whocame.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" alt="Conto assoluto delle visite"></a>
<!-- <a href="https://www.contatoreaccessi.com" title="contatori"><img src="https://counter9.stat.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" title="contatori" alt="contatori"></a> --> <!-- <a href="https://www.contatoreaccessi.com" title="contatori"><img src="https://counter9.stat.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" title="contatori" alt="contatori"></a> -->
</div> </div>

View File

@ -0,0 +1,12 @@
<div class="Window" id="CountWindow">
<div class="TitleBar">
<input type="checkbox" class="CheckToggle" id="CountWindowCheck">
<div class="TitleBarContent">
<span> <label class="CheckLabel" id="CountWindowCheckLabel" for="CountWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Visite Assolute</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-📊"><span></span>📊</span> </span>
</div>
<div class="WindowContent ToggleBox">
<a href="https://www.contatoreaccessi.com" target="_blank" rel="noopener" title="Contatore assoluto delle visite"><img src="https://counter4.whocame.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" alt="Conto assoluto delle visite"></a>
<!-- <a href="https://www.contatoreaccessi.com" title="contatori"><img src="https://counter9.stat.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" title="contatori" alt="contatori"></a> -->
</div>
</div>
</div>

View File

@ -2,13 +2,14 @@
// % HTMLTitle: <span class="twa twa-grinning-cat"><span>😺</span></span> Chi sono // % HTMLTitle: <span class="twa twa-grinning-cat"><span>😺</span></span> Chi sono
// % Index: True // % Index: True
// % Order: 20 // % Order: 20
// % UpdatedOn = 2022-10-27
# <span class="twa twa-grinning-cat"><span>😺</span></span> Chi sono? # <span class="twa twa-grinning-cat"><span>😺</span></span> Chi sono?
Giustamente, venendo qui, che tu abbia o meno letto le informazioni generali del sito sulla [Home](./index.html), ti starai chiedendo chi sono io. Giustamente, venendo qui, che tu abbia o meno letto le informazioni generali del sito sulla [Home](./index.html), ti starai chiedendo chi sono io.
Io sono Octt. Si, esatto, Octt da cui sitoctt, il mio sito, prende il nome. Io sono Octt. Si, esatto, Octt da cui sitoctt, il mio sito, prende il nome.
Octt [si pronuncia "òctt" - come sitoctt, ma senza "sit"]([staticoso:Folder:Assets:AbsoluteRoot]/Media/sitoctt-pronuncia.flac){[:MdTgtBlank:]}. _Octt_ si pronuncia "òctt" - [come sitoctt, ma senza "sit"]([staticoso:Folder:Assets:AbsoluteRoot]/Media/sitoctt-pronuncia.flac){[:MdTgtBlank:]}.
Io sono la webmaster di questo posto. O, forse, [webmistress](https://www.dictionary.com/browse/webmistress){[:MdTgtBlank:]} sarebbe più corretto, peccato che le persone che anche soltanto conoscono dell'esistenza di questa parola si contano sulle dita di una mano mozzata. Io sono la webmaster di questo posto. O, forse, [webmistress](https://www.dictionary.com/browse/webmistress){[:MdTgtBlank:]} sarebbe più corretto, peccato che le persone che anche soltanto conoscono dell'esistenza di questa parola si contano sulle dita di una mano mozzata.
Vabbe, io ho capito che nel mondo c'era necessità di questo sito <small>(ma quando mai??)</small>, ho immaginato il sito, ho iniziato a costruire il sito, ho messo in piedi strategie per semplificarmi la creazione del sito <small>(eee, che paroloni, ho scritto un programmino in Pitone)</small>, ed ecco qui il risultato. Vabbe, io ho capito che nel mondo c'era necessità di questo sito <small>(ma quando mai??)</small>, ho immaginato il sito, ho iniziato a costruire il sito, ho messo in piedi strategie per semplificarmi la creazione del sito <small>(eee, che paroloni, ho scritto un programmino in Pitone)</small>, ed ecco qui il risultato.
@ -16,7 +17,7 @@ Vabbe, io ho capito che nel mondo c'era necessità di questo sito <small>(ma qua
Beh, innanzitutto faccio questo sito. Scrivo le cose, che siano inutili fiumi di parole in lingua umana, oppure paroline magiche che il tuo computer interpreta per visualizzare queste pagine nella loro forma più gloriosa. Beh, innanzitutto faccio questo sito. Scrivo le cose, che siano inutili fiumi di parole in lingua umana, oppure paroline magiche che il tuo computer interpreta per visualizzare queste pagine nella loro forma più gloriosa.
Sono la Dea e loli dello [Spacc](https://wikispacc.miraheze.org/wiki/Spacc){[:MdTgtBlank:]}, nonché CEO di [Spacc Inc](https://wikispacc.miraheze.org/wiki/Spacc_Inc){[:MdTgtBlank:]}. In tal riguardo, sulle mie spalle gravano responsabilità distruttive.. ma seguite i collegamenti per capire, non parlo dello Spacc qui. Sono la Dea e loli dello [Spacc](https://wikispacc.miraheze.org/wiki/Spacc){[:MdTgtBlank:]}, nonché CEO di [Spacc Inc](https://wikispacc.miraheze.org/wiki/Spacc_Inc){[:MdTgtBlank:]}. In tal riguardo, sulle mie spalle gravano responsabilità distruttive.. ma lascio i collegamenti da seguire per capire, non parlo dello Spacc qui.
Poi, per quanto io tenti di passarci meno tempo possibile appresso, ho il mio server da amministrare quando la roba si spacca o c'è da aggiornare la qualsiasi, altrimenti tutta la baracca chi la porta avanti? Tra server Matrix, bot vari per diverse piattaforme, il server [SpaccCraft](https://wikispacc.miraheze.org/wiki/SpaccCraft){[:MdTgtBlank:]}, e qualche altra robina che adesso mi scoccio di ricordare, è una roba bestiale, resa solo più difficile dal mio usare hardware di fortuna. Poi, per quanto io tenti di passarci meno tempo possibile appresso, ho il mio server da amministrare quando la roba si spacca o c'è da aggiornare la qualsiasi, altrimenti tutta la baracca chi la porta avanti? Tra server Matrix, bot vari per diverse piattaforme, il server [SpaccCraft](https://wikispacc.miraheze.org/wiki/SpaccCraft){[:MdTgtBlank:]}, e qualche altra robina che adesso mi scoccio di ricordare, è una roba bestiale, resa solo più difficile dal mio usare hardware di fortuna.
@ -58,7 +59,8 @@ Per ora, mi dispiace, ma è tutto. Se vuoi sapere altro, dovrai prima aspettare
--- ---
<div class="Center" markdown="1">
![Me su Animal Crossing Wild World.]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Animal-Crossing/ACWW-Me-2022-08-01.avif) ![Me su Animal Crossing Wild World.]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Animal-Crossing/ACWW-Me-2022-08-01.avif)
_Io? Cute. Assolutamente indiscutibile._ _Io? Cute. Assolutamente indiscutibile._
_Voi? Meh, forse, penso???_ _Voi? Meh, forse.. penso???_
</div>

View File

@ -4,7 +4,6 @@
// % Index = True // % Index = True
// % Order = 35 // % Order = 35
// % Categories = Tecnologia // % Categories = Tecnologia
// $ Checkboxes = <input type="checkbox" id="CheckBox-sitoctt"><input type="checkbox" id="CheckBox-staticoso">
# <span class="twa twa-floppy-disk twa-💾">💾</span> Devlogs # <span class="twa twa-floppy-disk twa-💾">💾</span> Devlogs
@ -22,7 +21,7 @@ _Ovviamente, scriverò soltanto la roba interessante, non tutto quello che facci
<h3 class="NoTitle InlineBlock">Filtri:</h3> <h3 class="NoTitle InlineBlock">Filtri:</h3>
<input type="checkbox" id="CheckBox-sitoctt" checked><label for="CheckBox-sitoctt">#sitoctt</label> <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> <input type="checkbox" id="CheckBox-staticoso" checked><label for="CheckBox-staticoso">#staticoso</label>
</ noprocess --> </ noprocess --->
<div markdown="1" class="BorderBoxContainer"> <div markdown="1" class="BorderBoxContainer">

View File

@ -24,6 +24,11 @@ Tieni a mente che le pubblicazioni più recenti vanno sempre in cima, facendo sc
<div markdown="1" class="BorderBoxContainer"> <div markdown="1" class="BorderBoxContainer">
<details markdown="1"><summary>
#### [2022-10-27] Libro particolare </summary>
L'altro giorno ho scoperto il Codex Seraphinianus, una roba stranissima che forse mi sta per ispirare. A [questo thread su Mastodon](https://mastodon.uno/@octo/109225347482444777){[:MdTgtBlank:]} ho linkato un video ed il PDF del libro.. ma basta vedere le immagini che ogni tanto aggiungo per (non) capire di cosa si tratta.. 😁
</details>
<details markdown="1"><summary> <details markdown="1"><summary>
#### [2022-10-21] Diarylog - Non più, circa </summary> #### [2022-10-21] Diarylog - Non più, circa </summary>
Un mesetto fa creai una sezione "Diarylog" qui, come il PicoBlog ma per ospitare scritture più lunghe di queste; non quanto post di Blog, ma più lunghe. Perché? Non lo so, ma ho realizzato solo l'altro giorno che non ha senso ed è difficile da mantenere, e quindi da ora creo normali post nella sezione [MicroBlog](./Categories/MicroBlog.html) per avere la stessa cosa.. Un mesetto fa creai una sezione "Diarylog" qui, come il PicoBlog ma per ospitare scritture più lunghe di queste; non quanto post di Blog, ma più lunghe. Perché? Non lo so, ma ho realizzato solo l'altro giorno che non ha senso ed è difficile da mantenere, e quindi da ora creo normali post nella sezione [MicroBlog](./Categories/MicroBlog.html) per avere la stessa cosa..

View File

@ -5,6 +5,7 @@
// % Index = True // % Index = True
// % Order = 10 // % Order = 10
// % Image = [staticoso:Folder:Assets:AbsoluteRoot]/RichPreview/index.png // % Image = [staticoso:Folder:Assets:AbsoluteRoot]/RichPreview/index.png
// % UpdatedOn = 2022-10-27
h1 Ciao!! (UwU) h1 Ciao!! (UwU)
@ -40,16 +41,16 @@ p
strong(class='twa twa-sparkles twa-✨') ✨ strong(class='twa twa-sparkles twa-✨') ✨
| (#[i #[a(href='[staticoso:Folder:Assets:AbsoluteRoot]/Media/sitoctt-pronuncia.flac' target='_blank' rel='noopener') pronuncia: "sitòctt"]]). | (#[i #[a(href='[staticoso:Folder:Assets:AbsoluteRoot]/Media/sitoctt-pronuncia.flac' target='_blank' rel='noopener') pronuncia: "sitòctt"]]).
br 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! | 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!
h2 Collegamenti rapidi h2 Collegamenti rapidi
p Sul sito, ormai, un po' di roba c'è. Dovresti navigare il menu principale per poter accedere a tutto (leggi il seguito) ma, se proprio non sai dove partire, allora perché non dare un'occhiata a qualcosa tra.. p Sul sito, ormai, un po' di roba c'è. Dovresti navigare il menu principale per poter accedere a tutto (leggi il seguito) ma, se proprio non sai da dove partire, allora perché non dare un'occhiata ai miei post più recenti, dalla finestrella in alto a sinistra? Altrimenti, magari vai a qualcosa tra..
<span> <span>
<h3 class="Inline NoWrap"><a href="./Categories/Blog.html"><span class="twa twa-notebook twa-📓️"><span>📓️</span></span> Blog</a></h3>, <h3 class="Inline NoWrap"><a href="./Categories/Blog.html"><span class="twa twa-notebook twa-📓️"><span>📓️</span></span> Blog</a></h3>,
<h3 class="Inline NoWrap"><a href="./Categories/MicroBlog.html"><span class="twa twa-ledger twa-📒"><span>📒</span></span> MicroBlog</a></h3> o <h3 class="Inline NoWrap"><a href="./Categories/MicroBlog.html"><span class="twa twa-ledger twa-📒"><span>📒</span></span> MicroBlog</a></h3> o
<h3 class="Inline NoWrap"><a href="./PicoBlog.html"><span class="twa twa-envelope twa-✉️"><span>✉️</span></span> PicoBlog</a></h3> ? <h3 class="Inline NoWrap"><a href="./PicoBlog.html"><span class="twa twa-envelope twa-✉️"><span>✉️</span></span> PicoBlog</a></h3>.
</span> </span>
h2 Stato del sito e come navigare h2 Stato del sito e come navigare
@ -66,17 +67,20 @@ p
| 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. | 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 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. | 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 details
| 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). summary #[h4 Note sulla compatibilità dei browser (Espandi)]
| Se usi un browser antico ti garantisco che troverai tanta, tanta roba rotta (ma comunque il sito dovrebbe essere navigabile lo stesso). div
br p
| Essendo che questo sito contiene immagini AVIF, assicurati che il tuo browser sia aggiornato e decente. Safari di Apple, per esempio, mi dicono che non supporta AVIF, quindi #[span(style='Color:#d00000;') buttalo via]. | 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).
br | Se usi un browser antico ti garantisco che troverai tanta, tanta roba rotta (ma comunque il sito dovrebbe essere navigabile lo stesso).
| Preferibilmente #[i non] usare Chromium, che ha degli strani memory leak su pagine con animazioni complesse, e ha qualche #[i glitch particolare]. #[b Firefox] non ha questo problema, ma usa molto di più la CPU. br
br | Essendo che questo sito contiene immagini AVIF, assicurati che il tuo browser sia aggiornato e decente. Safari di Apple, per esempio, mi dicono che non supporta AVIF, quindi #[span(style='Color:#d00000;') buttalo via].
| Direi che la scelta non è tra il migliore ma tra il meno peggio.. br
br | Preferibilmente #[i non] usare Chromium, che ha degli strani memory leak su pagine con animazioni complesse, e ha qualche #[i glitch particolare]. #[b Firefox] non ha questo problema, ma usa molto di più la CPU.
i Nota: se scegli Firefox, non usare la versione ESR! È per sua natura vecchia, fossilizzata, e manca sempre di funzionalità moderne - per esempio, al giorno d'oggi ancora non supporta AVIF. br
| Direi che la scelta non è tra il migliore ma tra il meno peggio..
br
i Nota: se scegli Firefox, non usare la versione ESR! È per sua natura vecchia, fossilizzata, e manca sempre di funzionalità moderne - per esempio, al giorno d'oggi ancora non supporta AVIF.
h3 Script client-side h3 Script client-side
@ -86,25 +90,28 @@ p
| Ad ogni modo, però.. per fornire alcune funzionalità extra, devo per forza avere del JS, c'è poco da fare. Qui sotto, la lista di cosa uso. #[i Tutti i file sono caricati dai server del mio sito, quindi è difficile che enti malevoli possano nasconderci malware dentro]. | Ad ogni modo, però.. per fornire alcune funzionalità extra, devo per forza avere del JS, c'è poco da fare. Qui sotto, la lista di cosa uso. #[i Tutti i file sono caricati dai server del mio sito, quindi è difficile che enti malevoli possano nasconderci malware dentro].
details details
summary Lista di script client-side usati nel sito Web (Espandi) summary #[h4 Lista di script client-side usati nel sito Web (Espandi)]
div div
ul ul
li Script interni scritti da me: #[i Al momento, nessuno attivo!] li Script interni scritti da me: #[i Al momento, nessuno attivo!]
li #[del Polyfill per supportare le immagini AVIF su vecchi browser: #[a(href='https://github.com/Kagami/avif.js' target='_blank' rel='noopener') avif.js di Kagami]] (#[i Non ancora attivato, lo sarà a breve]) li #[del Polyfill per supportare le immagini AVIF su vecchi browser: #[a(href='https://github.com/Kagami/avif.js' target='_blank' rel='noopener') avif.js di Kagami]] (#[i Non ancora attivato, lo sarà a breve])
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. 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 (nel possibile).
dl details
dt • Browser Web, con supporto completo a CSS3 summary #[h4 Mie inutili digressioni su modi assolutamente assurdi di consultare il sitoctt (Espandi)]
dd (Perfetto!) div
dt • Stampa su carta olografica, GIF e CSS3 completamente renderizzati nel possibile dl
dd (Richiede muovere il foglio a mano ma ottimo!) dt • Browser Web, con supporto completo a CSS3
dt • Browser Web, con supporto incompleto a CSS3 dd (Perfetto!)
dd (Meh, OK..) dt • Stampa su carta olografica, GIF e CSS3 completamente renderizzati nel possibile
dt • Stampa su carta normale, animazioni CSS3 e GIF non renderizzate dd (Richiede muovere il foglio a mano ma ottimo!)
dd (Buuu, mancano le animazioni..) dt • Browser Web, con supporto incompleto a CSS3
dt • Browser vecchio (Web vecchio, Web testuale, o Gemini) / Stampa su carta normale, zero supporto CSS dd (Meh, OK..)
dd (Ma che è sto schifo?!?!) dt • Stampa su carta normale, animazioni CSS3 e GIF non renderizzate
dd (Buuu, mancano le animazioni..)
dt • Browser vecchio (Web vecchio, Web testuale, o Gemini) / Stampa su carta normale, zero supporto CSS
dd (Ma che è sto schifo?!?!)
h2 Ma di che si tratta? h2 Ma di che si tratta?
@ -154,7 +161,7 @@ p
h3 Feed e notifiche h3 Feed e notifiche
p Da ora il sitocto (il blogocto, nello specifico) ha dei feed integrati, che vengono automaticamente aggiornati quando pubblico un nuovo articolo! p Da ora il sitocto (il blogoctt e il MicroBlog, nello specifico) ha dei feed integrati, che vengono automaticamente aggiornati quando pubblico un nuovo articolo!
p p
b(style='color:#ff6a00;') Feed Atom b(style='color:#ff6a00;') Feed Atom
@ -185,7 +192,7 @@ p
br br
| - Suggerimento: se usi Friendica, puoi copiare il link al feed e incollarlo nella barra di ricerca, per poterlo seguire come se fosse un profilo! | - Suggerimento: se usi Friendica, puoi copiare il link al feed e incollarlo nella barra di ricerca, per poterlo seguire come se fosse un profilo!
p Inoltre, se usi una qualunque piattaforma del Fediverso ActivityPub (Mastodon, Pleroma, Misskey, ...) puoi seguire il bot del sitoctt, così da ricevere nel tuo feed Home i nuovi post: #[a(href='https://botsin.space/@sitoctt' target='_blank' rel='noopener') @sitoctt@botsin.space]! p Inoltre, se usi una qualunque piattaforma del #[b Fediverso ActivityPub] (Mastodon, Pleroma, Misskey, ...) puoi seguire il bot del sitoctt, così da ricevere nel tuo feed Home i nuovi post: #[a(href='https://botsin.space/@sitoctt' target='_blank' rel='me noopener') @sitoctt@botsin.space]!
h2 Sorgenti e licenze h2 Sorgenti e licenze
@ -219,7 +226,7 @@ p
p p
| Per terminare, trovate tutti i miei sorgenti sulle rispettive repo Git. | Per terminare, trovate tutti i miei sorgenti sulle rispettive repo Git.
br br
| Quelli del mio sito (divisi in repo multiple), alle condizioni descritte sopra: | Quelli del mio sito (divisi in repo multiple per tenere la cronologia pulita), alle condizioni descritte sopra:
a(href='https://gitlab.com/octtspacc/sitoctt' target='_blank' rel='noopener') gitlab.com/octtspacc/sitoctt a(href='https://gitlab.com/octtspacc/sitoctt' target='_blank' rel='noopener') gitlab.com/octtspacc/sitoctt
| ; | ;
a(href='https://gitlab.com/octtspacc/sitoctt-assets' target='_blank' rel='noopener') sitoctt-assets a(href='https://gitlab.com/octtspacc/sitoctt-assets' target='_blank' rel='noopener') sitoctt-assets

View File

@ -5,6 +5,7 @@ source ./.env
python3 ../staticoso/Source/Build.py \ python3 ../staticoso/Source/Build.py \
--SiteDomain="https://sitoctt.octt.eu.org" \ --SiteDomain="https://sitoctt.octt.eu.org" \
--FolderRoots="{'*':'https://octtspacc.gitlab.io', 'Assets':'https://octtspacc.gitlab.io/sitoctt-assets'}" \ --FolderRoots="{'*':'https://octtspacc.gitlab.io', 'Assets':'https://octtspacc.gitlab.io/sitoctt-assets'}" \
--DynamicParts="{}" \
--Minify="False" \ --Minify="False" \
--GemtextHeader="\ --GemtextHeader="\
# Spacc # Spacc

View File

@ -3,4 +3,4 @@
python3.10 ./staticoso/Source/Build.py \ python3.10 ./staticoso/Source/Build.py \
--SiteDomain="https://sitoctt.octt.eu.org" \ --SiteDomain="https://sitoctt.octt.eu.org" \
--FolderRoots="{'*':'https://octtspacc.gitlab.io', 'Assets':'http://http.sitoctt-assets.octt.eu.org/public'}" \ --FolderRoots="{'*':'https://octtspacc.gitlab.io', 'Assets':'http://http.sitoctt-assets.octt.eu.org/public'}" \
--DynamicParts="{'Head':['Twemoji.html'], 'Footer':['StatCounter.html']}" --DynamicParts="{'Head':['Twemoji.html'], 'Footer':['StatCounter.html'], 'Other':['CountWindow.html']}"

View File

@ -3,7 +3,7 @@
python3 ./staticoso/Source/Build.py \ python3 ./staticoso/Source/Build.py \
--SiteDomain="https://sitoctt.octt.eu.org" \ --SiteDomain="https://sitoctt.octt.eu.org" \
--FolderRoots="{'*':'https://octtspacc.gitlab.io', 'Assets':'https://octtspacc.gitlab.io/sitoctt-assets'}" \ --FolderRoots="{'*':'https://octtspacc.gitlab.io', 'Assets':'https://octtspacc.gitlab.io/sitoctt-assets'}" \
--DynamicParts="{'Head':['Twemoji.html'], 'Footer':['StatCounter.html']}" \ --DynamicParts="{'Head':['Twemoji.html'], 'Footer':['StatCounter.html'], 'Other':['CountWindow.html']}" \
--MastodonURL="https://botsin.space" \ --MastodonURL="https://botsin.space" \
--MastodonToken="$MastodonToken" \ --MastodonToken="$MastodonToken" \
--GemtextOutput=True \ --GemtextOutput=True \

View File

@ -1,5 +1,6 @@
[Main] [staticoso]
Logging = Info Logging = Info
Threads = 0
[Site] [Site]
Name = ✨sitoctt✨ Name = ✨sitoctt✨
@ -9,7 +10,7 @@ Lang = it
HTMLFixPre = True HTMLFixPre = True
[Feed] [Feed]
CategoryFilter = Blog CategoryFilter = *
[Categories] [Categories]
Uncategorized = Fritto-Misto Uncategorized = Fritto-Misto

View File

@ -3,8 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="[staticoso:Site:RelativeRoot]Assets/Global.css">
<link rel="stylesheet" href="[staticoso:Site:RelativeRoot]Assets/WM.css"> <link rel="stylesheet" href="[staticoso:Site:RelativeRoot]Assets/WM.css">
<!-- <link rel="stylesheet" href="../Assets/Assets/WM.css"> -->
<link href="[staticoso:Folder:Assets:AbsoluteRoot]/Fonts/SpaceMono/Style.css" rel="stylesheet"> <link href="[staticoso:Folder:Assets:AbsoluteRoot]/Fonts/SpaceMono/Style.css" rel="stylesheet">
<link rel="alternate" type="application/atom+xml" title="Feed Atom" href="[staticoso:Site:RelativeRoot]feed/atom.xml"> <link rel="alternate" type="application/atom+xml" title="Feed Atom" href="[staticoso:Site:RelativeRoot]feed/atom.xml">
<link rel="alternate" type="application/rss+xml" title="Feed RSS" href="[staticoso:Site:RelativeRoot]feed/rss.xml"> <link rel="alternate" type="application/rss+xml" title="Feed RSS" href="[staticoso:Site:RelativeRoot]feed/rss.xml">
@ -27,7 +27,6 @@
<script src="[staticoso:Site:RelativeRoot]Assets/AVIF-Polyfill/index.js"></script> <script src="[staticoso:Site:RelativeRoot]Assets/AVIF-Polyfill/index.js"></script>
</head> </head>
<body id="Body"> <body id="Body">
<div class="TaskBar"> <div class="TaskBar">
<details> <details>
<summary><span class="MenuButton"><big><b>[<span class="twa twa-books twa-📚"><span>📚</span></span>] Menu</b></big></span><br><br></summary> <summary><span class="MenuButton"><big><b>[<span class="twa twa-books twa-📚"><span>📚</span></span>] Menu</b></big></span><br><br></summary>
@ -38,6 +37,18 @@
<span class="TaskBarRight">&nbsp;<h4 class="Inline"><a href="[staticoso:Site:RelativeRoot]index.html"><span class="twa twa-sparkles twa-✨"></span>sitoctt2022<span class="twa twa-sparkles twa-✨"></span></a></h4>&nbsp;</span> <span class="TaskBarRight">&nbsp;<h4 class="Inline"><a href="[staticoso:Site:RelativeRoot]index.html"><span class="twa twa-sparkles twa-✨"></span>sitoctt2022<span class="twa twa-sparkles twa-✨"></span></a></h4>&nbsp;</span>
</div> </div>
<div class="Window" id="FeedWindow">
<div class="TitleBar">
<input type="checkbox" class="CheckToggle" id="FeedWindowCheck">
<div class="TitleBarContent">
<span> <label class="CheckLabel" id="FeedWindowCheckLabel" for="FeedWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Ultimi Post</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-📣"><span>📣</span></span> </span>
</div>
<div class="WindowContent ToggleBox">
<staticoso:Feed>
</div>
</div>
</div>
<div class="Window" id="MainWindow"> <div class="Window" id="MainWindow">
<div class="TitleBar"> <div class="TitleBar">
<input type="checkbox" class="CheckToggle" id="MainWindowCheck"> <input type="checkbox" class="CheckToggle" id="MainWindowCheck">
@ -61,6 +72,8 @@
</div> </div>
</div> </div>
</div> </div>
<staticoso:DynamicPart:WM/Other>
</div> </div>
</body> </body>
</html> </html>

View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="[staticoso:Site:RelativeRoot]Assets/Global.css">
<link rel="stylesheet" href="[staticoso:Site:RelativeRoot]Assets/sitoctt.css"> <link rel="stylesheet" href="[staticoso:Site:RelativeRoot]Assets/sitoctt.css">
<link href="[staticoso:Folder:Assets:AbsoluteRoot]/Fonts/SpaceMono/Style.css" rel="stylesheet"> <link href="[staticoso:Folder:Assets:AbsoluteRoot]/Fonts/SpaceMono/Style.css" rel="stylesheet">
<link rel="alternate" type="application/atom+xml" title="Feed Atom" href="[staticoso:Site:RelativeRoot]feed/atom.xml"> <link rel="alternate" type="application/atom+xml" title="Feed Atom" href="[staticoso:Site:RelativeRoot]feed/atom.xml">