From 6f618b4f1215f4333894759807686ceb2baaf73c Mon Sep 17 00:00:00 2001
From: octospacc <octo@tutamail.com>
Date: Thu, 23 Mar 2023 10:27:51 +0100
Subject: [PATCH] Agg. CSS

---
 Assets/Assets/sitoctt.css.SelfBuild.js | 15 +++++++++++++++
 Pages/PicoBlog.md                      |  7 ++++++-
 Pages/Raccolte/Gaming/Minesweeper.md   | 16 +++++++++++-----
 Pages/Raccolte/Gaming/Nonogram.md      | 13 +++++++++----
 Templates/sitoctt.html                 |  1 +
 5 files changed, 42 insertions(+), 10 deletions(-)

diff --git a/Assets/Assets/sitoctt.css.SelfBuild.js b/Assets/Assets/sitoctt.css.SelfBuild.js
index c449902..c59049f 100644
--- a/Assets/Assets/sitoctt.css.SelfBuild.js
+++ b/Assets/Assets/sitoctt.css.SelfBuild.js
@@ -238,6 +238,7 @@ IFrame {
 	Left: 0;
 	Right: 0;
 	Width: 75%;
+	Min-Height: 100vh;
 	Padding-Left: 2.5%;
 	Padding-Right: 2.5%;
 	Padding-Top: Calc(Var(--ContentPadding) + 32px);
@@ -287,6 +288,20 @@ Img.Center, Video.Center,
 	Padding: 4px;
 }
 
+/* Div for custom background crimes */
+#Background {
+	Z-Index: -1;
+	Position: Fixed;
+	Width: 100vw;
+	Height: 100vh;
+	/* Ignore body padding */
+		Top: 0px;
+		Left: 0px;
+	Background-Size: Cover;
+	Background-Position: Center;
+	Background-Repeat: No-Repeat;
+}
+
 #MainBoxTop, #BuildTimeLine { Color: #505050; }
 #BuildTimeLine > Span { Display: Inline-Block; }
 
diff --git a/Pages/PicoBlog.md b/Pages/PicoBlog.md
index dba2dd8..df80830 100644
--- a/Pages/PicoBlog.md
+++ b/Pages/PicoBlog.md
@@ -37,7 +37,12 @@ href='./PicoBlog.html'>disponibile qui</a>. Considera di consultare quella per u
 
 </div>
 
-<details open="1" markdown="1"><summary>
+<details markdown="1" open><summary>
+#### [2023-03-23] Finalmente certe pagine... </summary>
+Oggi ho finito di sistemare la grafica di alcune pagine che ho iniziato a creare ieri, [Minesweeper](./Raccolte/Gaming/Minesweeper.html) e [Nonogram](./Raccolte/Gaming/Nonogram.html). Quando avevo iniziato il sito quasi un anno fa pianificavo di fare cose di questo tipo in questo modo, ma non ho mai fatto molto fino ad ora. Vedrò di continuare così...
+</details>
+
+<details markdown="1"><summary>
 #### [2023-02-22] staticoso è messo male </summary>
 Ma da quanto che non scrivevo su sta pagina? Vabbe. Oggi cercavo di aggiungere una funzionalità a staticoso... non ce la posso fare, è tutto spaghetti. Ho sbagliato a programmarlo come un programma monolitico, dovevo progettarlo fin da subito come una suite di programmini indipendenti ma correlati. E ora il danno è fatto.
 </details>
diff --git a/Pages/Raccolte/Gaming/Minesweeper.md b/Pages/Raccolte/Gaming/Minesweeper.md
index ccffa42..0bcf443 100644
--- a/Pages/Raccolte/Gaming/Minesweeper.md
+++ b/Pages/Raccolte/Gaming/Minesweeper.md
@@ -4,15 +4,21 @@
 <style>/*
 */#Body {
 	Color: #000000;
-	Background: url('[staticoso:CustomPath:Assets]/Media/Minesweeper/XP-Window-www.techradar.com.webp'), #C0C0C0;
-	Background-Size: 100% auto;
-	Background-Position: Center;
+	Background: #C0C0C0;
 }
+
+/*
+*/#Background {
+	Background: /*linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),*/ url('[staticoso:CustomPath:Assets]/Media/Minesweeper/XP-Window-www.techradar.com.webp'), #C0C0C0;
+	Filter: Blur(5px);
+}
+
 /**/#LeftBoxContainer, #RightBoxContainer { Color: #000000; }
+
 /*
 */#MainBox {
 	Background: RGBA(192, 192, 192, 0.80);
-	backdrop-filter: blur(5px);
+	Backdrop-Filter: Blur(5px);
 }
 </style>
 
@@ -24,7 +30,7 @@ Le regole sono semplici, ma il gioco raggiunge facilmente alti livelli di comple
 
 Personalmente, chiamo il campo minato anche "**minaspazzante**", per scherzare su una traduzione pseudo-letterale scorretta della parola "minesweeper" (letteralmente ma correttamente "[spazzamine](https://it.wikipedia.org/wiki/Dragamine){[:MdTgtBlank:]}") in italiano. In certi momenti, in un attimo diventa "**minasp<span style="border: 2px dotted yellow;">i</span>azzante**", quando ti mette davanti a bivi strani o a schemi di piazzamento delle bombe intricati.
 
-<p markdown=1 style=background:#fde;padding:0.5em;>...Scusa, ci sono lavori in corso su questa pagina, sto piazzando le mine in giro per trollare le prossime persone che verranno qui a leggere e inciamperanno su qualche parola... se nel frattempo vuoi imparare a giocare leggiti [Wikipedia](https://it.wikipedia.org/wiki/Campo_minato_(videogioco)){[:MdTgtBlank:]}, vai va...</p>
+<p markdown="1" style="background: #fde; padding: 0.5em;">...Scusa, ci sono lavori in corso su questa pagina, sto piazzando le mine in giro per trollare le prossime persone che verranno qui a leggere e inciamperanno su qualche parola... se nel frattempo vuoi imparare a giocare leggiti [Wikipedia](https://it.wikipedia.org/wiki/Campo_minato_(videogioco)){[:MdTgtBlank:]}, vai va...</p>
 
 ## Curiosità
 
diff --git a/Pages/Raccolte/Gaming/Nonogram.md b/Pages/Raccolte/Gaming/Nonogram.md
index 8bdfe6f..16a49a8 100644
--- a/Pages/Raccolte/Gaming/Nonogram.md
+++ b/Pages/Raccolte/Gaming/Nonogram.md
@@ -4,15 +4,20 @@
 <style>/*
 */#Body {
 	Color: #000000;
-	Background: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg'), #ccf;
-	Background-Size: 100% auto;
-	Background-Position: Center;
+	Background: #CCF;
 }
+
+/*
+*/#Background {
+	Background: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg'), #CCF;
+	Filter: Blur(5px);
+}
+
 /**/#LeftBoxContainer, #RightBoxContainer { Color: #000000; }
 /*
 */#MainBox {
 	Background: RGBA(204, 204, 255, 0.80);
-	backdrop-filter: blur(5px);
+	backdrop-filter: Blur(5px);
 }
 </style>
 
diff --git a/Templates/sitoctt.html b/Templates/sitoctt.html
index 9c260a8..6843daa 100644
--- a/Templates/sitoctt.html
+++ b/Templates/sitoctt.html
@@ -10,6 +10,7 @@
 	<staticoso:DynamicPart:*/Head>
 </head>
 <body id="Body">
+<div id="Background"></div>
 <div id="Header">
 	<staticoso:DynamicPart:*/Header>
 </div>