Agg CSS: Bottone mostra desktop; Agg. build script Tor

Assets/Assets/WM.css

@@ -30,7 +30,7 @@
 Body {
 	Margin: 0;
 	Padding: 0;
-	Overflow-Y: Hidden;
+	Overflow: Hidden;
 	Overflow-Wrap: Break-Word;
 }
 
@@ -127,7 +127,7 @@ Body {
 .TaskBarRight {
 	Position: Absolute;
 	Bottom: 0;
-	Right: 0;
+	Right: Calc(Var(--TaskBarHeight) - 4px); /* Accomodate show desktop icon */
 	Height: Calc(Var(--TaskBarHeight) / 6 * 5); /* Try to vertically center the text lol */
 }
 
@@ -135,7 +135,7 @@ Body {
 .CheckToggle {
 	Position: Fixed;
 	Opacity: 0;
-	Visibility: Hidden;
+	/*Visibility: Hidden;*/
 }
 .CheckLabel:Before {
 	Content: '🔼';
@@ -149,14 +149,6 @@ Body {
 }
 /****   --------------------------------------------   ****/
 
-#Desktop {
-	Position: Absolute;
-	Top: 0px;
-	Left: 0px;
-	Width: 100vw;
-	Height: 100vh;
-}
-
 .Absolute-↙, .Absolute-↙️ {
 	Position: Absolute;
 	Bottom: 0px;
@@ -175,7 +167,9 @@ Body {
 .NoSelect,
 .TitleBarContent,
 .TaskBar,
-#TitlesWindow {
+#Desktop,
+#TitlesWindow, #FeedWindow,
+#DesktopCheck, #DesktopCheck ~ Label {
 	-webkit-touch-callout: none;
 	-webkit-user-select: none;
 	-khtml-user-select: none;
@@ -264,6 +258,13 @@ Body {
 	Overflow: Hidden;
 }
 
+#Desktop {
+	Position: Absolute;
+	Top: 0px;
+	Left: 0px;
+	Width: 100vw;
+	Height: 100vh;
+}
 #DesktopButtons {
 	Bottom: Calc(Var(--TaskBarHeight) + Var(--WindowMargin));
 	Left: Calc(Var(--WindowMargin) * 2);
@@ -272,5 +273,36 @@ Body {
 	Z-Index: 192 !Important;
 }
 
-/*--------------------------------------------------------*/
+#DesktopCheck {
-/* Todo: Add show desktop button 🪬 */
+	/* -4px to leave a bit of padding */
+	Width: Calc(Var(--TaskBarHeight) - 4px);
+	Height: Calc(Var(--TaskBarHeight) - 4px);
+}
+#DesktopCheck ~ Label {
+	Height: Var(--TaskBarHeight);
+}
+#DesktopCheck, #DesktopCheck ~ Label {
+	Position: Absolute;
+	Bottom: 0 !Important;
+	Right: 0px;
+	Z-Index: 320 !Important;
+	/* Emoji is taller than normal letters, so make it smaller */
+	Font-Size: Calc(Var(--TaskBarHeight) - 8px); 
+	Line-Height: Var(--TaskBarHeight);
+}
+
+#DesktopCheck ~ Label > Span {
+	Display: Inline-Block;
+	/* To get PERFECT vertical align */
+	/*Padding-Bottom: 4px;
+	Line-Height: Calc(Var(--TaskBarHeight) - 2px);*/
+}
+#DesktopCheck:Checked ~ Label > Span {
+	Background-Color: Var(--TitleBarBackground);
+}
+#DesktopCheck:Checked ~ .Window {
+	Display: None;
+	Visibility: Hidden;
+}
+
+/*--------------------------------------------------------*/

Scripts/Deploy.Tor.sh

@@ -4,3 +4,4 @@ python3 ../staticoso/Source/Build.py \
 	--SiteDomain="http://sitoctt2fxjvx3lc2iqqef2aeulflprjaasv2xl4zi7sxxbmvjy5b5yd.onion" \
 	--FolderRoots="{'*':'/', 'Assets':'/sitoctt-assets'}" \
 	--NoScripts=True
+./Scripts/Prepare.NoStyle.sh

Templates/WM.html

@@ -21,14 +21,17 @@
 			<staticoso:SiteMenu>
 		</div>
 	</details>
-	<span class="TaskBarRight">&nbsp;<h4 class="Inline"><a href="<staticoso:SiteRelativeRoot>index.html"><span class="twa twa-sparkles twa-✨">✨</span>sitoctt2022<span class="twa twa-sparkles twa-✨">✨</span></a></h4>&nbsp;</span>
+	<span class="TaskBarRight">&nbsp;<h4 title="Home Page" class="Inline"><a href="<staticoso:SiteRelativeRoot>index.html"><span class="twa twa-sparkles twa-✨">✨</span>sitoctt2022<span class="twa twa-sparkles twa-✨">✨</span></a></h4>&nbsp;</span>
 </div>
 
+<input title="Mostra Desktop" type="checkbox" class="CheckToggle" id="DesktopCheck">
+<label title="Mostra Desktop" for="DesktopCheck"><span class="twa twa-🪬"><span>🪬</span></span></label>
+
 <div class="Window" id="FeedWindow">
 	<div class="TitleBar">
 		<input type="checkbox" class="CheckToggle" id="FeedWindowCheck">
 		<div class="TitleBarContent">
-			<span> <label class="CheckLabel" id="FeedWindowCheckLabel" for="FeedWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Ultimi Post</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-📣"><span>📣</span></span> </span>
+			<span> <label class="CheckLabel" for="FeedWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Ultimi Post</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-📣"><span>📣</span></span> </span>
 		</div>
 		<div class="WindowContent ToggleBox">
 			<staticoso:Feed>
@@ -40,7 +43,7 @@
 	<div class="TitleBar">
 		<input type="checkbox" class="CheckToggle" id="MainWindowCheck">
 		<div class="TitleBarContent">
-			<span> <label class="CheckLabel" id="MainWindowCheckLabel" for="MainWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b><staticoso:PageTitle></b> </span> &nbsp;&nbsp; <span> <span class="twa twa-pencil twa-✏️"><span>✏️</span></span> </span>
+			<span> <label class="CheckLabel" for="MainWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b><staticoso:PageTitle></b> </span> &nbsp;&nbsp; <span> <span class="twa twa-pencil twa-✏️"><span>✏️</span></span> </span>
 		</div>
 		<div class="WindowContent ToggleBox">
 			<staticoso:PageContent>
@@ -52,7 +55,7 @@
 	<div class="TitleBar">
 		<input type="checkbox" class="CheckToggle" id="TitlesWindowCheck">
 		<div class="TitleBarContent">
-			<span> <label class="CheckLabel" id="TitlesWindowCheckLabel" for="TitlesWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Sezioni</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-bookmark-tabs twa-📑"><span>📑</span></span> </span>
+			<span> <label class="CheckLabel" for="TitlesWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Sezioni</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-bookmark-tabs twa-📑"><span>📑</span></span> </span>
 		</div>
 		<div class="WindowContent ToggleBox">
 			<staticoso:PageSections>
@@ -65,6 +68,7 @@
 		<staticoso:StaticPart:Standard/MiscButtons.Vertical.html>
 		<br>
 		<staticoso:StaticPart:Buttons/Feed-88x31.html>
+		<span> </span>
 		<staticoso:StaticPart:Buttons/CreativeCommons-88x31.html>
 	</div>
 </div>