From fbdbdf0f0eb63d487285c989b1c0c15829b070da Mon Sep 17 00:00:00 2001
From: Alyssa Rosenzweig <alyssa@rosenzweig.io>
Date: Fri, 12 May 2017 17:24:48 -0700
Subject: Hide section links

Section links are still visible when CSS is not enabled. On browsers,
headers need to be hovered for links. On screen-readers, they are hidden
entirely.
---
 www/global.css | 12 ++++++++++++
 www/publish.sh |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

(limited to 'www')

diff --git a/www/global.css b/www/global.css
index 0264e4ef..fb265cd8 100644
--- a/www/global.css
+++ b/www/global.css
@@ -37,3 +37,15 @@ a:hover {
 .date {
     display: block;
 }
+
+h1, h2, h3 {
+    display: inline;
+}
+
+.h a {
+    display: none;
+}
+
+.h:hover a {
+    display: inline;
+}
diff --git a/www/publish.sh b/www/publish.sh
index fbfddbd8..6ca0fcbc 100755
--- a/www/publish.sh
+++ b/www/publish.sh
@@ -67,4 +67,4 @@ pandoc $TOC $SMART temp.md -s --css /global.css $OPTS \
 pandoc $1 > $FILE.bare.html
 
 # generate section title anchors as [link]
-sed $FILE.html -i -e 's_^<h\([123]\) id="\(.*\)">\(.*\)</h\1>_<h\1 style="display: inline;" id="\2">\3</h\1> [<a style="display: inline;" href="#\2">link</a>]_'
+sed $FILE.html -i -e 's_^<h\([123]\) id="\(.*\)">\(.*\)</h\1>_<div class="h"><h\1 id="\2">\3</h\1><a aria-hidden="true" href="#\2">[link]</a></div>_'
-- 
cgit v1.2.3-70-g09d2