redesign lol
This commit is contained in:
parent
d7eff5bdda
commit
8b98b90118
9 changed files with 859 additions and 662 deletions
8
blog.css
8
blog.css
|
|
@ -1,5 +1,5 @@
|
|||
a[href="./rss.xml"]:hover {
|
||||
color: var(--red) !important;
|
||||
color: var(--ayu-error) !important;
|
||||
}
|
||||
|
||||
/* article cards styling */
|
||||
|
|
@ -16,7 +16,7 @@ a[href="./rss.xml"]:hover {
|
|||
}
|
||||
|
||||
h3 a {
|
||||
color: var(--text);
|
||||
color: var(--ayu-e-fg);
|
||||
text-decoration: unset;
|
||||
}
|
||||
|
||||
|
|
@ -45,8 +45,8 @@ a[href="./rss.xml"]:hover {
|
|||
}
|
||||
|
||||
.wip {
|
||||
background-color: color-mix(in srgb, var(--yellow) 20%, transparent);
|
||||
color: var(--yellow);
|
||||
background-color: color-mix(in srgb, var(--ayu-s-special) 20%, transparent);
|
||||
color: var(--ayu-s-special);
|
||||
padding: .2rem;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,9 +25,9 @@
|
|||
|
||||
<!-- top navbar -->
|
||||
<div class="navbar">
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth <small>dot</small> download!</a>
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth download!</a>
|
||||
<details class="nav-base nav-baselink-mobile">
|
||||
<summary><svg class="tabler-icon" style="color: var(--base) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--base) !important;"></div> d!</summary>
|
||||
<summary><svg class="tabler-icon" style="color: var(--ayu-e-bg) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--ayu-e-bg) !important;"></div> d!</summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/"><svg style="padding-right:.2rem;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-home"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg> home</a>
|
||||
|
|
@ -58,18 +58,44 @@
|
|||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-wifi"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18l.01 0" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0" /></svg>
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-battery"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 6a3 3 0 0 1 2.995 2.824l.005 .176v.086l.052 .019a1.5 1.5 0 0 1 .941 1.25l.007 .145v3a1.5 1.5 0 0 1 -.948 1.395l-.052 .018v.087a3 3 0 0 1 -2.824 2.995l-.176 .005h-11a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-6a3 3 0 0 1 2.824 -2.995l.176 -.005h11z" /></svg>
|
||||
</p>
|
||||
<a href="about:blank" target="_blank" onclick="window.close();" aria-hidden="true" class="nav-base nav-systray nav-powerbutton">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-power"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><path d="M12 4l0 8" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- blog index -->
|
||||
<div id="blog" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#blog">~/blog</a> <a href="./rss.xml"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-rss"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg></a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<details open id="blog" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-article">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M3 4m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" />
|
||||
<path d="M7 8h10" />
|
||||
<path d="M7 12h10" />
|
||||
<path d="M7 16h10" />
|
||||
</svg>
|
||||
<a href="#blog">blog</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/blog</span> <span class="status">•</span> cat blog</p>
|
||||
<h1><a href="#blog">blog</a> <a href="./rss.xml"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-rss"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg></a></h1>
|
||||
|
|
@ -89,26 +115,31 @@
|
|||
<p><a href="./my-thoughts-on-social-media"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-forward"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 11l4 4l-4 4m4 -4h-11a4 4 0 0 1 0 -8h1" /></svg> read it!</a></p>
|
||||
</article>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/blog</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
<footer>
|
||||
<div id="webring-credits" class="terminal">
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--rosewater) 25%, transparent); color: var(--rosewater);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://catppuccin.com" style="background-color: color-mix(in srgb, var(--mauve) 25%, transparent); color: var(--mauve);" alt="Catppuccin" title="Catppuccin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-cat"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 3v10a8 8 0 1 1 -16 0v-10l3.432 3.432a7.963 7.963 0 0 1 4.568 -1.432c1.769 0 3.403 .574 4.728 1.546l3.272 -3.546z" /><path d="M2 16h5l-4 4" /><path d="M22 16h-5l4 4" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M9 11v.01" /><path d="M15 11v.01" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--sky) 25%, transparent); color: var(--sky);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--lavender) 25%, transparent); color: var(--lavender);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
<details open id="footer" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<a href="#footer">footer</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-palette"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><path d="M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</div>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
144
colors.css
144
colors.css
|
|
@ -1,65 +1,99 @@
|
|||
/* i use catppuccin color schemes because i LOVE catppuccin */
|
||||
/* i use ayu since i feel like it fits the theme better
|
||||
https://raw.githubusercontent.com/ayu-theme/ayu-colors
|
||||
for a quick ref/cheatsheet try https://raw.githubusercontent.com/ayu-theme/ayu-colors/refs/heads/master/colors.svg
|
||||
(only works in chromium for some reason)
|
||||
|
||||
and also:
|
||||
|
||||
--ayu-s-tag for blue
|
||||
--ayu-v-added for green
|
||||
--ayu-s-constant for purple
|
||||
--ayu-s-keyword for orange
|
||||
--ayu-s-special for yellow
|
||||
--ayu-s-markup OR --ayu-error for red
|
||||
|
||||
--ayu-e-bg AND --ayu-ui-fg used for "regular" viewing colors, otherwise use
|
||||
--ayu-ui-fg AND --ayu-ui-bg for more "unimportant" sections
|
||||
--ayu-uip-bg can be used as a "subbackground" color of sorts
|
||||
--ayu-accent for the "accent" yellow, used for the "branding"
|
||||
*/
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
/* catppuccin latte */
|
||||
/* ayu light */
|
||||
:root {
|
||||
--rosewater: #dc8a78;
|
||||
--flamingo: #dd7878;
|
||||
--pink: #ea76cb;
|
||||
--mauve: #8839ef;
|
||||
--red: #d20f39;
|
||||
--maroon: #e64553;
|
||||
--peach: #fe640b;
|
||||
--yellow: #df8e1d;
|
||||
--green: #40a02b;
|
||||
--teal: #179299;
|
||||
--sky: #04a5e5;
|
||||
--sapphire: #209fb5;
|
||||
--blue: #1e66f5;
|
||||
--lavender: #7287fd;
|
||||
--text: #4c4f69;
|
||||
--subtext1: #5c5f77;
|
||||
--subtext0: #6c6f85;
|
||||
--overlay2: #7c7f93;
|
||||
--overlay1: #8c8fa1;
|
||||
--overlay0: #9ca0b0;
|
||||
--surface2: #acb0be;
|
||||
--surface1: #bcc0cc;
|
||||
--surface0: #ccd0da;
|
||||
--base: #eff1f5;
|
||||
--mantle: #e6e9ef;
|
||||
--crust: #dce0e8;
|
||||
--ayu-s-tag: #55B4D4;
|
||||
--ayu-s-func: #F2AE49;
|
||||
--ayu-s-entity: #399EE6;
|
||||
--ayu-s-string: #86B300;
|
||||
--ayu-s-regexp: #4CBF99;
|
||||
--ayu-s-markup: #F07171;
|
||||
--ayu-s-keyword: #FA8D3E;
|
||||
--ayu-s-special: #E6BA7E;
|
||||
--ayu-s-comment: #787B8099;
|
||||
--ayu-s-constant: #A37ACC;
|
||||
--ayu-s-operator: #ED9366;
|
||||
--ayu-v-added: #6CBF43;
|
||||
--ayu-v-modified: #478ACC;
|
||||
--ayu-v-removed: #FF7383;
|
||||
--ayu-e-fg: #5C6166;
|
||||
--ayu-e-bg: #FCFCFC;
|
||||
--ayu-e-line: #8A91991A;
|
||||
--ayu-es-active: #035BD626;
|
||||
--ayu-es-inactive: #035BD612;
|
||||
--ayu-efm-active: #9F40FF2B;
|
||||
--ayu-efm-inactive: #9F40FFCC;
|
||||
--ayu-eg-active: #8A9199CC;
|
||||
--ayu-eg-normal: #8A919966;
|
||||
--ayu-eig-active: #8A919959;
|
||||
--ayu-eig-normal: #8A91992E;
|
||||
--ayu-ui-fg: #8A9199;
|
||||
--ayu-ui-bg: #F8F9FA;
|
||||
--ayu-ui-line: #6B7D8F1F;
|
||||
--ayu-uis-active: #56728F1F;
|
||||
--ayu-uis-normal: #6B7D8F1F;
|
||||
--ayu-uip-bg: #F3F4F5;
|
||||
--ayu-uip-shadow: #00000026;
|
||||
--ayu-accent: #FFAA33;
|
||||
--ayu-error: #E65050;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
/* catppuccin mocha */
|
||||
/* ayu dark */
|
||||
:root {
|
||||
--rosewater: #f5e0dc;
|
||||
--flamingo: #f2cdcd;
|
||||
--pink: #f5c2e7;
|
||||
--mauve: #cba6f7;
|
||||
--red: #f38ba8;
|
||||
--maroon: #eba0ac;
|
||||
--peach: #fab387;
|
||||
--yellow: #f9e2af;
|
||||
--green: #a6e3a1;
|
||||
--teal: #94e2d5;
|
||||
--sky: #89dceb;
|
||||
--sapphire: #74c7ec;
|
||||
--blue: #89b4fa;
|
||||
--lavender: #b4befe;
|
||||
--text: #cdd6f4;
|
||||
--subtext1: #bac2de;
|
||||
--subtext0: #a6adc8;
|
||||
--overlay2: #9399b2;
|
||||
--overlay1: #7f849c;
|
||||
--overlay0: #6c7086;
|
||||
--surface2: #585b70;
|
||||
--surface1: #45475a;
|
||||
--surface0: #313244;
|
||||
--base: #1e1e2e;
|
||||
--mantle: #181825;
|
||||
--crust: #11111b;
|
||||
--ayu-s-tag: #39BAE6;
|
||||
--ayu-s-func: #FFB454;
|
||||
--ayu-s-entity: #59C2FF;
|
||||
--ayu-s-string: #AAD94C;
|
||||
--ayu-s-regexp: #95E6CB;
|
||||
--ayu-s-markup: #F07178;
|
||||
--ayu-s-keyword: #FF8F40;
|
||||
--ayu-s-special: #E6B673;
|
||||
--ayu-s-comment: #ACB6BF8C;
|
||||
--ayu-s-constant: #D2A6FF;
|
||||
--ayu-s-operator: #F29668;
|
||||
--ayu-v-added: #7FD962;
|
||||
--ayu-v-modified: #73B8FF;
|
||||
--ayu-v-removed: #F26D78;
|
||||
--ayu-e-fg: #BFBDB6;
|
||||
--ayu-e-bg: #0D1017;
|
||||
--ayu-e-line: #131721;
|
||||
--ayu-es-active: #409FFF4D;
|
||||
--ayu-es-inactive: #409FFF21;
|
||||
--ayu-efm-active: #6C5980;
|
||||
--ayu-efm-inactive: #6C598066;
|
||||
--ayu-eg-active: #6C7380E6;
|
||||
--ayu-eg-normal: #6C738099;
|
||||
--ayu-eig-active: #6C738080;
|
||||
--ayu-eig-normal: #6C738033;
|
||||
--ayu-ui-fg: #565B66;
|
||||
--ayu-ui-bg: #0B0E14;
|
||||
--ayu-ui-line: #11151C;
|
||||
--ayu-uis-active: #47526640;
|
||||
--ayu-uis-normal: #47526633;
|
||||
--ayu-uip-bg: #0F131A;
|
||||
--ayu-uip-shadow: #00000080;
|
||||
--ayu-accent: #E6B450;
|
||||
--ayu-error: #D95757;
|
||||
}
|
||||
}
|
||||
4
home.css
4
home.css
|
|
@ -36,10 +36,10 @@
|
|||
}
|
||||
}
|
||||
div:first-child {
|
||||
background-color: color-mix(in srgb, var(--flamingo) 20%, transparent);
|
||||
background-color: color-mix(in srgb, var(--ayu-s-special) 20%, transparent);
|
||||
}
|
||||
div:last-child {
|
||||
background-color: color-mix(in srgb, var(--lavender) 20%, transparent);
|
||||
background-color: color-mix(in srgb, var(--ayu-s-constant) 20%, transparent);
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
142
index.html
142
index.html
|
|
@ -24,9 +24,9 @@
|
|||
|
||||
<!-- top navbar -->
|
||||
<div class="navbar">
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth <small>dot</small> download!</a>
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth download!</a>
|
||||
<details class="nav-base nav-baselink-mobile">
|
||||
<summary><svg class="tabler-icon" style="color: var(--base) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--base) !important;"></div> d!</summary>
|
||||
<summary><svg class="tabler-icon" style="color: var(--ayu-e-bg) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--ayu-e-bg) !important;"></div> d!</summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/"><svg style="padding-right:.2rem;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-home"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg> home</a>
|
||||
|
|
@ -57,43 +57,90 @@
|
|||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-wifi"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18l.01 0" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0" /></svg>
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-battery"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 6a3 3 0 0 1 2.995 2.824l.005 .176v.086l.052 .019a1.5 1.5 0 0 1 .941 1.25l.007 .145v3a1.5 1.5 0 0 1 -.948 1.395l-.052 .018v.087a3 3 0 0 1 -2.824 2.995l-.176 .005h-11a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-6a3 3 0 0 1 2.824 -2.995l.176 -.005h11z" /></svg>
|
||||
</p>
|
||||
<a href="about:blank" target="_blank" onclick="window.close();" aria-hidden="true" class="nav-base nav-systray nav-powerbutton">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-power"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><path d="M12 4l0 8" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- simple site introduction -->
|
||||
<div id="site" class="terminal">
|
||||
<!-- theres probably a much better way to do this instead of manually
|
||||
having to use everything like *this*. maybe figure out how to do it all
|
||||
without needing to use everything in a div so we can only just use <p class="term-title"> or something -->
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#site">~</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~</span> <span class="status">•</span> <span style="padding-left:11px;">cat index.html</span></p>
|
||||
<details open id="site" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-message-chatbot">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z" />
|
||||
<path d="M9.5 9h.01" />
|
||||
<path d="M14.5 9h.01" />
|
||||
<path d="M9.5 13a3.5 3.5 0 0 0 5 0" />
|
||||
</svg>
|
||||
<a href="#site">welcome!</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p>hey! welcome to</p>
|
||||
<img id="logo" loading="lazy" src="/assets/synth-download.webp" alt="synth.download" />
|
||||
<p>this is a website managed by <a href="/me">sneexy</a> with some things hosted here and there for friends.</p>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- buttons -->
|
||||
<div id="buttons" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#buttons">~/buttons</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<details open id="buttons" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-link">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M9 15l6 -6" />
|
||||
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464" />
|
||||
<path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463" />
|
||||
</svg>
|
||||
<a href="#buttons">buttons</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/buttons</span> <span class="status">•</span> <span style="padding-left:11px;">cat buttons</span></p>
|
||||
<span style="color: var(--red);">if any are broken and/or missing, poke me.</span>
|
||||
<span style="color: var(--ayu-error);">if any are broken and/or missing, poke me.</span>
|
||||
<p style="text-align: center;">friends!</p>
|
||||
<div class="buttons">
|
||||
<a href="https://authenyo.xyz"><img src="/assets/buttons/friends/authenyo.gif" alt="authenyo" title="authenyo"></a>
|
||||
<div class="buttons">
|
||||
<a href="https://autumn.town"><img src="/assets/buttons/friends/autumn.webp" alt="Autumn Town Café" title="Autumn Town Café"></a>
|
||||
<a href="https://av70.neocities.org"><img src="/assets/buttons/friends/av70.gif" alt="av70" title="av70"></a>
|
||||
<a href="https://benjae.nekoweb.org"><img src="/assets/buttons/friends/benjae.png" alt="benjae" title="benjae"></a>
|
||||
|
|
@ -131,7 +178,7 @@
|
|||
<a href="https://volpeon.ink"><img src="/assets/buttons/friends/volpeon.svg" alt="Volpeon" title="Volpeon"></a>
|
||||
<a href="https://w.on-t.work"><img src="/assets/buttons/friends/wontwork.png" alt="Won't Work!/ShittyKopper" title="Won't Work!/ShittyKopper"></a>
|
||||
<a href="https://winter.entities.org.uk"><img src="/assets/buttons/friends/winter.png" alt="winter" title="winter"></a>
|
||||
<a href="https://23sonics.zone"><img src="/assets/buttons/friends/23sonics.gif" alt="23Sonics" title="23Sonics"></a>
|
||||
<a href="https://23sonics.zone"><img src="/assets/buttons/friends/23sonics.gif" alt="23Sonics" title="23Sonics"></a>
|
||||
</div>
|
||||
<p style="text-align: center;"><small>misc.</small></p>
|
||||
<div class="buttons">
|
||||
|
|
@ -165,33 +212,38 @@
|
|||
<a href="https://youtu.be/WfYyBp4Ln2s"><img src="/assets/buttons/random/doinyourmom.gif" alt="Doin Your Mom!" title="Doin Your Mom!"></a>
|
||||
<a href="https://www.youtube.com/@ScottTheWoz"><img src="/assets/buttons/random/scotthere.gif" alt="Hey all, Scott here!" title="Hey all, Scott here!"></a>
|
||||
</div>
|
||||
<p style="text-align: center;"><small><span style="color: var(--green);">me!</span> (click to copy html)</small></p>
|
||||
<p style="text-align: center;"><small><span style="color: var(--ayu-v-added);">me!</span> (click to copy html)</small></p>
|
||||
<div class="buttons">
|
||||
<button style="cursor: pointer; background: unset; border-width: 0px; padding: 0px; display: inline-flex;" onclick="copyButton()">
|
||||
<img src="/assets/buttons/sneexy.svg" alt="Sneexy" title="Sneexy">
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/buttons</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
<footer>
|
||||
<div id="webring-credits" class="terminal">
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--rosewater) 25%, transparent); color: var(--rosewater);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://catppuccin.com" style="background-color: color-mix(in srgb, var(--mauve) 25%, transparent); color: var(--mauve);" alt="Catppuccin" title="Catppuccin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-cat"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 3v10a8 8 0 1 1 -16 0v-10l3.432 3.432a7.963 7.963 0 0 1 4.568 -1.432c1.769 0 3.403 .574 4.728 1.546l3.272 -3.546z" /><path d="M2 16h5l-4 4" /><path d="M22 16h-5l4 4" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M9 11v.01" /><path d="M15 11v.01" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--sky) 25%, transparent); color: var(--sky);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--lavender) 25%, transparent); color: var(--lavender);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
<details open id="footer" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<a href="#footer">footer</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-palette"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><path d="M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</div>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -23,9 +23,9 @@
|
|||
|
||||
<!-- top navbar -->
|
||||
<div class="navbar">
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth <small>dot</small> download!</a>
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth download!</a>
|
||||
<details class="nav-base nav-baselink-mobile">
|
||||
<summary><svg class="tabler-icon" style="color: var(--base) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--base) !important;"></div> d!</summary>
|
||||
<summary><svg class="tabler-icon" style="color: var(--ayu-e-bg) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--ayu-e-bg) !important;"></div> d!</summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/"><svg style="padding-right:.2rem;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-home"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg> home</a>
|
||||
|
|
@ -56,20 +56,43 @@
|
|||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-wifi"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18l.01 0" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0" /></svg>
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-battery"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 6a3 3 0 0 1 2.995 2.824l.005 .176v.086l.052 .019a1.5 1.5 0 0 1 .941 1.25l.007 .145v3a1.5 1.5 0 0 1 -.948 1.395l-.052 .018v.087a3 3 0 0 1 -2.824 2.995l-.176 .005h-11a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-6a3 3 0 0 1 2.824 -2.995l.176 -.005h11z" /></svg>
|
||||
</p>
|
||||
<a href="about:blank" target="_blank" onclick="window.close();" aria-hidden="true" class="nav-base nav-systray nav-powerbutton">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-power"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><path d="M12 4l0 8" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- dni -->
|
||||
<div id="do-not-interact" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#do-not-interact">~/do-not-interact</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<details open id="do-not-interact" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-ban">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
|
||||
<path d="M5.7 5.7l12.6 12.6" />
|
||||
</svg>
|
||||
<a href="#do-not-interact">do-not-interact</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/do-not-interact</span> <span class="status"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-point"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 7a5 5 0 1 1 -4.995 5.217l-.005 -.217l.005 -.217a5 5 0 0 1 4.995 -4.783z" /></svg></span> cat dni.txt</p>
|
||||
<h1><a href="#do-not-interact">do not interact</a></h1>
|
||||
<p>my own dni list. also includes specific bits for other platforms such as the fediverse.</p>
|
||||
<span id="seperator"></span>
|
||||
|
|
@ -90,10 +113,10 @@
|
|||
<p><b>instances that i look out for:</b></p>
|
||||
<ul>
|
||||
<li>
|
||||
mastodon.social, mastodon.online, mas.to, and most other large "general" mastodon instances are <span style="color:var(--red);">ignored</span>
|
||||
mastodon.social, mastodon.online, mas.to, and most other large "general" mastodon instances are <span style="color:var(--ayu-error);">ignored</span>
|
||||
</li>
|
||||
<li>
|
||||
hachyderm.io, fosstodon.org, floss.social and most "foss supporting" instances are <span style="color:var(--yellow);">discouraged</span>
|
||||
hachyderm.io, fosstodon.org, floss.social and most "foss supporting" instances are <span style="color:var(--ayu-s-special);">discouraged</span>
|
||||
</li>
|
||||
<li>
|
||||
transfem.social and woem.men go though heavy vibe checking
|
||||
|
|
@ -102,26 +125,31 @@
|
|||
<p>feel free to send a follow request if you think you pass all of the above or aren't on an instance i dislike a bit too much!</p>
|
||||
<p>if you'd like to ask for reasons with the list above, feel free to send a DM.</p>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/do-not-interact</span> <span class="status"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-point"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 7a5 5 0 1 1 -4.995 5.217l-.005 -.217l.005 -.217a5 5 0 0 1 4.995 -4.783z" /></svg></span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
<footer>
|
||||
<div id="webring-credits" class="terminal">
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--rosewater) 25%, transparent); color: var(--rosewater);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://catppuccin.com" style="background-color: color-mix(in srgb, var(--mauve) 25%, transparent); color: var(--mauve);" alt="Catppuccin" title="Catppuccin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-cat"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 3v10a8 8 0 1 1 -16 0v-10l3.432 3.432a7.963 7.963 0 0 1 4.568 -1.432c1.769 0 3.403 .574 4.728 1.546l3.272 -3.546z" /><path d="M2 16h5l-4 4" /><path d="M22 16h-5l4 4" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M9 11v.01" /><path d="M15 11v.01" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--sky) 25%, transparent); color: var(--sky);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--lavender) 25%, transparent); color: var(--lavender);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
<details open id="footer" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<a href="#footer">footer</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-palette"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><path d="M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</div>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
271
me/index.html
271
me/index.html
|
|
@ -23,9 +23,9 @@
|
|||
|
||||
<!-- top navbar -->
|
||||
<div class="navbar">
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth <small>dot</small> download!</a>
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth download!</a>
|
||||
<details class="nav-base nav-baselink-mobile">
|
||||
<summary><svg class="tabler-icon" style="color: var(--base) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--base) !important;"></div> d!</summary>
|
||||
<summary><svg class="tabler-icon" style="color: var(--ayu-e-bg) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--ayu-e-bg) !important;"></div> d!</summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/"><svg style="padding-right:.2rem;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-home"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg> home</a>
|
||||
|
|
@ -56,43 +56,42 @@
|
|||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-wifi"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18l.01 0" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0" /></svg>
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-battery"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 6a3 3 0 0 1 2.995 2.824l.005 .176v.086l.052 .019a1.5 1.5 0 0 1 .941 1.25l.007 .145v3a1.5 1.5 0 0 1 -.948 1.395l-.052 .018v.087a3 3 0 0 1 -2.824 2.995l-.176 .005h-11a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-6a3 3 0 0 1 2.824 -2.995l.176 -.005h11z" /></svg>
|
||||
</p>
|
||||
<a href="about:blank" target="_blank" onclick="window.close();" aria-hidden="true" class="nav-base nav-systray nav-powerbutton">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-power"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><path d="M12 4l0 8" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- dedicated table of contents button -->
|
||||
<div class="toc">
|
||||
<details>
|
||||
<summary alt="Table of Contents" title="Table of Contents"><svg class="tabler-icon" style="color: var(--base) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-layout-bottombar-collapse"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 6v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2z" /><path d="M20 15h-16" /><path d="M14 8l-2 2l-2 -2" /></svg></summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#sneexy">hey, i'm ruben!</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#about-me">about me</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#links">links</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#fun-facts">"fun" facts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- simple introduction -->
|
||||
<div id="sneexy" class="terminal">
|
||||
<!-- theres probably a much better way to do this instead of manually
|
||||
having to use everything like *this*. maybe figure out how to do it all
|
||||
without needing to use everything in a div so we can only just use <p class="term-title"> or something -->
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#sneexy">~/sneexy</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/sneexy</span> <span class="status">•</span> <span style="padding-left:11px;">cat sneexy</span></p>
|
||||
<details open id="sneexy" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />
|
||||
<path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />
|
||||
</svg>
|
||||
<a href="#sneexy">sneexy info</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<img id="logo" loading="lazy" src="/assets/sneexy.webp" alt="Sneexy" /> <br>
|
||||
<audio controls loop src="/assets/ASimpleMachine.mp3"></audio> <br>
|
||||
|
|
@ -105,34 +104,60 @@
|
|||
<div style="grid-area: pronouns;">
|
||||
<p>pronouns</p>
|
||||
<ul>
|
||||
<li style="color: var(--green);"><svg class="tabler-icon" style="color: var(--green) !important;" alt="preferred!" title="preferred!" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-up"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg> he/him</li>
|
||||
<li style="color: var(--ayu-v-added);"><svg class="tabler-icon" style="color: var(--ayu-v-added) !important;" alt="preferred!" title="preferred!" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-up"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg> he/him</li>
|
||||
<li><svg class="tabler-icon" alt="acceptable" title="acceptable" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-up"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg> they/them</li>
|
||||
<li style="color: var(--red);"><small><svg class="tabler-icon" style="color: var(--red) !important; width: 16px; height: 16px;" alt="not acceptable" title="not acceptable" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-down"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg> anything else</small></li>
|
||||
<li style="color: var(--ayu-error);"><small><svg class="tabler-icon" style="color: var(--ayu-error) !important; width: 16px; height: 16px;" alt="not acceptable" title="not acceptable" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-down"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg> anything else</small></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="grid-area: names;">
|
||||
<p>names</p>
|
||||
<ul>
|
||||
<li style="color: var(--green);"><svg class="tabler-icon" style="color: var(--green) !important;" alt="preferred!" title="preferred!" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-up"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg> ruben</li>
|
||||
<li style="color: var(--ayu-v-added);"><svg class="tabler-icon" style="color: var(--ayu-v-added) !important;" alt="preferred!" title="preferred!" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-up"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg> ruben</li>
|
||||
<li><svg class="tabler-icon" alt="acceptable" title="acceptable" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-up"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg> sneexy, sneex*</li>
|
||||
<li style="color: var(--yellow);"><small><svg class="tabler-icon" style="color: var(--yellow) !important; width: 16px; height: 16px;" alt="only if we're friends!" title="only if we're friends!" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user-heart"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /><path d="M6 21v-2a4 4 0 0 1 4 -4h.5" /><path d="M18 22l3.35 -3.284a2.143 2.143 0 0 0 .005 -3.071a2.242 2.242 0 0 0 -3.129 -.006l-.224 .22l-.223 -.22a2.242 2.242 0 0 0 -3.128 -.006a2.143 2.143 0 0 0 -.006 3.071l3.355 3.296z" /></svg> rube, rubie (ruby)</small></li>
|
||||
<li style="color: var(--red);"><small><svg class="tabler-icon" style="color: var(--red) !important; width: 16px; height: 16px;" alt="not acceptable" title="not acceptable" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-down"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg> variations/anything else</small></li>
|
||||
<li style="color: var(--ayu-s-special);"><small><svg class="tabler-icon" style="color: var(--ayu-s-special) !important; width: 16px; height: 16px;" alt="only if we're friends!" title="only if we're friends!" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-user-heart"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" /><path d="M6 21v-2a4 4 0 0 1 4 -4h.5" /><path d="M18 22l3.35 -3.284a2.143 2.143 0 0 0 .005 -3.071a2.242 2.242 0 0 0 -3.129 -.006l-.224 .22l-.223 -.22a2.242 2.242 0 0 0 -3.128 -.006a2.143 2.143 0 0 0 -.006 3.071l3.355 3.296z" /></svg> rube, rubie (ruby)</small></li>
|
||||
<li style="color: var(--ayu-error);"><small><svg class="tabler-icon" style="color: var(--ayu-error) !important; width: 16px; height: 16px;" alt="not acceptable" title="not acceptable" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-thumb-down"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 13v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1v7a1 1 0 0 0 1 1h3a4 4 0 0 1 4 4v1a2 2 0 0 0 4 0v-5h3a2 2 0 0 0 2 -2l-1 -5a2 3 0 0 0 -2 -2h-7a3 3 0 0 0 -3 3" /></svg> variations/anything else</small></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/sneexy</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- about me -->
|
||||
<div id="about-me" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#about-me">~/about-me</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<details open id="about-me" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-info-circle">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
|
||||
<path d="M12 9h.01" />
|
||||
<path d="M11 12h1v4h1" />
|
||||
</svg>
|
||||
<a href="#about-me">about me</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/about-me</span> <span class="status">•</span> <span style="padding-left:11px;">cat abt-me</span></p>
|
||||
<h2><a href="#about-me">about me</a></h2>
|
||||
<p>some <span class="rainbow">gay</span> 18 year old synth computer enjoyer with adhd (and probably autism), with access to the internet and nothing to do. i like big round things.</p>
|
||||
<p>i consider myself to be a Professional Computer Toucher™. in both soulless boxes running either corporate or free software and robot-aligned beings <small>(you know, synths or protogens. love em!)</small>.</p>
|
||||
|
|
@ -140,78 +165,136 @@
|
|||
<p>also a nerd into <a href="https://www.redhat.com/en/topics/linux/what-is-linux">Linux</a> stuff, mostly touched <a href="https://archlinux.org">Arch</a> and a little bit of <a href="https://nixos.org">NixOS</a> but have found to stuck with <a href="https://fedoraproject.org">Fedora</a>.</p>
|
||||
<p>enthusiast in open, <a href="https://en.wikipedia.org/wiki/Decentralization">decentralized</a> and <a href="https://www.techopedia.com/definition/2500/federation">federated</a> projects, networks or services. favorites include the <a href="https://fediverse.info">fediverse</a> and <a href="https://listenbrainz.org">listenbrainz</a>.</p>
|
||||
<p>started to run my own services on this domain, synth.download, and enjoying it so far!</p>
|
||||
<p>i <i>absolutely</i> despise corporations and capitalism with every single fiber in my living synthentic body <svg class="tabler-icon" style="color: var(--red) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-heart"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg></p>
|
||||
<p>i <i>absolutely</i> despise corporations and capitalism with every single fiber in my living synthentic body <svg class="tabler-icon" style="color: var(--ayu-error) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-heart"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg></p>
|
||||
<p>very much a furry connoisseur and into other robot beings like protogens and other fellow synths. <small>being a human fucking SUCKS.</small></p>
|
||||
<p>Certified™ idiot <small>(i think this one is obvious)</small></p>
|
||||
<p>usually pretty tired and sometimes full of ideas that i just can't bring myself to execute.</p>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/about-me</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- socials -->
|
||||
<div id="links" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#links">~/links</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<details open id="links" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-link">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M9 15l6 -6" />
|
||||
<path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464" />
|
||||
<path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463" />
|
||||
</svg>
|
||||
<a href="#links">links</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/links</span> <span class="status">•</span> <span style="padding-left:11px;">cat links</span></p>
|
||||
<h2><a href="#links">links</a></h2>
|
||||
<p>my links to all of my public facing socials and contacts. if i know you well, you may ask me for anything more private, like signal or matrix, etc. <small>fastest way to get this is by checking my pinned post if you follow me/we're mutuals on fedi.</small></span></p>
|
||||
<div class="socials-contacts-list">
|
||||
<a class="fedi-icon" href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--peach) 25%, transparent); color: var(--peach);" alt="Fediverse/Mastodon" title="Fediverse/Mastodon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-universe"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7.027 11.477a5 5 0 1 0 5.496 -4.45a4.951 4.951 0 0 0 -3.088 .681" /><path d="M5.636 5.636a9 9 0 1 0 3.555 -2.188" /><path d="M18 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M9 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg></a>
|
||||
<a class="fedi-icon-2" href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--blue) 25%, transparent); color: var(--blue);" alt="Fediverse/Mastodon" title="Fediverse/Mastodon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-mastodon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.648 15.254c-1.816 1.763 -6.648 1.626 -6.648 1.626a18.262 18.262 0 0 1 -3.288 -.256c1.127 1.985 4.12 2.81 8.982 2.475c-1.945 2.013 -13.598 5.257 -13.668 -7.636l-.026 -1.154c0 -3.036 .023 -4.115 1.352 -5.633c1.671 -1.91 6.648 -1.666 6.648 -1.666s4.977 -.243 6.648 1.667c1.329 1.518 1.352 2.597 1.352 5.633s-.456 4.074 -1.352 4.944z" /><path d="M12 11.204v-2.926c0 -1.258 -.895 -2.278 -2 -2.278s-2 1.02 -2 2.278v4.722m4 -4.722c0 -1.258 .895 -2.278 2 -2.278s2 1.02 2 2.278v4.722" /></svg></a>
|
||||
<a href="mailto:sneexy@synth.download" style="background-color: color-mix(in srgb, var(--red) 25%, transparent); color: var(--red);" alt="Email" title="Email"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-mail"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg></a>
|
||||
<a href="https://listenbrainz.org/user/Sneexy" style="background-color: color-mix(in srgb, var(--mauve) 25%, transparent); color: var(--mauve);" alt="ListenBraniz" title="ListenBrainz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-metabrainz"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v10l7 4v-18z" /><path d="M21 7v10l-7 4v-18z" /></svg></a>
|
||||
<a href="https://www.last.fm/user/sneexy_is_gay" style="background-color: color-mix(in srgb, var(--red) 25%, transparent); color: var(--red);" alt="Last.fm" title="Last.fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-lastfm"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 8c-.83 -1 -1.388 -1 -2 -1c-.612 0 -2 .271 -2 2s1.384 2.233 3 3c1.616 .767 2.125 1.812 2 3s-1 2 -3 2s-3 -1 -3.5 -2s-1.585 -4.78 -2.497 -6a5 5 0 1 0 -1 7" /></svg></a>
|
||||
<a href="https://git.gay/sneexy" style="background-color: color-mix(in srgb, var(--rosewater) 25%, transparent); color: var(--rosewater);" alt="Git" title="Git"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://github.com/sneexy-boi" style="background-color: color-mix(in srgb, var(--subtext0) 25%, transparent); color: var(--subtext0);" alt="GitHub" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-github"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg></a>
|
||||
<a href="https://archive.org/details/@sneexy" style="background-color: color-mix(in srgb, var(--text) 25%, transparent); color: var(--text);" alt="Internet Archive" title="Internet Archive"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-building-bank"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21l18 0" /><path d="M3 10l18 0" /><path d="M5 6l7 -3l7 3" /><path d="M4 10l0 11" /><path d="M20 10l0 11" /><path d="M8 14l0 3" /><path d="M12 14l0 3" /><path d="M16 14l0 3" /></svg></a>
|
||||
<a class="fedi-icon" href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-operator) 25%, transparent); color: var(--ayu-s-operator);" alt="Fediverse/Mastodon" title="Fediverse/Mastodon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-universe"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7.027 11.477a5 5 0 1 0 5.496 -4.45a4.951 4.951 0 0 0 -3.088 .681" /><path d="M5.636 5.636a9 9 0 1 0 3.555 -2.188" /><path d="M18 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M9 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg></a>
|
||||
<a class="fedi-icon-2" href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-entity) 25%, transparent); color: var(--ayu-s-entity);" alt="Fediverse/Mastodon" title="Fediverse/Mastodon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-mastodon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.648 15.254c-1.816 1.763 -6.648 1.626 -6.648 1.626a18.262 18.262 0 0 1 -3.288 -.256c1.127 1.985 4.12 2.81 8.982 2.475c-1.945 2.013 -13.598 5.257 -13.668 -7.636l-.026 -1.154c0 -3.036 .023 -4.115 1.352 -5.633c1.671 -1.91 6.648 -1.666 6.648 -1.666s4.977 -.243 6.648 1.667c1.329 1.518 1.352 2.597 1.352 5.633s-.456 4.074 -1.352 4.944z" /><path d="M12 11.204v-2.926c0 -1.258 -.895 -2.278 -2 -2.278s-2 1.02 -2 2.278v4.722m4 -4.722c0 -1.258 .895 -2.278 2 -2.278s2 1.02 2 2.278v4.722" /></svg></a>
|
||||
<a href="mailto:sneexy@synth.download" style="background-color: color-mix(in srgb, var(--ayu-error) 25%, transparent); color: var(--ayu-error);" alt="Email" title="Email"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-mail"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-10z" /><path d="M3 7l9 6l9 -6" /></svg></a>
|
||||
<a href="https://listenbrainz.org/user/Sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-constant) 25%, transparent); color: var(--ayu-s-constant);" alt="ListenBraniz" title="ListenBrainz"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-metabrainz"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v10l7 4v-18z" /><path d="M21 7v10l-7 4v-18z" /></svg></a>
|
||||
<a href="https://www.last.fm/user/sneexy_is_gay" style="background-color: color-mix(in srgb, var(--ayu-error) 25%, transparent); color: var(--ayu-error);" alt="Last.fm" title="Last.fm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-lastfm"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 8c-.83 -1 -1.388 -1 -2 -1c-.612 0 -2 .271 -2 2s1.384 2.233 3 3c1.616 .767 2.125 1.812 2 3s-1 2 -3 2s-3 -1 -3.5 -2s-1.585 -4.78 -2.497 -6a5 5 0 1 0 -1 7" /></svg></a>
|
||||
<a href="https://git.gay/sneexy" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="Git" title="Git"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://github.com/sneexy-boi" style="background-color: color-mix(in srgb, var(--ayu-s-regexp) 25%, transparent); color: var(--ayu-s-regexp);" alt="GitHub" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-github"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg></a>
|
||||
<a href="https://archive.org/details/@sneexy" style="background-color: color-mix(in srgb, var(--ayu-e-fg) 25%, transparent); color: var(--ayu-e-fg);" alt="Internet Archive" title="Internet Archive"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-building-bank"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21l18 0" /><path d="M3 10l18 0" /><path d="M5 6l7 -3l7 3" /><path d="M4 10l0 11" /><path d="M20 10l0 11" /><path d="M8 14l0 3" /><path d="M12 14l0 3" /><path d="M16 14l0 3" /></svg></a>
|
||||
</div>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/links</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- "fun" facts -->
|
||||
<div id="fun-facts" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#fun-facts">~/fun-facts</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/fun-facts</span> <span class="status">•</span> <span style="padding-left:11px;">cat fun-facts</span></p>
|
||||
<details open id="fun-facts" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-mood-empty">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
|
||||
<path d="M9 10l.01 0" />
|
||||
<path d="M15 10l.01 0" />
|
||||
<path d="M9 15l6 0" />
|
||||
</svg>
|
||||
<a href="#fun-facts">"fun" facts</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<h2><a href="#fun-facts">"fun" facts</a></h2>
|
||||
<ul>
|
||||
<li>my profile pictures used to be random characters from different types of media that i would just grayscaled. ever since then, i realized that i've very much enjoyed being a <a href="https://synthspecies.com/">synth</a> instead.</li>
|
||||
<li>i used to have an inside joke with some old friends where i <i>loved</i> cheese. 🧀</li>
|
||||
<li>originally starting going online when i was young and my only method of getting wifi was by using my netbook in the kitchen and connecting to a nearby stores local wifi connection.</li>
|
||||
<li>joined <a href="https://fediverse.info">fedi</a> around 2020 or so, originally on <a href="https://mas.to">mas.to</a> before closing shop and moving to <a href="https://types.pl">types.pl</a> which has a nice local community, before moving to <a href="https://miruku.cafe">miruku.cafe</a> for a short while before finally landing at <a href="https://lea.pet">lea.pet</a>.</li>
|
||||
<li>joined <a href="https://fediverse.info">fedi</a> around 2020 or so, originally on <a href="https://mas.to">mas.to</a> before closing shop and moving to <a href="https://types.pl">types.pl</a> which has a nice local community, before moving to <a href="https://miruku.cafe">miruku.cafe</a> for a short before setting home on <a href="https://lea.pet">lea.pet</a> for a nice while, before <i>finally</i> landing on my own self hosted instance at <a href="https://booping.synth.download">booping.synth.download</a>.</li>
|
||||
<li>i prefer lowercase when possible. it just feels more natural.</li>
|
||||
<li>i am <i>still</i> <b><i>terrible</i></b> at spelling. still made mistakes even when making this site. online dictionaries my beloved.</li>
|
||||
</ul>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/fun-facts</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
<footer>
|
||||
<div id="webring-credits" class="terminal">
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--rosewater) 25%, transparent); color: var(--rosewater);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://catppuccin.com" style="background-color: color-mix(in srgb, var(--mauve) 25%, transparent); color: var(--mauve);" alt="Catppuccin" title="Catppuccin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-cat"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 3v10a8 8 0 1 1 -16 0v-10l3.432 3.432a7.963 7.963 0 0 1 4.568 -1.432c1.769 0 3.403 .574 4.728 1.546l3.272 -3.546z" /><path d="M2 16h5l-4 4" /><path d="M22 16h-5l4 4" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M9 11v.01" /><path d="M15 11v.01" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--sky) 25%, transparent); color: var(--sky);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--lavender) 25%, transparent); color: var(--lavender);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
<details open id="footer" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<a href="#footer">footer</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-palette"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><path d="M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</div>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,6 @@
|
|||
<link rel="stylesheet" type="text/css" href="/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/site.css">
|
||||
<link rel="canonical" href="https://synth.download/">
|
||||
<link rel="me" href="https://booping.synth.download/@sneexy">
|
||||
<link rel="me" href="https://beeping.synth.download/@sneexy">
|
||||
|
|
@ -23,9 +22,9 @@
|
|||
|
||||
<!-- top navbar -->
|
||||
<div class="navbar">
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth <small>dot</small> download!</a>
|
||||
<a class="nav-base nav-baselink" href="/"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> synth download!</a>
|
||||
<details class="nav-base nav-baselink-mobile">
|
||||
<summary><svg class="tabler-icon" style="color: var(--base) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--base) !important;"></div> d!</summary>
|
||||
<summary><svg class="tabler-icon" style="color: var(--ayu-e-bg) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-grid-dots"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg> s <div class="dot" style="background-color: var(--ayu-e-bg) !important;"></div> d!</summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/"><svg style="padding-right:.2rem;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-home"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg> home</a>
|
||||
|
|
@ -56,75 +55,136 @@
|
|||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-wifi"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 18l.01 0" /><path d="M9.172 15.172a4 4 0 0 1 5.656 0" /><path d="M6.343 12.343a8 8 0 0 1 11.314 0" /><path d="M3.515 9.515c4.686 -4.687 12.284 -4.687 17 0" /></svg>
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-battery"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 6a3 3 0 0 1 2.995 2.824l.005 .176v.086l.052 .019a1.5 1.5 0 0 1 .941 1.25l.007 .145v3a1.5 1.5 0 0 1 -.948 1.395l-.052 .018v.087a3 3 0 0 1 -2.824 2.995l-.176 .005h-11a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-6a3 3 0 0 1 2.824 -2.995l.176 -.005h11z" /></svg>
|
||||
</p>
|
||||
<a href="about:blank" target="_blank" onclick="window.close();" aria-hidden="true" class="nav-base nav-systray nav-powerbutton">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-power"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 6a7.75 7.75 0 1 0 10 0" /><path d="M12 4l0 8" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- dedicated table of contents button -->
|
||||
<div class="toc">
|
||||
<details>
|
||||
<summary alt="Table of Contents" title="Table of Contents"><svg class="tabler-icon" style="color: var(--base) !important;" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-layout-bottombar-collapse"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 6v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2z" /><path d="M20 15h-16" /><path d="M14 8l-2 2l-2 -2" /></svg></summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#lore">lore</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#history">creation, some history</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#features">features (general)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#personality">personality</a>
|
||||
</li>
|
||||
</ul>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- lore -->
|
||||
<div id="lore" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#lore">~/me/lore</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span style="padding-left:11px;">cat index.html</span></p>
|
||||
<details open id="intro" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-message-chatbot">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-5l-5 3v-3h-2a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12z" />
|
||||
<path d="M9.5 9h.01" />
|
||||
<path d="M14.5 9h.01" />
|
||||
<path d="M9.5 13a3.5 3.5 0 0 0 5 0" />
|
||||
</svg>
|
||||
<a href="#intro">ruben's introduction</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<h1>lore</h1>
|
||||
<h4>like. of ruben. the synth, yknow</h4>
|
||||
<h1>ruben</h1>
|
||||
<h4>gooey synth. known fatass.</h4>
|
||||
<p>general "documentation" of my synth characters and extra details and such dumped into this page, so kinda like some glorified fact sheet i suppose.</p>
|
||||
<p><small>sorry i don't know how to like. put an interactable model here or something nor do i feel like flooding this with renders of my synth so here's the <a href="/pub/shared/synth.zip">blockbench model</a> i make and edit which sorta resembles my idea of him.</small></p>
|
||||
<p><small>also, do note that even though i refer to my synthsona (fursona...?) by third person ("he", "him", "his"), my synth is indeed me and should be treated as such.</small></p>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- history -->
|
||||
<div id="history" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#history">~/me/lore (history)</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span style="padding-left:11px;">cat history</span></p>
|
||||
<details open id="history" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-logs">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 12h.01" />
|
||||
<path d="M4 6h.01" />
|
||||
<path d="M4 18h.01" />
|
||||
<path d="M8 18h2" />
|
||||
<path d="M8 12h2" />
|
||||
<path d="M8 6h2" />
|
||||
<path d="M14 6h6" />
|
||||
<path d="M14 12h6" />
|
||||
<path d="M14 18h6" />
|
||||
</svg>
|
||||
<a href="#history">remaining history</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<h2>creation, some history</h2>
|
||||
<h2>known history about ruben</h2>
|
||||
<p><small>(this part is more of "quickly created slop" if i'm being entirely honest with myself. this is simply entirely fictional "filler" content to allow piecing together any fictional gaps. my synth is entirely based on personal feelings and actual scenarios, so is this section inspired on)</small></p>
|
||||
<p>ruben was made by [creator], who realized they would need some sort of companion that would fit their needs perfectly. his starting state of mind was trained of some of [creator]'s traits and such. their time together was quite short, as after a short while [creator] started experiencing severe depression before shortly after commiting suicide, leaving ruben to take care of everything. he did take some mental damage from this, and tried his best to take [creator]'s place, but eventually realized it was too much of a task for himself to carry, and decided to find a way to get out, making a brand new life entirely on his own.</p>
|
||||
<p>as it currently stands, ruben tries to enjoy himself and explore new things he likes, finding some friends and exploring other things for himself. although he has also developed his own mental issues he attempts to fight. he lives with a few friends he ended up meeting up, and is under fine care.</p>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- features -->
|
||||
<div id="features" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#features">~/me/lore (features)</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span style="padding-left:11px;">cat features</span></p>
|
||||
|
||||
<details open id="features" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-sparkles">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M16 18a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm0 -12a2 2 0 0 1 2 2a2 2 0 0 1 2 -2a2 2 0 0 1 -2 -2a2 2 0 0 1 -2 2zm-7 12a6 6 0 0 1 6 -6a6 6 0 0 1 -6 -6a6 6 0 0 1 -6 6a6 6 0 0 1 6 6z" />
|
||||
</svg>
|
||||
<a href="#features">features</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<h2>features (general)</h2>
|
||||
<p>ruben is Fat. a chubby synth. he prefers himself that way.</p>
|
||||
|
|
@ -139,16 +199,16 @@
|
|||
<p>his goo is reactive with his mood and can change colors along with the accents on his system and emits different scents as well. it's also edible! with different flavors depending on the mood.</p>
|
||||
<ul>
|
||||
<li>
|
||||
<b>neutral/happy</b> is a <span style="color: var(--green);">green-ish</span> color, and tastes similar to a mint flavor.
|
||||
<b>neutral/happy</b> is a <span style="color: var(--ayu-v-added);">green-ish</span> color, and tastes similar to a mint flavor.
|
||||
</li>
|
||||
<li>
|
||||
<b>angry/ticked off</b> is <span style="color: var(--red);">red</span>, and tastes similar to a cooked cayenne pepper, although not as spicy. he can also get somewhat warm in this mood.
|
||||
<b>angry/ticked off</b> is <span style="color: var(--ayu-error);">red</span>, and tastes similar to a cooked cayenne pepper, although not as spicy. he can also get somewhat warm in this mood.
|
||||
</li>
|
||||
<li>
|
||||
<b>sad/disappointed</b> is a <span style="color: var(--blue);">blue-ish</span> grey color, having an "undescribable" flavor by others, but causes those to taste it feeling somewhat gloomy themselves.
|
||||
</li>
|
||||
<li>
|
||||
<b>excited/shocked/embarassed</b> is <span style="color: var(--yellow);">yellow</span>, it tastes like pineapple and getting close to the goo can feel similar to getting up close to a CRT television.
|
||||
<b>excited/shocked/embarassed</b> is <span style="color: var(--ayu-s-special);">yellow</span>, it tastes like pineapple and getting close to the goo can feel similar to getting up close to a CRT television.
|
||||
</li>
|
||||
<li>
|
||||
<b>love</b> is a <span style="color: var(--mauve);">purple-ish</span> color, and tastes similarly to a mixed berry smoothie. he warms up around others in this mood as well.
|
||||
|
|
@ -166,17 +226,44 @@
|
|||
<p>if he expereinces a mix of different emotions, the reaction of each emotion can mix as a gradient passing from the top of his body to the bottom.</p>
|
||||
<p>the goo has an activated thin outside layer that prevents itself from dripping or allowing things to simply get sucked into it. it gets lost if he is under intense feelings/emotions or simply starts losing energy to keep it activated.</p>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- personality -->
|
||||
<div id="personality" class="terminal">
|
||||
<div aria-hidden="true" class="term-titlebar">
|
||||
<svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-terminal"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7l5 5l-5 5" /><path d="M12 19l7 0" /></svg>
|
||||
<p><a href="#personality">~/me/lore (personality)</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span style="padding-left:11px;">cat personality</span></p>
|
||||
<details open id="personality" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<svg class="titlebar-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-mood-smile">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
|
||||
<path d="M9 10l.01 0" />
|
||||
<path d="M15 10l.01 0" />
|
||||
<path d="M9.5 15a3.5 3.5 0 0 0 5 0" />
|
||||
</svg>
|
||||
<a href="#personality">personality</a>
|
||||
<div>
|
||||
<span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-minimize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M15 19v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M15 5v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M5 15h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M5 9h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-maximize">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
|
||||
<path d="M4 16v2a2 2 0 0 0 2 2h2" />
|
||||
<path d="M16 4h2a2 2 0 0 1 2 2v2" />
|
||||
<path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-x">
|
||||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||||
<path d="M18 6l-12 12" />
|
||||
<path d="M6 6l12 12" />
|
||||
</svg>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<h2>personality</h2>
|
||||
<p>usually embarassed, quite asocial and only feels comfortable around friends or creatures he thinks are cool. always in a mix of "wanting to meet more creatures and make friends" but also "afraid of being around others, always assumuing others secretly hate him".</p>
|
||||
|
|
@ -185,26 +272,31 @@
|
|||
<p>mostly larzy. sometimes may try to do something else and is well known for slacking off and doing other things that aren't important and avoiding the things that are important.</p>
|
||||
<p>very beepy and cuddly. has a tendancy to beep and merp around, and also very needy of cuddles and snuggles.</p>
|
||||
</section>
|
||||
<p aria-hidden="true" class="term-input"><span class="folder"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" class="icon icon-tabler icons-tabler-filled icon-tabler-folder"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 3a1 1 0 0 1 .608 .206l.1 .087l2.706 2.707h6.586a3 3 0 0 1 2.995 2.824l.005 .176v8a3 3 0 0 1 -2.824 2.995l-.176 .005h-14a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-11a3 3 0 0 1 2.824 -2.995l.176 -.005h4z" /></svg> ~/me/lore</span> <span class="status">•</span> <span class="blink">█</span></p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
<footer>
|
||||
<div id="webring-credits" class="terminal">
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--rosewater) 25%, transparent); color: var(--rosewater);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://catppuccin.com" style="background-color: color-mix(in srgb, var(--mauve) 25%, transparent); color: var(--mauve);" alt="Catppuccin" title="Catppuccin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-cat"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M20 3v10a8 8 0 1 1 -16 0v-10l3.432 3.432a7.963 7.963 0 0 1 4.568 -1.432c1.769 0 3.403 .574 4.728 1.546l3.272 -3.546z" /><path d="M2 16h5l-4 4" /><path d="M22 16h-5l4 4" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M9 11v.01" /><path d="M15 11v.01" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--sky) 25%, transparent); color: var(--sky);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--lavender) 25%, transparent); color: var(--lavender);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
<details open id="footer" class="window">
|
||||
<summary aria-hidden="true">
|
||||
<a href="#footer">footer</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" alt="Previous" title="Previous"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M5 12l6 6" /><path d="M5 12l6 -6" /></svg></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" alt="Next" title="Next"><svg class="tabler-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l14 0" /><path d="M13 18l6 -6" /><path d="M13 6l6 6" /></svg></a></b></p>
|
||||
<section class="inner-footer">
|
||||
<a href="https://git.gay/sneexy/pages" style="background-color: color-mix(in srgb, var(--ayu-s-string) 25%, transparent); color: var(--ayu-s-string);" alt="website source!" title="website source!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg></a>
|
||||
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--ayu-accent) 25%, transparent); color: var(--ayu-accent);" alt="Ayu" title="Ayu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-palette"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" /><path d="M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg></a>
|
||||
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent); color: var(--ayu-s-tag);" alt="Tabler" title="Tabler"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-tabler"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 9l3 3l-3 3" /><path d="M13 15h3" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg></a>
|
||||
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--ayu-v-added) 25%, transparent); color: var(--ayu-v-added);" alt="JetBrains Mono" title="JetBrains Mono"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-text-size"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7v-2h13v2" /><path d="M10 5v14" /><path d="M12 19h-4" /><path d="M15 13v-1h6v1" /><path d="M18 12v7" /><path d="M17 19h2" /></svg></a>
|
||||
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--ayu-v-removed) 25%, transparent); color: var(--ayu-v-removed);" alt="Lexend" title="Lexend"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-letter-case"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0" /><path d="M3 19v-10.5a3.5 3.5 0 0 1 7 0v10.5" /><path d="M3 13h7" /><path d="M21 12v7" /></svg></i></a>
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</section>
|
||||
<p>made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
||||
<p>♡2024 All wrongs reversed. Please copy and share.</p>
|
||||
<img src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
||||
</div>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
521
style.css
521
style.css
|
|
@ -1,164 +1,150 @@
|
|||
/* background wallpaper, global font */
|
||||
|
||||
body {
|
||||
background: linear-gradient(125deg,
|
||||
color-mix(in srgb, var(--rosewater) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--flamingo) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--pink) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--mauve) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--red) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--maroon) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--peach) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--yellow) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--green) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--teal) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--sky) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--sapphire) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--blue) 30%, var(--base)),
|
||||
color-mix(in srgb, var(--lavender) 30%, var(--base)));
|
||||
background-size: 1000% 1000%;
|
||||
animation: bg-gradient 40s ease infinite;
|
||||
-moz-animation: bg-gradient 40s ease infinite;
|
||||
-webkit-animation: bg-gradient 40s ease infinite;
|
||||
background: linear-gradient(var(--ayu-ui-bg), color-mix(in srgb, var(--ayu-accent) 25%, var(--ayu-uip-bg)));
|
||||
font-family: 'JetBrains Mono', monospace, system-ui, sans-serif;
|
||||
font-size: 1.125rem;
|
||||
margin: unset !important; /* idk why it does that */
|
||||
}
|
||||
|
||||
/* terminal window styling */
|
||||
/* window stylign */
|
||||
.window {
|
||||
summary {
|
||||
display: inline-flex;
|
||||
min-width: 100%;
|
||||
background-color: color-mix(in srgb, var(--ayu-accent) 10%, var(--ayu-uip-bg));
|
||||
opacity: .8;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
overflow: clip;
|
||||
transition: .2s opacity;
|
||||
|
||||
.terminal {
|
||||
/* the titlebar of the terminals */
|
||||
.term-titlebar {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr auto 2fr;
|
||||
grid-template-areas:
|
||||
"term-icon term-title term-buttons";
|
||||
|
||||
margin: -10px 0px -20px;
|
||||
|
||||
/* terminal icon */
|
||||
.tabler-icon {
|
||||
width: 25px !important;
|
||||
height: 25px !important;
|
||||
align-self: center !important;
|
||||
.titlebar-icon {
|
||||
background: color-mix(in srgb, var(--ayu-accent) 40%, transparent);
|
||||
padding: .3rem .4rem .3rem .8rem;
|
||||
border-right: .2rem solid var(--ayu-accent);
|
||||
border-bottom-right-radius: 1rem;
|
||||
color: var(--ayu-e-fg);
|
||||
}
|
||||
|
||||
/* title text */
|
||||
p, a {
|
||||
font-family: 'Lexend Deca', system-ui, sans-serif;
|
||||
font-size: 16px;
|
||||
|
||||
color: var(--text);
|
||||
a {
|
||||
padding: .3rem 0rem .3rem .5rem;
|
||||
text-decoration: none;
|
||||
|
||||
grid-column: 2;
|
||||
color: var(--ayu-e-fg);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-shadow: 0em 0em 0.25em var(--text);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* window buttons */
|
||||
div {
|
||||
display: flex;
|
||||
|
||||
height: 22px;
|
||||
align-self: center;
|
||||
margin-left: auto;
|
||||
padding: .2rem .5rem .2rem 0rem;
|
||||
|
||||
#minimize-btn, #maximize-btn, #close-btn {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
span {
|
||||
svg {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
color: var(--ayu-e-fg);
|
||||
}
|
||||
|
||||
background: var(--surface2);
|
||||
border-radius: 50%;
|
||||
|
||||
transition: .2s background;
|
||||
}
|
||||
|
||||
#maximize-btn, #close-btn {
|
||||
margin-left: 10px;
|
||||
/* maximize button (which does nothing) */
|
||||
svg:nth-child(2) {
|
||||
opacity: .6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* the prompt */
|
||||
.term-input {
|
||||
.folder {
|
||||
color: var(--sapphire) !important;
|
||||
background-color: var(--crust);
|
||||
border-radius: 3em;
|
||||
padding: 0px 12px 0px 12px;
|
||||
|
||||
/* close button */
|
||||
svg:nth-child(4) {
|
||||
background: color-mix(in srgb, var(--ayu-accent) 40%, transparent);
|
||||
padding: .3rem .5rem .3rem .6rem;
|
||||
border-left: .2rem solid var(--ayu-accent);
|
||||
border-bottom-left-radius: 1rem;
|
||||
color: var(--ayu-e-fg);
|
||||
|
||||
transition: background .2s;
|
||||
transition: color .2s;
|
||||
}
|
||||
.status {
|
||||
color: var(--green);
|
||||
font-size: 24px;
|
||||
margin-left: 3px;
|
||||
margin-right: -8px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.blink {
|
||||
display: none;
|
||||
color: var(--text);
|
||||
margin-left: 3px;
|
||||
padding-bottom: 4px;
|
||||
animation: blink .8s linear infinite;
|
||||
-moz-animation: blink .8s linear infinite;
|
||||
-webkit-animation: blink .8s linear infinite;
|
||||
}
|
||||
svg {
|
||||
fill: var(--sapphire) !important;
|
||||
|
||||
/* close button (animated on hover) */
|
||||
svg:nth-child(4):hover {
|
||||
background: var(--ayu-error);
|
||||
color: var(--ayu-ui-bg);
|
||||
|
||||
transition: background .2s;
|
||||
transition: color .2s;
|
||||
}
|
||||
}
|
||||
|
||||
background-color: var(--base);
|
||||
color: var(--text);
|
||||
section, article {
|
||||
padding: .8rem;
|
||||
}
|
||||
|
||||
border: var(--mantle) solid 3px;
|
||||
border-radius: 20px;
|
||||
background-color: var(--ayu-e-bg);
|
||||
color: var(--ayu-e-fg);
|
||||
|
||||
max-width: 48em;
|
||||
padding: 14px 24px;
|
||||
border: var(--ayu-accent) solid .15rem;
|
||||
border-radius: .6rem;
|
||||
|
||||
max-width: 60em;
|
||||
overflow: clip;
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 3.4em;
|
||||
margin-bottom: 2em;
|
||||
|
||||
transition: .2s border-color;
|
||||
transition: .2s box-shadow;
|
||||
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
||||
}
|
||||
|
||||
.terminal:hover {
|
||||
.term-titlebar {
|
||||
div {
|
||||
#minimize-btn {
|
||||
background: var(--yellow);
|
||||
transition: .2s background;
|
||||
}
|
||||
|
||||
#maximize-btn {
|
||||
background: var(--green);
|
||||
transition: .2s background;
|
||||
}
|
||||
|
||||
#close-btn {
|
||||
background: var(--red);
|
||||
transition: .2s background;
|
||||
}
|
||||
}
|
||||
/* window styling when hovered */
|
||||
.window:hover {
|
||||
summary {
|
||||
opacity: 1;
|
||||
transition: .2s opacity;
|
||||
}
|
||||
.term-input {
|
||||
.blink {
|
||||
display: unset;
|
||||
}
|
||||
}
|
||||
border-color: var(--green);
|
||||
|
||||
transition: .2s border-color;
|
||||
}
|
||||
.terminal > .term-titlebar > p:hover, a:hover {
|
||||
text-decoration: underline;
|
||||
|
||||
/* window styling when open (default state) */
|
||||
.window[open] {
|
||||
summary {
|
||||
opacity: 1;
|
||||
border-bottom: .1rem solid var(--ayu-accent);
|
||||
|
||||
transition: .2s opacity;
|
||||
}
|
||||
|
||||
border-radius: 2rem .6rem 2rem .6rem;
|
||||
}
|
||||
|
||||
.window:hover {
|
||||
box-shadow: var(--ayu-accent) 0px 0px 0px .3rem;
|
||||
|
||||
transition: .2s box-shadow;
|
||||
}
|
||||
|
||||
/* window when its the first one on the page */
|
||||
.window:nth-child(2) {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
|
||||
/* the footer window */
|
||||
footer {
|
||||
max-width: 30em;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
details > summary > a {
|
||||
padding: .3rem 0rem .3rem 1rem !important;
|
||||
}
|
||||
|
||||
section, article {
|
||||
padding: 1rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* top navbar styling, attempts to look like a window manager bar */
|
||||
|
|
@ -173,65 +159,66 @@ body {
|
|||
max-width: 100%;
|
||||
min-height: 1.8em !important;
|
||||
max-height: 1.8em !important;
|
||||
margin-top: .5em;
|
||||
|
||||
font-family: 'Lexend Deca', system-ui, sans-serif;
|
||||
align-content: center;
|
||||
vertical-align: middle;
|
||||
color: var(--text);
|
||||
background-color: color-mix(in srgb, var(--ayu-accent) 10%, transparent);
|
||||
border-bottom: .2rem solid var(--ayu-accent);
|
||||
color: var(--ayu-e-fg);
|
||||
|
||||
.nav-base {
|
||||
padding: 0px .2em !important;
|
||||
border-radius: 8px;
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 15px;
|
||||
max-width: fit-content;
|
||||
align-content: center;
|
||||
}
|
||||
.nav-baselink {
|
||||
background-color: var(--green);
|
||||
background-color: var(--ayu-accent);
|
||||
text-decoration: unset !important;
|
||||
color: var(--crust);
|
||||
margin-left: .5em !important;
|
||||
color: var(--ayu-e-bg);
|
||||
padding: 0px .4rem !important;
|
||||
border-bottom-right-radius: 1rem;
|
||||
|
||||
svg {
|
||||
color: var(--base) !important;
|
||||
color: var(--ayu-e-bg) !important;
|
||||
}
|
||||
}
|
||||
.nav-baselink::before {
|
||||
content: '';
|
||||
background: var(--ayu-e-bg);
|
||||
min-width: 14rem;
|
||||
min-height: 1.8rem;
|
||||
display: block;
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
}
|
||||
.nav-baselink-mobile {
|
||||
display: none;
|
||||
}
|
||||
.nav-links {
|
||||
background-color: var(--base);
|
||||
color: var(--text);
|
||||
padding: 0px 5px 0px;
|
||||
margin-left: .5em !important;
|
||||
background-color: var(--ayu-e-bg);
|
||||
color: var(--ayu-e-fg);
|
||||
padding: 0px .4rem !important;
|
||||
border-bottom-right-radius: 1rem;
|
||||
}
|
||||
.nav-links a {
|
||||
color: var(--text);
|
||||
color: var(--ayu-e-fg);
|
||||
text-decoration: unset !important;
|
||||
}
|
||||
.nav-links a:hover {
|
||||
color: var(--green);
|
||||
color: var(--ayu-accent);
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
.nav-systray {
|
||||
background-color: var(--base);
|
||||
color: var(--text);
|
||||
background-color: var(--ayu-e-bg);
|
||||
color: var(--ayu-e-fg);
|
||||
margin-left: auto !important;
|
||||
margin-right: .5em !important;
|
||||
padding: 0px .4rem !important;
|
||||
border-bottom-left-radius: 1rem;
|
||||
i {
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
}
|
||||
.nav-powerbutton {
|
||||
background-color: var(--red) !important;
|
||||
margin-left: .07rem !important;
|
||||
padding-right: .4rem !important;
|
||||
padding-left: .4rem !important;
|
||||
svg {
|
||||
color: var(--base) !important;
|
||||
}
|
||||
}
|
||||
|
||||
a, p {
|
||||
margin: unset !important;
|
||||
|
|
@ -240,91 +227,16 @@ body {
|
|||
opacity: .7;
|
||||
}
|
||||
svg {
|
||||
color: var(--text) !important;
|
||||
color: var(--ayu-e-fg) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* table of contents button */
|
||||
|
||||
.toc details {
|
||||
display: block !important;
|
||||
position: fixed;
|
||||
margin: 2em 0px 0px .4em !important;
|
||||
min-width: 2em;
|
||||
border-radius: 8px;
|
||||
z-index: 9999;
|
||||
padding: unset !important;
|
||||
box-shadow: unset !important;
|
||||
right: .5em;
|
||||
top: 1em;
|
||||
|
||||
a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: var(--text);
|
||||
padding: .6em .7em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--green);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
i {
|
||||
padding-right: .4em;
|
||||
}
|
||||
|
||||
ul {
|
||||
background-color: var(--base);
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 15px;
|
||||
border-radius: 8px;
|
||||
margin-top: 2.5em;
|
||||
max-width: 40em;
|
||||
width: max-content;
|
||||
z-index: 9999;
|
||||
|
||||
li {
|
||||
margin-left: -.5em;
|
||||
padding-bottom: unset !important;
|
||||
}
|
||||
|
||||
li::marker {
|
||||
color: var(--text);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toc details summary {
|
||||
display: block !important;
|
||||
right: 0em !important;
|
||||
position: absolute;
|
||||
font-family: 'Lexend Deca', system-ui, sans-serif;
|
||||
background-color: var(--green);
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 15px;
|
||||
text-decoration: unset !important;
|
||||
color: var(--crust);
|
||||
padding: .3em;
|
||||
border-radius: 8px;
|
||||
width: 1.2em;
|
||||
|
||||
i:not(:first-child) {
|
||||
margin-left: -.5em;
|
||||
margin-right: -.9em;
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
|
||||
.toc details summary::after {
|
||||
margin-left: unset;
|
||||
}
|
||||
|
||||
/* text formatting and config stuff
|
||||
font-family and <p> is set under .terminal */
|
||||
|
||||
/* headings */
|
||||
h1, h1 a {
|
||||
color: var(--text);
|
||||
color: var(--ayu-e-fg);
|
||||
font-size: 2rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -332,7 +244,7 @@ h1, h1 a {
|
|||
/* apparently having more than one h1 is against web standards
|
||||
but i prefer how it looks so i just use the same styling again */
|
||||
h2, h2 a {
|
||||
color: var(--text);
|
||||
color: var(--ayu-e-fg);
|
||||
font-size: 2rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -349,13 +261,13 @@ p, li, button {
|
|||
/* links should look good i think */
|
||||
a {
|
||||
font-size: 1.125rem;
|
||||
color: var(--green);
|
||||
color: var(--ayu-accent);
|
||||
transition: 0.2s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
transition: 0.2s;
|
||||
text-shadow: 0em 0em 0.25em var(--green);
|
||||
text-shadow: 0em 0em 0.25em var(--ayu-accent);
|
||||
}
|
||||
|
||||
/* smol text */
|
||||
|
|
@ -387,7 +299,7 @@ h1 a:hover {
|
|||
height: 1.3rem;
|
||||
padding-bottom: .2rem;
|
||||
vertical-align: middle !important;
|
||||
color: var(--text) !important;
|
||||
color: var(--ayu-e-fg) !important;
|
||||
}
|
||||
|
||||
/* the dot */
|
||||
|
|
@ -395,7 +307,7 @@ h1 a:hover {
|
|||
display: inline-flex;
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
background-color: var(--text);
|
||||
background-color: var(--ayu-e-fg);
|
||||
border-radius: 100%;
|
||||
vertical-align: middle;
|
||||
margin-left: .2rem;
|
||||
|
|
@ -454,20 +366,6 @@ audio {
|
|||
border-radius: 3rem;
|
||||
}
|
||||
|
||||
/* padding above first terminal */
|
||||
|
||||
body:has(div.toc) {
|
||||
.terminal:nth-child(3) {
|
||||
margin-top: 4.8em;
|
||||
}
|
||||
}
|
||||
|
||||
body:not(:has(div.toc)) {
|
||||
.terminal:nth-child(2) {
|
||||
margin-top: 3.8em;
|
||||
}
|
||||
}
|
||||
|
||||
/* footer/credits */
|
||||
|
||||
footer {
|
||||
|
|
@ -475,42 +373,42 @@ footer {
|
|||
a {
|
||||
display: inline-grid;
|
||||
font-size: 1.5rem;
|
||||
color: var(--green);
|
||||
color: var(--ayu-v-added);
|
||||
margin-bottom: .5em;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
[href="https://fediring.net"] {
|
||||
color: var(--text);
|
||||
background: color-mix(in srgb, var(--flamingo) 25%, transparent);
|
||||
color: var(--ayu-e-fg);
|
||||
background: color-mix(in srgb, var(--ayu-s-tag) 25%, transparent);
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
[href="https://keithhacks.cyou/furryring.php"] {
|
||||
color: var(--text);
|
||||
background: color-mix(in srgb, var(--rosewater) 25%, transparent);
|
||||
color: var(--ayu-e-fg);
|
||||
background: color-mix(in srgb, var(--ayu-s-constant) 25%, transparent);
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
[href="https://stellophiliac.github.io/roboring"] {
|
||||
color: var(--text);
|
||||
background: color-mix(in srgb, var(--overlay1) 25%, transparent);
|
||||
color: var(--ayu-e-fg);
|
||||
background: color-mix(in srgb, var(--ayu-eg-active) 25%, transparent);
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
[href*="prev"] {
|
||||
background: color-mix(in srgb, var(--yellow) 25%, transparent);
|
||||
background: color-mix(in srgb, var(--ayu-s-special) 25%, transparent);
|
||||
padding: 4px 6px;
|
||||
border-radius: 5px;
|
||||
svg {
|
||||
color: var(--peach) !important;
|
||||
color: var(--ayu-s-operator) !important;
|
||||
}
|
||||
}
|
||||
[href*="next"] {
|
||||
background: color-mix(in srgb, var(--green) 25%, transparent);
|
||||
background: color-mix(in srgb, var(--ayu-v-added) 25%, transparent);
|
||||
padding: 4px 5px;
|
||||
border-radius: 5px;
|
||||
svg {
|
||||
color: var(--green) !important;
|
||||
color: var(--ayu-v-added) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -660,56 +558,16 @@ footer {
|
|||
|
||||
@media (prefers-reduced-motion) {
|
||||
body {
|
||||
background: var(--crust) !important;
|
||||
background: var(--ayu-ui-bg) !important;
|
||||
animation: unset !important;
|
||||
-moz-animation: unset !important;
|
||||
-webkit-animation: unset !important;
|
||||
}
|
||||
|
||||
.terminal {
|
||||
.term-titlebar {
|
||||
div {
|
||||
#minimize-btn, #maximize-btn, #close-btn {
|
||||
transition: 0s background !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.term-input {
|
||||
.blink {
|
||||
animation: unset !important;
|
||||
-moz-animation: unset !important;
|
||||
-webkit-animation: unset !important;
|
||||
}
|
||||
}
|
||||
|
||||
transition: 0s border-color !important;
|
||||
}
|
||||
|
||||
.terminal:hover {
|
||||
.term-titlebar {
|
||||
div {
|
||||
#minimize-btn {
|
||||
background: var(--yellow);
|
||||
transition: 0s background !important;
|
||||
}
|
||||
#maximize-btn {
|
||||
background: var(--green);
|
||||
transition: 0s background !important;
|
||||
}
|
||||
#close-btn {
|
||||
background: var(--red);
|
||||
transition: 0s background !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
transition: 0s border-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* modify widths and spacing depending on the size of the display */
|
||||
|
||||
@media screen and (max-width: 59em) {
|
||||
@media screen and (max-width: 1083px) {
|
||||
.navbar {
|
||||
min-height: 1.8em !important;
|
||||
max-height: 1.8em !important;
|
||||
|
|
@ -724,25 +582,21 @@ footer {
|
|||
.nav-baselink-mobile {
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
margin: 2em 0px 0px .4em !important;
|
||||
max-width: 40em;
|
||||
width: max-content;
|
||||
border-radius: 8px;
|
||||
z-index: 9999;
|
||||
padding: unset !important;
|
||||
box-shadow: unset !important;
|
||||
top: -2em;
|
||||
|
||||
a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: var(--text);
|
||||
color: var(--ayu-e-fg);
|
||||
padding: .6em .7em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--green);
|
||||
color: var(--ayu-accent);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -751,8 +605,7 @@ footer {
|
|||
}
|
||||
|
||||
ul {
|
||||
background-color: var(--base);
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 15px;
|
||||
background-color: var(--ayu-e-bg);
|
||||
border-radius: 8px;
|
||||
max-width: 10em;
|
||||
width: auto;
|
||||
|
|
@ -769,12 +622,11 @@ footer {
|
|||
display: block !important;
|
||||
margin-top: 0px !important;
|
||||
font-family: 'Lexend Deca', system-ui, sans-serif;
|
||||
background-color: var(--green);
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 15px;
|
||||
background-color: var(--ayu-accent);
|
||||
text-decoration: unset !important;
|
||||
color: var(--crust);
|
||||
color: var(--ayu-e-bg);
|
||||
padding: .3em;
|
||||
border-radius: 8px;
|
||||
border-bottom-right-radius: 1rem;
|
||||
width: 4.7em;
|
||||
|
||||
i:not(:first-child) {
|
||||
|
|
@ -788,23 +640,48 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
body:has(.toc) {
|
||||
.terminal:nth-child(3) {
|
||||
margin-top: 5.4em !important;
|
||||
.window:not(#footer) {
|
||||
summary {
|
||||
.titlebar-icon {
|
||||
padding: .3rem .4rem .3rem .4rem;
|
||||
}
|
||||
|
||||
div {
|
||||
span {
|
||||
svg {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body:not(:has(.toc)) {
|
||||
.terminal:nth-child(2) {
|
||||
margin-top: 2.7em !important;
|
||||
section, article {
|
||||
padding: .5rem;
|
||||
}
|
||||
|
||||
border-top: var(--ayu-accent) solid .15rem;
|
||||
border-bottom: var(--ayu-accent) solid .15rem;
|
||||
border-left: unset !important;
|
||||
border-right: unset !important;
|
||||
border-radius: unset !important;
|
||||
|
||||
margin-bottom: .8em;
|
||||
}
|
||||
|
||||
.terminal {
|
||||
.term-titlebar {
|
||||
margin: -16px 0px -24px;
|
||||
}
|
||||
margin: 0px .7em .7em;
|
||||
padding: 10px 16px;
|
||||
/* window when its the first one on the page */
|
||||
.window:nth-child(2) {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 540px) {
|
||||
details#footer.window {
|
||||
border-top: var(--ayu-accent) solid .15rem;
|
||||
border-bottom: var(--ayu-accent) solid .15rem;
|
||||
border-left: unset !important;
|
||||
border-right: unset !important;
|
||||
border-radius: unset !important;
|
||||
|
||||
margin-bottom: .8em;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue