diff options
| -rw-r--r-- | assets/style.css | 15 | ||||
| -rw-r--r-- | layouts/_default/baseof.html | 2 | ||||
| -rw-r--r-- | layouts/partials/header.html | 2 |
3 files changed, 18 insertions, 1 deletions
diff --git a/assets/style.css b/assets/style.css index 3b90566..c36c7e1 100644 --- a/assets/style.css +++ b/assets/style.css @@ -145,3 +145,18 @@ h3.blog-filter { cursor: not-allowed; opacity: 0.7; } + +/* "skip to main content" link */ +.skiplink { + position: absolute; + top: 5; + transform: translateY(-600%); + transition: transform 0.5s; + background-color: #121212; + font-size: larger; + padding: 6px; +} + +.skiplink:focus { + transform: translateY(0%); +}
\ No newline at end of file diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 7aa0605..06d71c3 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -36,7 +36,7 @@ <header> {{- partial "header.html" . -}} </header> - <main> + <main id="maincontent"> {{- block "main" . }}{{- end }} </main> <footer> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index fccb41f..1db41b2 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,2 +1,4 @@ +<a class="skiplink" href="#maincontent">Skip to Main Content</a> + <a href="{{ relURL .Site.Home.Permalink }}" class="title"><h1>{{ .Site.Title }}</h1></a> <nav>{{- partial "nav.html" . -}}</nav> |