sitoctt/Pages/index.pug

115 lines
7.7 KiB
Plaintext

// LastUpdated: Show
h1 Ciao!!
p Sei entrat#[span(class='BlinkA') a]#[span(class='BlinkO') o] nel...
// Credits: https://codepen.io/jh3y/pen/WNrXqYz
div
br
h1(class='NoTitle WavyText' style='--x: 6; --y: -6;')
for letter, index in '✨postoctt✨'.split('')
span(style=`--index: ${index}; --alpha-l: 0.125; --alpha-u: 0.25;`)= letter
h1(class='NoTitle WavyText' style='--x: 3; --y: -3;')
for letter, index in '✨postoctt✨'.split('')
span(style=`--index: ${index}; --alpha-l: 0.25; --alpha-u: 0.5;`)= letter
h1(class='NoTitle WavyText')
for letter, index in '✨postoctt✨'.split('')
span(style=`--index: ${index}; --alpha-l: 0.5; --alpha-u: 1;`)= letter
br
p
| Esatto, il #[strong ✨postoctt✨], Letteralmente il mio posto, perchè io sono octt e quindi posto + octt = ✨postoctt✨.
br
| Se preferisci, puoi chiamarlo postocto. O anche sitoctt! È pur sempre un sito web questo!
p
| Come puoi vedere da elementi segnaposto mezzi rotti ai bordi della pagina, tutto questo ambaradan è ancora pesantemente in costruzione.
br
| Gli aggiornamenti sono continui e avvengono senza preavviso, quindi dovresti rivisitare questo sito almeno qualche volta a settimana se ti interessano le novità sempre fresche.
p
| A tal proposito, per la migliore esperienza DEVI usare un browser con supporto almeno a CSS3.
br
| Preferibilmente non Chromium, che ha degli strani memory leak su pagine con animazioni complesse, oltre ad andare a scatti. Firefox non ha questo problema, ma usa molto di più la CPU. Ephiphany usa anche meno RAM di Firefox, ma al costo del doppio della CPU..
br
| Direi che la scelta non è tra il migliore ma tra il meno peggio..
p Codici JavaScript, al momento in cui sto scrivendo questa pagina, non ne uso neanche uno, perché non voglio costringere chi (per validi motivi di sicurezza) non vuole attivare JavaScript ad avere un'esperienza degradata.
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.
dl
dt • Browser, 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, 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 / Stampa su carta normale, zero supporto CSS
dd (Ma che è sto schifo?!?!)
h2 Ma di che si tratta?
p Su questo spazio web metterò di tutto. Spero.
p Per ora, sicuramente metto articoli che per un blog normale (come quello che al momento ho su noblogo) sono troppo corti o poco caratterizzati, ma voglio mettere anche tante raccolte sulle cose che mi piacciono, in forma sia testuale che di media. Una specie di galleria sulle cose che per me valgono.
p
| Oltre che degli effettivi contenuti, però, voglio che il sito sia galleria di sé stesso. Voglio creare qualcosa che abbia un suo carattere unico, come i siti web amatoriali degli anni 1995-2005, dove ogni luogo di Internet aveva sempre un'atmosfera diversa da tutto ciò visitato un attimo prima.
br
| L'ascesa dei social come li abbiamo oggi ha purtroppo rovinato il web sotto questo punto di vista, portando alla standardizzazione completa e alla morte della creatività espressa con la forma.
br
| Voglio che questo mio spazio web sia diverso da tutti gli altri, caratterizzati da testo monocromatico e temi riciclati, perché è un peccato avere strumenti potentissimi e non sfruttarli davvero.
p
| Per questo, cercherò di inventarmi di continuo modi di abbellire le pagina con il CSS, non solo con layouting o effetti del testo fissi, ma soprattutto con le animazioni.
br
| Al resto della forma, come l'ordine ad albero delle pagine nel sito o dei paragrafi nelle pagine, non penserò molto, altrimenti mi distraggo dal creare contenuti e la voglia mi passa.
p Ricapitolando, le mie intenzioni attuali sono queste, poi non lo so cosa ci finirà qui sopra col tempo per davvero..
h2 Disponibilità del sito
p
| Al momento, questo sito è disponibile solo su GitLab, all'indirizzo di #[a(href='https://octtspacc.gitlab.io/postoctt') octtspacc.gitlab.io/postoctt]. In realtà non lo so se rimarrà sul dominio octtspacc oppure lo sposterò sul vecchio octospacc, al momento ho dei casini con GitLab che dovrei prima vedere di risolvere.
br
| Non so nemmeno se il nome rimarrà postoctt, oppure rinominerò il tutto in sitoctt, perché il nome attuale mi da l'impressione di qualche servizio postale...
p
| Appena finisco di organizzare un pò le cose in maniera più o meno ordinata, metterò in piedi un mirror esatto del sito, sempre aggiornato, sul mio server in casa, e lo renderò accessibile tramite rete Tor. Il dominio sarà indicato qui appena possibile.
br
| Dovrei pensare anche a qualche altro mirror in cloud da diversi provider (ovviamente gratuiti), se voglio che il postoctt sopravviva ad octt stessa me medesima e superi la prova del tempo... Ma per ora il sito è vuoto, dovrei un po' riempirlo prima di pensare a sta roba.
h2 Sorgenti e licenze
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') CC BY-SA 4.0], una licenza libera che promuove la condivisione, e non intacca i legittimi diritti alla cultura e la collaborazione dell'umanità in generale.
p
| Sono presenti, però, anche contenuti non miei.
br
| In ogni caso, se qualcosa viene dalla mia mano, non avrà nessuna indicazione di crediti vicino.
br
| Per la roba presa in prestito, invece, verrà sempre indicata la fonte da cui ho prelevato e la licenza, che sia questa di dominio pubblico, Creative Commons, o non specificata.
br
| Occhio, che i crediti per le cosine HTML e CSS spesso li lascio soltanto nei sorgenti della pagina.. Quindi, in caso, controllate lì per questo genere di crediti. Per cose come immagini o testi, invece, eventuali crediti sono parte visibile della pagina, vicini all'oggetto preso in prestito.
p
| Parlando dei sorgenti del sito, quelli HTML dell'effettiva pagina caricata dal browser potrebbero essere difficili da leggere. Questo è perché in realtà non scrivo direttamente l'HTML completo per comporre il sito.
br
| Non solo sarebbe un casino replicare le mie varie barre e sezioni di navigazione su tutte le pagine, e se devo fare modifiche a queste poi è un inferno replicare la cosa ovunque, ma la sintassi HTML è sporca e faticosa da scrivere.
p
| Proprio per questi motivi, ho creato un mio generatore di siti statici (anche quello, come questo sito stesso, incompleto ma aggiornato di tanto in tanto quando mi serve), che preprocessa il mio codice sorgente per includere le mie barre in tutte le pagine, generare le sezioni della pagina (che appaiono nel menu di destra), e #[i altre cosette]. Passaggio importante, eventuali file Markdown o Pug vengono tradotti in HTML per essere comprensibili da normali browser, ed ecco qua.
br
| Ah, si, sto dicendo "#[i altre cosette]" perché si tratta di roba che al momento della scrittura di questa pagina è assente o incompleta, e scrivendo come scrivo mi paro le chiappette e non devo fare future modifiche. #[i H e h .]
p
| Per terminare, trovate tutti i miei sorgenti sulle rispettive repo Git.
br
| Quelli del mio sito, alle condizioni descritte sopra: #[a(href='https://gitlab.com/octtspacc/postoctt') gitlab.com/octtspacc/postoctt].
br
| Quelli del mio generatore, anche questo rilasciato sotto una licenza libera, la AGPL: #[a(href='https://gitlab.com/octtspacc/staticoso') gitlab.com/octtspacc/staticoso].