Agg. post del'altro di'; Agg. interni

Assets/Assets/sitoctt.css.SelfBuild.js

@@ -2,7 +2,8 @@
 require('../../Scripts/Lib/SelfBuild.js').importAll();
 
 const DeskModeMinWid = `1024px`;
-const SectLink = `.staticoso-SectionLink`;
+const wSectLink = `.staticoso-SectionLink`;
+const wPagesList = `#PageContent .staticoso-TreeList.staticoso-PagesList`
 const IfDeskMode = `#DesktopModeCheck:Checked`;
 const IfDeskMode_Div =`${IfDeskMode} ~ Div`;
 const NoLinkLinkWhere = `.NoLinkLink, ${Where('', '.NoLinkLink, .staticoso-SectionLink, #StatCounter, #RingsDiv', ' a')}`;
@@ -164,10 +165,10 @@ Header > P > A > Img {
 	Left: -1.5em;
 	Opacity: 0.08;
 }
-${SectLink}:Hover { Opacity: 0.8; }
+${wSectLink}:Hover { Opacity: 0.8; }
-${SectLink} > A:Before { Content: '🔗'; }
+${wSectLink} > A:Before { Content: '🔗'; }
-${SectLink} > A { Border-Radius: Var(--BorderRad0); }
+${wSectLink} > A { Border-Radius: Var(--BorderRad0); }
-${SectLink} > A > Span { Font-Size: 0; }
+${wSectLink} > A > Span { Font-Size: 0; }
 
 A:Hover:Not(
 	.NoABigger, .NoHoverLight,
@@ -379,7 +380,7 @@ Img.Center, Video.Center,
 	User-Select: none;
 }
 
-#PageContent .staticoso-TreeList.staticoso-PagesList Li {
+${wPagesList} Li {
 	/*background: RGBA(128,128,128,0.5);
 	border-radius: 2px;
 	box-shadow: 0px 2px 2px pink;
@@ -387,27 +388,31 @@ Img.Center, Video.Center,
 	Display: Block;
 }
 
-#PageContent .staticoso-TreeList.staticoso-PagesList Li > Span + A {
+${wPagesList} Li > Span {
+	Min-Width: Fit-Content;
+}
+
+${wPagesList} Li > Span + A {
 	Font-Size: Larger;
 }
 
 @Media (Max-Width: 750px) {
-	#PageContent .staticoso-TreeList.staticoso-PagesList Li > Span + A {
+	${wPagesList} Li > Span + A {
 		Display: Block;
 		Margin-Bottom: 1em;
 	}
 }
 
 @Media (Min-Width: 750px) {
-	#PageContent .staticoso-TreeList.staticoso-PagesList Li { Display: Flex; }
+	${wPagesList} Li { Display: Flex; }
-	#PageContent .staticoso-TreeList.staticoso-PagesList Li > Span + A {
+	${wPagesList} Li > Span + A {
 		Margin-Bottom: 1em;
 	}
 	/*
-	#PageContent .staticoso-TreeList.staticoso-PagesList Li:Not(:First-Of-Type) > Span {
+	${wPagesList} Li:Not(:First-Of-Type) > Span {
 		Margin-Left: 16px;
 	}
-	#PageContent .staticoso-TreeList.staticoso-PagesList Li:Not(:First-Of-Type) > Span:Before {
+	${wPagesList} Li:Not(:First-Of-Type) > Span:Before {
 		background: black;
 		content: "";
 		min-width: 2px;

Pages/Raccolte/Gaming/Raccolta-Videogiochi.md

@@ -2,7 +2,6 @@
 // % Index = Categories
 // % Style = @import "[staticoso:Site:RelativeRoot]Assets/Pages/Raccolta-Videogiochi.css";
 // % EditedOn = 2023-02-01
-// $ YouTubeEmbed = https://invidious.weblibre.org/embed/
 
 # Raccolta Videogiochi
 
@@ -43,7 +42,7 @@ All'inizio è fare "case" che sono buchi 4x4 sotto terra, ma dopo diventa creare
 Una serie di giochi in prima persona che, con un ritmo vivace ma non opprimente, mischia platforming parkour e combattimento ravvicinato.  
 Ho giocato pochissimo la prima entrata della saga, perché fu la seconda uscita, Mirror's Edge Catalyst, ad introdurmi alla serie circa 2 anni fa. Catalyst lascia un po' da parte i colori molto saturi che erano parte dell'identità iniziale, per offrire grafica più realistica e immersiva. Anche la fisica e diversi dettagli minuti subiscono miglioramenti importanti rispetto al Mirror's Edge originale.  
 In ogni caso, parliamo di un gioco capace di dare un gran senso di libertà e di speranza. È peculiare come i suoi piccoli dettagli riescano a farti sentire di essere effettivamente nel gioco - per un titolo non VR, è una grande vittoria. Il gameplay in sé è chiave per questa esperienza, ma anche la lore è di tutto rispetto.  
-<iframe frameBorder="0" src="[:YouTubeEmbed:]/2N1TJP1cxmo" style="Height:Calc(80vw / 16 * 9);"></iframe>  
+<video frameBorder="0" src="[:YouTube360:]2N1TJP1cxmo" style="Height:Calc(80vw / 16 * 9);"></video>  
 <cite>Da <a href="[:YouTubeURL:]/2N1TJP1cxmo" [:HTMLTgtBlank:]>YouTube/2N1TJP1cxmo</a>.</cite>
 
 ### <span class="twa twa-🐙">🐙</span> Splatoon  
@@ -54,7 +53,7 @@ Giocare in Mischie Mollusche (questo il nome delle battaglie online 4-contro-4)
 ### <a href="#--Tetris"><span class="twa twa-🧱">🧱</span> Tetris ↩️</a>  
 #### Tetris Effect  
 Tetris effect aggiunge a Tetris atmosfere ambient con tanti temi diversi. Effetti visivi e sonori lavorano gli uni per potenziare gli altri, e permettere la totale immersione, anche in un gioco che resta semplicemente fatto di cubi che cadono. Centinaia di migliaia di particelle ovunque, forme, colori, musica attraente, questa è la sua formula. Ha dei difetti, come l'essere particolarmente pesante per un Tetris e l'avere comandi non terribilmente responsivi, ma non per questo va buttato via. Resta da godere.  
-<iframe frameBorder="0" src="[:YouTubeEmbed:]/PFVL6t8IHE8" style="Height:Calc(80vw / 16 * 9);"><!-- https://piped.kavin.rocks/embed/watch?v=PFVL6t8IHE8 ---></iframe>  
+<video frameBorder="0" src="[:YouTube360:]PFVL6t8IHE8" style="Height:Calc(80vw / 16 * 9);"><!-- https://piped.kavin.rocks/embed/watch?v=PFVL6t8IHE8 ---></video>  
 <cite>Da <a href="[:YouTubeURL:]/PFVL6t8IHE8" [:HTMLTgtBlank:]>YouTube/PFVL6t8IHE8</a>.</cite>
 
 ## Giochi multiforma
@@ -93,13 +92,13 @@ _I titoli che hanno soltanto una di queste due caratteristiche potrebbero anche
 Celeste è un bel giochino platformer, con meccaniche originali e uno stile grafico unico. Però è troppo difficile.  
 Ho provato a giocarci tante volte, ma ad un certo punto della storia la difficoltà diventa per me troppo alta. Dovrei forse provare a finirlo in modalità guidata, visto che l'opzione c'è. Fino a quando non l'ho fatto, però, non vado a cercare video del finale e spoilerarmi roba, visto che dicono che il valore di Celeste sta proprio nel suo significato.  
 	• Ottieni: <https://go.octt.eu.org/$ce7941cddd5e>{[:MdTgtBlankNofw:]}
-<iframe frameBorder="0" src="[:YouTubeEmbed:]/_bM0uEAis14" style="Height:Calc(80vw / 16 * 9);"></iframe>  
+<video frameBorder="0" src="[:YouTube360:]_bM0uEAis14" style="Height:Calc(80vw / 16 * 9);"></video>  
 <cite>Da <a href="[:YouTubeURL:]/_bM0uEAis14" [:HTMLTgtBlank:]>YouTube/_bM0uEAis14</a>.</cite>
 
 ### <span class="twa twa-✈️">✈️</span> Pilotwings
 #### Pilotwings Resort  
 Pilotwings Resort continua la serie di Pilotwings, gioco di simulazione di volo arcade, in modo diverso. Finisce su una console portatile, il 3DS, tra l'altro una console che riesce a prenderti direttamente, con il suo display in 3D stereoscopico. Il gioco è ambientato su Wuhu Island, lo stesso posto pieno di storia, luoghi, e misteri di Wii Sports Resort. La modalità missioni riesce ad essere in certi casi una vera sfida se, come me, si ha la mania del platinaggio.. ma la modalità di volo libero è indiscutibilmente rilassante e, forse, direi anche più immersiva. In essa, comunque, non è che non si faccia nulla: si devono trovare, pochi alla volta, tutti e 120 gli anelli informazione, passandoci attraverso per sbloccarli.  
-<iframe frameBorder="0" src="[:YouTubeEmbed:]/QJCb8qnHauo" style="Height:Calc(80vw / 16 * 9);"></iframe>  
+<video frameBorder="0" src="[:YouTube360:]QJCb8qnHauo" style="Height:Calc(80vw / 16 * 9);"></video>  
 <cite>Da <a href="[:YouTubeURL:]/QJCb8qnHauo" [:HTMLTgtBlank:]>YouTube/QJCb8qnHauo</a>.</cite>
 
 ## Altri ancora

Posts/2023-03-18-Cattiva-Interfaccia-Partizione-Distrutta.md

@@ -5,6 +5,7 @@
 // % 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
+// % UpdatedOn = 2023-03-20
 
 <h1><span class="twa twa-🥴"><span>🥴</span></span> Brutta interfaccia? File tutti distrutti!</h1>
 
@@ -22,8 +23,8 @@
 
 <table><thead>
 <tr>
-<th></th>
+<th>GParted</th>
-<th></th>
+<th>GNOME Disks</th>
 </tr>
 </thead><tbody>
 <tr>
@@ -43,7 +44,7 @@
 <ol>
 <li><strong>Liberare spazio</strong> 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><strong>Ridimensionare la partizione</strong> del disco, visto che a questo punto sarà sufficientemente vuota.</li>
-<li><strong>Creare una nuova</strong> partizione sufficientemente grande in cui installare il nuovo sistema operativo<sup id="fnref1"><a class="footnote-ref" href="#fn1">1</a></sup>.</li>
+<li><strong>Creare una nuova</strong> partizione sufficientemente grande in cui installare il nuovo sistema operativo.<sup id="fnref1"><a class="footnote-ref" href="#fn1">1</a></sup></li>
 <li><strong>Spostare file</strong> dalla vecchia partizione alla nuova, via via restringendo la prima e allargando la seconda, <strong>fino a</strong> poter <strong>eliminare la vecchia</strong>.</li>
 </ol>
 
@@ -62,8 +63,8 @@ Oh, se avrei dovuto starne alla larga. E i motivi sono tanti:</p>
 
 <table><thead>
 <tr>
-<th></th>
+<th>GParted</th>
-<th></th>
+<th>GNOME Disks</th>
 </tr>
 </thead><tbody>
 <tr>
@@ -96,18 +97,41 @@ Seguono i casi che ho visto io, ma forse ce ne sono pure di più possibili eh, c
 <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 <strong>il meglio si otterrebbe</strong> combinando le due cose: <strong>tasti accompagnati da icone</strong>.</p>
 
-<p><strong>GParted lo fa</strong> per i suoi menu contestuali (almeno sulle voci più importanti), e ciò permette di memorizzare subito l'<strong>azione</strong> corrispondente a ciascun'opzione, e di richiamarla immediatamente <strong>a colpo d'occhio</strong>.</p>
+<table><thead>
-
+<tr>
-<p>Personalmente, <strong>usando GNOME Disks</strong> mi trovo invece sempre a <strong>dover rileggere</strong> buona parte del listone per selezionare qualcosa, nonostante non sia più lungo di quello di GParted, proprio perché <strong>mancano le icone</strong>.</p>
+<th>GParted</th>
-
+<th>GNOME Disks</th>
-<p><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/Context-Menus.png" alt=""></p>
+</tr>
+</thead><tbody>
+<tr>
+<td><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GParted-Context-Menu.png" alt="Il menu contestuale di una partizione su GParted."></td>
+<td><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GNOME-Context-Menu.png" alt="Il menu di opzioni di una partizione su GNOME Disks."></td>
+</tr>
+<tr>
+<td><strong>GParted lo fa</strong> per i suoi menu contestuali (almeno sulle voci più importanti), e ciò permette di memorizzare subito l'<strong>azione</strong> corrispondente a ciascun'opzione, e di richiamarla immediatamente <strong>a colpo d'occhio</strong>.</td>
+<td>Personalmente, <strong>usando GNOME Disks</strong> mi trovo invece sempre a <strong>dover rileggere</strong> buona parte del listone per selezionare qualcosa, nonostante non sia più lungo di quello di GParted, proprio perché <strong>mancano le icone</strong>.</td>
+</tr>
+</tbody></table>
 
 <h4>4. Tasti rapidi e menu a comparsa non sono uno l'alternativa dell'altro</h4>
 
-<ul>
+<table><thead>
-<li><p>Su <strong>GParted</strong> si ha innanzitutto la <strong>barra dei menu</strong> (di cui vari menu sono richiamabili anche come contestuali in alcune zone), che contiene davvero <strong>tutte le operazioni</strong> possibili nel programma; solo <strong>poi</strong> c'è una barra con delle <strong>icone</strong> utili a richiamare <strong>rapidamente</strong> le azioni probabilmente più comuni. In pratica, finché si ha la barra dei menu, <strong>ci si può</strong> anche <strong>dimenticare</strong> dell'esistenza di <strong>quelle iconcine</strong> lì.</p></li>
+<tr>
-<li><p>Con <strong>GNOME Disks</strong> questa cosa <strong>non è possibile</strong>. A dire il vero, su <a href="https://duckduckgo.com/?q=gtk3+examples&amp;ia=images&amp;iax=images" rel="noopener nofollow" target="_blank">diverse app GTK3</a> è così: ci sono <strong>azioni fissate</strong> a <strong>tasti-etichetta</strong> in un menu, ed altre fissate a <strong>tasti-icona</strong> direttamente visibili. In genere, però, quei tasti non <strong>scompaiono o appaiono</strong> 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>
+<th>GParted</th>
-</ul>
+<th>GNOME Disks</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GParted-Buttons.png" alt="La barra delle icone rapide su GParted."></td>
+<td><img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GNOME-Buttons-1.png" alt="Bottoni crea e opzioni su una partizione in GNOME Disks."> <img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GNOME-Buttons-2.png" alt="Bottoni smonta e opzioni su una partizione in GNOME Disks."> <img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GNOME-Buttons-3.png" alt="Bottoni blocca e opzioni su una partizione in GNOME Disks."> <img src="[staticoso:CustomPath:Assets]/Media/Partioning-Mar-2023/GNOME-Buttons-4.png" alt="Bottone opzioni su una partizione in GNOME Disks."></td>
+</tr>
+<tr>
+<td>Su <strong>GParted</strong> si ha innanzitutto la <strong>barra dei menu</strong> (di cui vari menu sono richiamabili anche come contestuali in alcune zone), che contiene davvero <strong>tutte le operazioni</strong> possibili nel programma; solo <strong>poi</strong> c'è una barra con delle <strong>icone</strong> utili a richiamare <strong>rapidamente</strong> le azioni probabilmente più comuni. In pratica, finché si ha la barra dei menu, <strong>ci si può</strong> anche <strong>dimenticare</strong> dell'esistenza di <strong>quelle iconcine</strong> lì.</td>
+<td>Con <strong>GNOME Disks</strong> questa cosa <strong>non è possibile</strong>. A dire il vero, su <a href="https://duckduckgo.com/?q=gtk3+examples&amp;ia=images&amp;iax=images" rel="noopener nofollow" target="_blank">diverse app GTK3</a> è così: ci sono <strong>azioni fissate</strong> a <strong>tasti-etichetta</strong> in un menu, ed altre fissate a <strong>tasti-icona</strong> direttamente visibili. In genere, però, quei tasti non <strong>scompaiono o appaiono</strong> 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.</td>
+</tr>
+</tbody></table>
+
+<p>Per rendersi conto, basta comparare i bottoni di questa tabella alle opzioni dei menu contestuali visti in quella di sopra!</p>
 
 <h2>Che ho combinato?</h2>
 
@@ -199,7 +223,7 @@ Ohibò, vedo la schermata nera di GRUB, e non il sistema che si avvia! ...<stron
 
 <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="[:YouTubeURL:]/embed/r2CbbBLVaPk" style="height: calc(80vw / 16 * 9);" frameborder="0"></iframe>
+<video src="[:YouTube360:]r2CbbBLVaPk" style="height: calc(80vw / 16 * 9);" frameborder="0"></video>
 
 <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>
 

Scripts/Get.staticosoDevFixed.sh

@@ -1,11 +1,12 @@
 #!/bin/sh
 
-staticosoCommit="c35aa94345ce16c9109fd5a9f35c5aa9498fb664"
+GetArchive() {
-
+# $1: Branch name or commit hash
-#git clone --depth 1 https://gitlab.com/octtspacc/staticoso
+	wget \
-
-wget \
 		-O ./staticoso.tar.bz2 \
-	https://gitlab.com/octtspacc/staticoso/-/archive/$staticosoCommit/staticoso-$staticosoCommit.tar.bz2
+		https://gitlab.com/octtspacc/staticoso/-/archive/$1/staticoso-$1.tar.bz2
-tar xvf ./staticoso.tar.bz2
+	tar xvf ./staticoso.tar.bz2
-mv ./staticoso-$staticosoCommit ./staticoso
+	mv ./staticoso-$1 ./staticoso
+}
+
+GetArchive Dev

Scripts/ListedDownsync.js

@@ -14,7 +14,9 @@ let Replacements = { // Format: { ReplaceWithString: [ToFindString] }
 	" href=\"[staticoso:CustomPath:Assets]/": " href=\"https://sitoctt-assets.octt.eu.org/",
 	" src=\"[staticoso:CustomPath:Assets]/": " src=\"https://sitoctt-assets.octt.eu.org/",
 	'<div class="highlight CodeScroll">': '<div class="highlight">',
-	'<iframe src="[:YouTubeURL:]/' :'<iframe src="https://www.youtube-nocookie.com/',
+	//'<iframe src="[:YouTubeURL:]/' :'<iframe src="https://www.youtube-nocookie.com/',
+	'<video src="[:YouTube360:]' :'<iframe src="https://www.youtube-nocookie.com/embed/',
+	'></video>': ' class="YouTube"></iframe>',
 	// TODO: Fix anchor rels
 };
 const TestURL = 'https://listed.to/p/hDaMhJ2ts7';

Site.ini

@@ -57,5 +57,6 @@ HNotesRefsHTML = <span class="twa twa-label twa-🏷️"><span>🏷️</span></s
 HTMLTgtBlank = target="_blank" rel="noopener"
 MdTgtBlank = " target="_blank" rel="noopener
 MdTgtBlankNofw = " target="_blank" rel="noopener nofollow
-YouTubeURL = https://invidious.weblibre.org/
+YouTubeURL = https://inv.bp.projectsegfau.lt/
+YouTube360 = https://inv.bp.projectsegfau.lt/latest_version?itag=18&id=
 videoelemargs-controlmuteloopauto = controls="true" muted="true" loop="true" autoplay="true"

StaticParts/Buttons/CreativeCommons-88x31.html

@@ -1 +1,7 @@
-<a class="NoABigger" href="<staticoso:SiteRelativeRoot>index.html#-Sorgenti-e-licenze"><img alt="CC BY-SA" width="88" height="31" src="<staticoso:CustomPath:Assets>/Media/Buttons/CC-BY-SA.svg"></a>
+<a
+	class="NoABigger"
+	href="<staticoso:SiteRelativeRoot>index.html#-Sorgenti-e-licenze"
+><img
+	alt="CC BY-SA" width="88px" height="31px"
+	src="<staticoso:CustomPath:Assets>/Media/Buttons/CC-BY-SA.svg"
+></a>

StaticParts/Buttons/Feed-88x31.html

@@ -1 +1,7 @@
-<a class="NoABigger Pixelated" href="<staticoso:SiteRelativeRoot>index.html#-Feed-e-notifiche"><img alt="Feed" src="<staticoso:CustomPath:Assets>/Media/Buttons/Feed-88x31.png"></a>
+<a
+	class="NoABigger Pixelated"
+	href="<staticoso:SiteRelativeRoot>index.html#-Feed-e-notifiche"
+><img
+	alt="Feed" width="88px" height="33px"
+	src="<staticoso:CustomPath:Assets>/Media/Buttons/Feed-88x31.png"
+></a>

StaticParts/Buttons/Firefox-88x31.html

@@ -1 +1,7 @@
-<a href="https://www.mozilla.org/it/firefox" target="_blank" rel="noopener nofollow"><img title="Firefox" src="<staticoso:CustomPath:Assets>/Media/Buttons/Firefox/Firefox-Modern-88x31.png"></a>
+<a
+	href="https://www.mozilla.org/it/firefox"
+	target="_blank" rel="noopener nofollow"
+><img
+	title="Firefox" width="88px" height="33px"
+	src="<staticoso:CustomPath:Assets>/Media/Buttons/Firefox/Firefox-Modern-88x31.png"
+></a>

StaticParts/Buttons/GNU-Linux-88x31.html

@@ -1 +1,7 @@
-<a href="https://www.gnu.org/home.it" target="_blank" rel="noopener nofollow"><img title="Made on GNU/Linux" src="<staticoso:CustomPath:Assets>/Media/Buttons/Made-on-GNU-Linux-88x31.png"></a>
+<a
+	href="https://www.gnu.org/home.it"
+	target="_blank" rel="noopener nofollow"
+><img
+	title="Made on GNU/Linux" width="88px" height="33px"
+	src="<staticoso:CustomPath:Assets>/Media/Buttons/Made-on-GNU-Linux-88x31.png"
+></a>

StaticParts/Buttons/InternetArchive-88x31.html

@@ -1 +1,7 @@
-<a href="https://archive.org" target="_blank" rel="noopener nofollow"><img title="Internet Archive" src="<staticoso:CustomPath:Assets>/Media/Buttons/Sites/InternetArchive-88x31.png"></a>
+<a
+	href="https://archive.org"
+	target="_blank" rel="noopener nofollow"
+><img
+	title="Internet Archive" width="88px" height="33px"
+	src="<staticoso:CustomPath:Assets>/Media/Buttons/Sites/InternetArchive-88x31.png"
+></a>

StaticParts/Buttons/Mastodon-88x31.html

@@ -1 +1,7 @@
-<a href="https://mastodon.uno/@octo" target="_blank" rel="noopener"><img title="Follow me on Mastodon" src="<staticoso:CustomPath:Assets>/Media/Buttons/Follow-me-on-Mastodon-88x31.png"></a>
+<a
+	href="https://mastodon.uno/@octo"
+	target="_blank" rel="noopener"
+><img
+	title="Follow me on Mastodon" width="88px" height="33px"
+	src="<staticoso:CustomPath:Assets>/Media/Buttons/Follow-me-on-Mastodon-88x31.png"
+></a>

StaticParts/Buttons/Tor-88x31.html

@@ -1 +1,7 @@
-<a href="https://www.torproject.org/it" target="_blank" rel="noopener nofollow"><img title="Tor" src="<staticoso:CustomPath:Assets>/Media/Buttons/Tor-88x31.png"></a>
+<a
+	href="https://www.torproject.org/it"
+	target="_blank" rel="noopener nofollow"
+><img
+	title="Tor" width="88px" height="33px"
+	src="<staticoso:CustomPath:Assets>/Media/Buttons/Tor-88x31.png"
+></a>

StaticParts/Buttons/Wikipedia-88x31.html

@@ -1,2 +1,13 @@
-<!-- Wikipedia | https://commons.wikimedia.org/wiki/File:Wikipedia-microbar-hu.png --->
+<!-- Wikipedia | https://commons.wikimedia.org/wiki/File:Wikipedia-microbar-hu.png -->
-<span><a title="hu:User:Boro, CC BY-SA 3.0 &lt;https://creativecommons.org/licenses/by-sa/3.0&gt;, via Wikimedia Commons" href="https://www.wikipedia.org" target="_blank" rel="noopener nofollow"><img title="Wikipedia" src="<staticoso:CustomPath:Assets>/Media/Buttons/Sites/Wikipedia/Wikipedia-88x31.png"></a><a class="YesHoverLight" style="Font-Size:Small; Margin-Left:-2em; Color:Black; Vertical-Align:Super;" title="hu:User:Boro, CC BY-SA 3.0 &lt;https://creativecommons.org/licenses/by-sa/3.0&gt;, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Wikipedia-microbar-hu.png" target="_blank" rel="noopener nofollow">[s]</a></span>
+<span><a
+	title="hu:User:Boro, CC BY-SA 3.0 &lt;https://creativecommons.org/licenses/by-sa/3.0&gt;, via Wikimedia Commons"
+	href="https://www.wikipedia.org" target="_blank" rel="noopener nofollow"
+><img
+	title="Wikipedia" width="88px" height="33px"
+	src="<staticoso:CustomPath:Assets>/Media/Buttons/Sites/Wikipedia/Wikipedia-88x31.png"
+></a><a
+	class="YesHoverLight" style="Font-Size:Small; Margin-Left:-2em; Color:Black; Vertical-Align:Super;"
+	title="hu:User:Boro, CC BY-SA 3.0 &lt;https://creativecommons.org/licenses/by-sa/3.0&gt;, via Wikimedia Commons"
+	href="https://commons.wikimedia.org/wiki/File:Wikipedia-microbar-hu.png"
+	target="_blank" rel="noopener nofollow"
+>[s]</a></span>

Templates/WM.html

@@ -43,7 +43,7 @@
 </div>
 
 <!--<div class="DragContainer">
-	<div class="DragBox"></div>--->
+	<div class="DragBox"></div>-->
 <div class="Window" id="MainWindow">
 	<div class="TitleBar">
 		<input type="checkbox" class="CheckToggle" id="MainWindowCheck">
@@ -54,7 +54,7 @@
 			<staticoso:PageContent>
 		</div>
 	</div>
-<!--</div>--->
+<!--</div>-->
 </div>
 
 <div class="Window" id="TitlesWindow">