Agg. CSS e JS

Assets/Assets/sitoctt.css.SelfBuild.js

@@ -237,7 +237,7 @@ IFrame {
 	Z-Index: -1;
 	Left: 0;
 	Right: 0;
-	Width: 75%;
+	Width: 80%;
 	Min-Height: 100vh;
 	Padding-Left: 2.5%;
 	Padding-Right: 2.5%;
@@ -397,6 +397,12 @@ Img.Center, Video.Center,
 	User-Select: none;
 }
 
+${wPagesList} > Li > .staticoso-List-Title {
+	Left: -1em;
+	Position: Relative;
+	Font-Size: Large;
+}
+
 ${wPagesList} Li {
 	/*background: RGBA(128,128,128,0.5);
 	border-radius: 2px;
@@ -405,26 +411,21 @@ ${wPagesList} Li {
 	Display: Block;
 }
 
-${wPagesList} Li > Span {
+${wPagesList} Li > Span { Min-Width: Fit-Content; }
-	Min-Width: Fit-Content;
-}
 
+${wPagesList} > Li > A,
 ${wPagesList} Li > Span + A {
 	Font-Size: Larger;
 }
 
+${wPagesList} Li > Span + A { Margin-Bottom: 1em; }
+
 @Media (Max-Width: 750px) {
-	${wPagesList} Li > Span + A {
+	${wPagesList} Li > Span + A { Display: Block; }
-		Display: Block;
-		Margin-Bottom: 1em;
-	}
 }
 
 @Media (Min-Width: 750px) {
 	${wPagesList} Li { Display: Flex; }
-	${wPagesList} Li > Span + A {
-		Margin-Bottom: 1em;
-	}
 	/*
 	${wPagesList} Li:Not(:First-Of-Type) > Span {
 		Margin-Left: 16px;

Pages/Raccolte/Gaming/Minesweeper.md

@@ -9,7 +9,8 @@
 
 /*
 */#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;
+	Background-Color: #C0C0C0;
+	Background-Image: /*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');
 	Filter: Blur(5px);
 }
 

Pages/Raccolte/Gaming/Nonogram.md

@@ -9,7 +9,8 @@
 
 /*
 */#Background {
-	Background: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg'), #CCF;
+	Background-Color: #CCF;
+	Background-Image: url('[staticoso:CustomPath:Assets]/Media/Nonogram/stock.adobe.com-323111281.jpg');
 	Filter: Blur(5px);
 }
 

Pages/index.pug

@@ -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: Auto-espansione dei menu sulle pagine con tema sitoctt in modalità desktop.
+		li Script interni, scritti da me: <del>Auto-espansione dei menu sulle pagine con tema sitoctt in modalità desktop</del> (sto cercando di sistemarlo..), Visualizzazione a schermo intero degli sfondi delle pagine.
 		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).

Scripts/Build.PC.sh

@@ -13,7 +13,8 @@ python3 ../staticoso/App/Source/Build.py \
 " \
 	--MastodonURL="https://botsin.space" \
 	--MastodonToken="$MastodonToken;Debug=True" \
-	--ActivityPubHoursLimit="0"
+	--ActivityPubHoursLimit="0" \
+	--GemtextOutput=True
 	#--DiffBuild="True" \
 	#--GemtextOutput=True #\
 	#--MastodonURL="https://botsin.space" \

Scripts/Get.staticosoDevFixed.sh

@@ -5,7 +5,7 @@ GetArchive() {
 	wget \
 		-O ./staticoso.tar.bz2 \
 		https://gitlab.com/octtspacc/staticoso/-/archive/$1/staticoso-$1.tar.bz2
-	tar xvf ./staticoso.tar.bz2
+	tar xf ./staticoso.tar.bz2
 	mv ./staticoso-$1 ./staticoso
 }
 

Scripts/PostBuild.Common.sh

@@ -1,7 +1,7 @@
 #!/bin/sh
 # Common action after the base site build succeeded
 
-cp -vr ./Assets/* ./public/
+#cp -vr ./Assets/* ./public/
 
 # Compile self-executable assets
 #for Dir in public public.*

Templates/sitoctt.html

@@ -71,8 +71,9 @@
 <staticoso:DynamicPart:*/Foot>
 <script>
 // Issue on Firefox 69 / Chromium: Getting background CSS property doesn't work, maybe background: url('') is invalid for <meta>? Maybe use content: ''?
-var RawDataCss = JSON.parse(window.getComputedStyle(document.getElementById('RawDataCssInject')).background.split('url("')[1].split('")').slice(0, -1).join('")').replaceAll('\\\"', '\"'));
+//var RawDataCss = JSON.parse(window.getComputedStyle(document.getElementById('RawDataCssInject')).background.split('url("')[1].split('")').slice(0, -1).join('")').replaceAll('\\\"', '\"'));
 
+/* Hyperbroken
 var MediaQuery = window.matchMedia(`(min-width: ${RawDataCss.DeskModeMinWid})`);
 var SectionMenu = document.querySelector('#RightBoxContainer > Details');
 var SectionButton = SectionMenu.querySelector('Summary');
@@ -94,29 +95,37 @@ function MediaQueryCheck(Query) {
 };
 MediaQuery.addListener(MediaQueryCheck);
 MediaQueryCheck(MediaQuery);
+*/
 
-// Note: onclick doesn't work and doesn't show any error, wtf? But calling ShowHidePageBg manually works
+var BackgroundFilter = getComputedStyle(Background).filter;
-/*
+function ResetShowPageBg() {
-function ShowHidePageBg() {
+	Background.onclick = null;
-	var Style = Body.style;
+	Background.style.cursor = '';
-	if (Style.visibility || Style.overflow || Body.onclick) {
+	Background.style.filter = BackgroundFilter;
-		Style.visibility = '';
+	Body.style.overflow = '';
-		Style.overflow = '';
+	[Header, Container].forEach(function(El) {
-		Body.onclick = null;
+		['visibility', 'overflow'].forEach(function(Prop) {
-	} else {
+			El.style[Prop] = '';
-		Style.visibility = 'hidden';
+		});
-		Style.overflow = 'hidden';	
+	});
-		Body.onclick = ShowHidePageBg;
+};
-	};
+function ShowPageBg() {
+	[Header, Container].forEach(function(El) {
+		['visibility', 'overflow'].forEach(function(Prop) {
+			El.style[Prop] = 'hidden';
+		});
+	});
+	Body.style.overflow = 'hidden';
+	Background.style.filter = 'none';
+	Background.style.cursor = 'pointer';
+	Background.onclick = ResetShowPageBg;
 };
-
 var PageBgEl = document.getElementById('fn:PageBg');
 if (PageBgEl) {
 	var PageBgPar = PageBgEl.querySelector('p');
 	var PageBgTokens = PageBgPar.innerHTML.split('</a>');
-	PageBgPar.innerHTML = PageBgTokens[0] + '</a>&nbsp;<button onclick="ShowHidePageBg()">Guarda</button>' + PageBgTokens.slice(1, -1);
+	PageBgPar.innerHTML = PageBgTokens[0] + '</a>&nbsp;<button onclick="ShowPageBg()">Guarda</button>' + PageBgTokens.slice(1, -1);
 };
-*/
 </script>
 <link rel="stylesheet" href="[staticoso:CustomPath:Assets]/Fonts/SpaceMono/Style.css"/>
 </body>