octospacc
/
sitoctt
mirror of https://gitlab.com/octtspacc/sitoctt
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix CSS vari e per pagine Journal; Attiv. patch plain HTML; Agg. interni HTML

This commit is contained in:
octospacc 2022-11-22 00:22:25 +01:00
parent e2d965aeaa
commit 47dd31eff7
16 changed files with 135 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.github/workflows/main.yml vendored
View File

@ -26,7 +26,8 @@ jobs:
sudo pip3 install lxml sudo pip3 install lxml
sudo npm install -g pug-cli sudo npm install -g pug-cli
git clone --depth 1 https://gitlab.com/octtspacc/staticoso git clone --depth 1 https://gitlab.com/octtspacc/staticoso
./Scripts/Deploy.GitHub.sh sh ./Scripts/Deploy.GitHub.sh
sh ./Scripts/Prepare.NoStyle.sh
- name: Deploy - name: Deploy
uses: JamesIves/github-pages-deploy-action@v4 uses: JamesIves/github-pages-deploy-action@v4

5
.gitlab-ci.yml
View File

@ -18,8 +18,9 @@ pages:
PATH=$PATH:$PWD PATH=$PATH:$PWD
cd .. cd ..
git clone --depth 1 https://gitlab.com/octtspacc/staticoso git clone --depth 1 https://gitlab.com/octtspacc/staticoso
./Scripts/Deploy.GitLab.sh sh ./Scripts/Deploy.GitLab.sh
./Scripts/Deploy.Gemini.sh sh ./Scripts/Deploy.Gemini.sh
sh ./Scripts/Prepare.NoStyle.sh
artifacts: artifacts:
paths: paths:
- public - public

8
Assets/Assets/Global.css
View File

@ -10,9 +10,15 @@
.Inline { Display: Inline; } .Inline { Display: Inline; }
.InlineBlock { Display: Inline-Block; } .InlineBlock { Display: Inline-Block; }
.NoCol { Color: Transparent !Important; } .NoCol { Color: Transparent !Important; }
.NoDisplay { Display: None; } .NoDisplay, .DispNone { Display: None; }
.DispBlock { Display: Block; }
.NoWrap { White-Space: NoWrap; } .NoWrap { White-Space: NoWrap; }
.i1em {
Max-Width: 1em;
Max-Height: 1em;
}
/* Set Headings as Inline when inside Details Summaries and List Items */ /* Set Headings as Inline when inside Details Summaries and List Items */
Summary > H1, Summary > H2, Summary > H3, Summary > H4, Summary > H5, Summary > H6, Summary > H1, Summary > H2, Summary > H3, Summary > H4, Summary > H5, Summary > H6,
Li > H1, Li > H3, Li > H3, Li > H4, Li > H5, Li > H6 { Li > H1, Li > H3, Li > H3, Li > H4, Li > H5, Li > H6 {

25
Assets/Assets/WM.css
View File

@ -149,6 +149,20 @@ Body {
} }
/**** -------------------------------------------- ****/ /**** -------------------------------------------- ****/
#Desktop {
Position: Absolute;
Top: 0px;
Left: 0px;
Width: 100vw;
Height: 100vh;
}
.Absolute-↙, .Absolute-↙️ {
Position: Absolute;
Bottom: 0px;
Left: 0px;
}
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
@ -222,6 +236,7 @@ Body {
} }
#CountWindow .WindowContent { #CountWindow .WindowContent {
Padding: 0px; Padding: 0px;
Min-Height: Calc(32px + 8px);
Max-Height: Calc(32px + 8px); Max-Height: Calc(32px + 8px);
Overflow: Hidden; Overflow: Hidden;
Text-Align: Center; Text-Align: Center;
@ -237,6 +252,7 @@ Body {
/* Tared for a 88x31 buttons and everything less tall */ /* Tared for a 88x31 buttons and everything less tall */
#SlideWindow { #SlideWindow {
Max-Width: 50vw; Max-Width: 50vw;
Min-Height: Calc(32px + 8px);
Max-Height: Calc(31px + 8px + Var(--TitleBarHeight)); Max-Height: Calc(31px + 8px + Var(--TitleBarHeight));
Bottom: Calc(8px + Var(--TaskBarHeight) + 31px); Bottom: Calc(8px + Var(--TaskBarHeight) + 31px);
Left: Calc(8px + 2vw); Left: Calc(8px + 2vw);
@ -248,4 +264,13 @@ Body {
Overflow: Hidden; Overflow: Hidden;
} }
#DesktopButtons {
Bottom: Calc(Var(--TaskBarHeight) + Var(--WindowMargin));
Left: Calc(Var(--WindowMargin) * 2);
}
#DesktopButtons:Hover {
Z-Index: 192 !Important;
}
/*--------------------------------------------------------*/ /*--------------------------------------------------------*/
/* Todo: Add show desktop button 🪬 */

10
Assets/Assets/loli-documentatrice.css
View File

@ -91,18 +91,18 @@ article .e-content {
Display: Inline-Block; Display: Inline-Block;
} }
.SectionTitle:Target { .staticoso-SectionTitle:Target {
Text-Decoration: Underline; Text-Decoration: Underline;
} }
.SectionLink { .staticoso-SectionLink {
Opacity: 0.1; Opacity: 0.1;
} }
.SectionLink:Hover { .staticoso-SectionLink:Hover {
Opacity: 0.8; Opacity: 0.8;
} }
.SectionLink > A::Before { .staticoso-SectionLink > A::Before {
Content: '🔗'; Content: '🔗';
} }
.SectionLink > A > Span { .staticoso-SectionLink > A > Span {
Font-Size: 0; Font-Size: 0;
} }

17
Assets/Assets/sitoctt.css
View File

@ -98,31 +98,36 @@ Code:Not(Pre Code) {
#MainBox A:Not( #MainBox A:Not(
.NoLinkLink, .NoLinkLink A, .NoLinkLink, .NoLinkLink A,
.SectionLink A, .staticoso-SectionLink A,
#StatCounter A, #StatCounter A,
#RingsDiv A #RingsDiv A
):Before { ):Before {
Content: '🔗 '; Content: '🔗 ';
} }
Header > P > A > Img {
Display: Inline !Important;
}
/* Clickable link at the left of every section title */ /* Clickable link at the left of every section title */
.SectionTitle:Target { #SitesList B:Target,
.staticoso-SectionTitle:Target {
Color: #EEDDFF !Important; Color: #EEDDFF !Important;
Background: #700070 !Important; Background: #700070 !Important;
Text-Decoration: Underline; Text-Decoration: Underline;
} }
.SectionLink { .staticoso-SectionLink {
Position: Absolute; Position: Absolute;
Left: -1.5em; Left: -1.5em;
Opacity: 0.08; Opacity: 0.08;
} }
.SectionLink:Hover { .staticoso-SectionLink:Hover {
Opacity: 0.8; Opacity: 0.8;
} }
.SectionLink > A::Before { .staticoso-SectionLink > A::Before {
Content: '🔗'; Content: '🔗';
} }
.SectionLink > A > Span { .staticoso-SectionLink > A > Span {
Font-Size: 0; Font-Size: 0;
} }

2
Pages/Devlogs.md
View File

@ -23,7 +23,7 @@ _Ovviamente, scriverò soltanto la roba interessante, non tutto quello che facci
<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" HTMLJournal="1" JournalTitle="💾 Devlogs di Octt">
<details markdown="1" class="Box-sitoctt Box-staticoso" open><summary> <details markdown="1" class="Box-sitoctt Box-staticoso" open><summary>
#### [2022-11-11] Novità estetiche incollate con lo sputo </summary> #### [2022-11-11] Novità estetiche incollate con lo sputo </summary>

6
Pages/PicoBlog.md
View File

