Accessibility

This commit is contained in:
MeowcaTheoRange 2023-11-26 18:58:46 -06:00
parent 2b8e31a564
commit 1d754517fa
10 changed files with 37 additions and 23 deletions

View file

@ -29,6 +29,7 @@
<p>More about this domain.</p> <p>More about this domain.</p>
</section> </section>
<$ nav.html $> <$ nav.html $>
<section id="accessibility" hidden></section>
</header> </header>
<main> <main>
<section id="data_get"> <section id="data_get">

View file

@ -24,11 +24,14 @@
</head> </head>
<body> <body>
<$ loader.html $> <$ loader.html $>
<header>
<section> <section>
<h1>Blog</h1> <h1>Blog</h1>
<p>A place where I post unhinged ramblings (blog posts).</p> <p>A place where I post unhinged ramblings (blog posts).</p>
</section> </section>
<$ nav.html $> <$ nav.html $>
<section id="accessibility" hidden></section>
</header>
<section id="data_get"> <section id="data_get">
<h1>Getting blogs...</h1> <h1>Getting blogs...</h1>
</section> </section>

View file

@ -37,6 +37,7 @@
<h1>Branding</h1> <h1>Branding</h1>
</section> </section>
<$ nav.html $> <$ nav.html $>
<section id="accessibility" hidden></section>
</header> </header>
<main> <main>
<section> <section>

View file

@ -28,6 +28,7 @@
<h1>ABTMTR.LINK</h1> <h1>ABTMTR.LINK</h1>
</section> </section>
<$ nav.html $> <$ nav.html $>
<section id="accessibility" hidden></section>
</header> </header>
<main> <main>
<section> <section>
@ -66,7 +67,6 @@
<section id="fields"></section> <section id="fields"></section>
</main> </main>
<div id="WindowHolder"></div> <div id="WindowHolder"></div>
<section id="accessibility" hidden></section>
<script src="/scripts/windows.js"></script> <script src="/scripts/windows.js"></script>
<script src="/scripts/accessibility.js"></script> <script src="/scripts/accessibility.js"></script>
<script src="./scripts/data_get_whoami.js"></script> <script src="./scripts/data_get_whoami.js"></script>

View file

@ -29,6 +29,7 @@
<p>Where else you can find me.</p> <p>Where else you can find me.</p>
</section> </section>
<$ nav.html $> <$ nav.html $>
<section id="accessibility" hidden></section>
</header> </header>
<main> <main>
<section id="data_get"> <section id="data_get">

View file

@ -26,10 +26,13 @@
</head> </head>
<body> <body>
<$ loader.html $> <$ loader.html $>
<header>
<section> <section>
<h1>HexFlagGen</h1> <h1>HexFlagGen</h1>
<p>Make a flag out of the hexadecimal bytes of your choice.</p> <p>Make a flag out of the hexadecimal bytes of your choice.</p>
</section> </section>
<section id="accessibility" hidden></section>
</header>
<hr /> <hr />
<section> <section>
<label for="data">Generator string</label><br /> <label for="data">Generator string</label><br />

View file

@ -24,11 +24,14 @@
</head> </head>
<body> <body>
<$ loader.html $> <$ loader.html $>
<header>
<section> <section>
<h1>Projects</h1> <h1>Projects</h1>
<p>Various projects I've made.</p> <p>Various projects I've made.</p>
</section> </section>
<$ nav.html $> <$ nav.html $>
<section id="accessibility" hidden></section>
</header>
<section id="data_get"> <section id="data_get">
<h1>Getting projects...</h1> <h1>Getting projects...</h1>
</section> </section>

View file

@ -26,10 +26,13 @@
</head> </head>
<body> <body>
<$ loader.html $> <$ loader.html $>
<header>
<section> <section>
<h1>WozSteamGem</h1> <h1>WozSteamGem</h1>
<p>Make a Scott The Woz thumbnail out of any Steam game.</p> <p>Make a Scott The Woz thumbnail out of any Steam game.</p>
</section> </section>
<section id="accessibility" hidden></section>
</header>
<hr /> <hr />
<section> <section>
<input <input
@ -72,7 +75,6 @@
<label for="align">Background Alignment</label> <label for="align">Background Alignment</label>
</section> </section>
<div id="WindowHolder"></div> <div id="WindowHolder"></div>
<section id="accessibility" hidden></section>
<script src="./scripts/index.js"></script> <script src="./scripts/index.js"></script>
<script src="/scripts/windows.js"></script> <script src="/scripts/windows.js"></script>
<script src="/scripts/accessibility.js"></script> <script src="/scripts/accessibility.js"></script>

View file

@ -27,6 +27,7 @@
<h1>Site Information</h1> <h1>Site Information</h1>
</section> </section>
<$ nav.html $> <$ nav.html $>
<section id="accessibility" hidden></section>
</header> </header>
<main> <main>
<section> <section>
@ -57,7 +58,6 @@
</p> </p>
</section> </section>
</main> </main>
<section id="accessibility" hidden></section>
<script src="/scripts/windows.js"></script> <script src="/scripts/windows.js"></script>
<script src="/scripts/accessibility.js"></script> <script src="/scripts/accessibility.js"></script>
</body> </body>

View file

@ -1,7 +1,7 @@
#accessibility { #accessibility {
position: sticky; /* position: sticky;
bottom: 1em; bottom: 1em;
left: 1em; left: 1em; */
background-color: var(--background-color); background-color: var(--background-color);
padding: 0.5em; padding: 0.5em;
} }