mirror of https://gitlab.com/octtspacc/sitoctt
Agg. interni; 1^a revisione nuovo articolo: 🥴 Brutta interfaccia? File tutti distrutti!
This commit is contained in:
parent
6a2167b535
commit
61a92c17f0
|
|
@ -1,9 +1,15 @@
|
|||
#!/usr/bin/env node
|
||||
require('../../Scripts/Lib/SelfBuild.js').importAll();
|
||||
|
||||
const DeskModeMinWid = `1024px`;
|
||||
const SectLink = `.staticoso-SectionLink`;
|
||||
const IfDeskMode = `#DesktopModeCheck:Checked`;
|
||||
const IfDeskMode_Div =`${IfDeskMode} ~ Div`;
|
||||
const NoLinkLinkWhere = `.NoLinkLink, ${Where('', '.NoLinkLink, .staticoso-SectionLink, #StatCounter, #RingsDiv', ' a')}`;
|
||||
|
||||
const RawDataCss = {
|
||||
DeskModeMinWid: DeskModeMinWid,
|
||||
};
|
||||
|
||||
Fs.writeFileSync(__filename.split('.SelfBuild.js')[0], `
|
||||
/*--------------------------------------------------------*
|
||||
|
|
@ -47,7 +53,6 @@ Body {
|
|||
Font-Size: 13pt;
|
||||
Padding: Var(--ContentPadding);
|
||||
Overflow-Wrap: Break-Word;
|
||||
Font-Variant-Ligatures: None;
|
||||
}
|
||||
|
||||
${Where('', '.staticoso-ContentHeader-CreatedOn, .staticoso-ContentHeader-EditedOn', '> .staticoso-Value')} {
|
||||
|
|
@ -69,7 +74,7 @@ Details Div {
|
|||
Padding: 4px;
|
||||
}
|
||||
.BorderBox,
|
||||
.BorderBoxContainer > :Where(Div, Details):Not(.NoBorderBox),
|
||||
${Where('.BorderBoxContainer >', ' Div, Details', ':Not(.NoBorderBox)')}
|
||||
Details Div Details:Not(.NoBorderBox) {
|
||||
Border: 2px Solid Purple;
|
||||
Margin: 8px;
|
||||
|
|
@ -77,7 +82,7 @@ Details Div Details:Not(.NoBorderBox) {
|
|||
}
|
||||
|
||||
A { Color: Var(--cPurpleLighter); }
|
||||
:Where(Code, .Code) A { Color: #60D0D0; }
|
||||
Code A, .Code A { Color: #60D0D0; }
|
||||
|
||||
${Where('h', Range(1,6), '')} {
|
||||
Color: #503080;
|
||||
|
|
@ -127,16 +132,10 @@ Video.SmallVideoQuote + Blockquote {
|
|||
Margin-Bottom: 0px;
|
||||
}
|
||||
|
||||
#MainBox A:Not(
|
||||
.NoLinkLink,
|
||||
:Where(.NoLinkLink, .staticoso-SectionLink, #StatCounter, #RingsDiv) A
|
||||
):Before {
|
||||
#MainBox A:Not(${NoLinkLinkWhere}):Before {
|
||||
Content: '🔗 ';
|
||||
}
|
||||
#MainBox A:Not(
|
||||
.NoLinkLink,
|
||||
:Where(.NoLinkLink, .staticoso-SectionLink, #StatCounter, #RingsDiv) A
|
||||
):After {
|
||||
#MainBox A:Not(${NoLinkLinkWhere}):After {
|
||||
Content: '';
|
||||
Border-Radius: 0.125em;
|
||||
Display: Inline-Block;
|
||||
|
|
@ -173,7 +172,7 @@ ${SectLink} > A > Span { Font-Size: 0; }
|
|||
A:Hover:Not(
|
||||
.NoABigger, .NoHoverLight,
|
||||
.NoABigger A, .NoHoverLight A,
|
||||
:Where(H3, H4, H5, H6) > A
|
||||
${Where('h', Range(3,6), ' > a')}
|
||||
),
|
||||
.YesHoverLight:Hover, .YesHoverLight A:Hover {
|
||||
Color: Var(--cBasePinky) !Important;
|
||||
|
|
@ -262,7 +261,8 @@ Img.Center, Video.Center,
|
|||
Margin-Left: Auto;
|
||||
Margin-Right: Auto;
|
||||
}
|
||||
.ImgSidePadding :Where(Img, Video) {
|
||||
.ImgSidePadding Img,
|
||||
.ImgSidePadding Video {
|
||||
Padding-Left: 16px;
|
||||
Padding-Right: 16px;
|
||||
}
|
||||
|
|
@ -278,7 +278,7 @@ Img.Center, Video.Center,
|
|||
Clear: Both;
|
||||
Display: Table;
|
||||
}
|
||||
.MediaRow2 :Where(Img, Video) {
|
||||
.MediaRow2 Img, .MediaRow2 Video {
|
||||
Float: Left;
|
||||
Width: 50%;
|
||||
Padding: 4px;
|
||||
|
|
@ -416,9 +416,8 @@ Img.Center, Video.Center,
|
|||
*/
|
||||
}
|
||||
|
||||
@Media (Max-Width: 1000px) {
|
||||
@Media (Max-Width: ${DeskModeMinWid}) {
|
||||
Details > Summary:Hover { Font-Size: 15pt; }
|
||||
|
||||
#DesktopModeCheck, #DesktopModeLabel { Display: None; }
|
||||
}
|
||||
|
||||
|
|
@ -430,33 +429,84 @@ Img.Center, Video.Center,
|
|||
* Desktop view mode *
|
||||
*--------------------------------------------------------*/
|
||||
|
||||
@Media (Min-Width: 1000px) {
|
||||
@Media (Min-Width: ${DeskModeMinWid}) {
|
||||
#DesktopModeCheck/*:Unchecked*/ {
|
||||
Opacity: 0;
|
||||
|
||||
/* For position on top screen area:
|
||||
Position: Absolute;
|
||||
/* Yeah what? These values have an unknown relationship *\
|
||||
\* to the Top and Left of the label */
|
||||
*/
|
||||
|
||||
/* For position on bottom ribbon: */
|
||||
Position: Fixed;
|
||||
/* */
|
||||
|
||||
/* Yeah what? Values below have an unknown relationship *\
|
||||
\* to the Top and Left of the label (see below) */
|
||||
|
||||
/* Button on top (issues, see below):
|
||||
Top: 5.0em;
|
||||
Left: 7.5em;
|
||||
/*Opacity: 0;*/
|
||||
*/
|
||||
|
||||
/* Button on top of bottom ribbon */
|
||||
Bottom: 0.5em;
|
||||
Left: 3.5em;
|
||||
Z-Index: 4;
|
||||
/* */
|
||||
}
|
||||
/*#DesktopModeCheck:Unchecked ~*/ #DesktopModeLabel {
|
||||
/* For position on top screen area:
|
||||
Position: Absolute;
|
||||
*/
|
||||
|
||||
/* For position on bottom ribbon: */
|
||||
Position: Fixed;
|
||||
/* */
|
||||
|
||||
/* Idk why sometimes with some zoom levels *\
|
||||
\* this appears to shift up or down 1-2 pixels */
|
||||
|
||||
/* Button on top (issues, see below):
|
||||
Top: 3.55em;
|
||||
Left: 5em;
|
||||
*/
|
||||
|
||||
/* Button on top of bottom ribbon */
|
||||
Bottom: 0.5em;
|
||||
Left: 3.5em;
|
||||
Z-Index: 4;
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Nota: Forse dovrebbe stare più in alto, a destra, a fianco del tasto Menu */
|
||||
${IfDeskMode} {
|
||||
${IfDeskMode} { /* Desktop mode checkbox itself */
|
||||
Position: Fixed;
|
||||
|
||||
/* Button below menu one (issue: gets covered by big menu):
|
||||
Top: 5.5em;
|
||||
Left: 3.5em;
|
||||
*/
|
||||
|
||||
/* Button right of menu one (issue: looks bad because goes over content):
|
||||
Z-Index: 8;
|
||||
Top: 1.5em;
|
||||
Left: Calc(Var(--mDesktopSideWidth) - Var(--mDesktopSideLeft) + 2em);
|
||||
*/
|
||||
}
|
||||
${IfDeskMode} ~ #DesktopModeLabel {
|
||||
Position: Fixed;
|
||||
|
||||
/* Button below menu one (issue: gets covered by big menu):
|
||||
Top: 4em;
|
||||
Left: 2em;
|
||||
*/
|
||||
|
||||
/* Button right of menu one (issue: looks bad because goes over content):
|
||||
Z-Index: 8;
|
||||
Top: 1em;
|
||||
Left: Calc(Var(--mDesktopSideWidth) - Var(--mDesktopSideLeft) + 1em);
|
||||
*/
|
||||
}
|
||||
|
||||
${IfDeskMode_Div} #MainBox {
|
||||
|
|
@ -537,4 +587,6 @@ H1, H2, H3, A, Img, Video, Summary,
|
|||
}
|
||||
|
||||
/*--------------------------------------------------------*/
|
||||
|
||||
${RawDataCssRule(RawDataCss)}
|
||||
`);
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
// % Title: 🌐️ Internet
|
||||
// % HTMLTitle: <span class="twa twa-globe-with-meridians"><span>🌐️</span></span> Internet
|
||||
// % HTMLTitle: <span class="twa twa-globe-with-meridians twa-🌐️"><span>🌐️</span></span> Internet
|
||||
// % Index: True
|
||||
// % Categories: Tecnologia
|
||||
|
||||
# <span class="twa twa-globe-with-meridians"><span>🌐️</span></span> Internet
|
||||
# <span class="twa twa-globe-with-meridians twa-🌐️"><span>🌐️</span></span> Internet
|
||||
|
||||
<div><staticoso:Category:Internet></div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,8 @@
|
|||
// % Title: ⚙️ Sysadmin
|
||||
// % HTMLTitle: <span class="twa twa-gear twa-⚙️"><span>⚙️</span></span> Sysadmin
|
||||
// % Index: True
|
||||
// % Categories: Tecnologia
|
||||
|
||||
# <span class="twa twa-gear twa-⚙️"><span>⚙️</span></span> Sysadmin
|
||||
|
||||
<div><staticoso:Category:Sysadmin></div>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
// % Title: 📡 Tecnologia
|
||||
// % HTMLTitle: <span class="twa twa-satellite-antenna"><span>📡</span></span> Tecnologia
|
||||
// % HTMLTitle: <span class="twa twa-satellite-antenna twa-📡"><span>📡</span></span> Tecnologia
|
||||
// % Index: True
|
||||
|
||||
# <span class="twa twa-satellite-antenna"><span>📡</span></span> Tecnologia
|
||||
# <span class="twa twa-satellite-antenna twa-📡"><span>📡</span></span> Tecnologia
|
||||
|
||||
<div><span>[staticoso:Category:Tecnologia]</span></div>
|
||||
<div><staticoso:Category:Tecnologia></div>
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@ p
|
|||
details
|
||||
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 Script interni, scritti da me: Auto-espansione dei menu sulle pagine con tema sitoctt in modalità desktop.
|
||||
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 😭]])
|
||||
|
||||
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).
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
// % Title: 🌐️ Come e perché il sitoctt su Tor?
|
||||
// % HTMLTitle: <span class="twa twa-globe-with-meridians"><span>🌐️</span></span> Come e perché il sitoctt su Tor?
|
||||
// % Description = In poco tempo dall'apertura del sitoctt, ne ho creato un mirror Tor. Perché? Maggiore sicurezza, privacy per chi visita, e divertimento mio!
|
||||
// % HTMLTitle: <span class="twa twa-globe-with-meridians twa-🌐️"><span>🌐️</span></span> Come e perché il sitoctt su Tor?
|
||||
// % URLs = Posts/2022-06-03-0000-Come-e-Perche-il-Sitoctt-su-Tor.html
|
||||
// % Categories: Blog Internet
|
||||
// % Categories: Blog Internet Sysadmin
|
||||
// % CreatedOn: 2022-06-03
|
||||
// % EditedOn: 2022-06-29
|
||||
|
||||
# <span class="twa twa-globe-with-meridians"><span>🌐️</span></span> Come e perché il sitoctt su Tor?
|
||||
# <span class="twa twa-globe-with-meridians twa-🌐️"><span>🌐️</span></span> Come e perché il sitoctt su Tor?
|
||||
|
||||
In questi giorni ho sistemato i primi affari riguardanti il rendere disponibile il sitocto sulla rete <span style='Color:#59316b;'>Tor</span>. C'è chi mi definirà esagerata anche soltanto per aver avuto il pensiero di fare una cosa del genere, ma c'è poco da fare.
|
||||
Se nulla è andato storto, il servizio Onion è ancora raggiungibile a questo indirizzo:
|
||||
|
|
|
|||
|
|
@ -1,10 +1,11 @@
|
|||
// % Title: 📄 I documenti non devono diventare applicazioni
|
||||
// % HTMLTitle: <span class="twa twa-page-facing-up"><span>📄</span></span> I documenti non devono diventare applicazioni
|
||||
// % Description = Il Web sta diventando sempre più gonfiato, lento, e rischioso. Ogni sito sta diventando una app, anche se è una cosa sbagliatissima...
|
||||
// % HTMLTitle: <span class="twa twa-page-facing-up twa-📄"><span>📄</span></span> I documenti non devono diventare applicazioni
|
||||
// % URLs = Posts/2022-06-14-0000-I-Documenti-Non-Devono-Diventare-Applicazioni.html
|
||||
// % Categories: Blog Internet
|
||||
// % CreatedOn: 2022-06-14
|
||||
|
||||
# <span class="twa twa-page-facing-up"><span>📄</span></span> I documenti non devono diventare applicazioni
|
||||
# <span class="twa twa-page-facing-up twa-📄"><span>📄</span></span> I documenti non devono diventare applicazioni
|
||||
|
||||
Il Web di oggi è indiscutibilmente molto diverso da quello di 20 anni fa, e cambia sempre di più ogni anno che passa.
|
||||
Guardare i lati positivi del progresso è sempre molto facile e rassicurante, e per questo poco spesso si pensa ai lati oscuri che, in tante tante cose, ci sono. Il Web, purtroppo, è una di queste.
|
||||
|
|
|
|||
|
|
@ -1,10 +1,11 @@
|
|||
// % Title: ☀️ Rasperino Solare (ed altri esperimenti andati a male)
|
||||
// % HTMLTitle: <span class="twa twa-sun"><span>☀️</span></span> Rasperino Solare (ed altri esperimenti andati a male)
|
||||
// % Description = Quando ho comprato un pannellino solare USB, l'ho subito messo alla prova. Il suo po' lo fa bene, ma bisogna avere pretese realistiche!
|
||||
// % HTMLTitle: <span class="twa twa-sun twa-☀️"><span>☀️</span></span> Rasperino Solare (ed altri esperimenti andati a male)
|
||||
// % URLs = Posts/2022-06-23-0000-Rasperino-Solare-ed-Altri-Esperimenti-Andati-a-Male.html
|
||||
// % Categories: Blog Rasperino Ecologia Tecnologia
|
||||
// % CreatedOn: 2022-06-23
|
||||
|
||||
# <span class="twa twa-sun"><span>☀️</span></span> Rasperino Solare (ed altri esperimenti andati a male)
|
||||
# <span class="twa twa-sun twa-☀️"><span>☀️</span></span> Rasperino Solare (ed altri esperimenti andati a male)
|
||||
|
||||
Qualche mese fa comprai un piccolo [pannello solare monocristallino](https://www.amazon.it/Lixada-Pannello-Monocristallino-Caricabatterie-Cellulare/dp/B071Z1LGFV){[:MdTgtBlank:]} online, dalle dimensioni simili a quelle di un foglio A4, per la cifra di circa 20€ (su Amazon.it i venditori sono tutti ladri, su Aliexpress sarebbe costato un pochino in meno).
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
// % Title: ⌨️ L'idea di una tastiera fisica per smartphone fatta in casa
|
||||
// % HTMLTitle: <span class="twa twa-keyboard"><span>⌨️</span></span> L'idea di una tastiera fisica per smartphone fatta in casa
|
||||
// % HTMLTitle: <span class="twa twa-keyboard twa-⌨️"><span>⌨️</span></span> L'idea di una tastiera fisica per smartphone fatta in casa
|
||||
// % URLs = Posts/2022-07-03-0000-L-Idea-di-una-Tastiera-Fisica-per-Smartphone-Fatta-in-Casa.html
|
||||
// % Categories: Blog Tecnologia Mobile DIY
|
||||
// % CreatedOn: 2022-07-03
|
||||
// % Image: [staticoso:Folder:Assets:AbsoluteRoot]/Media/Cover-Tastiera-mobilefun.com.avif
|
||||
|
||||
# <span class="twa twa-keyboard"><span>⌨️</span></span> L'idea di una tastiera fisica per smartphone fatta in casa
|
||||
# <span class="twa twa-keyboard twa-⌨️"><span>⌨️</span></span> L'idea di una tastiera fisica per smartphone fatta in casa
|
||||
|
||||
Forse un annetto fa, un po' per curiosità e un po' perché immaginavo già che potrebbe essere stato qualcosa di comodo, ho sviluppato un marginale interesse per gli smartphone dotati di tastiere fisiche complete.
|
||||
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
// % Title: 💻 Come ho riparato il mio portatile (con 25€)
|
||||
// % HTMLTitle: <span class="twa twa-laptop"><span>💻</span></span> Come ho riparato il mio portatile (con 25€)
|
||||
// % HTMLTitle: <span class="twa twa-laptop twa-💻"><span>💻</span></span> Come ho riparato il mio portatile (con 25€)
|
||||
// % URLs = Posts/2022-07-09-0000-Come-ho-Riparato-il-mio-Portatile-con-25-Euro.html
|
||||
// % Categories: Blog Tecnologia DIY Ecologia
|
||||
// % CreatedOn: 2022-07-09
|
||||
|
||||
# <span class="twa twa-laptop"><span>💻</span></span> Come ho riparato il mio portatile (con 25€)
|
||||
# <span class="twa twa-laptop twa-💻"><span>💻</span></span> Come ho riparato il mio portatile (con 25€)
|
||||
|
||||
Da quasi 7 anni ho un PC portatile Acer, [Aspire V3-572G](https://www.acer.com/ac/en/US/content/support-product/5389){[:MdTgtBlank:]}, indubbiamente ormai un po' vetusto, senza lode e con qualche infamia.
|
||||
Quando fu comprato, era in sostanza un notebook di fascia media come un altro, senza alcuna caratteristica degna di nota. Voglio dire, l'ho usato abbastanza e ha più o meno sempre fatto quello che doveva, finché circa 2 annetti fa ho iniziato a pretendere di usare giochini e strumenti di sviluppo pesanti, a quel punto il nuovo PC (fisso) è stato d'obbligo.
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
// % Title: 🥸️ Come la nostra impronta digitale sociale ci frega
|
||||
// % HTMLTitle: <span class="twa twa-disguised-face"><span>🥸️</span></span> Come la nostra impronta digitale sociale ci frega
|
||||
// % HTMLTitle: <span class="twa twa-disguised-face twa-🥸️"><span>🥸️</span></span> Come la nostra impronta digitale sociale ci frega
|
||||
// % Categories: Blog
|
||||
// % CreatedOn: 2022-07-17
|
||||
|
||||
# <span class="twa twa-disguised-face"><span>🥸️</span></span> Come la nostra impronta digitale sociale ci frega
|
||||
# <span class="twa twa-disguised-face twa-🥸️"><span>🥸️</span></span> Come la nostra impronta digitale sociale ci frega
|
||||
|
||||
Questa storia, più pratica che mai, è secondo me incredibile.
|
||||
Non solo dimostra a cosa possano arrivare le loli con troppo tempo libero, tipo me; mostra come chiunque tra noi abbia una specie di "impronta digitale sociale" che, se non adeguatamente mascherata, ci può far identificare.
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
// % Title: 👾 L'emulazione NDS, Google Play, e una storia oscura
|
||||
// % HTMLTitle: <span class="twa twa-alien-monster"><span>👾</span></span> L'emulazione NDS, Google Play, e una storia oscura
|
||||
// % HTMLTitle: <span class="twa twa-alien-monster twa-👾"><span>👾</span></span> L'emulazione NDS, Google Play, e una storia oscura
|
||||
// % URLs = Posts/2022-07-27-0000-Emulazione-NDS-Google-Play-e-una-Storia-Oscura.html
|
||||
// % Image: [staticoso:Folder:Assets:AbsoluteRoot]/Media/Emulazione-NDS-Android/ACWW-on-Androids.avif
|
||||
// % CreatedOn: 2022-07-27
|
||||
// % EditedOn: 2022-07-29
|
||||
// % Categories: Blog Tecnologia Gaming Mobile
|
||||
|
||||
# <span class="twa twa-alien-monster"><span>👾</span></span> L'emulazione NDS, Google Play, e una storia oscura
|
||||
# <span class="twa twa-alien-monster twa-👾"><span>👾</span></span> L'emulazione NDS, Google Play, e una storia oscura
|
||||
|
||||
Il Nintendo DS. Basta, non serve dire altro; in fondo, tra _nintenditori_, ci si intende.
|
||||
Una console che, 15 anni fa, ha saputo innovare il mercato con lo stesso spirito con cui il Gameboy innovò a suo tempo. Una console le cui esclusive rimangono, ancora oggi, delle perle senza tempo.
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<!-- < Autogenerated by ListedDownsync.js. Do not edit (unless also set "% Downsync = False") - it would be overwritten. > -->
|
||||
// % Title = ⚡️ Il blogging rapido con Standard Notes
|
||||
// % CreatedOn = 2022-12-13
|
||||
// % Downsync = /Posts/Blogging-Rapido-con-Standard-Notes.html
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<!-- < Autogenerated by ListedDownsync.js. Do not edit (unless also set "% Downsync = False") - it would be overwritten. > -->
|
||||
// % Title = 🎄 Distrazioni di Natale: l'albero Padoru
|
||||
// % CreatedOn = 2022-12-17
|
||||
// % Downsync = /Posts/Distrazioni-di-Natale-Albero-Padoru.html
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
<!-- < Autogenerated by ListedDownsync.js. Do not edit (unless also set "% Downsync = False") - it would be overwritten. > -->
|
||||
// % Title = 🐕🦺 Epicyon, piattaforma del Fediverso durata 2 giorni
|
||||
// % CreatedOn = 2022-12-26
|
||||
// % Downsync = /Posts/Epicyon-Piattaforma-del-Fediverso-Durata-2-Giorni.html
|
||||
// % HTMLTitle = <span class="twa twa-service-dog twa-🐕🦺"><span>🐕🦺</span></span> Epicyon, piattaforma del Fediverso durata 2 giorni
|
||||
// % Description = Ho provato una certa piattaforma del Fediverso. Belle promesse di semplicità e leggerezza, ma dopo soli 3 giorni ho dovuto togliere baracca!
|
||||
// % Image = [staticoso:CustomPath:Assets]/Media/Epicyon-Dec-2022/Featured-LCD.png
|
||||
// % Categories = Blog Internet
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,10 @@
|
|||
<!-- < Autogenerated by ListedDownsync.js. Do not edit (unless also set "% Downsync = False") - it would be overwritten. > -->
|
||||
// % Title = 🤯 Quando i problemi hardware diventano mentali (maledetto Raspino)
|
||||
// % CreatedOn = 2023-01-28
|
||||
// % Downsync = /Posts/Problemi-Hardware-Diventano-Mentali.html
|
||||
// % HTMLTitle = <span class="twa twa-🤯"><span>🤯</span></span> Quando i problemi hardware diventano mentali (maledetto Raspino)
|
||||
// % Categories = Blog Tecnologia Rasperino
|
||||
// % Description = Servizi che crollano decretando la fine del mio Regno Del Terrore, le giornate perse a dir mannaggia al Rasperino, e 2 mesi di peripezie...
|
||||
// % Categories = Blog Sysadmin Rasperino
|
||||
|
||||
<h1><span class="twa twa-🤯"><span>🤯</span></span> Quando i problemi hardware diventano mentali (maledetto Raspino)</h1>
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,217 @@
|
|||
<!-- < Autogenerated by ListedDownsync.js. Do not edit (unless also set "% Downsync = False") - it would be overwritten. > -->
|
||||
// % Title = 🥴 Brutta interfaccia? File tutti distrutti!
|
||||
// % CreatedOn = 2023-03-18
|
||||
// % HTMLTitle = <span class="twa twa-🥴"><span>🥴</span></span> Brutta interfaccia? File tutti distrutti!
|
||||
// % Description = Per fare cose di fretta, ho eliminato per errore una parte del disco del PC. Ma la colpa non è solo mia: il programma che ho usato è disegnato male.
|
||||
// % Downsync = /Posts/Cattiva-Interfaccia-Partizione-Distrutta.html
|
||||
// % Categories = Blog Sysadmin
|
||||
|
||||
<h1><span class="twa twa-🥴"><span>🥴</span></span> Brutta interfaccia? File tutti distrutti!</h1>
|
||||
|
||||
<p>Mettiamo a <strong>confronto visivo</strong> due applicazioni per PC: <strong>GNOME Disks, e GParted</strong>.</p>
|
||||
|
||||
<p><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/SideBySide.png" alt="Le finestre dei due programmi a confronto."></p>
|
||||
|
||||
<p>Entrambe sono strumenti di partizionamento di dischi, e a grandi linee servono a svolgere gli stessi compiti; c'è giusto qualche differenza in funzionalità extra o maggior supporto a favore di un programma o l'altro. Nonostante questo, i due strumenti presentano evidenti differenze nella loro interfaccia grafica.</p>
|
||||
|
||||
|
||||
|
||||
<h2>Bisogna avere entrambi</h2>
|
||||
|
||||
<p>In genere tengo installati entrambi questi due programmi, e li uso in maniera piuttosto alternata, perché:</p>
|
||||
|
||||
<ul>
|
||||
<li>GParted ha meno funzioni distinte, ma ogni cosa ha il suo posto, e un sufficiente livello di profondità e funzionalità: informazioni di basso livello sui dischi, formattazione in un'infinità di formati, e qualche altro dettaglio.</li>
|
||||
</ul>
|
||||
|
||||
<p><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GParted-Advanced.png" alt=""></p>
|
||||
|
||||
<ul>
|
||||
<li>GNOME Disks presenta meno profondità con le singole operazioni, ma offre qualche funzione extra non strettamente legata alla modifica di partizioni, che fa sempre comodo: gestione energetica e prestazionale dei dischi, un'interfaccia per il protocollo SMART, e pure uno strumento per testare le prestazioni della memoria!</li>
|
||||
</ul>
|
||||
|
||||
<p><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GNOME-Advanced.png" alt=""></p>
|
||||
|
||||
<h2>Era una missione semplice!</h2>
|
||||
|
||||
<p>L'altro ieri, quando ho avviato una live USB Linux sul <a href="https://sitoctt.octt.eu.org/Posts/2022-07-09-Come-ho-Riparato-il-mio-Portatile-con-25-Euro.html" rel="noopener nofollow" target="_blank">mio portatile</a>, avevo in mente di portare a termine <strong>senza danni</strong> una missione <em>teoricamente</em> facile e indolore:</p>
|
||||
|
||||
<ol>
|
||||
<li>Liberare spazio sul disco del PC, cancellando buona parte dei file, eccetto per quelli che volevo un attimino vedere di conservare (per gestire magari in futuro).</li>
|
||||
<li>Ridimensionare la partizione del disco, visto che a questo punto sarà sufficientemente vuota.</li>
|
||||
<li>Creare una nuova partizione sufficientemente grande in cui installare il nuovo sistema operativo<sup id="fnref1"><a class="footnote-ref" href="#fn1">1</a></sup>.</li>
|
||||
<li>Spostare file dalla vecchia partizione alla nuova, via via restringendo la prima e allargando la seconda, fino a poter eliminare la vecchia.</li>
|
||||
</ol>
|
||||
|
||||
<h2>Troppo casino.</h2>
|
||||
|
||||
<p>...Nella mia idea, qualcosa è andato leggermente storto. Non poteva mica essere una serata tranquilla!</p>
|
||||
|
||||
<p>Stavolta, per il semplice fatto che nel cercare un editor di partizioni tra le app preinstallate del sistema live di turno, volendo far subito subito, il primo programma su cui i miei occhi sono caduti è stato GNOME Disks.<br>
|
||||
Oh, se avrei dovuto starne alla larga. E i motivi sono tanti:</p>
|
||||
|
||||
<h4>1. I dischi fisici sono mischiati alle partizioni virtuali montate da dischi fisici, nella lista a sinistra della finestra</h4>
|
||||
|
||||
|
||||
|
||||
<p>Già a questo punto, se (come nel mio caso) si hanno partizioni di tipo strano, cioè <a href="https://wiki.archlinux.org/title/LVM" rel="noopener nofollow" target="_blank">LVM</a>, la situazione si fa bruttina, perché non è chiaro dove si debba andare ad operare per fare modifiche.<sup id="fnref2"><a class="footnote-ref" href="#fn2">2</a></sup></p>
|
||||
|
||||
<ul>
|
||||
<li>GParted ha solo una lista di dispositivi (dischi reali sicuramente, ma mi pare anche dispositivi virtuali) da selezionare innanzitutto, e poi la vista grande con tutte le partizioni per il dispositivo scelto. È ordinato e logico.</li>
|
||||
</ul>
|
||||
|
||||
<p><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GParted-List.png" alt=""></p>
|
||||
|
||||
<ul>
|
||||
<li>Qui, invece, per fare quello che si deve fare, si va dalla vista del disco o dove? Nel primo caso ci sono alcune opzioni ed altre mancano. Proviamo dalla vista dedicata alla partizione virtuale? Anche qui, la lista delle opzioni è decisamente castrata, tra l'altro sia nel senso di bottoni-icona rapidi, che nel senso di bottoni del menu a comparsa... vediamo che problemi hanno loro:</li>
|
||||
</ul>
|
||||
|
||||
<p><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GNOME-List.png" alt=""></p>
|
||||
|
||||
<h4>2. In base ai casi, le icone rapide disponibili per ciascuna partizione compaiono e scompaiono</h4>
|
||||
|
||||
<p>Mentre su GParted, la lista di bottoni-icona che si ha in cima alla finestra non cambia mai - piuttosto i singoli bottoni si scuriscono o schiariscono, dipendentemente da se possono essere azionati sulla selezione corrente o no - su GNOME Disks i tasti rapidi - invero, posizionati in modo pure strano, attaccati sotto la zona della tabella delle partizioni, cosa che onestamente non riesco nemmeno a commentare - appaiono o scompaiono del tutto.<br>
|
||||
Seguono i casi che ho visto io, ma forse ce ne sono pure di più possibili eh, chissà:</p>
|
||||
|
||||
<ul>
|
||||
<li>All'estrema sinistra, per alcune selezioni si vede un tasto play/stop (monta/smonta partizione), altre volte nello stesso identico punto figura un lucchetto (blocca/sblocca partizione cifrata), altre volte una croce (crea partizione in spazio vuoto), e in alcuni casi nulla.</li>
|
||||
<li>Subito a destra, un ingranaggio, tasto che apre un menu a comparsa con tutta una lista più completa di opzioni per la partizione - notiamo che questo finisce per scalare all'estrema sinistra, qualora prima di lui non ci sia nulla, giusto per confondere di più.</li>
|
||||
<li>Infine, sulla destra estrema, può in alcuni casi apparire un bottone con un trattino su sfondo rosso (distruggi partizione).</li>
|
||||
</ul>
|
||||
|
||||
<p>Ehh, non va tanto bene 'sta cosa, perché rende impossibile associare mentalmente una specifica <em>microzona</em> della finestra come dedicata ad una specifica operazione. È ciò è potenzialmente pericoloso, se si tiene conto del problemone 5 (si, sta sotto).</p>
|
||||
|
||||
|
||||
|
||||
<h4>3. Il menu a comparsa delle opzioni su una partizione usa solo etichette testuali, mai una singola icona</h4>
|
||||
|
||||
<p>Un dettaglio apparentemente piccolo, ma che invece è bello tosto.<br>
|
||||
Una stringa di testo permette di far capire inequivocabilmente cosa fa un determinato tasto, a differenza di come può accadere quando si hanno solo icone, ma il meglio si ottiene combinando le due cose: tasti accompagnati da icone.</p>
|
||||
|
||||
<p>GParted lo fa per i suoi menu contestuali (almeno i più importanti), e ciò permette di memorizzare subito l'azione corrispondente a ciascun'opzione, e di richiamarla immediatamente a colpo d'occhio.<br>
|
||||
Personalmente, usando GNOME Disks mi trovo invece sempre a dover rileggere buona parte del listone per selezionare qualcosa, nonostante non sia più lungo di quello di GParted, proprio perché mancano le icone.</p>
|
||||
|
||||
<p><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/Context-Menus.png" alt=""></p>
|
||||
|
||||
<h4>4. Tasti rapidi e menu a comparsa non sono uno l'alternativa dell'altro</h4>
|
||||
|
||||
<ul>
|
||||
<li><p>Su GParted si ha innanzitutto la barra dei menu (un elemento UI che oggi è sempre meno presente nelle applicazioni), che contiene davvero tutte le operazioni possibili nel programma; solo poi c'è una barra con delle icone utili a richiamare rapidamente le azioni probabilmente più comuni. In pratica, finché si ha la barra dei menu, ci si può anche dimenticare dell'esistenza di quelle iconcine lì.</p></li>
|
||||
<li><p>Su GNOME Disks questa cosa non è possibile. A dire il vero, su <a href="https://duckduckgo.com/?q=gtk3+examples&ia=images&iax=images" rel="noopener nofollow" target="_blank">diverse app GTK3</a> è così: ci sono azioni fissate a tasti-etichetta in un menu, ed altre fissate a tasti-icona direttamente visibili. In genere, però, quei tasti non scompaiono o appaiono in parte al cambiare di stato all'interno di una stessa vista dell'applicazione! Magari ho gusti strani, ma sta cosa mi manda in pappa il cervello durante l'uso del software.</p></li>
|
||||
</ul>
|
||||
|
||||
<h2>Che ho combinato?</h2>
|
||||
|
||||
<p>Tutti questi fattori insieme hanno portato ad un grandissimo patatrac!<br>
|
||||
Insomma, io che faccio? Devo smontare la partizione, prima di poterla ridimensionare.</p>
|
||||
|
||||
|
||||
|
||||
<p>Passo dalla vista disco, e c'è solo il tasto per il menu opzioni - più quello che, mi tornerà alla mente solo dopo che ormai a rompere avrò già rotto, è il bottone per distruggere la partizione.<br>
|
||||
Nel listone di opzioni leggo tutto e non vedo nemmeno una voce per smontare la partizione. Mah.</p>
|
||||
|
||||
<p>Passo per la schermata dedicata a quella partizione montata, e ancora richiamo quel menu per non so che razza di ragione, e giustamente ancora non trovo nulla.<br>
|
||||
Accanto al tasto del menu opzioni c'era in teoria il tasto stop, per smontare la partizione, ma è evidente che non l'ho proprio notato.</p>
|
||||
|
||||
<p>Faccio sto avanti e indietro tra le due schermate una decina di volte, e niente, sono proprio ciecata.</p>
|
||||
|
||||
<p>Ad un certo punto, il mio inconscio si scoccia di tutti 'sti giri a vuoto, e mi permette finalmente di notare un altro tasto... quello rosso pericoloso. Ahi ahi.<br>
|
||||
Lo premo e onestamente non ricordo nemmeno se cancello una volta il dialogo di conferma - che non ero assolutamente in condizione psicologica di leggere - e poi ripremo un'altra volta il bottoncino per subito dopo confermare il dialogo, ma una cosa è chiara:</p>
|
||||
|
||||
<p>Se fino a quel momento non riuscivo a ragionare, perché con ogni mio respiro nella mia mente risuonava un ruvido "WTF?!", è stata questione di pochi secondi dal momento del fatale click perché un brutto presentimento iniziasse a palesarsi nella mia testa bucata, deformata, piena di noccioline scadute... 😰️</p>
|
||||
|
||||
<p>...Eh, e quindi? Che c'è?<br>
|
||||
...<br>
|
||||
Ohhhhah, e va bene, avete vinto voi. Lo ammetto: <strong>pure io centro</strong>. Si. Contenti? Alla fine la mano per cliccare l'ho mossa io, certo... Ma nella mia vita ho fatto queste operazioni tantissime volte! Pure con GNOME Disks, qualche volta tra le tante! 😭️</p>
|
||||
|
||||
<p>In ogni caso, no, non addosserò tutta la colpa alla povera Octt di tre giorni fa. Ora gioco la mia carta trappola, ed espongo il vero tocco di disgrazia senza il quale mi sarei probabilmente salvata:</p>
|
||||
|
||||
<h4>5. Ogni azione è eseguita nel momento in cui la si richiede, non esiste una coda</h4>
|
||||
|
||||
<p>Devo ammettere che certe volte in GParted <strong>ho sfiorato</strong> la tragedia - ma tragedia davvero, non come stavolta che, tutto sommato, sto vivendo ancora.<br>
|
||||
La differenza sta però proprio in questa parolina: con GParted il disastro è sempre al massimo <strong><em>quasi</em></strong> accaduto, ma con GNOME Disks stavolta si è consumato e basta.</p>
|
||||
|
||||
<p>Su GParted le operazioni che si ordinano finiscono in una <strong>coda</strong>, che deve essere manualmente applicata una volta che si è deciso di proseguire.<br>
|
||||
E anche qui, siamo alle minuzie, eppure una cosa del genere pesa molto sul conto finale. Possiamo vederla così: in quel caso, devi sbagliare ben due (2) volte per fare un casino, mentre col programma di GNOME basta una (1) svista.</p>
|
||||
|
||||
<p><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GParted-Queue.png" alt=""></p>
|
||||
|
||||
<h2>"Ci sono danni?"</h2>
|
||||
|
||||
<p>In ogni caso ho notato che, dopo aver dato l'ordine di cancellare la partizione, quella è rimasta montabile, ed il file system tutto navigabile.<br>
|
||||
Probabilmente, quello che serviva a Linux per utilizzare la partizione è rimasto in memoria (RAM), ed essendo la totalità dei dati mai cancellata con una semplice eliminazione rapida di una partizione, era tutto ancora leggibile.</p>
|
||||
|
||||
<p>A dirla tutta, guardando così la situazione non mi stavo nemmeno rendendo conto della realtà, ancora non capivo se i miei dati fossero stati condannati oppure no...<br>
|
||||
Interfaccia poco chiara, io l'ho detto.</p>
|
||||
|
||||
<p>Man mano che il sentimento di fretta passava e lasciava spazio allo sconforto, cerco GParted, scopro che è incluso nel sistema live, e lo avvio.<br>
|
||||
Al posto della partizione vedo "spazio vuoto"... eh si, è andata. Ma com'è che mi ha lasciato cancellare la partizione senza prima costringermi a smontarla? Quale barbarie! GParted non lo permette, per dei buoni motivi.</p>
|
||||
|
||||
<p>Eppure io, sotto sotto, ancora non ho accettato che sia stata cancellata.<br>
|
||||
Voglio vedere se, dopo un riavvio, scompare definitivamente.</p>
|
||||
|
||||
<p>E allora è così, senza nemmeno premurarmi di copiare uno straccio di file - perché era circa tardino e dovevo prepararmi per andarmi ad assopire - che riavvio.<br>
|
||||
Ohibò, vedo la schermata nera di GRUB, e non il sistema che si avvia! ...È tutto perso, ora è inutile girarci attorno.</p>
|
||||
|
||||
<p>"<em>Dopo che hai fatto il danno hai pensato di riavviare subito senza nemmeno salvare i file più importanti?!?! Ma allora sei bruh-cretina certificata, ben due volte, mica una!</em>"<br>
|
||||
<em>Ooooooooooooo</em>, ma come ti permetti? Come ti permetti TU di avere <strong>così tanta ragione</strong> se il blog è MIO??</p>
|
||||
|
||||
<p>L'unica cosa che possiamo fare ora è la <strong>conta dei danni</strong>. Non ho perso dati univoci e importantissimi, quello che non ho più dovrei essere in teoria in grado di riscaricarlo o ricostruirlo. Parliamo di:</p>
|
||||
|
||||
<ul>
|
||||
<li>40 GB di dati esportati da un mio vecchio account Google; account che programmavo di cancellare, ma non avevo finito di trasferire tutto e quindi credo sia ancora tutto in cloud.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
<li>Vari file grossi e piccoli scaricati dal Web, possibilmente alcuni difficili da ritrovare, ma nulla di vitale.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<ul>
|
||||
<li><p>Codici sorgenti modificati; si parla di tentativi di porting per piattaforme oscure che ho tentato e fallito, oppure di altri esperimenti dimenticabilissimi.</p></li>
|
||||
<li><p>Dump di dischi che ho ancora in casa (alcuni già caricati su <a href="https://archive.org/details/@andrigamerita" rel="noopener nofollow" target="_blank">Archive.org</a>), o copie aggiuntive di altri dati.</p></li>
|
||||
<li><p>Documenti la cui rilevanza corrente è nulla.</p></li>
|
||||
</ul>
|
||||
|
||||
<p>Se ho dimenticato qualcosa di importante in questa lista, invece, forse forse non era importante, e possiamo stare tranquilli. Altrimenti me ne ricorderei, no?</p>
|
||||
|
||||
<h2>Evitare...</h2>
|
||||
|
||||
<p>La <strong>morale</strong> di questa <strong>storiaccia</strong> si può condensare in:</p>
|
||||
|
||||
<ol>
|
||||
<li>Evitare GNOME Disks.</li>
|
||||
<li>Prestare attenzione quando si maneggia con le partizioni, anche se lo si ha fatto 50 volte in passato.</li>
|
||||
<li><strong>Evitare</strong>, assolutamente, <strong>GNOME Disks</strong>!</li>
|
||||
</ol>
|
||||
|
||||
<p>E chiudo con un <strong>consiglio</strong>, anzi, una <strong>filosofia di sviluppo</strong>, che tutti coloro che disegnano <strong>UI</strong> (anche io, nelle mie cose, non lo nascondo) dimenticano troppo spesso: <a href="https://www.youtube.com/watch?v=r2CbbBLVaPk" rel="noopener nofollow" target="_blank">L'utente è ubriaco</a>.</p>
|
||||
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/r2CbbBLVaPk" style="height: calc(80vw / 16 * 9);" frameborder="0"></iframe>
|
||||
|
||||
<p>Dunque, un saluto. Per il futuro <strong>auguro</strong> di <strong>non perdere dati</strong> in modo stupido (a voi, e a me!). 👋</p>
|
||||
|
||||
<p><em><strong>P.S:</strong> La distribuzione Linux che ho installato a 'sto giro è <a href="https://pop.system76.com/" rel="noopener nofollow" target="_blank">Pop!_OS</a>. Avevo tanta voglia di provarla, ma in 2 occasioni ho tentato di installarla sul PC fisso ed ha sempre dato errore. Qui sul portatile invece ha funzionato, wow, allora non è una distro rotta! (<strong>Forse</strong> 👀)</em></p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h2>[:HNotesRefsHTML:]</h2>
|
||||
|
||||
<div class="footnotes">
|
||||
<ol>
|
||||
|
||||
<li id="fn1">
|
||||
<p>Il sistema che ho tenuto fino a quel momento, Linux Mint, versione 19.3, dopo 3 anni: </p><dl><dt><strong>È diventato vecchio:</strong></dt><dd>La versione 19.3 è discontinuata, e le repository non ricevono più nuovi software. Dunque, avrei dovuto aggiornare alla corrente versione di Mint, ma a quanto pare avrei dovuto comunque farlo reinstallando da zero (su <code class="prettyprint">apt dist-upgrade</code> non ci sono nuovi aggiornamenti)</dd><dt><strong>Si è spaccato:</strong></dt><dd>Alcune cose (come i driver video saltati, e l'ambiente desktop che parte solo in modalità fallback) sono sicuramente colpa mia (<strong>ho cringiato</strong> con i driver <a href="https://en.wikipedia.org/wiki/Nvidia#:%7E:text=Nvidia" rel="noopener nofollow" target="_blank">ACCIDIA</a> nelle scorse settimane), ma altre (il Bluetooth che non funziona più!?) direi di no :/. In ogni caso, quando il sistema è così spaccato, si è più efficienti a reinstallare tutto...</dd></dl> <a href="#fnref1">↩</a><p></p>
|
||||
</li>
|
||||
|
||||
<li id="fn2">
|
||||
<p>Io magari si, son cretina, ma non fino al punto di andarmi ad impostare volontariamente le partizioni con una struttura per me aliena. Al tempo, molto banalmente, feci l'installazione di Linux Mint con le impostazioni guidate predefinite. Tutte le volte in cui installando Linux ho usato il partizionamento manuale, anziché scegliere di cancellare tutto il disco e far decidere le cose al programma di installazione, ho invece sempre creato partizioni normali. Quindi... non date la colpa a me, <a href="https://en.m.wiktionary.org/wiki/kthx#:%7E:text=(Internet%20slang)%20Abbreviation%20of%20okay%2C%20thanks." rel="noopener nofollow" target="_blank">kthx</a>? <a href="#fnref2">↩</a></p>
|
||||
</li>
|
||||
|
||||
</ol>
|
||||
</div>
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
// % Categories: Note
|
||||
// % CreatedOn: 2022-08-05
|
||||
// % Index: None
|
||||
|
||||
# Evitare di richiamare comandi per sbaglio nel terminale
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
// % Description = Ecco la lista di tutti i post del sitoctt: blogoctt, MicroBlog... c'è roba da leggere per sempre.
|
||||
// % Type = Page
|
||||
|
||||
# Lista di Tutti i Post
|
||||
|
|
|
|||
|
|
@ -20,6 +20,19 @@ Exp.Range = (Start, Stop, Step) => {
|
|||
);
|
||||
};
|
||||
|
||||
Exp.RawDataCssRule = RawData => {
|
||||
//RawData = RawData.map(x => {
|
||||
// return({animal: x});
|
||||
//});
|
||||
//var JsonData = {};
|
||||
//RawData.forEach(function(Val) { // sad, variable name not transcribed with function pass
|
||||
// var [Name] = Object.keys({Val});
|
||||
// Object.assign(JsonData, JSON.parse(`{"${Name}": "${Val}"}`));
|
||||
//});
|
||||
// TODO: Handle apostrophes?
|
||||
return `#RawDataCssInject{background:url('${JSON.stringify(RawData)}');}`;//'\n/*' + JSON.stringify(JsonData) + '*/';
|
||||
};
|
||||
|
||||
Exp.Unpack = (Left, Middle, Right) => {
|
||||
var Str = '';
|
||||
TryStringToList(Middle).forEach(function(Target) {
|
||||
|
|
|
|||
|
|
@ -242,6 +242,7 @@ const HandlePost = (PostSrc, Output) => {
|
|||
if (Output == 'file') {
|
||||
TryMkdirSync(PathDir);
|
||||
fs.writeFileSync(FinalFilePath, `\
|
||||
<!-- < Autogenerated by ListedDownsync.js. Do not edit (unless also set "% Downsync = False") - it would be overwritten. > -->
|
||||
${MakeMetaStr(Post)}
|
||||
<h1>${Post.Meta.HTMLTitle ? Post.Meta.HTMLTitle : Post.Meta.Title}</h1>
|
||||
|
||||
|
|
|
|||
|
|
@ -25,6 +25,8 @@
|
|||
<!-- <meta name="keywords" content="[staticoso:PageKeywords]"/> -->
|
||||
<meta property="article:published_time" content="[staticoso:PageCreatedOn]"/>
|
||||
|
||||
<meta id="RawDataCssInject"/>
|
||||
|
||||
<!--
|
||||
I still haven't yet prepared this lol
|
||||
[<]script src="<staticoso:SiteRelativeRoot>Assets/AVIF-Polyfill/index.js" defer="true"[>][</]script[>]
|
||||
|
|
|
|||
|
|
@ -9,6 +9,8 @@
|
|||
Body {
|
||||
Background: url(<staticoso:CustomPath:Assets>/Media/Backgrounds/Circles-Purple.png), #5C00CA;
|
||||
Background-Repeat: Repeat;
|
||||
/* Fix Space Mono bug with literal "fi" sequences */
|
||||
Font-Variant-Ligatures: None;
|
||||
}
|
||||
</style>
|
||||
<staticoso:PageHead>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="<staticoso:PageLang>">
|
||||
<html lang="[staticoso:PageLang]">
|
||||
<head>
|
||||
<staticoso:StaticPart:Standard/Head.Global.html>
|
||||
<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/sitoctt.css">
|
||||
<link href="<staticoso:CustomPath:Assets>/Fonts/SpaceMono/Style.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="[staticoso:SiteRelativeRoot]Assets/sitoctt.css">
|
||||
<link href="[staticoso:CustomPath:Assets]/Fonts/SpaceMono/Style.css" rel="stylesheet">
|
||||
<style>
|
||||
<staticoso:PageStyle>
|
||||
Body {
|
||||
/* Fix Space Mono bug with literal "fi" sequences */
|
||||
Font-Variant-Ligatures: None;
|
||||
}
|
||||
</style>
|
||||
<staticoso:PageHead>
|
||||
<staticoso:DynamicPart:*/Head>
|
||||
|
|
@ -60,7 +64,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div id="BottomBoxContainer">
|
||||
<label id="BottomBoxLabel" for="BottomBoxCheck"><big><b>[<span class="twa twa-label twa-🏷️"><span>🏷️</span></span>]</b></big></label>
|
||||
<label title="Apri/Chiudi Nastro Inferiore" id="BottomBoxLabel" for="BottomBoxCheck"><big><b>[<span class="twa twa-label twa-🏷️"><span>🏷️</span></span>]</b></big></label>
|
||||
<input type="checkbox" id="BottomBoxCheck" class="ToggleBoxCheck">
|
||||
<div id="BottomBox" class="ToggleBox">
|
||||
<staticoso:StaticPart:Standard/BottomBox.html>
|
||||
|
|
@ -69,5 +73,15 @@
|
|||
<!-- <div id="PrivacyPopup"></div> -->
|
||||
</div>
|
||||
<staticoso:DynamicPart:*/Foot>
|
||||
<script>
|
||||
var RawDataCss = JSON.parse(window.getComputedStyle(document.getElementById('RawDataCssInject')).background.split('url("')[1].split('")').slice(0, -1).join('")').replaceAll('\\\"', '\"'));
|
||||
|
||||
var MediaQuery = window.matchMedia(`(min-width: ${RawDataCss.DeskModeMinWid})`);
|
||||
function MediaQueryCheck(Query) {
|
||||
document.querySelector(`#RightBoxContainer > Details`).open = Query.matches;
|
||||
};
|
||||
MediaQuery.addListener(MediaQueryCheck);
|
||||
MediaQueryCheck(MediaQuery);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue