summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authoreudoxia <uplink@distress.network>2020-11-30 21:51:17 -0500
committereudoxia <uplink@distress.network>2020-11-30 21:51:17 -0500
commit3cc9a1976448c425a3c0fca36a1e0837b59e6ce2 (patch)
tree6bdcf266ea4cda80a9d3c6ee97bb775d28fb0702
parent12e1fcdceb8384ad82cc5615752b6574299fbd5b (diff)
a11y: moved <nav> after <main> in DOM
Diffstat
-rwxr-xr-xcss/main.css2
-rwxr-xr-xinfo/index.html8
-rwxr-xr-xmeta/index.html8
-rwxr-xr-xmeta/sitemap/index.html4
-rwxr-xr-xmeta/styletest/index.html8
-rwxr-xr-xmeta/todo/index.html17
-rw-r--r--meta/todo/src.md4
-rwxr-xr-xnav.html2
-rwxr-xr-xsitemap.xml4
9 files changed, 25 insertions, 32 deletions
diff --git a/css/main.css b/css/main.css
index 5e751a0..e79f5ed 100755
--- a/css/main.css
+++ b/css/main.css
@@ -33,7 +33,7 @@ nav a:link {text-decoration: none;}
nav a:visited {color: var(--color-main-l);}
nav a:hover {color: var(--color-body-d); background-color: var(--color-main-l); clip-path: inset(10% 0% 10% 0%);}
nav a:active {color: var(--color-main-l); text-decoration: none;}
-main {flex: 1 1 90%; min-height: 100vh; padding: 1rem; padding-right: calc(20vw + 1rem); overflow-x: hidden; background-color: var(--color-main-d);}
+main {order: 2; flex: 1 1 90%; min-height: 100vh; padding: 1rem; padding-right: calc(20vw + 1rem); overflow-x: hidden; background-color: var(--color-main-d);}
.leading,h1,h2,p,p strong,p em,li,code,th,td {color: var(--color-main-l);}
.leading,h1,h2 {font-family: neue-haas-grotesk-display, var(--fs-sans);}
.leading {font-size: 2.5rem; font-weight: 300; font-style: italic; border: 0; padding: 0;}
diff --git a/info/index.html b/info/index.html
index c15f1a8..122eff2 100755
--- a/info/index.html
+++ b/info/index.html
@@ -26,10 +26,6 @@
</div>
</header>
<div class="contentlevel">
-<nav aria-hidden="true">
-<div data-include="/nav.html"></div>
-<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
-</nav>
<main>
<div class="leading">Information about the project &amp; its creator.</div>
<hr>
@@ -48,6 +44,10 @@
<li><a href="https://x0r.be/@distressnetwork">Fediverse</a></li>
</ul>
</main>
+<nav>
+<div data-include="/nav.html"></div>
+<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
+</nav>
</div>
<footer>
<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a>Donate.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
diff --git a/meta/index.html b/meta/index.html
index 147875a..e854913 100755
--- a/meta/index.html
+++ b/meta/index.html
@@ -26,10 +26,6 @@
</div>
</header>
<div class="contentlevel">
-<nav aria-hidden="true">
-<div data-include="/nav.html"></div>
-<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
-</nav>
<main>
<div class="leading">This directory contains information and utilities concerning the website itself.</div>
<hr>
@@ -41,6 +37,10 @@
<li>The <a href="meta/todo">to-do list</a> is a dynamic list of maintenance tasks.</li>
</ul>
</main>
+<nav>
+<div data-include="/nav.html"></div>
+<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
+</nav>
</div>
<footer>
<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a>Donate.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
diff --git a/meta/sitemap/index.html b/meta/sitemap/index.html
index 39cd8f8..28d93d7 100755
--- a/meta/sitemap/index.html
+++ b/meta/sitemap/index.html
@@ -18,12 +18,12 @@ pre a:hover {text-decoration: none; color: #111; background-color: #ddd;}
pre a:active {text-decoration: none; color: #ddd;}
</style>
<title>Sitemap</title>
-<meta http-equiv="last-modified" content="2020-11-28 17:24:52-05:00" />
+<meta http-equiv="last-modified" content="2020-11-30 21:33:04-05:00" />
</head>
<body>
<pre>
-<a href="/">·</a>
+<a href="/" aria-label="root">·</a>
├───<a href="/info">info</a>
├───<a href="/meta">meta</a>
│   ├───<a href="/meta/sitemap">sitemap</a>
diff --git a/meta/styletest/index.html b/meta/styletest/index.html
index cd80557..2ac08a5 100755
--- a/meta/styletest/index.html
+++ b/meta/styletest/index.html
@@ -26,10 +26,6 @@
</div>
</header>
<div class="contentlevel">
-<nav aria-hidden="true">
-<div data-include="/nav.html"></div>
-<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
-</nav>
<main>
<div class="leading">Title &amp; Explanatory Phrase</div>
<hr>
@@ -167,6 +163,10 @@ and also spans across a horizontal length sufficient to cause a word wrap (which
<pre><code>[Author[[, Author[, ...]] &#38; Author]. ]“Title.”[ YYYY[-MM-DD].][ Medium[, details].][ Notes.]
</code></pre>
</main>
+<nav>
+<div data-include="/nav.html"></div>
+<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
+</nav>
</div>
<footer>
<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a>Donate.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
diff --git a/meta/todo/index.html b/meta/todo/index.html
index 6351f41..51ed682 100755
--- a/meta/todo/index.html
+++ b/meta/todo/index.html
@@ -12,15 +12,11 @@
<script src="/js/csi.js"></script>
<title>To Do</title>
<meta name="description" content="&laquo;FOR INTERNAL USE ONLY.&raquo; &mdash; To Do:" />
-<meta http-equiv="last-modified" content="2020-11-30 20:40:14-05:00" />
+<meta http-equiv="last-modified" content="2020-11-30 21:50:28-05:00" />
</head>
<body>
<div class="contentlevel">
-<nav aria-hidden="true">
-<div data-include="/nav.html"></div>
-<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
-</nav>
<main>
<div class="leading">To Do:</div>
<hr>
@@ -33,12 +29,7 @@
<li>Rewrite URL encoding in C</li>
<li>Other optimizations where possible</li>
</ul></li>
-<li>A11y:
-
-<ul>
-<li>Nav below main in DOM, reflow with CSS <code>order</code></li>
-<li>Figure out how to make the sitemap less horrible on screen readers</li>
-</ul></li>
+<li>A11y: figure out how to make the sitemap less horrible on screen readers</li>
<li>Create <code>&#47;visual&#47;*</code> pages</li>
<li>Full site edit automation (<code>global.sh</code>): recursively execute given command in all pages</li>
<li>Potentially serve footer via <code>csi.js</code>? (might inhibit navigation for noscript clients)</li>
@@ -46,6 +37,10 @@
<li>actually have content lmao</li>
</ul>
</main>
+<nav>
+<div data-include="/nav.html"></div>
+<noscript><pre style="white-space: normal;">Please enable javascript to use the sitemap, or access it <a href="/meta/sitemap">[here]</a></pre></noscript>
+</nav>
</div>
<footer>
<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a>Donate.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
diff --git a/meta/todo/src.md b/meta/todo/src.md
index a45674a..239811b 100644
--- a/meta/todo/src.md
+++ b/meta/todo/src.md
@@ -7,9 +7,7 @@ opts: h
- `md.sh` improvements:
- Rewrite URL encoding in C
- Other optimizations where possible
-- A11y:
- - Nav below main in DOM, reflow with CSS `order`
- - Figure out how to make the sitemap less horrible on screen readers
+- A11y: figure out how to make the sitemap less horrible on screen readers
- Create `/visual/*` pages
- Full site edit automation (`global.sh`): recursively execute given command in all pages
- Potentially serve footer via `csi.js`? (might inhibit navigation for noscript clients)
diff --git a/nav.html b/nav.html
index 68f9971..35e6336 100755
--- a/nav.html
+++ b/nav.html
@@ -1,6 +1,6 @@
<pre>
<!--title: Sitemap-->
-<a href="/">·</a>
+<a href="/" aria-label="root">·</a>
├───<a href="/info">info</a>
├───<a href="/meta">meta</a>
│   ├───<a href="/meta/sitemap">sitemap</a>
diff --git a/sitemap.xml b/sitemap.xml
index 8128d9f..752c9da 100755
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -5,9 +5,9 @@ xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url><loc>https://distress.network/</loc><lastmod></lastmod></url>
<url><loc>https://distress.network/info/</loc><lastmod>2020-11-26T00:24:00-05:00</lastmod></url>
<url><loc>https://distress.network/meta/</loc><lastmod>2020-11-21T21:30:37-05:00</lastmod></url>
-<url><loc>https://distress.network/meta/sitemap/</loc><lastmod>2020-11-28T17:24:52-05:00</lastmod></url>
+<url><loc>https://distress.network/meta/sitemap/</loc><lastmod>2020-11-30T21:33:04-05:00</lastmod></url>
<url><loc>https://distress.network/meta/styletest/</loc><lastmod>2020-11-20T04:15:52-05:00</lastmod></url>
-<url><loc>https://distress.network/meta/todo/</loc><lastmod>2020-11-25T23:43:50-05:00</lastmod></url>
+<url><loc>https://distress.network/meta/todo/</loc><lastmod>2020-11-30T20:40:14-05:00</lastmod></url>
<url><loc>https://distress.network/visual/</loc><lastmod></lastmod></url>
<url><loc>https://distress.network/visual/composite/</loc><lastmod></lastmod></url>
<url><loc>https://distress.network/visual/logotype/</loc><lastmod></lastmod></url>
generated by cgit v1.2.3 (git 2.39.1) at 2024-05-21 04:35:55 +0000