@ -18,7 +18,7 @@ L'idea mia è quella di creare un flusso aggiornato più o meno spesso di frasi
Chissà se navigare questa pagina ti aiuterà a conoscermi meglio, ho paura di no. In verità direi, se del mio normale blog ti fidi 5, di quello che trovi qui devi fidarti -20. Non prendere troppo seriamente ciò che scrivo qui. Chissà se navigare questa pagina ti aiuterà a conoscermi meglio, ho paura di no. In verità direi, se del mio normale blog ti fidi 5, di quello che trovi qui devi fidarti -20. Non prendere troppo seriamente ciò che scrivo qui.
Tieni a mente che le pubblicazioni più recenti vanno sempre in cima, facendo scendere in basso le precedenti. Inoltre, ogni articolo è collassato di base per questioni di ordine, ti basta cliccare sul titolo per espanderne uno. Tieni a mente che le pubblicazioni più recenti vanno sempre in cima, facendo scendere in basso le precedenti. Inoltre, ogni articolo è collassato di base per questioni di ordine, ti basta cliccare sul titolo per espanderne uno.
<div markdown="1" class="BorderBoxContainer" HTMLJournal="1" JournalTitle="il picoblogoctt" <div markdown="1" class="BorderBoxContainer" HTMLJournal="1" JournalTitle="✉️ picoblogoctt"
JournalHeader="<p> JournalHeader="<p>
Questa pagina è stata automaticamente semplificata dalla versione originale, <a Questa pagina è stata automaticamente semplificata dalla versione originale, <a
href='./PicoBlog.html'>disponibile qui</a>. Considera di consultare quella per un'esperienza migliore, più comoda, con menu e link ai singoli post dentro la pagina! href='./PicoBlog.html'>disponibile qui</a>. Considera di consultare quella per un'esperienza migliore, più comoda, con menu e link ai singoli post dentro la pagina!
@ -28,9 +28,9 @@ href='./PicoBlog.html'>disponibile qui</a>. Considera di consultare quella per u
## Cose varie ## Cose varie
- Puoi ricevere gli aggiornamenti del PicoBlog tramite Atom. Non ho ancora sistemato staticoso per supportare pagine di questo tipo, ma grazie al servizio _Journal to Atom_ posso avere un feed: [![The Neon Kiosk]([staticoso:CustomPath:Assets]/Media/Buttons/Feed-88x31.png)](https://journal.miso.town/atom?url=https%3A%2F%2Fsitoctt.octt.eu.org%2FPicoBlog.Journal.html){[:MdTgtBlank:]} - Puoi ricevere gli aggiornamenti del PicoBlog tramite Atom. Non ho ancora sistemato staticoso per supportare pagine di questo tipo, ma grazie al servizio _Journal to Atom_ posso avere un feed: [![The Neon Kiosk]([staticoso:CustomPath:Assets]/Media/Buttons/Feed-88x31.png){.NoImgCenter .DispBlock}](https://journal.miso.town/atom?url=https%3A%2F%2Fsitoctt.octt.eu.org%2FPicoBlog.Journal.html){[:MdTgtBlank:]}
- Se qui hai finito di leggere le cose recenti, allora fatti un giro per il **Neon Kiosk**, dove puoi trovare pagine simili a questa ma da altre persone: [![The Neon Kiosk]([staticoso:CustomPath:Assets]/Media/Buttons/Sites/The-Neon-Kiosk-88x31.png)](https://kiosk.nightfall.city){[:MdTgtBlankNofw:]} - Se qui hai finito di leggere le cose recenti, allora fatti un giro per il **Neon Kiosk**, dove puoi trovare pagine simili a questa ma da altre persone: [![The Neon Kiosk]([staticoso:CustomPath:Assets]/Media/Buttons/Sites/The-Neon-Kiosk-88x31.png){.NoImgCenter .DispBlock}](https://kiosk.nightfall.city){[:MdTgtBlankNofw:]}
## Leggi il PicoBlog ## Leggi il PicoBlog

7
Pages/Raccolte/AI/Osservazione-Peka.md.old
View File

@ -1,7 +0,0 @@
// % Title: Osservazione di Peka
// % Categories: Tecnologia
// % Index: Categories
# Peka
A breve disponibile..

4
Pages/Raccolte/Internet/Raccolta-Siti-Internet.md
View File

@ -10,7 +10,7 @@ Una raccolta dedicata ad alcuni siti Internet carini (non solo web!), di varie t
A parte la divisione in categorie, non c'e alcun ordine particolare. A parte la divisione in categorie, non c'e alcun ordine particolare.
Le bandiere di nazione (emoji, forse non visibili su browser antichi) accanto ai nomi indicano le lingue primarie dei contenuti del sito. Le bandiere di nazione (emoji, forse non visibili su browser antichi) accanto ai nomi indicano le lingue primarie dei contenuti del sito.
<div markdown="1" class="NoImgCenter ImgShiftedH Pixelated"> <div markdown="1" id="SitesList" class="NoImgCenter NoLinkLink ImgShiftedH Pixelated">
<marquee markdown="1"> <marquee markdown="1">
[![✨sitoctt✨]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Buttons/Sites/sitoctt-1.png)](#-Il-mio) [![✨sitoctt✨]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Buttons/Sites/sitoctt-1.png)](#-Il-mio)
@ -20,8 +20,6 @@ Le bandiere di nazione (emoji, forse non visibili su browser antichi) accanto ai
[![neonaut]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Buttons/Sites/neonaut-88x31.png)](#-s-a-4) [![neonaut]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Buttons/Sites/neonaut-88x31.png)](#-s-a-4)
[![Yesterweb]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Buttons/Sites/Yesterweb-88x31.png)](#-s-a-5) [![Yesterweb]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Buttons/Sites/Yesterweb-88x31.png)](#-s-a-5)
[![OpenBooks]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Buttons/Sites/OpenBooks-88x31.gif)](#-s-a-6) [![OpenBooks]([staticoso:Folder:Assets:AbsoluteRoot]/Media/Buttons/Sites/OpenBooks-88x31.gif)](#-s-a-6)
[]()
[]()
</marquee> </marquee>
_Questi sopra sono i siti della lista che hanno un bottone 88x31. Vuoi anche tu il privilegio di stare anche in cima? Allora muoviti a disegnare st'immaginetta, su!_ _Questi sopra sono i siti della lista che hanno un bottone 88x31. Vuoi anche tu il privilegio di stare anche in cima? Allora muoviti a disegnare st'immaginetta, su!_

98
Pages/index.pug
View File

@ -67,19 +67,18 @@ p
| 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.
details details
summary #[h4 Note sulla compatibilità dei browser (Espandi)] summary: h4 Note sulla compatibilità dei browser (Espandi)
div div: p
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).
| 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).
| Se usi un browser antico ti garantisco che troverai tanta, tanta roba rotta (ma comunque il sito dovrebbe essere navigabile lo stesso). br
br | Essendo che questo sito, per l'appunto, 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].
| 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
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.
| 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 | Direi che la scelta non è tra il migliore ma tra il meno peggio..
| Direi che la scelta non è tra il migliore ma tra il meno peggio.. br
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.
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
@ -89,28 +88,26 @@ 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 #[h4 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... #[del lo sarà a breve] #[small quando cavolo lo farò? Sono mesi che rimando, il problema è che non è una soluzione plug-and-play, devo prima capirla e poi creare uno script di wrapping 😭]])
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 (nel possibile). 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).
details details
summary #[h4 Mie inutili digressioni su modi assolutamente assurdi di consultare il sitoctt (Espandi)] summary: h4 Mie inutili digressioni su modi assolutamente assurdi di consultare il sitoctt (Espandi)
div div: dl
dl dt: b • Browser Web, con supporto completo a CSS3
dt • Browser Web, con supporto completo a CSS3 dd (Perfetto!)
dd (Perfetto!) dt: b • Stampa su carta olografica, GIF e CSS3 completamente renderizzati nel possibile
dt • Stampa su carta olografica, GIF e CSS3 completamente renderizzati nel possibile dd (Richiede muovere il foglio a mano ma ottimo!)
dd (Richiede muovere il foglio a mano ma ottimo!) dt: b • Browser Web, con supporto incompleto a CSS3
dt • Browser Web, con supporto incompleto a CSS3 dd (Meh, OK..)
dd (Meh, OK..) dt: b • Stampa su carta normale, animazioni CSS3 e GIF non renderizzate
dt • Stampa su carta normale, animazioni CSS3 e GIF non renderizzate dd (Buuu, mancano le animazioni..)
dd (Buuu, mancano le animazioni..) dt: b • Browser vecchio (Web vecchio, Web testuale, o Gemini) / Stampa su carta normale, zero supporto CSS
dt • Browser vecchio (Web vecchio, Web testuale, o Gemini) / Stampa su carta normale, zero supporto CSS dd (Ma che è sto schifo?!?!)
dd (Ma che è sto schifo?!?!)
h2 Ma di che si tratta? h2 Ma di che si tratta?
@ -146,8 +143,19 @@ h3 Web
p Il sito Web è disponibile da diverse fonti. p Il sito Web è disponibile da diverse fonti.
ul ul
li Sul clearweb, sui server di #[span(style='Color:#fc6d26;') GitLab]: #[a(href='https://sitoctt.octt.eu.org') sitoctt.octt.eu.org]. li Sul #[b clearweb] HTTPS, sui server di #[span(style='Color:#fc6d26;') GitLab]: #[a(href='https://sitoctt.octt.eu.org') sitoctt.octt.eu.org].
li Sull'Onion Web (#[span(style='Color:#59316b;') Tor]), sui server di Replit: #[a(href='http://sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion') sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion]. Alla fine non è più ospitato in casa mia, ma forse è meglio così, è un carico in meno per il povero serverino di fortuna che ho (al momento, una console Nintendo Switch con Ubuntu). li Sull'#[b Onion Web] (#[span(style='Color:#59316b;') Tor]), sui server di Replit: #[a(href='http://sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion') sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion]. Alla fine non è più ospitato in casa mia, ma forse è meglio così, è un carico in meno per il povero serverino di fortuna che ho (al momento, #[del una console Nintendo Switch con Ubuntu] il Raspberry Pi 3).
details
summary: h4 Opzioni di compatibilità per sistemi obsoleti o esotici (Espandi)
div: dl
dt: b • Versione HTTP di base
dd
| Il sito include funzioni CSS complesse e relativamente moderne, per poter fornire effetti grafici (e funzionali) epici. Ironia della sorte, per quanto visualizzando le pagine su browser veramente vecchi, che mancano di supporto CSS totale o quasi, il tutto si vede brutto ma è leggibile.. su browser che sono #[i sia troppo vecchi e sia troppo nuovi] si presentano bug parecchio gravi, che rendono impossibile usare alcuni menù o addirittura leggere il testo!
br
| Oltre al fatto che (nel possibile) voglio supportare sistemi vecchi, 'ste maledette rogne si presentano anche su dispositivi meno popolari ma attuali, tipo il Kindle! Insomma, per i troppi browser che non includono un'impostazione per disattivare completamente il CSS, era d'obbligo fare quello che ho fatto: al percorso #[a(href="./Plain") /Plain] sui miei domini del clearweb c'è una root parallela, e pagine con uguale contenuto ma CSS ridotto all'osso.
dt: b • HTTP non cifrato
dd Per evitare problemi ci ho dedicato un sottodominio dedicato, tenendo HTTPS forzato sul principale; ma, visto che non mi richiede manutenzione, ho fatto si che dal dominio di quinto (!) livello "#[span(style="Font-Style: Monospace;") http]" si acceda al sito tramite HTTP non cifrato (ospitato da GitHub, stavolta): in poche parole, l'indirizzo è #[code(style="Text-Decoration:Underline;") http://http.sitoctt.octt.eu.org]. I contenuti sono identici, ovviamente, ma finalmente si può navigare il sitoctt su roba come #[i Internet Explorer 4] direttamente contattando il server.
h3 Gemini h3 Gemini
@ -197,7 +205,7 @@ h2 Sorgenti e licenze
h3 Licenze dei contenuti h3 Licenze dei contenuti
<p>Tutto il contenuto presente su questo sito che ho creato io (i miei testi, media originali, e maggior parte del codice sorgente) è rilasciato sotto licenza <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.it" target="_blank" rel="noopener">"Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale" (CC BY-SA 4.0) (<span class="CCIcons"><img src="[staticoso:Folder:Assets:AbsoluteRoot]/Media/Icons/CC/CC.svg"> <img src="[staticoso:Folder:Assets:AbsoluteRoot]/Media/Icons/CC/BY.svg"> <img src="[staticoso:Folder:Assets:AbsoluteRoot]/Media/Icons/CC/SA.svg"</span>)</a>, una licenza libera che promuove la condivisione, e non intacca i legittimi diritti alla cultura e la collaborazione dell'umanità in generale.</p> <p>Tutto il contenuto presente su questo sito che ho creato io (i miei testi, media originali, e maggior parte del codice sorgente) è rilasciato sotto licenza <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.it" target="_blank" rel="noopener">"Creative Commons Attribuzione - Condividi allo stesso modo 4.0 Internazionale" (CC BY-SA 4.0) (<span class="CCIcons"><img class="i1em" src="[staticoso:Folder:Assets:AbsoluteRoot]/Media/Icons/CC/CC.svg"> <img class="i1em" src="[staticoso:Folder:Assets:AbsoluteRoot]/Media/Icons/CC/BY.svg"> <img class="i1em" src="[staticoso:Folder:Assets:AbsoluteRoot]/Media/Icons/CC/SA.svg"</span>)</a>, una licenza libera che promuove la condivisione, e non intacca i legittimi diritti alla cultura e la collaborazione dell'umanità in generale.</p>
p p
| Sono presenti, però, anche contenuti non miei. | Sono presenti, però, anche contenuti non miei.
@ -236,14 +244,13 @@ p
h3 Crediti speciali h3 Crediti speciali
details details
summary Lista di crediti e ringraziamenti speciali a chi ho preso materiale in prestito (Espandi) summary: h4 Lista di crediti e ringraziamenti speciali a chi ho preso materiale in prestito (Espandi)
div div: ul
ul li Lista di #[a(href='#-Script-client-side') script client-side], tra cui alcuni di terzi
li Lista di #[a(href='#-Script-client-side') script client-side], tra cui alcuni di terzi li Titolo animato ad onda: #[a(href='https://codepen.io/jh3y/pen/WNrXqYz' target='_blank' rel='noopener') Waaaves di jh3y]
li Titolo animato ad onda: #[a(href='https://codepen.io/jh3y/pen/WNrXqYz' target='_blank' rel='noopener') Waaaves di jh3y] li Famiglia caratteri: #[a(href='https://fonts.google.com/specimen/Space+Mono' target='_blank' rel='noopener') Space Mono di Colophon Foundry]
li Famiglia caratteri: #[a(href='https://fonts.google.com/specimen/Space+Mono' target='_blank' rel='noopener') Space Mono di Colophon Foundry] li Pacchetto emoji CSS: #[a(href='https://twemoji.twitter.com' target='_blank' rel='noopener') Twemoji di Twitter], via #[a(href='https://gitlab.com/octtspacc/twemoji-astonishing' target='_blank' rel='noopener') Twemoji Astonishing]
li Pacchetto emoji CSS: #[a(href='https://twemoji.twitter.com' target='_blank' rel='noopener') Twemoji di Twitter], via #[a(href='https://gitlab.com/octtspacc/twemoji-astonishing' target='_blank' rel='noopener') Twemoji Astonishing] li Alcuni bottoni 88x31 non identitari: #[a(href='https://cyber.dabamos.de/88x31' target='_blank' rel='noopener') 88x31 GIF Collection di cyber.dabamos.de]
li Alcuni bottoni 88x31 non identitari: #[a(href='https://cyber.dabamos.de/88x31' target='_blank' rel='noopener') 88x31 GIF Collection di cyber.dabamos.de]
br br
hr hr
@ -262,9 +269,14 @@ div#RingsDiv
<p class="Center"> <p class="Center">
<a href="https://fediring.net/previous?host=sitoctt.octt.eu.org"><big>←</big></a> <a href="https://fediring.net/previous?host=sitoctt.octt.eu.org"><big>←</big></a>
<span> </span> <span> </span>
<a href="https://fediring.net/"><img title="Fediverse Logo Proposal, Eukombos, CC0, Wikimedia Commons" src="[staticoso:Folder:Assets:AbsoluteRoot]/Media/Icons/Fediverse/Fediverse_logo_proposal.svg"> Fediring</a> <a href="https://fediring.net/"><img class="i1em" title="Fediverse Logo Proposal, Eukombos, CC0, Wikimedia Commons" src="[staticoso:Folder:Assets:AbsoluteRoot]/Media/Icons/Fediverse/Fediverse_logo_proposal.svg"> Fediring</a>
<span> </span> <span> </span>
<a href="https://fediring.net/random">[<span class="twa twa-🎲">🎲</span>]</a> <a href="https://fediring.net/random">[<span class="twa twa-🎲">🎲</span>]</a>
<span> </span> <span> </span>
<a href="https://fediring.net/next?host=sitoctt.octt.eu.org"><big>→</big></a> <a href="https://fediring.net/next?host=sitoctt.octt.eu.org"><big>→</big></a>
</p> </p>
br
hr
small(style="Float:Right; Opacity:0.7;"): i ❤️ Copying is an act of love. Please copy and share.

