cmc/cleberg.net

My personal web garden & blog. blog personal website https://cleberg.net

Commit 52ace755c5

52ace755c5f4f0a8be8252764005e4f99d9a67ba

parent: 7a3e3b542f

Unsigned

cmc <hello@cleberg.net> · 2025-11-12 00:46 UTC 

add skip-to-content link

Layout: unified · split

theme/static/styles.css +9
@@ -37,6 +37,15 @@ h1,h2,h3,h4,h5,h6 {
37 text-transform: uppercase; 37 text-transform: uppercase;
38} 38}
39 39
40.skip-link {
41 position: absolute;
42 left: -999px;
43 top: auto;
44 width: 1px;
45 height: 1px;
46 overflow: hidden;
47}
48
40nav { 49nav {
41 align-items: center; 50 align-items: center;
42 display: flex; 51 display: flex;
theme/templates/base.html +2 −1
@@ -17,6 +17,7 @@
17 {% endblock %} 17 {% endblock %}
18</head> 18</head>
19<body> 19<body>
20 <a href="#main" class="skip-link">Skip to content</a>
20 <nav aria-label="site-nav" role="navigation"> 21 <nav aria-label="site-nav" role="navigation">
21 <ul> 22 <ul>
22 <li><a href="/">/home</a></li> 23 <li><a href="/">/home</a></li>
@@ -25,7 +26,7 @@
25 <li><a href="/services/">/services</a></li> 26 <li><a href="/services/">/services</a></li>
26 </ul> 27 </ul>
27 </nav> 28 </nav>
28 <main>{% block main %}{% endblock %}</main> 29 <main id="main">{% block main %}{% endblock %}</main>
29 <footer> 30 <footer>
30 <a href="https://stats.uptimerobot.com/OwOWs7HU0z">status</a> &middot; 31 <a href="https://stats.uptimerobot.com/OwOWs7HU0z">status</a> &middot;
31 <a href="https://git.cleberg.net/cleberg.net.git" target="_blank" 32 <a href="https://git.cleberg.net/cleberg.net.git" target="_blank"