Commit bdc75468 authored by Zachary Dunn's avatar Zachary Dunn

Add skip link

parent 1f08f147
......@@ -185,7 +185,7 @@ a:focus {
column-count: 3;
list-style: none;
align-self: center;
/* column-rule: 1px solid currentColor; */
justify-content: center;
padding: 0;
margin: 0;
}
......@@ -196,6 +196,7 @@ a:focus {
.h-card-grid__list-item {
line-height: 2;
justify-items: center;
justify-content: center;
justify-self: center;
}
......@@ -548,3 +549,14 @@ a.back-to-top:focus .progress-ring, a.back-to-top:hover .progress-ring {
fill: var(--primary-text-color);
}
.skip-link {
position: absolute;
top: 2rem;
z-index: 99;
transform: translateY(-5rem);
transition: transform 300ms ease-in;
}
.skip-link:focus {
transform: none
}
......@@ -53,6 +53,7 @@
{%- endblock opengraph -%}
</head>
<body class="{{theme}} {% if posts %}h-feed{% endif %}">
<a class="skip-link" href="#main-content">Skip to main content</a>
<div id="top"></div>
<header class="main-header">
<h1 class="p-name">
......@@ -63,6 +64,7 @@
{% include "partials/nav" %}
</header>
<main>
<div id="main-content"></div>
{%- block content -%}
{% endblock content %}
</main>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment