major improvements, make fedi icon transition to masto icon, email button stuff, remove phosphor icons
This commit is contained in:
parent
75128b051b
commit
c3b745122e
22 changed files with 100 additions and 88417 deletions
|
|
@ -1,21 +0,0 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2020 Phosphor Icons
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
File diff suppressed because it is too large
Load diff
|
Before Width: | Height: | Size: 2.8 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
Before Width: | Height: | Size: 2.6 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -10,8 +10,6 @@
|
|||
<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="/blog.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.css">
|
||||
<link rel="canonical" href="https://synth.download//">
|
||||
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://synth.download//blog/rss.xml">
|
||||
<link rel="me" href="https://booping.synth.download/@sneexy">
|
||||
|
|
@ -30,7 +28,7 @@
|
|||
<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>
|
||||
<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 <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="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> d!</summary>
|
||||
<ul>a
|
||||
<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>
|
||||
</li>
|
||||
|
|
@ -67,12 +65,12 @@
|
|||
<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"><i class="ph-bold ph-rss-simple" style="text-decoration: none !important; vertical-align: middle;" alt="rss feed"></i></a></p>
|
||||
<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>
|
||||
<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"><i class="ph-fill ph-dot-outline"></i></span> cat blog</p>
|
||||
<h1><a href="#blog">blog</a> <a href="./rss.xml"><i class="ph-bold ph-rss" style="text-decoration: none !important; vertical-align: middle;" alt="rss feed"></a></i></h1>
|
||||
<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"><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 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>
|
||||
<small>alternatively; rantpage</small>
|
||||
<p>welcome to my "blog", or whatever this is supposed to be. i rant about random things and make large writeups that probably won't make sense or contain many errors. thanks for stopping by!</p>
|
||||
<small>this is a "static index"<span aria-hidden="true">(...?)</span> so this page manually gets updated whenever i make a new blogpost. i'll try to tag things myself, and there will most likely never be a proper search function here, so you'll have to use your browser's find feature, sorry.</small>
|
||||
|
|
@ -83,13 +81,13 @@
|
|||
<article class="article-card">
|
||||
<header>
|
||||
<h3><a href="./fedi-and-bluesky-theyre-different">the fediverse and bluesky: they're made for entirely different purposes, actually</a></h3>
|
||||
<p><small>posted XX XX XXXX <i class="ph-bold ph-dot-outline"></i> <span class="tag">rant</span> <span class="tag">social media</span> <span class="tag">fediverse</span> <span class="tag">bluesky</span></small></p>
|
||||
<p><small>posted XX XX XXXX <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 class="tag">rant</span> <span class="tag">social media</span> <span class="tag">fediverse</span> <span class="tag">bluesky</span></small></p>
|
||||
</header>
|
||||
<p><span class="wip">WIP</span> one is not better than the other, and fit entirely different social media needs!</p>
|
||||
<p><a href="./my-thoughts-on-social-media"><i class="ph-bold ph-arrow-bend-down-right"></i> read it!</a></p>
|
||||
<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"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<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"><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>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
|
|
|
|||
|
|
@ -1,146 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>ruben's opinionated fedi guide @ synth download!</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<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="/assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.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">
|
||||
<link rel="me" href="https://git.gay/sneexy">
|
||||
<meta lang="en-US">
|
||||
<meta property="og:url" content="https://synth.download//">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="/script.js" defer="defer"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- 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>
|
||||
<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 <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="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> d!</summary>
|
||||
<ul>a
|
||||
<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>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/me"><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-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> about me</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/blog"><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-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> blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/#socials-and-contacts"><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-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> links</a>
|
||||
</li>
|
||||
</ul>
|
||||
</details>
|
||||
<nav class="nav-base nav-links">
|
||||
<a 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-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>
|
||||
<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>
|
||||
<a href="/me"><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-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> about me</a>
|
||||
<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>
|
||||
<a href="/blog"><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-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> blog</a>
|
||||
<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>
|
||||
<a href="/#socials-and-contacts"><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-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> links</a>
|
||||
</nav>
|
||||
<p aria-hidden="true" class="nav-base nav-systray">
|
||||
<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-bell"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
|
||||
<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-volume"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 8a5 5 0 0 1 0 8" /><path d="M17.7 5a9 9 0 0 1 0 14" /><path d="M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" /></svg>
|
||||
<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>
|
||||
<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-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>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- dedicated table of contents button -->
|
||||
<div class="toc">
|
||||
<details>
|
||||
<summary alt="Table of Contents" title="Table of Contents"><i style="pointer-events:none;" class="ph-bold ph-list-bullets"></i></summary>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#fedi-guide">welcome to... ruben's opinionated fediverse guide!</a>
|
||||
</li>
|
||||
</ul>
|
||||
</details>
|
||||
</div>
|
||||
|
||||
<!-- fedi guide introduction -->
|
||||
<div id="fedi-guide" 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="#fedi-guide">~/fedi-guide</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </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> ~/fedi-guide</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> ./fedi_guide</p>
|
||||
<p style="text-align: center; margin-bottom: -1em;">welcome to...</p>
|
||||
<h1 style="text-align: center;"><a href="#fedi-guide">ruben's <small>opinionated</small> fediverse guide!</a></h1>
|
||||
<p>hi there! this is my own attempt at making a guide to introduce users to the fediverse, as comfortably and easy as i can try to make it.</p>
|
||||
<details class="styled">
|
||||
<summary><i class="ph-bold ph-info"></i> for the nerdy reason of this guide existing in the first place:</summary>
|
||||
<p>personally, not a fan of mastodon. and it's a shame that it's really the only known piece of fediverse software to the point where people <i>only</i> know what a "mastodon" is and nothing else.</p>
|
||||
<p>this is why this guide is "opinionated", because i really dislike how the fediverse is currently expanding, and in my opinion is all being caused by mastodon being the "number one" and being able to get random corpos and projects to come in and ruin our safe spaces.</p>
|
||||
<p>so i made this guide with the goal of properly showing other softwares that may be better than mastodon to other people, and making an attempt to teach that it's really not just "mastodon" and there are choices out there, whatever feels more comfortable to use!</p>
|
||||
<p>of course, i'll still keep mastodon in this guide, as it is what most instances run.</p>
|
||||
<small><i>(eugh... this section is kind of a rambley mess... i'll redo this at some point)</i></small>
|
||||
</details>
|
||||
<details class="styled" style="background-color: color-mix(in srgb, var(--green) 15%, transparent); margin-top: 1em;">
|
||||
<summary><i class="ph-bold ph-thumbs-up"></i> other great fediverse resources to refer to!</summary>
|
||||
<ul>
|
||||
<li>
|
||||
<p><a href="https://jointhefediverse.net">Join the fediverse!</a> is a good website that quickly and easily explains what and how the fediverse works, and a quick guide of each available software.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><a href="https://furryfediverse.org">Furry Fediverse</a> is a website that briefly explains the fediverse, and contains a bunch of known furry instances to join, with a button to quickly jump into one without much effort! also showcases other neat tools.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</details>
|
||||
<p>if you have feedback, you can contact @sneexy@lea.pet on the fediverse and ask about anything! <i class="ph-bold ph-smiley-wink"></i></p>
|
||||
<p>anyways, we'll get started now...</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- "fediverse"...?-->
|
||||
<div id="fedi-guide" 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="#fedi-guide">"fediverse"...?</a></p>
|
||||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </div>
|
||||
</div>
|
||||
<section>
|
||||
<h2><a href="#fediverse-explained">"fediverse"...?</a></h2>
|
||||
<p>to quickly explain what the fediverse is, it's a social network that isn't controlled in one central area, such as tumblr or twitter. it works like email, people can send mail to each other no matter what they use, like gmail, aol, yahoo and whatnot. it's exactly like that, there's many different softwares and websites that all connect to each other to make a universal network.</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- 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>
|
||||
</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>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
166
home.css
166
home.css
|
|
@ -11,6 +11,11 @@
|
|||
height: 6rem;
|
||||
|
||||
vertical-align: middle;
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
h1 #pfp:hover {
|
||||
transform: scale(2);
|
||||
}
|
||||
|
||||
.selfinfo {
|
||||
|
|
@ -66,149 +71,39 @@
|
|||
width: 2rem !important;
|
||||
height: 2rem !important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* quotes section */
|
||||
|
||||
.quotes-container {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin: .3em;
|
||||
padding: .2em;
|
||||
border-radius: 1em;
|
||||
background-color: var(--crust);
|
||||
p, a, small {
|
||||
padding-left: 1mm;
|
||||
padding-right: 1mm;
|
||||
margin-top: .8mm;
|
||||
margin-bottom: .8mm;
|
||||
}
|
||||
}
|
||||
|
||||
div#quotes.terminal .socials-contacts-list #limineow {
|
||||
background-color: color-mix(in srgb, var(--red) 25%, transparent);
|
||||
p, a, small {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--red);
|
||||
text-decoration: underline;
|
||||
small {
|
||||
color: var(--red) !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#quotes.terminal .socials-contacts-list #bready {
|
||||
background-color: color-mix(in srgb, var(--peach) 25%, transparent);
|
||||
p, a, small {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
.fedi-icon {
|
||||
anchor-name: --fedi-icon;
|
||||
animation: opacity-blink 5s infinite;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--peach);
|
||||
text-decoration: underline;
|
||||
small {
|
||||
color: var(--peach) !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.fedi-icon-2 {
|
||||
position-anchor: --fedi-icon;
|
||||
position: absolute;
|
||||
margin-left: -3.681rem;
|
||||
z-index: 2;
|
||||
animation: opacity-blink-reverse 5s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
div#quotes.terminal .socials-contacts-list #mikoto {
|
||||
background-color: color-mix(in srgb, var(--lavender) 25%, transparent);
|
||||
p, a, small {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--lavender);
|
||||
text-decoration: underline;
|
||||
small {
|
||||
color: var(--lavender) !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
/* animations for this stylesheet */
|
||||
|
||||
@keyframes opacity-blink {
|
||||
0% { opacity: 0% }
|
||||
3% { opacity: 100% }
|
||||
47% { opacity: 100% }
|
||||
50% { opacity: 0% }
|
||||
100% { opacity: 0% }
|
||||
}
|
||||
|
||||
div#quotes.terminal .socials-contacts-list #av70 {
|
||||
background-color: color-mix(in srgb, var(--mauve) 25%, transparent);
|
||||
p, a, small {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--mauve);
|
||||
text-decoration: underline;
|
||||
small {
|
||||
color: var(--mauve) !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#quotes.terminal .socials-contacts-list #vozy {
|
||||
background-color: color-mix(in srgb, var(--pink) 25%, transparent);
|
||||
p, a, small {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--pink);
|
||||
text-decoration: underline;
|
||||
small {
|
||||
color: var(--pink) !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#quotes.terminal .socials-contacts-list #guigui {
|
||||
background-color: color-mix(in srgb, var(--green) 25%, transparent);
|
||||
p, a, small {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--green);
|
||||
text-decoration: underline;
|
||||
small {
|
||||
color: var(--green) !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div#quotes.terminal .socials-contacts-list #binbows {
|
||||
background-color: color-mix(in srgb, var(--crust) 25%, transparent);
|
||||
p, a, small {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--text);
|
||||
text-decoration: underline;
|
||||
small {
|
||||
color: var(--text) !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* buttons section !! */
|
||||
|
||||
.buttons {
|
||||
font-size: 0px;
|
||||
img {
|
||||
margin-right: 5px;
|
||||
image-rendering: auto;
|
||||
image-rendering: crisp-edges;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
@keyframes opacity-blink-reverse {
|
||||
0% { opacity: 100% }
|
||||
3% { opacity: 0% }
|
||||
47% { opacity: 0% }
|
||||
50% { opacity: 100% }
|
||||
100% { opacity: 100% }
|
||||
}
|
||||
|
||||
/* modify widths and spacing depending on the size of the display */
|
||||
|
|
@ -239,7 +134,4 @@ div#quotes.terminal .socials-contacts-list #binbows {
|
|||
}
|
||||
}
|
||||
}
|
||||
.socials-contacts-list {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
10
index.html
10
index.html
|
|
@ -29,7 +29,7 @@
|
|||
<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>
|
||||
<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 <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="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> d!</summary>
|
||||
<ul>a
|
||||
<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>
|
||||
</li>
|
||||
|
|
@ -91,8 +91,8 @@
|
|||
<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>
|
||||
<div class="buttons">
|
||||
<p>friends!</p>
|
||||
<p style="text-align: center;">friends!</p>
|
||||
<div class="buttons">
|
||||
<a href="https://23sonics.zone"><img src="/assets/buttons/friends/23sonics.gif" alt="23Sonics" title="23Sonics"></a>
|
||||
<a href="https://authenyo.xyz"><img src="/assets/buttons/friends/authenyo.gif" alt="authenyo" title="authenyo"></a>
|
||||
<a href="https://autumn.town"><img src="/assets/buttons/friends/autumn.webp" alt="Autumn Town Café" title="Autumn Town Café"></a>
|
||||
|
|
@ -133,8 +133,8 @@
|
|||
<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>
|
||||
</div>
|
||||
<p style="text-align: center;"><small>misc.</small></p>
|
||||
<div class="buttons">
|
||||
<p><small>misc.</small></p>
|
||||
<!-- software/browsers -->
|
||||
<a href="https://www.mozilla.org/en-US/firefox/new"><img src="/assets/buttons/software/firefox.png" alt="Get Firefox" title="Get Firefox"></a>
|
||||
<a href="https://ublockorigin.com"><img src="/assets/buttons/software/ublockoriginnow.png" alt="uBlock Origin Now!" title="uBlock Origin Now!"></a>
|
||||
|
|
@ -165,8 +165,8 @@
|
|||
<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>
|
||||
<div class="buttons">
|
||||
<p><small><span style="color: var(--green);">me!</span> (click to copy html)</small></p>
|
||||
<button style="cursor: pointer; background: unset; border-width: 0px; padding: 0px; display: inline-flex;" onclick="copyButtonRegular()">
|
||||
<img src="/assets/buttons/sneexy.png" alt="Sneexy" title="Sneexy">
|
||||
</button>
|
||||
|
|
|
|||
|
|
@ -9,8 +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="/assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.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">
|
||||
|
|
@ -28,7 +26,7 @@
|
|||
<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>
|
||||
<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 <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="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> d!</summary>
|
||||
<ul>a
|
||||
<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>
|
||||
</li>
|
||||
|
|
@ -69,7 +67,7 @@
|
|||
<div> <div id="minimize-btn"></div> <div id="maximize-btn"></div> <div id="close-btn"></div> </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> ~/do-not-interact</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> cat dni.txt</p>
|
||||
<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>
|
||||
|
|
@ -84,25 +82,25 @@
|
|||
<li>cop supporters</li>
|
||||
<li>the bad space/are0h/packetcat supporters <small>(if you don't know what this means, you're most likely fine!)</small></li>
|
||||
</ul>
|
||||
<p>...you know the drill. kindly Get The Hell Away From Me! <i class="ph-bold ph-heart" style="align-content:center;color:var(--green);"></i></p>
|
||||
<p>...you know the drill. kindly Get The Hell Away From Me! <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-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>
|
||||
<span id="seperator"></span>
|
||||
<h2><a href="#fedi">fedi</a></h2>
|
||||
<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> <i class="ph-bold ph-heart-break" style="padding-left:7px;align-content:center;color:var(--red);" alt="Ignored" title="Ignored"></i>
|
||||
mastodon.social, mastodon.online, mas.to, and most other large "general" mastodon instances are <span style="color:var(--red);">ignored</span>
|
||||
</li>
|
||||
<li>
|
||||
hachyderm.io, fosstodon.org, floss.social and most "foss supporting" instances are <span style="color:var(--yellow);">discouraged</span> <i class="ph-bold ph-heart" style="padding-left:7px;align-content:center;color:var(--yellow);" alt="Passable, harder vibe checking" title="Passable, harder vibe checking"></i>
|
||||
hachyderm.io, fosstodon.org, floss.social and most "foss supporting" instances are <span style="color:var(--yellow);">discouraged</span>
|
||||
</li>
|
||||
<li>
|
||||
transfem.social and woem.men go though heavy vibe checking <i class="ph-bold ph-heart" style="padding-left:7px;align-content:center;color:var(--green);" alt="Passable" title="Passable"></i>
|
||||
transfem.social and woem.men go though heavy vibe checking
|
||||
</li>
|
||||
</ul>
|
||||
<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! <i class="ph-bold ph-heart" style="align-content:center;color:var(--green);"></i></p>
|
||||
<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"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
||||
<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>
|
||||
|
||||
<!-- webrings and credits -->
|
||||
|
|
|
|||
|
|
@ -10,9 +10,7 @@
|
|||
<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="/home.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.css">
|
||||
<link rel="canonical" href="https://synth.download//">
|
||||
<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">
|
||||
<link rel="me" href="https://git.gay/sneexy">
|
||||
|
|
@ -28,7 +26,7 @@
|
|||
<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>
|
||||
<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 <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="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> d!</summary>
|
||||
<ul>a
|
||||
<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>
|
||||
</li>
|
||||
|
|
@ -169,8 +167,9 @@
|
|||
<h2><a href="#socials-and-contacts">socials n' contacts</a></h2>
|
||||
<p>these are my <i>public facing</i> accounts and contact methods. if i know you well, you may ask me for anything else. <small>(e.g discord, matrix etc.)</small></span></p>
|
||||
<div class="socials-contacts-list">
|
||||
<a href="https://booping.synth.download/@sneexy" style="background-color: color-mix(in srgb, var(--peach) 25%, transparent); color: var(--peach);" alt="Fediverse" title="Fediverse"><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 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 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>
|
||||
|
|
|
|||
|
|
@ -10,8 +10,6 @@
|
|||
<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="stylesheet" type="text/css" href="/assets/fonts/Phosphor/bold/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/assets/fonts/Phosphor/fill/style.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">
|
||||
|
|
@ -28,7 +26,7 @@
|
|||
<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>
|
||||
<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 <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="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> d!</summary>
|
||||
<ul>a
|
||||
<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>
|
||||
</li>
|
||||
|
|
|
|||
6
site.css
6
site.css
|
|
@ -35,12 +35,18 @@
|
|||
/* buttons section !! */
|
||||
|
||||
.buttons {
|
||||
text-align: center;
|
||||
font-size: 0px;
|
||||
img {
|
||||
margin-right: 5px;
|
||||
image-rendering: auto;
|
||||
image-rendering: crisp-edges;
|
||||
image-rendering: pixelated;
|
||||
transition: transform .2s;
|
||||
}
|
||||
|
||||
img:hover {
|
||||
transform: scale(2);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
45
style.css
45
style.css
|
|
@ -1,11 +1,25 @@
|
|||
/* background wallpaper, global font */
|
||||
|
||||
body {
|
||||
background: linear-gradient(125deg, var(--pink), var(--mauve), var(--maroon), var(--peach), var(--teal));
|
||||
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 10s ease infinite;
|
||||
-moz-animation: bg-gradient 10s ease infinite;
|
||||
-webkit-animation: bg-gradient 10s ease infinite;
|
||||
animation: bg-gradient 40s ease infinite;
|
||||
-moz-animation: bg-gradient 40s ease infinite;
|
||||
-webkit-animation: bg-gradient 40s ease infinite;
|
||||
font-family: 'JetBrains Mono', monospace, system-ui, sans-serif;
|
||||
font-size: 1.125rem;
|
||||
margin: unset !important; /* idk why it does that */
|
||||
|
|
@ -349,12 +363,12 @@ h1 a:hover {
|
|||
}
|
||||
|
||||
/* the tabler icons svgs styling */
|
||||
.tabler-icon {
|
||||
.tabler-icon, .icon .icon-tabler {
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
padding-bottom: .2rem;
|
||||
vertical-align: middle !important;
|
||||
color: var(--text);
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
/* line seperator */
|
||||
|
|
@ -480,6 +494,10 @@ footer {
|
|||
display: flex;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
transition: 1s animation;
|
||||
}
|
||||
img:hover {
|
||||
animation: spin 5s infinite linear;
|
||||
}
|
||||
.inner-footer {
|
||||
text-align: center;
|
||||
|
|
@ -516,6 +534,11 @@ footer {
|
|||
100% { opacity: 0; }
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@keyframes spin-y {
|
||||
/* values: 128px, 256px, 348px, 396px*/
|
||||
0% { transform: perspective(396px) rotateY(0); }
|
||||
|
|
@ -545,6 +568,11 @@ footer {
|
|||
100% { opacity: 0; }
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@-moz-keyframes spin-y {
|
||||
/* values: 128px, 256px, 348px, 396px*/
|
||||
0% { transform: perspective(396px) rotateY(0); }
|
||||
|
|
@ -574,6 +602,11 @@ footer {
|
|||
100% { opacity: 0; }
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin-y {
|
||||
/* values: 128px, 256px, 348px, 396px*/
|
||||
0% { transform: perspective(396px) rotateY(0); }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue