91 lines
2.9 KiB
HTML
91 lines
2.9 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>chmod777's tech demos</title>
|
|
<meta name="description" content="">
|
|
<meta name="author" content="chmod777">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta property="og:type" context="website">
|
|
<meta property="og:title" context="chmod777's tech demos">
|
|
<meta property="og:description" context="">
|
|
<meta property="og:url" context="">
|
|
<meta property="og:image" context="http://tilde.club/~chmod777/favicon.svg">
|
|
<meta property="og:local" context="en-US">
|
|
<meta property="og:site_name" context="tilde.club">
|
|
|
|
<meta property="twitter:card" context="summary">
|
|
<meta property="twitter:title" context="chmod777's tech demos">
|
|
<meta property="twitter:description" context="">
|
|
<meta property="twitter:url" context="">
|
|
<meta property="twitter:image" context="http://tilde.club/~chmod777/favicon.svg">
|
|
|
|
<link rel="canonical" href="">
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
<script src="/assets/js/main.js"></script>
|
|
|
|
</head>
|
|
|
|
<body class="dark-theme" onload="first_load()">
|
|
<header>
|
|
<h1 id="title">chmod777's tech demos</h1>
|
|
<a href="#page-content">skip to page content</a>
|
|
<p>There is a version of this site available as a <a href="gemini://tilde.club/~chmod777">gemini capsule</a>. It may or may not be up to date.</p>
|
|
<nav>
|
|
<ul class="link-list">
|
|
<li><a href="/">home</a></li>
|
|
<li><a href="/blog/blog.html">blog</a></li>
|
|
<li><a href="/projects/projects.html">projects</a></li>
|
|
<li><a href="/tech_demos/tech_demos.html">tech demos</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<form>
|
|
<fieldset>
|
|
<legend aria-describedby="about-accessibility-options">Accessibility Options</legend>
|
|
<p id="about-accessibility-options">accessibility options requires javascript</p>
|
|
<script>
|
|
const id = "about-accessibility-options";
|
|
const element = document.getElementById(id);
|
|
element.innerHTML = element.innerHTML.concat(" (javascript enabled)");
|
|
</script>
|
|
|
|
<label id="color-theme-label" for="color-theme">color theme</label>
|
|
<select id="color-theme" name="color-theme">
|
|
<option value="dark-theme">dark (default)</option>
|
|
<option value="classic-theme">classic</option>
|
|
<!--
|
|
<option value="high-contrast-theme">high contrast</option>
|
|
-->
|
|
</select>
|
|
|
|
<label id="fonts-label" for="fonts">fonts</label>
|
|
<select id="fonts" name="fonts">
|
|
<option value="default-font">browser default (default)</option>
|
|
<option value="monospace-font">monospace</option>
|
|
<!--
|
|
<option value="comic-sans-font">Comic Sans</option>
|
|
-->
|
|
</select>
|
|
|
|
<input type="button" value="apply settings" onclick="apply_accessibility_options()">
|
|
</fieldset>
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer>
|
|
<a class="link-padding" href="#">jump to top</a>
|
|
<br>
|
|
<br>
|
|
<a class="link-padding" id="page-source" target="_blank" href="https://tildegit.org/chmod777/my_blog">page source (tildegit in new tab)</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|