Miglioramenti CSS; Aggiunta statistiche GoatCounter

Assets/Assets/sitoctt.css

@@ -7,6 +7,10 @@
 	--ContentPadding: 8px;
 
 	--BodyTextColor: #080810;
+	--cPurpleLighter: #D000D0;
+	--cBasePinky: #EEDDFF;
+	--cBackDark: #300030;
+	--cPurpleDarker: #700070;
 }
 
 * {
@@ -26,7 +30,7 @@ Body {
 	Left: Auto;
 	Right: Auto;
 	Color: Var(--BodyTextColor);
-	Background: #eeddff;
+	Background: Var(--cBasePinky);
 	Font-Size: 13pt;
 	Padding: Var(--ContentPadding);
 	Overflow-Wrap: Break-Word;
@@ -62,7 +66,7 @@ Details Div Details:Not(.NoBorderBox) {
 	Padding: 4px;
 }
 
-A { Color: #D000D0; }
+A { Color: Var(--cPurpleLighter); }
 :Where(Code, .Code) A { Color: #60D0D0; }
 
 H1, H2, H3, H4, H5, H6 {
@@ -88,7 +92,7 @@ Blockquote, .Blockquote {
 }
 .Code, Code:Not(.NoCode), Pre Code:Not(.NoCode), Pre.Code, .CodeScroll {
 	Color: #FAFAF0;
-	Background: #300030;
+	Background: Var(--cBackDark);
 }
 .ScrollBox, .ScrollBorderBox, .CodeScroll {
 	Overflow-X: Auto;
@@ -119,6 +123,21 @@ Video.SmallVideoQuote + Blockquote {
 ):Before {
 	Content: '🔗 ';
 }
+#MainBox A:Not(
+	.NoLinkLink,
+	:Where(.NoLinkLink, .staticoso-SectionLink, #StatCounter, #RingsDiv) A
+):After {
+	Content: '';
+	Border-Radius: 0.125em;
+	Display: Inline-Block;
+	Width: 0.50em;
+	Height: 0.50em;
+	Margin-Bottom: -0.40em;
+	Border-Bottom: 0.20em solid Var(--cPurpleDarker);
+	Border-Right: 0.20em solid Var(--cPurpleDarker);
+	Margin-Left: -0.40em;
+	Opacity: 0.5;
+}
 
 Header > P > A > Img {
 	Display: Inline !Important;
@@ -127,8 +146,8 @@ Header > P > A > Img {
 /* Clickable link at the left of every section title */
 #SitesList B:Target,
 .staticoso-SectionTitle:Target {
-	Color: #EEDDFF !Important;
+	Color: Var(--cBasePinky) !Important;
-	Background: #700070 !Important;
+	Background: Var(--cPurpleDarker) !Important;
 	Text-Decoration: Underline;
 }
 .staticoso-SectionLink {
@@ -152,8 +171,8 @@ A:Hover:Not(
 	:Where(H3, H4, H5, H6) > A
 ),
 :Where(.YesHoverLight, .YesHoverLight A):Hover {
-	Color: #EEDDFF !Important;
+	Color: Var(--cBasePinky) !Important;
-	Background: #700070 !Important;
+	Background: Var(--cPurpleDarker) !Important;
 }
 
 .ImgShiftedH, .ImgShiftedH Img {
@@ -177,10 +196,10 @@ IFrame {
 #LeftBox, #RightBox {
 	Max-Width: 90vw;
 	Color: #fafaf0;
-	Background: #300030;
+	Background: Var(--cBackDark);
 }
 
-:Where(#LeftBox, #RightBox, #BottomBox) A { Color: #eeddff; }
+:Where(#LeftBox, #RightBox, #BottomBox) A { Color: Var(--cBasePinky); }
 :Where(#LeftBox, #RightBox) Ul Li { List-Style-Type: None; }
 :Where(#LeftBox, #RightBox) Ul { Padding-Top: 0px; }
 
@@ -300,7 +319,7 @@ IFrame {
 	Position: Fixed;
 	Z-Index: 16;
 	Color: #fafaf0;
-	Background: #300030;
+	Background: Var(--cBackDark);
 	Max-Width: 60vw;
 	Max-Height: 50vh;
 	Overflow-Y: Scroll;
@@ -354,6 +373,26 @@ IFrame {
 	User-Select: none;
 }
 
+/*
+@Media (Min-Width: 1000px) {
+	#MainBox {
+		Top: 0px;
+		Left: Unset;
+		Right: 2.5%;
+		Width: 72%;
+	}
+	#LeftBoxContainer, #RightBoxContainer {
+		Float: None;
+		Width: 24%;
+		Position: Static;
+	}
+	#LeftBox, #RightBox {
+		Padding: 0px;
+		Margin: 0px;
+	}
+}
+*/
+
 /*--------------------------------------------------------*/
 
 

DynamicParts/*/Footer/StatCounter.html

@@ -4,5 +4,6 @@
 <div id="StatCounter">
 	<h4>Contatore assoluto delle visite</h4>
 	<a class="NoABigger" href="https://www.contatoreaccessi.com" target="_blank" rel="noopener" title="Contatore assoluto delle visite"><img src="https://counter4.whocame.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" alt="Conto assoluto delle visite"></a>
-	<!-- <a href="https://www.contatoreaccessi.com" title="contatori"><img src="https://counter9.stat.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" title="contatori" alt="contatori"></a> -->
+	<!-- GoatCounter statistics - Doesn't require a GDPR notice, see <https://goatcounter.com/help/gdpr> -->
+	<img style="display: none; width: 0px; height: 0px;" src="https://sitoctt.goatcounter.com/count?p=/[staticoso:PagePath]"/>
 </div>

DynamicParts/WM/Other/CountWindow.html

@@ -1,12 +1,13 @@
 <div class="Window" id="CountWindow">
 	<div class="TitleBar">
-		<input type="checkbox" class="CheckToggle" id="CountWindowCheck">
+		<input type="checkbox" class="CheckToggle" id="CountWindowCheck"/>
 		<div class="TitleBarContent">
 			<span> <label class="CheckLabel" id="CountWindowCheckLabel" for="CountWindowCheck"></label> </span> &nbsp;&nbsp; <span> <b>Visite Assolute</b> </span> &nbsp;&nbsp; <span> <span class="twa twa-📊"><span></span>📊</span> </span>
 		</div>
 		<div class="WindowContent ToggleBox">
 			<a href="https://www.contatoreaccessi.com" target="_blank" rel="noopener" title="Contatore assoluto delle visite"><img src="https://counter4.whocame.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" alt="Conto assoluto delle visite"></a>
-			<!-- <a href="https://www.contatoreaccessi.com" title="contatori"><img src="https://counter9.stat.ovh/private/contatoreaccessi.php?c=3pfp8ahxbnm9e53pqtcnuxz8mq7wrk9s" border="0" title="contatori" alt="contatori"></a> -->
+			<!-- GoatCounter statistics - Doesn't require a GDPR notice, see <https://goatcounter.com/help/gdpr> -->
+			<img style="display: none; width: 0px; height: 0px;" src="https://sitoctt.goatcounter.com/count?p=/[staticoso:PagePath]"/>
 		</div>
 	</div>
 </div>

Pages/index.pug

@@ -5,7 +5,7 @@
 // % Index = True
 // % Order = 10
 // % Image = [staticoso:Folder:Assets:AbsoluteRoot]/RichPreview/index.png
-// % UpdatedOn = 2022-12-03
+// % UpdatedOn = 2023-02-01
 
 h1 Ciao!! (UwU)
 
@@ -256,6 +256,16 @@ details
 		li Pacchetto emoji CSS: #[a(href='https://twemoji.twitter.com' target='_blank' rel='noopener') Twemoji di Twitter], via #[a(href='https://gitlab.com/octtspacc/twemoji-astonishing' target='_blank' rel='noopener') Twemoji Astonishing]
 		li Alcuni bottoni 88x31 non identitari: #[a(href='https://cyber.dabamos.de/88x31' target='_blank' rel='noopener') 88x31 GIF Collection di cyber.dabamos.de]
 
+h2 Riservatezza e trasparenza
+
+p In quanto mio interesse legittimo, in questo sito web utilizzo un servizio di analitica; sia per poter migliorare ciò che faccio, che per soddisfare la mia pura curiosità di scoprire dati.
+
+p Il servizio di analitica è basato su software completamente #[a(href='https://github.com/arp242/goatcounter/blob/master/LICENSE' target='_blank' rel='noopener') libero ed open-source], ospitato gratuitamente per siti a basso traffico da #[b GoatCounter.com].
+
+p A quanto pare, con GoatCounter non serve includere un avviso a schermo che disturba gli utenti per essere in regola con il GDPR (si veda <a href='https://www.goatcounter.com/help/gdpr' target='_blank' rel='noopener'>goatcounter.com/help/gdpr</a>), ma, per onestà e trasparenza, sto scrivendo comunque questo paragrafo.
+
+p Solo i dati non-personali vengono raccolti, in forma anonima, per i soli fini di statistica generale, e non di tracciamento individuale. Il servizio non utilizza cookies, e i dati non vengono ceduti a terze parti. Per ulteriori informazioni, non posso fare altro che consigliare di leggere la <a href='https://www.goatcounter.com/help/privacy' target='_blank' rel='noopener'>Privacy policy di GoatCounter</a>.
+
 br
 hr
 

StaticParts/Standard/BottomBox.html

@@ -2,7 +2,7 @@
 	[<a href="https://translate.google.com/translate?sl=[staticoso:PageLang]&tl=en&hl=en&u=[staticoso:SiteDomain]/[staticoso:PagePath]&client=webapp">
 		<strong><span class="twa twa-🏳️‍🌈"><span>🏳️‍🌈</span></span> Translate</strong>
 	</a>]
-	&nbsp;
+	
 	[<a href="#Container">
 		<strong><span class="twa twa-⬆️ twa-up-arrow"><span>⬆️</span></span> Torna Su</strong>
 	</a>]

StaticParts/Standard/Head.Global.html

@@ -13,15 +13,19 @@
 <link rel="alternate" type="application/rss+xml" title="Feed RSS (Site)" href="<staticoso:SiteRelativeRoot>feed/site.rss.xml"/>
 
 <meta name="generator" content="staticoso"/>
+<meta property="og:type" content="website"/>
+
 <title><staticoso:PageTitle> - <staticoso:SiteName></title>
 <meta name="description" content="<staticoso:PageDescription>"/>
-<!-- <meta name="keywords" content="<staticoso:Keywords>"/> -->
 <meta name="author" content="OctoSpacc"/>
-<meta property="og:type" content="website"/>
 <meta property="og:title" content="<staticoso:PageTitle> - <staticoso:SiteName>"/>
 <meta property="og:description" content="<staticoso:PageDescription>"/>
 <meta property="og:image" content="<staticoso:PageImage>"/>
 <meta property="og:url" content="<staticoso:SiteDomain>/<staticoso:PagePath>"/>
+<!-- <meta name="keywords" content="<staticoso:Keywords>"/> -->
+<meta property="article:published_time" content=""/>
+<!-- <meta property="article:published_time" content="[staticoso:PublishedTime]"/> -->
+
 <!--
 I still haven't yet prepared this lol
 [<]script src="<staticoso:SiteRelativeRoot>Assets/AVIF-Polyfill/index.js" defer="true"[>][</]script[>]

Templates/WM.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="<staticoso:PageLang>">
 <head>
-	<staticoso:StaticPart:Standard/GlobalHead.html>
+	<staticoso:StaticPart:Standard/Head.Global.html>
 	<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/WM.css">
 	<link href="<staticoso:CustomPath:Assets>/Fonts/SpaceMono/Style.css" rel="stylesheet">
 	<style>

Templates/loli-documentatrice.html

@@ -2,7 +2,7 @@
 <!DOCTYPE html>
 <html lang="<staticoso:PageLang>">
 <head>
-	<staticoso:StaticPart:Standard/GlobalHead.html>
+	<staticoso:StaticPart:Standard/Head.Global.html>
 	<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/WriteFreely-loli-documentatrice-min.css">
 	<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/loli-documentatrice.css">
 	<style>

Templates/sitoctt.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="<staticoso:PageLang>">
 <head>
-	<staticoso:StaticPart:Standard/GlobalHead.html>
+	<staticoso:StaticPart:Standard/Head.Global.html>
 	<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/sitoctt.css">
 	<link href="<staticoso:CustomPath:Assets>/Fonts/SpaceMono/Style.css" rel="stylesheet">
 	<style>