This commit is contained in:
parent
214441ad40
commit
5a2133618a
18 changed files with 3176 additions and 0 deletions
188
error/400.html
Normal file
188
error/400.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>400; bad request</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 400 error -->
|
||||
<details open id="400" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#400">Bad request!</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>
|
||||
<h1 style="color: var(--accent);">400</h1>
|
||||
<p>Uh, are you sure you did that correctly?</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/401.html
Normal file
188
error/401.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>401; unauthorized</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 401 error -->
|
||||
<details open id="401" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#401">Unauthorized!</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>
|
||||
<h1 style="color: var(--accent);">401</h1>
|
||||
<p>Shoo! Get out of here!</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/402.html
Normal file
188
error/402.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>402; payment required</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 402 error -->
|
||||
<details open id="402" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#402">Payment required!</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>
|
||||
<h1 style="color: var(--accent);">402</h1>
|
||||
<p>...I honestly have no idea what you're doing that "requires payment" for you to end up here, but congrats!</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/403.html
Normal file
188
error/403.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>403; forbidden</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 403 error -->
|
||||
<details open id="403" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#403">Forbidden!</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>
|
||||
<h1 style="color: var(--accent);">403</h1>
|
||||
<p>Hey, you're not supposed to be here!</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/404.html
Normal file
188
error/404.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>404; not found</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 404 error -->
|
||||
<details open id="404" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#404">Not found!</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>
|
||||
<h1 style="color: var(--accent);">404</h1>
|
||||
<p>Whatever it is, isn't here.</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/408.html
Normal file
188
error/408.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>408; request timeout</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 408 error -->
|
||||
<details open id="408" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#408">Request Timeout!</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>
|
||||
<h1 style="color: var(--accent);">408</h1>
|
||||
<p>Zzz... Zzz...</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/429.html
Normal file
188
error/429.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>429; too many requests</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 429 error -->
|
||||
<details open id="429" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#429">Too many requests!</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>
|
||||
<h1 style="color: var(--accent);">429</h1>
|
||||
<p>Ack... Clogged over here...</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/444.html
Normal file
188
error/444.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>444; no response</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 444 error -->
|
||||
<details open id="444" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#444">No response!</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>
|
||||
<h1 style="color: var(--accent);">444</h1>
|
||||
<p>......</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/497.html
Normal file
188
error/497.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>497; http request sent to https port</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 497 error -->
|
||||
<details open id="497" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#497">HTTP Request sent to HTTPS Port!</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>
|
||||
<h1 style="color: var(--accent);">497</h1>
|
||||
<p>Talk about security.</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/500.html
Normal file
188
error/500.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>500; internal server error</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 500 error -->
|
||||
<details open id="500" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#500">Internal server error!</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>
|
||||
<h1 style="color: var(--accent);">500</h1>
|
||||
<p>Something wasn't happy somewhere, and probably wasn't your fault.</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/501.html
Normal file
188
error/501.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>501; bad request</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 501 error -->
|
||||
<details open id="501" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#501">Bad request!</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>
|
||||
<h1 style="color: var(--accent);">501</h1>
|
||||
<p>Uh, are you sure you did that correctly?</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/502.html
Normal file
188
error/502.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>502; bad request</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 502 error -->
|
||||
<details open id="502" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#502">Bad request!</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>
|
||||
<h1 style="color: var(--accent);">502</h1>
|
||||
<p>Uh, are you sure you did that correctly?</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/503.html
Normal file
188
error/503.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>503; service unavailable</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 503 error -->
|
||||
<details open id="503" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#503">Service unavailable!</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>
|
||||
<h1 style="color: var(--accent);">503</h1>
|
||||
<p>Hi, I'm Minecraft, and I'm a Crashaholic.</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/504.html
Normal file
188
error/504.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>400; bad request</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 400 error -->
|
||||
<details open id="400" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#400">Bad request!</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>
|
||||
<h1 style="color: var(--accent);">400</h1>
|
||||
<p>Uh, are you sure you did that correctly?</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/522.html
Normal file
188
error/522.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>400; bad request</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 400 error -->
|
||||
<details open id="400" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#400">Bad request!</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>
|
||||
<h1 style="color: var(--accent);">400</h1>
|
||||
<p>Uh, are you sure you did that correctly?</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
188
error/523.html
Normal file
188
error/523.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>400; bad request</title>
|
||||
<link rel="icon" type="image/png" href="/assets/favicon.png">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/accessibility.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/colors.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/font.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/footer.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/navbar.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/window.css">
|
||||
<link rel="stylesheet" type="text/css" href="/styles/error.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="/scripts/alt-popup.js"></script>
|
||||
<script src="/scripts/settings.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="https://notebook.synth.download"><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="https://notebook.synth.download"><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>
|
||||
|
||||
<!-- 400 error -->
|
||||
<details open id="400" class="window error">
|
||||
<summary>
|
||||
<div aria-hidden="true">
|
||||
<span class="tabler--mood-sad-dizzy"></span>
|
||||
</div>
|
||||
<a href="#400">Bad request!</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>
|
||||
<h1 style="color: var(--accent);">400</h1>
|
||||
<p>Uh, are you sure you did that correctly?</p>
|
||||
</section>
|
||||
</details>
|
||||
|
||||
<!-- link to home -->
|
||||
<footer>
|
||||
<details open id="footer" class="window">
|
||||
<summary>
|
||||
<a href="#footer">Lost?</a>
|
||||
</summary>
|
||||
|
||||
<section>
|
||||
<a href="/"><span class="tabler--home"></span> Return home.</a>
|
||||
</section>
|
||||
</details>
|
||||
</footer>
|
||||
|
||||
<!-- element used for our alt popup -->
|
||||
<div class="alt-popup" id="alt-popup" aria-hidden="true"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
153
styles/error.css
Normal file
153
styles/error.css
Normal file
|
|
@ -0,0 +1,153 @@
|
|||
/* error window */
|
||||
|
||||
.window.error {
|
||||
margin-top: 10rem !important;
|
||||
text-align: center !important;
|
||||
max-width: 30rem !important;
|
||||
|
||||
h1 {
|
||||
font-size: 10rem;
|
||||
margin-top: unset !important;
|
||||
margin-bottom: unset !important;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center !important;
|
||||
max-width: 15rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.window:not(#footer) {
|
||||
summary {
|
||||
div:first-child {
|
||||
padding: .3rem .4rem .3rem .4rem;
|
||||
}
|
||||
|
||||
div:nth-child(3) {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
div:nth-child(4) {
|
||||
margin-left: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
animation: unset !important;
|
||||
|
||||
section, article {
|
||||
padding: .5rem;
|
||||
}
|
||||
|
||||
border-top: var(--accent) solid .15rem;
|
||||
border-bottom: var(--accent) solid .15rem;
|
||||
border-left: unset !important;
|
||||
border-right: unset !important;
|
||||
border-radius: unset !important;
|
||||
|
||||
margin-bottom: .8em;
|
||||
}
|
||||
|
||||
/* window when its the first one on the page */
|
||||
.window.error {
|
||||
margin-top: 5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1083px) {
|
||||
.navbar {
|
||||
min-height: 1.8em !important;
|
||||
max-height: 1.8em !important;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.nav-base {
|
||||
padding: .27em .2em !important;
|
||||
}
|
||||
.nav-left {
|
||||
height: 1.9rem;
|
||||
left: -.4rem;
|
||||
}
|
||||
.nav-left::before {
|
||||
margin-left: -10rem !important;
|
||||
}
|
||||
.nav-baselink {
|
||||
display: none !important;
|
||||
}
|
||||
.nav-baselink-mobile {
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
max-width: 40em;
|
||||
width: max-content;
|
||||
z-index: 9999;
|
||||
padding: unset !important;
|
||||
|
||||
a {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
color: var(--foreground);
|
||||
padding: .6em .7em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--accent);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
ul {
|
||||
background-color: var(--background);
|
||||
border-bottom-right-radius: 1rem;
|
||||
border-right: var(--accent) solid .15rem;
|
||||
border-bottom: var(--accent) solid .15rem;
|
||||
max-width: 10em;
|
||||
width: auto;
|
||||
margin-top: unset !important;
|
||||
|
||||
li {
|
||||
list-style-type: none;
|
||||
margin-left: -2em;
|
||||
padding-bottom: unset !important;
|
||||
span {
|
||||
padding-right: .4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.nav-baselink-mobile::before {
|
||||
display: none;
|
||||
}
|
||||
.nav-baselink-mobile summary {
|
||||
display: block !important;
|
||||
margin-top: 0px !important;
|
||||
background-color: var(--accent);
|
||||
text-decoration: unset !important;
|
||||
color: var(--background);
|
||||
padding: .3em;
|
||||
border-bottom-right-radius: 1rem;
|
||||
width: 5.7em;
|
||||
|
||||
i:not(:first-child) {
|
||||
margin-left: -.5em;
|
||||
margin-right: -.9em;
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
.nav-links {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nav-right {
|
||||
height: 1.4rem;
|
||||
}
|
||||
.nav-accessibility {
|
||||
right: 7.6rem;
|
||||
min-width: 1.6rem;
|
||||
span {
|
||||
transform: scale(1.3) translateY(-.05rem) translateX(.2rem);
|
||||
}
|
||||
}
|
||||
.nav-systray {
|
||||
padding: .27em .5em !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -640,4 +640,19 @@ uses Tabler icons via https://icon-sets.iconify.design/tabler to generate reusab
|
|||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
/* ti-mood-sad-dizzy */
|
||||
.tabler--mood-sad-dizzy {
|
||||
display: inline-block;
|
||||
width: 1.3rem;
|
||||
height: 1.3rem;
|
||||
vertical-align: top;
|
||||
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='M14.5 16.05a3.5 3.5 0 0 0-5 0M8 9l2 2m0-2l-2 2m6-2l2 2m0-2l-2 2'/%3E%3C/g%3E%3C/svg%3E");
|
||||
background-color: currentColor;
|
||||
-webkit-mask-image: var(--svg);
|
||||
mask-image: var(--svg);
|
||||
-webkit-mask-repeat: no-repeat;
|
||||
mask-repeat: no-repeat;
|
||||
-webkit-mask-size: 100% 100%;
|
||||
mask-size: 100% 100%;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue