small corrections
This commit is contained in:
parent
2f63f93942
commit
66187774dc
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -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;
|
||||
|
||||
}
|
|
@ -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;
|
||||
|
|
|
@ -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";
|
||||
}
|
||||
|
||||
|
|
|
@ -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";
|
||||
}
|
||||
|
||||
|
|
|
@ -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>“Obelisco Digitale”</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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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… 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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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’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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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’è 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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>“A wonderful world”</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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue