Agg. PicoBlog; Agg. interni

Assets/Assets/WM.css

@@ -131,7 +131,7 @@ Body {
 	Height: Calc(Var(--TaskBarHeight) / 6 * 5); /* Try to vertically center the text lol */
 }
 
-/*---   "Shade window" button   --------------------------*/
+/*---   "Shade Window" button   --------------------------*/
 .CheckToggle {
 	Position: Fixed;
 	Opacity: 0;
@@ -273,6 +273,7 @@ Body {
 	Z-Index: 192 !Important;
 }
 
+/*---   "Show Desktop" feature   -------------------------*/
 #DesktopCheck {
 	/* -4px to leave a bit of padding */
 	Width: Calc(Var(--TaskBarHeight) - 4px);
@@ -290,7 +291,6 @@ Body {
 	Font-Size: Calc(Var(--TaskBarHeight) - 8px); 
 	Line-Height: Var(--TaskBarHeight);
 }
-
 #DesktopCheck ~ Label > Span {
 	Display: Inline-Block;
 	/* To get PERFECT vertical align */
@@ -300,9 +300,37 @@ Body {
 #DesktopCheck:Checked ~ Label > Span {
 	Background-Color: Var(--TitleBarBackground);
 }
-#DesktopCheck:Checked ~ .Window {
+#DesktopCheck:Checked ~ .Window,
+#DesktopCheck:Checked ~ * > .Window {
 	Display: None;
 	Visibility: Hidden;
 }
+/****   --------------------------------------------   ****/
+
+/*---   Draggable windows   ------------------------------*/
+/* Currently broken if we have multiple windows,
+   due to the resizable div area covering the top left part of the screen.
+   Applying a transformation of scaleY(-1) translateY(100%) fixes it vertically
+   but dragging the window around the screen is flipped.
+   How the f do I make this work?
+*/
+.DragContainer {
+	Position: Absolute;
+	Display: Inline-Block;
+}
+.DragBox {
+	Position: Relative;
+	Width: 20px;
+	Height: 20px;
+	Resize: Both;
+	Overflow: Scroll;
+	Z-Index: 1024;
+}
+.DragContainer > .Window {
+	Top: Initial !Important;
+	Margin-Top: -24px;
+	Margin-Right: -24px;
+}
+/****   --------------------------------------------   ****/
 
 /*--------------------------------------------------------*/

Assets/Assets/WriteFreely-loli-documentatrice-min.css

@@ -0,0 +1,5 @@
+/*!
+	Borrowed from a running WriteFreely instance.
+	An header was missing from the file, but license is probably AGPL-3.0;
+	See https://github.com/writefreely/writefreely.
+*/hr{border:0}header h1,header h2,header nav{display:inline}header nav a:hover{text-decoration:underline}body,p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body nav#top-nav,header p.meta-note span{text-transform:uppercase}body{margin:0;padding:0;font-size:100%}header{margin:1em}header nav{margin:0 1em;line-height:2.4em}header nav a,header nav span{margin:0 0 0 1em}header nav a{color:#767676}header p.description{color:#444;font-size:1.1em;margin-top:.5em;line-height:1.5}header p.meta-note{color:#333;font-style:italic;margin-top:2em}header p.meta-note span{font-variant:small-caps;font-size:.9em;color:#666;font-style:normal}hr{height:1px;background:#ccc;max-width:40em;margin:4em auto;text-align:center}body{font-family:Lora,'Palatino Linotype','Book Antiqua','New York','DejaVu serif',serif}body{font-size-adjust:.5;background-color:#fff;color:#111}body h1 a,body header h2 a{color:#000;-moz-transition-duration:.2s;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}body h1 a:hover,body header h2 a:hover{color:#303030;text-decoration:none}body h1,body h2,body h3{line-height:1.2}body#post article{display:block;unicode-bidi:embed;white-space:pre}body#post article{margin-bottom:2em!important}body#post article h1,body#post article h2,body#post article h3,body#post article h4,body#post article h5,body#post article h6,body#post article ol,body#post article p,body#post article ul{display:inline;margin:0}body#post article hr+p,body#post article ol,body#post article ul{display:block;margin-top:-1rem;margin-bottom:-1rem}body#post article ol,body#post article ul{margin:2rem 0 -1rem}body#post article ol ol,body#post article ol ul,body#post article ul ol,body#post article ul ul{margin:1.25rem 0 -.5rem}body#post article li{margin-top:-.5rem;margin-bottom:-.5rem}body#post article h2#title{font-size:1.5em;display:block;margin-top:0;margin-bottom:1em}body#post article h1{font-size:1.5em}body#post article h2{font-size:1.4em}body#post audio,body#post img,body#post video{max-width:100%}body#post audio{width:100%;white-space:initial}body#post article hr{margin-top:0;margin-bottom:0}body nav#top-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}body nav#top-nav{display:inline;position:absolute;top:1.5em;right:1.5em;font-size:.95rem}body nav#top-nav a{color:#777}body nav#top-nav a+a{margin-left:1em}.post-title a:link{color:#333}.post-title a:visited{color:#444}a{text-decoration:none}a:hover{text-decoration:underline}body#post article{max-width:40rem;margin:0 auto}body#post article.sans{line-height:1.5;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body#post article.sans,span.sans{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}article h2.post-title a[rel=nofollow]::after{content:'\a0 \2934'}li{line-height:1.5}#org-nav{font-family:'Open Sans','Segoe UI',Tahoma,Arial,sans-serif}@media only screen and (min-device-width:320px) and (max-device-width:480px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (max-width:320px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media only screen and (min-device-width:768px) and (max-device-width:1024px){header{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}}@media print{h1{page-break-before:always}h1,h2,h3,h4,h5,h6{page-break-after:avoid}header{display:none}article#post-body{margin-top:2em;margin-left:0;margin-right:0}hr{border:1px solid #ccc}}#org-nav{font-size:1.1em;color:#888}#org-nav em,#org-nav strong{color:#000}#org-nav+h1{margin-top:.5em}#org-nav a:hover,#org-nav a:link,#org-nav a:visited{color:#767676}#org-nav a:first-child{margin-right:.25em}@media all and (max-width:600px){#target-name{max-width:98px;display:inline-block}}body#post header{margin:0 auto;padding:1em 2rem;-moz-opacity:.4;-khtml-opacity:.4;-webkit-opacity:.4;opacity:.4;-moz-transition-property:opacity;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}body#post header:hover{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1}body#post header h1{font-size:1.6em}body#post article h2#title.dated{margin-bottom:.5em}article{padding:.5em 2rem 1.5em}body#post article{font-size:1.2em}@-moz-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0;position:static}100%{opacity:1}}@-keyframes fadeIn{position:static}100%{opacity:1}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}100%{opacity:0;position:absolute;top:-1000px;left:-1000px}

