Miglioramenti CSS; Aggiunta statistiche GoatCounter

This commit is contained in:
octospacc 2023-02-02 00:24:29 +01:00
parent b37f7b2031
commit 9cfacf4ac0
9 changed files with 75 additions and 20 deletions

View File

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

View File

@ -4,5 +4,6 @@
<div id="StatCounter"> <div id="StatCounter">
<h4>Contatore assoluto delle visite</h4> <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 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> </div>

View File

@ -1,12 +1,13 @@
<div class="Window" id="CountWindow"> <div class="Window" id="CountWindow">
<div class="TitleBar"> <div class="TitleBar">
<input type="checkbox" class="CheckToggle" id="CountWindowCheck"> <input type="checkbox" class="CheckToggle" id="CountWindowCheck"/>
<div class="TitleBarContent"> <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> <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>
<div class="WindowContent ToggleBox"> <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" 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> </div>
</div> </div>

View File

@ -5,7 +5,7 @@
// % Index = True // % Index = True
// % Order = 10 // % Order = 10
// % Image = [staticoso:Folder:Assets:AbsoluteRoot]/RichPreview/index.png // % Image = [staticoso:Folder:Assets:AbsoluteRoot]/RichPreview/index.png
// % UpdatedOn = 2022-12-03 // % UpdatedOn = 2023-02-01
h1 Ciao!! (UwU) 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 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] 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 br
hr hr

View File

@ -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"> [<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> <strong><span class="twa twa-🏳️‍🌈"><span>🏳️‍🌈</span></span> Translate</strong>
</a>] </a>]
&nbsp;
[<a href="#Container"> [<a href="#Container">
<strong><span class="twa twa-⬆️ twa-up-arrow"><span>⬆️</span></span> Torna Su</strong> <strong><span class="twa twa-⬆️ twa-up-arrow"><span>⬆️</span></span> Torna Su</strong>
</a>] </a>]

View File

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

View File

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

View File

@ -2,7 +2,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="<staticoso:PageLang>"> <html lang="<staticoso:PageLang>">
<head> <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/WriteFreely-loli-documentatrice-min.css">
<link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/loli-documentatrice.css"> <link rel="stylesheet" href="<staticoso:SiteRelativeRoot>Assets/loli-documentatrice.css">
<style> <style>

View File

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