small corrections

This commit is contained in:
SultanOfSauce 2024-04-02 21:14:23 +02:00
parent 2f63f93942
commit 66187774dc
38 changed files with 75 additions and 130 deletions

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<p>Ciao, se sei qui è perché vuoi più informazioni su questo sito.</p>
<p>Come scritto anche nella breve descrizione di questo sito, i post che carico qui non sono altro che pensieri e ricordi più o meno personali.</p>
<hr>
@ -65,7 +64,7 @@
<ul>
<li><a href="https://leprd.minty.nu">
<picture>
<img src="/media/l-88-2.png">
<img src="/media/l-88-2.png">
</picture>
</a>
@ -73,12 +72,11 @@ Ainna, di <a href="https://minty.nu">minty.nu</a> mi ha aggiunto alla lista di s
</ul>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -14,7 +14,8 @@ button.btn {
color: black;
background: #8f66d3;
border: 1px solid #000;
font-family: Heal The Web A;
font-family: var(--font-main);
font-feature-settings: var(--font-features);
font-size: 14pt;
display: inline-block;
width: 100%;

View File

@ -1,7 +1,7 @@
.switch {
--input-focus: var(--link);
--font-color: #191102;
--bg-color: #fff;
--bg-color: #F7F3E3;
--main-color: #191102;
--offset: 10px;
position: fixed;
@ -14,7 +14,7 @@
height: 20px;
}
.toggle {
.font-toggle {
opacity: 0;
width: 0;
height: 0;
@ -30,14 +30,20 @@
left: 0;
right: 0;
bottom: 0;
background-color: var(--bg-color);
transition: 0.3s;
background-color: color-mix(
in hsl longer hue,
var(--input-focus) 50%,
black
);;
transition: 0.2s;
}
.slider:before {
box-sizing: border-box;
position: absolute;
content: "";
content: "A";
text-align: center;
font-family: Heal The Web A;
height: 20px;
width: 20px;
border: 1px solid var(--main-color);
@ -45,13 +51,15 @@
bottom: 2px;
background-color: var(--bg-color);
box-shadow: 0 3px 0 var(--main-color);
transition: 0.3s;
transition: 0.2s;
}
.toggle:checked + .slider {
.font-toggle:checked + .slider {
background-color: var(--input-focus);
}
.toggle:checked + .slider:before {
.font-toggle:checked + .slider:before {
transform: translateX(30px);
font-family: Heal The Web B;
}

View File

@ -3,7 +3,7 @@
@import url("../fonts/hidayatullah/hidayatullah-demo.css");
@import url("../fonts/heal-the-web-a/heal-the-web-a.css");
/*@import url("../fonts/heal-the-web-b/heal-the-web-b.css");*/
@import url("../fonts/heal-the-web-b/heal-the-web-b.css");
:root {
--textcolor: #191102;
@ -20,12 +20,10 @@
--space: none;
--selcolor: #f13946;
--blockfont: a;
--font-main: Heal The Web A;
}
:root:has(#toggle:checked){
:root:has(input[type="checkbox"]:checked){
--font-main: Heal The Web B;
}
@ -58,7 +56,6 @@ html {
main {
font-family: var(--font-main);
font-feature-settings: "ss02", "ss05";
font-size: 14pt;
-webkit-font-smoothing: none;
-moz-osx-font-smoothing: grayscale;

View File

@ -5,5 +5,6 @@
font-weight: 400;
src: local("Heal The Web A Regular"), local("HealTheWebA-Regular"), url(heal-the-web-a-regular.woff2) format("woff2");
font-display: swap;
font-feature-settings: "ss02", "ss05";
}

View File

@ -5,5 +5,6 @@
font-weight: 400;
src: local("Heal The Web B Regular"), local("HealTheWebB-Regular"), url(heal-the-web-b-regular.woff2) format("woff2");
font-display: swap;
font-feature-settings: "ss01";
}

View File

@ -52,8 +52,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<h2 id="un-memoriale-pre-mortem">Un memoriale <em>pre-mortem</em></h2>
<p>Ciao, sono il webmaster di questo blog.</p>
<p>Questo blog nasce alla fine di febbraio 2023 ed ha un triplice scopo:</p>
@ -75,12 +74,11 @@ Da qui anche il nome del sito: <em>&ldquo;Obelisco Digitale&rdquo;</em>; che que
<p>Grazie.</p>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -75,12 +74,11 @@
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -90,12 +89,11 @@
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -83,12 +82,11 @@ Ogni sera mi sento su Discord con i ragazzi&hellip; non è lo stesso che a casa,
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -80,12 +79,11 @@
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -91,12 +90,11 @@ Normalmente girare così sul web mi dà l&rsquo;idea di essere un esploratore in
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<div class=container>
<div class=section>
<div class=content>
@ -119,12 +118,11 @@
</div>
</div>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -81,12 +80,11 @@ In questo caso la torta di arance che ha preparato ricade proprio in quest&rsquo
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -107,12 +106,11 @@
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -92,12 +91,11 @@ A una festa data da un miliardario a Shelter Island, Kurt Vonnegut informa il su
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -93,12 +92,11 @@ Almeno a breve tornerò a casa e potrò recuperare.</p>
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -101,12 +100,11 @@ E pure auspicando di sopravvivere ad un buco nero, non c&rsquo;è fuga dal <a hr
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -87,12 +86,11 @@
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -86,12 +85,11 @@ Ci siamo avventurati nel parco (che è in uno stato pietoso, ma questo è un alt
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -108,12 +107,11 @@ Meta prevista: <strong>Bracciano</strong>.</p>
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -52,7 +52,6 @@
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
<section class="section">
<article>
<div class="blog__container">
@ -114,12 +113,11 @@ In alcune canzoni poi, come <em>&ldquo;A wonderful world&rdquo;</em> la chitarra
</article>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -51,8 +51,7 @@
</header>
<div id="clouds">
</div><main class="content-dist">
<span class="spanclass-textcur">
</div><main class="content-dist">
<section class="section">
<div class="container">
<h1 class="title">
@ -209,12 +208,11 @@
</div>
</section>
</span>
</main>
</body>
<footer><label class="switch">
<input class="toggle" type="checkbox" checked>
<input class="font-toggle" type="checkbox" checked>
<span class="slider"></span>
<span class="card-side"></span>
</label>

View File

@ -34,7 +34,7 @@
in hsl longer hue,
var(--input-focus) 50%,
black
);;
);
transition: 0.2s;
}
@ -44,6 +44,7 @@
content: "A";
text-align: center;
font-family: Heal The Web A;
color: var(--font-color);
height: 20px;
width: 20px;
border: 1px solid var(--main-color);