Pages/PicoBlog.md

@@ -37,6 +37,11 @@ href='./PicoBlog.html'>disponibile qui</a>. Considera di consultare quella per u
 </div>
 
 <details markdown="1" open="1"><summary>
+#### [2022-11-10] Faccio esplodere l'AI </summary>
+Dopo aver scoperto che l'anteprima di ChatGPT è per ora completamente gratuita, ho iniziato a giocarci e a fare cose su cose, dedicandoci forse anche troppo tempo 😅. Ho creato un sito per raccogliere le conversazioni che ho con l'AI, per scopi di ricerca e perché ci sono spesso situazioni che vale la pena condividere: <https://listed.to/@ChatGPT_Experiences>{[:MdTgtBlank:]}
+</details>
+
+<details markdown="1"><summary>
 #### [2022-11-27] sitoctt introvabile, spero per non molto altro tempo </summary>
 Ho notato che il sitoctt, anche dopo alcune mie misure che avrebbero dovuto far contenti i motori di ricerca, proprio non si trova.. e non ho alcuna idea abbastanza precisa su cosa causi il problema. Devo iniziare a integrare nel generatore una funzione per ripubblicare in automatico su Wordpress, Blogger, e roba di quel tipo, magari da lì i motori lo leggono meglio; intanto, ho iniziato a fare lo script per tradurre il sito in diverse lingue, e questo dovrebbe aiutare a diffonderlo al di fuori dell'Italia.
 </details>

Pages/index.pug

@@ -147,7 +147,7 @@ ul
 	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)
+	summary: h4 <span class="twa twa-💾"><span>💾</span></span> Opzioni di compatibilità per sistemi obsoleti o esotici (Espandi)
 	div: dl
 		dt: b • Versione HTTP di base
 		dd
@@ -243,6 +243,8 @@ p
 	br
 	| Quelli del mio generatore, anche questo rilasciato sotto una licenza libera, la AGPL: #[a(href='https://gitlab.com/octtspacc/staticoso' target='_blank' rel='noopener') gitlab.com/octtspacc/staticoso].
 
+p Altra cosa: in caso possa interessare, per conservare e/o condividere in modo immediato (esclusi i file che sono sulle repo a parte, perché linkati in modo assoluto) copie offline del sito, si può scaricare uno <b>zip</b> contenente tutte le pagine compilate <a href="https://gitlab.com/octtspacc/sitoctt/-/jobs/artifacts/main/download?job=pages" target="_blank" rel="noopener">qui</a>!
+
 h3 Crediti speciali
 
 details

Templates/WM.html

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

Templates/loli-documentatrice.html

@@ -3,12 +3,12 @@
 <html lang="<staticoso:PageLang>">
 <head>
 	<staticoso:StaticPart:Standard/GlobalHead.html>
-	<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/WriteFreely.css">
+	<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/WriteFreely-loli-documentatrice-min.css">
 	<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/loli-documentatrice.css">
 	<style>
 		body {
 			background-color: #3B6EA5 !important;
-			/* Copyright: <staticoso:CustomPath:Assets>/Media/Backgrounds/Windows-2000-Clouds/COPYRIGHT.md */
+			/*! Copyright: <staticoso:CustomPath:Assets>/Media/Backgrounds/Windows-2000-Clouds/COPYRIGHT.md */
 			background: url('<staticoso:CustomPath:Assets>/Media/Backgrounds/Windows-2000-Clouds/Windows-2000-Clouds-1920x1440-Q96.webp');
 			background-size: auto fill;
 			background-position: center;