104 lines
6.9 KiB
HTML
104 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>blog @ s.p.g</title>
|
|
<link rel="icon" type="image/gif" 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="/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://sneexy.pages.gay/">
|
|
<link rel="me" href="https://lea.pet/@sneexy">
|
|
<link rel="me" href="https://git.gay/sneexy">
|
|
<meta lang="en-US">
|
|
<meta property="og:url" content="https://sneexy.pages.gay/">
|
|
<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="/"><i class="ph-bold ph-squares-four"></i> sneexy <small>dot</small> pages <small>dot</small> gay</a>
|
|
<details class="nav-base nav-baselink-mobile">
|
|
<summary><i style="pointer-events:none;" class="ph-bold ph-squares-four"></i> s <i style="pointer-events:none;" class="ph-bold ph-dot"></i> p <i style="pointer-events:none;" class="ph-bold ph-dot"></i> g</summary>
|
|
<ul>
|
|
<li>
|
|
<a href="/"><i class="ph-bold ph-house"></i> home</a>
|
|
</li>
|
|
<li>
|
|
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
|
|
</li>
|
|
<li>
|
|
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
<nav class="nav-base nav-links">
|
|
<a href="/"><i class="ph-bold ph-house"></i> home</a>
|
|
<i class="ph-bold ph-dot"></i>
|
|
<a href="/blog"><i class="ph-bold ph-article"></i> blog</a>
|
|
<i class="ph-bold ph-dot"></i>
|
|
<a href="/#socials-and-contacts"><i class="ph-bold ph-link"></i> links</a>
|
|
</nav>
|
|
<p aria-hidden="true" class="nav-base nav-systray"><i class="ph-bold ph-bell"></i> <i class="ph-bold ph-speaker-high"></i> <i class="ph-bold ph-network"></i> <i class="ph-bold ph-battery-full"></i> <i class="ph-bold ph-power"></i></p>
|
|
</div>
|
|
|
|
<!-- blog index -->
|
|
<div id="blog" class="terminal">
|
|
<div aria-hidden="true" class="term-titlebar">
|
|
<i class="ph-fill ph-terminal"></i>
|
|
<p><a href="#blog">~/blog</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"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/blog</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> cat blog</p>
|
|
<h1><a href="#blog">blog</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>
|
|
<span id="seperator"></span>
|
|
<article class="article-card">
|
|
<header>
|
|
<h3><a href="./my-thoughts-on-social-media">my thoughts on social media</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></small></p>
|
|
</header>
|
|
<p><span class="wip">WIP</span> social media is a flawed concept at the core and the only one that has a chance of actually being good <i>definitely</i> needs our help</p>
|
|
<p><a href="./my-thoughts-on-social-media"><i class="ph-bold ph-arrow-bend-down-right"></i> read it!</a></p>
|
|
</article>
|
|
</section>
|
|
<p aria-hidden="true" class="term-input"><span class="folder"><i class="ph-fill ph-folder-simple" style="margin-right: -8px;"></i> ~/blog</span> <span class="status"><i class="ph-fill ph-dot-outline"></i></span> <span class="blink">█</span></p>
|
|
</div>
|
|
|
|
<!-- webrings and credits -->
|
|
<footer>
|
|
<div id="webring-credits" class="terminal">
|
|
<br>
|
|
<p><a style="font-size: 1.5rem;" href="/"><i style="color: var(--text);" class="ph-bold ph-house"></i> ...back to home?</a></p>
|
|
<br>
|
|
<p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
|
|
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-left" alt="Previous" title="Previous"></i></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=sneexy.pages.gay"><i class="ph-fill ph-arrow-fat-right" alt="Next" title="Next"></i></a></b></p>
|
|
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous"><i class="ph-fill ph-arrow-fat-left"></i></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next"><i class="ph-fill ph-arrow-fat-right"></i></a></b></p>
|
|
<section class="inner-footer">
|
|
<a href="https://git.gay/sneexy/pages" target="_blank"><i class="ph-bold ph-git-branch" alt="Website source code" title="website source!"></i></a>
|
|
<a href="https://catppuccin.com" target="_blank"><i class="ph-bold ph-cat" alt="Catppuccin" title="Catppuccin"></i></a>
|
|
<a href="https://phosphoricons.com" target="_blank"><i class="ph-bold ph-phosphor-logo" alt="Phosphor Icons" title="Phosphor Icons"></i></a>
|
|
<a href="https://www.jetbrains.com/lp/mono" target="_blank"><i class="ph-bold ph-text-t" alt="JetBrains Mono" title="JetBrains Mono"></i></a>
|
|
<a href="https://www.lexend.com" target="_blank"><i class="ph-bold ph-text-aa" alt="Lexend" title="Lexend"></i></a>
|
|
</section>
|
|
<p>favicon by <a href="https://akko.eepy.zone/users/wep" target="_blank">wep</a></p>
|
|
<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 loading="lazy" src="/assets/dumpysynth.gif" alt="GIF of a synth with a massive butt, shaking it towards the viewer" />
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|