14
Scripts/Prepare.NoStyle.sh Normal file → Executable file
View File

@ -12,7 +12,11 @@ body {
background-color: #000000; background-color: #000000;
} }
} }
<\/style> img {
max-width: 100%;
max-height: 100vh;
}
</style>
" "
cp -r ./public ./public.plain cp -r ./public ./public.plain
@ -20,11 +24,11 @@ mv ./public.plain ./public/Plain
cd ./public/Plain cd ./public/Plain
find . -name "*.html" \ find . -name "*.html" \
-exec sed -i "s/<style>/<!--style>/g" {} \; \ -exec sed -i "s|<style>|<!--style>|g" {} \; \
-exec sed -i "s/<\/style>/<\/style--->/g" {} \; -exec sed -i "s|</style>|</style--->|g" {} \;
find . -name "*.html" \ find . -name "*.html" \
-exec sed -i "s/<head>/<head>\n$(echo $HeadInject)/" {} \; -exec sed -i "s|<head>|<head>\n$(echo $HeadInject)|" {} \;
find . -name "*.css" \ find . -name "*.css" \
-exec sh -c "> {}" \; -exec sh -c 'if [ "$(basename {})" != "Global.css" ]; then echo > {}; fi' \;

8
StaticParts/Standard/LeftBoxBottom.html → StaticParts/Standard/MiscButtons.Vertical.html
View File

@ -1,19 +1,11 @@
<hr><br>
<div id="LeftBoxBottom" class="Pixelated NoABigger">
<staticoso:StaticPart:Buttons/Mastodon-88x31.html> <staticoso:StaticPart:Buttons/Mastodon-88x31.html>
<span> </span> <span> </span>
<staticoso:StaticPart:Buttons/GNU-Linux-88x31.html> <staticoso:StaticPart:Buttons/GNU-Linux-88x31.html>
<br> <br>
<staticoso:StaticPart:Buttons/Firefox-88x31.html> <staticoso:StaticPart:Buttons/Firefox-88x31.html>
<span/> </span> <span/> </span>
<staticoso:StaticPart:Buttons/Tor-88x31.html> <staticoso:StaticPart:Buttons/Tor-88x31.html>
<br> <br>
<staticoso:StaticPart:Buttons/InternetArchive-88x31.html> <staticoso:StaticPart:Buttons/InternetArchive-88x31.html>
<span> </span> <span> </span>
<staticoso:StaticPart:Buttons/Wikipedia-88x31.html> <staticoso:StaticPart:Buttons/Wikipedia-88x31.html>
</div>

20
StaticParts/WM/SlideWindow.html
View File

@ -1,20 +0,0 @@
<div class="Window" id="SlideWindow">
<div class="TitleBar">
<input type="checkbox" class="CheckToggle" id="SlideWindowCheck">
<div class="TitleBarContent">
<span> <label class="CheckLabel" for="SlideWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>&lt;marquee&gt;</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-📣"><span>📣</span></span> </span>
</div>
<div class="WindowContent ToggleBox">
<marquee>
<staticoso:StaticPart:Buttons/Feed-88x31.html>
<staticoso:StaticPart:Buttons/CreativeCommons-88x31.html>
<staticoso:StaticPart:Buttons/Mastodon-88x31.html>
<staticoso:StaticPart:Buttons/GNU-Linux-88x31.html>
<staticoso:StaticPart:Buttons/Firefox-88x31.html>
<staticoso:StaticPart:Buttons/Tor-88x31.html>
<staticoso:StaticPart:Buttons/InternetArchive-88x31.html>
<staticoso:StaticPart:Buttons/Wikipedia-88x31.html>
</marquee>
</div>
</div>
</div>

10
Templates/WM.html
View File

@ -60,7 +60,15 @@
</div> </div>
</div> </div>
<staticoso:StaticPart:WM/SlideWindow.html> <div id="Desktop">
<div class="Absolute-↙" id="DesktopButtons">
<staticoso:StaticPart:Standard/MiscButtons.Vertical.html>
<br>
<staticoso:StaticPart:Buttons/Feed-88x31.html>
<staticoso:StaticPart:Buttons/CreativeCommons-88x31.html>
</div>
</div>
<staticoso:DynamicPart:WM/Other> <staticoso:DynamicPart:WM/Other>
</div> </div>
</body> </body>

5
Templates/sitoctt.html
View File

@ -23,7 +23,10 @@
<summary><big><b>[<span class="twa twa-books"><span>📚</span></span>]</b></big></summary> <summary><big><b>[<span class="twa twa-books"><span>📚</span></span>]</b></big></summary>
<div id="LeftBox"> <div id="LeftBox">
<staticoso:SiteMenu> <staticoso:SiteMenu>
<staticoso:StaticPart:Standard/LeftBoxBottom.html> <hr>
<div id="LeftBoxBottom" class="Pixelated NoABigger">
<staticoso:StaticPart:Standard/MiscButtons.Vertical.html>
</div>
</div> </div>
</details> </details>
</div> </div>