201 lines
No EOL
13 KiB
HTML
201 lines
No EOL
13 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>donate • synth download!</title>
|
|
<link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
|
|
<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">
|
|
<meta name="description" content="">
|
|
<link rel="stylesheet" href="/styles/colors.css">
|
|
<link rel="stylesheet" href="/styles/font.css">
|
|
<link rel="stylesheet" href="/styles/icons.css">
|
|
<link rel="stylesheet" href="/styles/base.css">
|
|
<script src="/scripts/alt-popup.js"></script>
|
|
<script src="/scripts/settings.js"></script>
|
|
<script src="/scripts/button.js"></script>
|
|
<script async src="https://js.stripe.com/v3/buy-button.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- top navbar -->
|
|
<div class="navbar">
|
|
<a class="nav-base nav-left nav-baselink" href="/"><span class="tabler--grid-dots"></span> Synth Download!</a>
|
|
<details class="nav-base nav-left nav-baselink-mobile">
|
|
<summary><span class="tabler--grid-dots"></span> s <span aria-hidden="true" class="dot" style="background-color: var(--background) !important;"></span> d!</summary>
|
|
<ul>
|
|
<li>
|
|
<a href="/"><span class="tabler--home"></span> Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="/me"><span class="tabler--user"></span> About me</a>
|
|
</li>
|
|
<li>
|
|
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
|
|
</li>
|
|
<li>
|
|
<a href="/me#links"><span class="tabler--link"></span> Links</a>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
<nav class="nav-base nav-left nav-links">
|
|
<a href="/"><span class="tabler--home"></span> Home</a>
|
|
<div class="dot"></div>
|
|
<a href="/me"><span class="tabler--user"></span> About me</a>
|
|
<div class="dot"></div>
|
|
<a href="/notebook"><span class="tabler--notebook"></span> Notebook</a>
|
|
<div class="dot"></div>
|
|
<a href="/me#links"><span class="tabler--link"></span> Links</a>
|
|
</nav>
|
|
<details aria-label="Accessibility Settings" class="nav-base nav-right nav-accessibility">
|
|
<summary><span aria-label="Accessibility Settings" class="tabler--accessible"></span></summary>
|
|
<ul>
|
|
<li>
|
|
<p>Accessibility Settings</p>
|
|
</li>
|
|
<li>
|
|
<span aria-hidden="true" class="seperator"></span>
|
|
<p class="caption section" style="font-size: smaller; opacity: .9;">Theme</p>
|
|
<p class="caption" style="color: var(--red);">Only works with JavaScript.</p>
|
|
|
|
<span>
|
|
<input type="radio" id="theme-auto" name="theme-setting" value="auto" checked />
|
|
<label for="theme-auto">System (Auto)</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="radio" id="theme-light" name="theme-setting" value="light" />
|
|
<label for="theme-light">Light</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="radio" id="theme-dark" name="theme-setting" value="dark" />
|
|
<label for="theme-dark">Dark</label><br>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span aria-hidden="true" class="seperator"></span>
|
|
<p class="caption section" style="font-size: smaller; opacity: .9;">Font</p>
|
|
|
|
<span>
|
|
<input type="radio" id="font-jbm" name="font-setting" value="jbm" checked />
|
|
<label for="font-jbm" style="font-family: 'JetBrains Mono', system-ui, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;">JetBrains Mono</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="radio" id="font-ahn" name="font-setting" value="ahn" />
|
|
<label for="font-ahn" style="font-family: 'Atkinson Hyperlegible Next', system-ui, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;">Atkinson Hyperlegible Next</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="radio" id="font-inter" name="font-setting" value="inter" />
|
|
<label for="font-inter" style="font-family: 'Inter', system-ui, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;">Inter</label><br>
|
|
</span>
|
|
<p class="caption" style="padding: .2rem 0px;">Support not guaranteed, but provided as options anyways:</p>
|
|
<span>
|
|
<input type="radio" id="font-sans-serif" name="font-setting" value="sans-serif" />
|
|
<label for="font-sans-serif" style="font-family: sans-serif, system-ui, 'Segoe UI', Tahoma, Geneva, Verdana, serif !important;">Sans Serif</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="radio" id="font-serif" name="font-setting" value="serif" />
|
|
<label for="font-serif" style="font-family: serif, system-ui, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;">Serif</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="radio" id="font-monospace" name="font-setting" value="monospace" />
|
|
<label for="font-monospace" style="font-family: monospace, system-ui, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;">Monospace</label><br>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span aria-hidden="true" class="seperator"></span>
|
|
<span>
|
|
<input type="checkbox" id="uncapitalization" name="uncapitalization" />
|
|
<label for="uncapitalization">Disable forced uncapitalization</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="checkbox" id="disable-bg" name="disable-bg" />
|
|
<label for="disable-bg">Disable background gradient</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="checkbox" id="disable-animations" name="disable-animations" />
|
|
<label for="disable-animations">Disable animations</label><br>
|
|
</span>
|
|
<span>
|
|
<input type="checkbox" id="disable-alttext" name="disable-alttext" />
|
|
<label for="disable-alttext">Disable alt-text popup</label>
|
|
</span>
|
|
</li>
|
|
<li>
|
|
<span aria-hidden="true" class="seperator"></span>
|
|
<p class="caption">Disabling the alt-text popup or forced uncapitalization does not affect "normal" accessibility. The alt-text pop-up is custom made in replacement of using the <span class="code">title</span> attribute, and forced uncapitalization is done using CSS's <span class="code">text-transform</span>.</p>
|
|
<p class="caption" style="padding: .6rem 0px;">These settings are done entirely with CSS (except the Theme settings), and will be saved into your browser if you have JavaScript enabled. Otherwise, <span style="color: var(--red);">your settings will not be saved.</span></p>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
<p aria-hidden="true" class="nav-base nav-right nav-systray">
|
|
<span class="tabler--bell"></span>
|
|
<span class="tabler--volume"></span>
|
|
<span class="tabler--wifi"></span>
|
|
<span class="tabler--battery-filled"></span>
|
|
</p>
|
|
</div>
|
|
|
|
|
|
<!-- donation window -->
|
|
<details open id="donate" class="window">
|
|
<summary>
|
|
<div aria-hidden="true">
|
|
<span class="tabler--message-chatbot"></span>
|
|
</div>
|
|
<a href="#donate">donate</a>
|
|
<div aria-hidden="true">
|
|
<span class="tabler--minimize"></span>
|
|
<span class="tabler--maximize"></span>
|
|
</div>
|
|
<div aria-hidden="true">
|
|
<span class="tabler--x"></span>
|
|
</div>
|
|
</summary>
|
|
|
|
<section>
|
|
<p>Hi! I'm <a href="/me">Ruben</a>. Currently just a student running synth.download in my spare time because I like doing so.</p>
|
|
<p>If you'd like to donate, you may choose so through either <a href="https://ko-fi.com/sneexy" style="padding: .2rem; color: var(--sapphire); background-color: color-mix(in srgb, var(--sapphire) 20%, transparent); border-radius: .2rem;">Ko-fi</a>, or directly donate to me via Stripe with the widget below:</p>
|
|
<stripe-buy-button buy-button-id="buy_btn_1R9UrrGPbe5QWVnnm6jC3XUf" publishable-key="pk_live_51QFpvEGPbe5QWVnnCUUlT1nEYhVy2F4z30BVaG3LHD8o4qNc7IL67QcPUzBUeptEYpFOtYs6Jc1GvM3ujqsFltYb00oUvMTDMM"></stripe-buy-button>
|
|
<p>Please don't feel like you need to donate. Currently, I am able to pay things on my own, but donations do help. <span aria-hidden="true">^^</span></p>
|
|
</section>
|
|
</details>
|
|
|
|
<!-- webrings and credits -->
|
|
<footer>
|
|
<details open id="footer" class="window">
|
|
<summary>
|
|
<a href="#footer">Footer</a>
|
|
</summary>
|
|
|
|
<section>
|
|
<p class="fediring"><b><a href="https://fediring.net/previous?host=synth.download" aria-label="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=synth.download" aria-label="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
|
<p class="fediring"><b><a href="https://keithhacks.cyou/furryring.php?prev=synth.download" aria-label="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://keithhacks.cyou/furryring.php">furryring</a> <a href="https://keithhacks.cyou/furryring.php?next=synth.download" aria-label="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
|
<p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous" aria-label="Previous"><span class="tabler--arrow-left" style="pointer-events: none;"></span></a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next" aria-label="Next"><span class="tabler--arrow-right" style="pointer-events: none;"></span></a></b></p>
|
|
<section class="inner-footer">
|
|
<a href="https://forged.synth.download/sneexy/pages" style="background-color: color-mix(in srgb, var(--maroon) 25%, transparent); color: var(--maroon);" aria-label="Website source!"><span class="tabler--brand-git" style="pointer-events: none;"></span></a>
|
|
<a href="https://github.com/ayu-theme/ayu-colors" style="background-color: color-mix(in srgb, var(--accent) 25%, transparent); color: var(--accent);" aria-label="Ayu"><span class="tabler--palette" style="pointer-events: none;"></span></svg></a>
|
|
<a href="https://tabler.io" style="background-color: color-mix(in srgb, var(--blue) 25%, transparent); color: var(--blue);" aria-label="Tabler"><span class="tabler--brand-tabler" style="pointer-events: none;"></span></a>
|
|
<a href="https://www.jetbrains.com/lp/mono" style="background-color: color-mix(in srgb, var(--green) 25%, transparent); color: var(--green);" aria-label="JetBrains Mono"><span class="tabler--text-size" style="pointer-events: none;"></span></a>
|
|
<a href="https://www.lexend.com" style="background-color: color-mix(in srgb, var(--sapphire) 25%, transparent); color: var(--sapphire);" aria-label="Lexend"><span class="tabler--letter-case" style="pointer-events: none;"></span></i></a>
|
|
</section>
|
|
<p style="padding-bottom: 14px;"><a href="https://synthspecies.com">Synth species</a> created by <a href="https://www.furaffinity.net/user/vader-san">Vader-San</a>, synth.download is not affiliated with the creator in any way.</p>
|
|
<p>Made with <span class="rainbow">love</span>, <span class="rainbow">lack of sleep</span> and <span class="rainbow">procrastination</span></p>
|
|
<p>♡2025 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>
|
|
</details>
|
|
</footer>
|
|
|
|
<!-- element used for our alt popup -->
|
|
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
|
|
|
</body>
|
|
|
|
</html> |