mirror of https://gitlab.com/octtspacc/sitoctt
Agg. PicoBlog; Agg. interni (tema WM, cambio feed); Agg. minori a pag. principali
This commit is contained in:
parent
70c7f5be53
commit
6b2b0be041
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -34,24 +34,6 @@ Body {
|
|||
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 {
|
||||
Z-Index: 128 !Important;
|
||||
}
|
||||
/*.Window A, .WindowContent A {
|
||||
Color: Var(--WindowLinks);
|
||||
}*/
|
||||
.Window A, .WindowContent A {
|
||||
/*Color: Var(--WindowLinks);*/
|
||||
}
|
||||
|
||||
.TitleBar {
|
||||
Padding: Var(--WindowMargin);
|
||||
|
|
@ -141,7 +123,7 @@ Ul {
|
|||
Position: Absolute;
|
||||
Bottom: 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 --------------------------*/
|
||||
|
|
@ -170,7 +152,7 @@ Ul {
|
|||
* Mixed fried - Should be ordered *
|
||||
*--------------------------------------------------------*/
|
||||
|
||||
/* No selezione */
|
||||
/* No selection */
|
||||
.NoSelect,
|
||||
.TitleBarContent,
|
||||
.TaskBar,
|
||||
|
|
@ -184,34 +166,62 @@ Ul {
|
|||
}
|
||||
|
||||
#MainWindow {
|
||||
Max-Width: 80vw;
|
||||
Position: Absolute;
|
||||
Top: 12px;
|
||||
Right: 12px;
|
||||
Max-Width: 85vw;
|
||||
Max-Height: 90vh;
|
||||
Top: Calc(24px + Var(--TitleBarHeight));
|
||||
Right: 12px;
|
||||
Z-Index: 16;
|
||||
}
|
||||
#MainWindow .WindowContent {
|
||||
Max-Height: Calc(90vh - Calc(Var(--TitleBarHeight) * 2) - Var(--WindowMargin));
|
||||
Max-Height: Calc(90vh - (Var(--TitleBarHeight) * 2) - Var(--WindowMargin));
|
||||
}
|
||||
|
||||
#TitlesWindow {
|
||||
Max-Width: 60vw;
|
||||
Position: Absolute;
|
||||
Top: 80px;
|
||||
Left: 12px;
|
||||
Max-Width: 60vw;
|
||||
Max-Height: 60vh;
|
||||
Z-Index: 8;
|
||||
Top: Calc(8px + 3vh + (Var(--TitleBarHeight)*2));
|
||||
Left: 12px;
|
||||
Z-Index: 12;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
#TitlesWindow Ul, .TaskBarMenu Ul {
|
||||
#FeedWindow Ul, #TitlesWindow Ul, .TaskBarMenu Ul {
|
||||
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;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------*/
|
||||
|
|
|
|||
|
|
@ -32,19 +32,6 @@ Body {
|
|||
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-EditedOn > .staticoso-Value {
|
||||
Font-Weight: Bold;
|
||||
|
|
@ -69,10 +56,6 @@ Details Div Details {
|
|||
Margin: 8px;
|
||||
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 {
|
||||
Color: #D000D0;
|
||||
|
|
@ -250,6 +233,7 @@ IFrame {
|
|||
.Img36 Video:hover {
|
||||
Max-Height: 64vh !important;
|
||||
}
|
||||
.Center Img, .Center Video,
|
||||
#MainBox p Img:not(.NoImgCenter, .NoImgCenter Img),
|
||||
#MainBox p Video:not(.NoImgCenter, .NoImgCenter Video) {
|
||||
Display: Block;
|
||||
|
|
|
|||
|
|
@ -3,6 +3,6 @@
|
|||
|
||||
<div id="StatCounter">
|
||||
<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> -->
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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> <span> <b>Visite Assolute</b> </span> <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>
|
||||
|
|
@ -2,13 +2,14 @@
|
|||
// % HTMLTitle: <span class="twa twa-grinning-cat"><span>😺</span></span> Chi sono
|
||||
// % Index: True
|
||||
// % Order: 20
|
||||
// % UpdatedOn = 2022-10-27
|
||||
|
||||
# <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.
|
||||
|
||||
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.
|
||||
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.
|
||||
|
||||
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.
|
||||
|
||||
|
|
@ -58,7 +59,8 @@ Per ora, mi dispiace, ma è tutto. Se vuoi sapere altro, dovrai prima aspettare
|
|||
|
||||
---
|
||||
|
||||
|
||||
|
||||
<div class="Center" markdown="1">
|
||||
|
||||
_Io? Cute. Assolutamente indiscutibile._
|
||||
_Voi? Meh, forse, penso???_
|
||||
_Voi? Meh, forse.. penso???_
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@
|
|||
// % 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 twa-💾">💾</span> Devlogs
|
||||
|
||||
|
|
@ -22,7 +21,7 @@ _Ovviamente, scriverò soltanto la roba interessante, non tutto quello che facci
|
|||
<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 -->
|
||||
</ noprocess --->
|
||||
|
||||
<div markdown="1" class="BorderBoxContainer">
|
||||
|
||||
|
|
|
|||
|
|
@ -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-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>
|
||||
#### [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..
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
// % Index = True
|
||||
// % Order = 10
|
||||
// % Image = [staticoso:Folder:Assets:AbsoluteRoot]/RichPreview/index.png
|
||||
// % UpdatedOn = 2022-10-27
|
||||
|
||||
h1 Ciao!! (UwU)
|
||||
|
||||
|
|
@ -40,16 +41,16 @@ p
|
|||
strong(class='twa twa-sparkles twa-✨') ✨
|
||||
| (#[i #[a(href='[staticoso:Folder:Assets:AbsoluteRoot]/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!
|
||||
| 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
|
||||
|
||||
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>
|
||||
<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="./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>
|
||||
|
||||
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.
|
||||
| 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).
|
||||
| Se usi un browser antico ti garantisco che troverai tanta, tanta roba rotta (ma comunque il sito dovrebbe essere navigabile lo stesso).
|
||||
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].
|
||||
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.
|
||||
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.
|
||||
details
|
||||
summary #[h4 Note sulla compatibilità dei browser (Espandi)]
|
||||
div
|
||||
p
|
||||
| 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).
|
||||
| Se usi un browser antico ti garantisco che troverai tanta, tanta roba rotta (ma comunque il sito dovrebbe essere navigabile lo stesso).
|
||||
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].
|
||||
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.
|
||||
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
|
||||
|
||||
|
|
@ -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].
|
||||
|
||||
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
|
||||
ul
|
||||
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])
|
||||
|
||||
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
|
||||
dt • Browser Web, con supporto completo a CSS3
|
||||
dd (Perfetto!)
|
||||
dt • Stampa su carta olografica, GIF e CSS3 completamente renderizzati nel possibile
|
||||
dd (Richiede muovere il foglio a mano ma ottimo!)
|
||||
dt • Browser Web, con supporto incompleto a CSS3
|
||||
dd (Meh, OK..)
|
||||
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?!?!)
|
||||
details
|
||||
summary #[h4 Mie inutili digressioni su modi assolutamente assurdi di consultare il sitoctt (Espandi)]
|
||||
div
|
||||
dl
|
||||
dt • Browser Web, con supporto completo a CSS3
|
||||
dd (Perfetto!)
|
||||
dt • Stampa su carta olografica, GIF e CSS3 completamente renderizzati nel possibile
|
||||
dd (Richiede muovere il foglio a mano ma ottimo!)
|
||||
dt • Browser Web, con supporto incompleto a CSS3
|
||||
dd (Meh, OK..)
|
||||
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?
|
||||
|
||||
|
|
@ -154,7 +161,7 @@ p
|
|||
|
||||
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
|
||||
b(style='color:#ff6a00;') Feed Atom
|
||||
|
|
@ -185,7 +192,7 @@ p
|
|||
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!
|
||||
|
||||
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
|
||||
|
||||
|
|
@ -219,7 +226,7 @@ p
|
|||
p
|
||||
| Per terminare, trovate tutti i miei sorgenti sulle rispettive repo Git.
|
||||
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-assets' target='_blank' rel='noopener') sitoctt-assets
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ source ./.env
|
|||
python3 ../staticoso/Source/Build.py \
|
||||
--SiteDomain="https://sitoctt.octt.eu.org" \
|
||||
--FolderRoots="{'*':'https://octtspacc.gitlab.io', 'Assets':'https://octtspacc.gitlab.io/sitoctt-assets'}" \
|
||||
--DynamicParts="{}" \
|
||||
--Minify="False" \
|
||||
--GemtextHeader="\
|
||||
# Spacc
|
||||
|
|
|
|||
|
|
@ -3,4 +3,4 @@
|
|||
python3.10 ./staticoso/Source/Build.py \
|
||||
--SiteDomain="https://sitoctt.octt.eu.org" \
|
||||
--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']}"
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
python3 ./staticoso/Source/Build.py \
|
||||
--SiteDomain="https://sitoctt.octt.eu.org" \
|
||||
--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" \
|
||||
--MastodonToken="$MastodonToken" \
|
||||
--GemtextOutput=True \
|
||||
|
|
|
|||
5
Site.ini
5
Site.ini
|
|
@ -1,5 +1,6 @@
|
|||
[Main]
|
||||
[staticoso]
|
||||
Logging = Info
|
||||
Threads = 0
|
||||
|
||||
[Site]
|
||||
Name = ✨sitoctt✨
|
||||
|
|
@ -9,7 +10,7 @@ Lang = it
|
|||
HTMLFixPre = True
|
||||
|
||||
[Feed]
|
||||
CategoryFilter = Blog
|
||||
CategoryFilter = *
|
||||
|
||||
[Categories]
|
||||
Uncategorized = Fritto-Misto
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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="../Assets/Assets/WM.css"> -->
|
||||
<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/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>
|
||||
</head>
|
||||
<body id="Body">
|
||||
|
||||
<div class="TaskBar">
|
||||
<details>
|
||||
<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"> <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> </span>
|
||||
</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> <span> <b>Ultimi Post</b> </span> <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="TitleBar">
|
||||
<input type="checkbox" class="CheckToggle" id="MainWindowCheck">
|
||||
|
|
@ -61,6 +72,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<staticoso:DynamicPart:WM/Other>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 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">
|
||||
|
|
|
|||
Loading…
Reference in New Issue