aboutsummaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
authorAlyssa Rosenzweig <alyssa@rosenzweig.io>2017-05-12 17:24:48 -0700
committerAlyssa Rosenzweig <alyssa@rosenzweig.io>2017-05-12 17:24:48 -0700
commitfbdbdf0f0eb63d487285c989b1c0c15829b070da (patch)
tree985f1468c4c682b983a937efdbc58de93c1aba46 /www
parent5a29c33a2810e0ff44c03aef901b724072442824 (diff)
downloadlibrebootfr-fbdbdf0f0eb63d487285c989b1c0c15829b070da.tar.gz
librebootfr-fbdbdf0f0eb63d487285c989b1c0c15829b070da.zip
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.
Diffstat (limited to 'www')
-rw-r--r--www/global.css12
-rwxr-xr-xwww/publish.sh2
2 files changed, 13 insertions, 1 deletions
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>_'