Skip to content

Commit 2d76223

Browse files
henrikvilhelmberglundhenrikvilhelmberglund
authored
feat: add alt for images and add some semantic tags (#3658)
* feat: add alt to images * feat: semantic html
1 parent 98fb3e1 commit 2d76223

3 files changed

Lines changed: 19 additions & 19 deletions

File tree

‎www/content/_index.md‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -285,36 +285,36 @@ Thank you to all our generous <a href="https://github.com/sponsors/bigskysoftwar
285285
</div>
286286
<div>
287287
<a data-github-account="appleple" href="https://www.a-blogcms.jp/">
288-
<img src="/img/ablogcms_logo.svg" style="width:100%;max-width:250px">
288+
<img src="/img/ablogcms_logo.svg" alt="a-blog cms" style="width:100%;max-width:250px">
289289
</a>
290290
</div>
291291
<div>
292-
<a data-github-account="CoverageCritic" alt="Find Internet Providers With Broadband Map" href="https://broadbandmap.com/">
293-
<img class="dark-hidden" src="/img/BroadbandMapLogo2LineLightMode.png" style="width:100%;max-width:250px">
294-
<img class="dark-visible" src="/img/BroadbandMapLogo2LineDarkMode.png" style="width:100%;max-width:250px">
292+
<a data-github-account="CoverageCritic" href="https://broadbandmap.com/">
293+
<img class="dark-hidden" alt="Find Internet Providers With Broadband Map" src="/img/BroadbandMapLogo2LineLightMode.png" style="width:100%;max-width:250px">
294+
<img class="dark-visible" alt="Find Internet Providers With Broadband Map" src="/img/BroadbandMapLogo2LineDarkMode.png" style="width:100%;max-width:250px">
295295
</a>
296296
</div>
297297
<div>
298-
<a data-github-account="Follower24" alt="Follower24" href="https://www.follower24.de/">
299-
<img class="dark-hidden" src="/img/follower_light.svg" style="width:100%;max-width:250px">
300-
<img class="dark-visible" src="/img/follower_dark.svg" style="width:100%;max-width:250px">
298+
<a data-github-account="Follower24" href="https://www.follower24.de/">
299+
<img class="dark-hidden" alt="Follower24" src="/img/follower_light.svg" style="width:100%;max-width:250px">
300+
<img class="dark-visible" alt="Follower24" src="/img/follower_dark.svg" style="width:100%;max-width:250px">
301301
</a>
302302
</div>
303303
<div>
304-
<a data-github-account="ExchangeRate-API" alt="The Accurate & Reliable Exchange Rate API" href="https://www.exchangerate-api.com">
305-
<img class="dark-hidden" src="/img/exchange-rate-api.png" style="width:100%;max-width:250px">
306-
<img class="dark-visible" src="/img/exchange-rate-api-dark.png" style="width:100%;max-width:250px">
304+
<a data-github-account="ExchangeRate-API" href="https://www.exchangerate-api.com">
305+
<img class="dark-hidden" alt="The Accurate & Reliable Exchange Rate API" src="/img/exchange-rate-api.png" style="width:100%;max-width:250px">
306+
<img class="dark-visible" alt="The Accurate & Reliable Exchange Rate API" src="/img/exchange-rate-api-dark.png" style="width:100%;max-width:250px">
307307
</a>
308308
</div>
309309
<div>
310310
<a data-github-account="mersano" href="https://instant-famous.com/">
311-
<img src="/img/rsz_instant_famous.png" style="width:100%;max-width:250px">
311+
<img src="/img/rsz_instant_famous.png" alt="Instant Famous" style="width:100%;max-width:250px">
312312
</a>
313313
</div>
314314
<div></div>
315315
<div>
316316
<a data-github-account="blacksandsmedia" href="https://hellostake.com/au/referral-code">
317-
<img src="/img/stake.jpeg" style="width:100%;max-width:250px">
317+
<img src="/img/stake.jpeg" alt="Stake" style="width:100%;max-width:250px">
318318
</a>
319319
</div>
320320
</div>

‎www/themes/htmx-theme/static/css/site.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -465,7 +465,7 @@ h1,h2,h3,h4{
465465

466466
/* Menu */
467467
.menu,
468-
.navigation > div{
468+
.navigation > nav{
469469
display:flex;
470470
align-items:center;
471471
}

‎www/themes/htmx-theme/templates/base.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
</head>
2828
<body hx-ext="class-tools, preload">
2929

30-
<div class="top-nav">
30+
<header class="top-nav">
3131
<div class="c">
3232
<div class="menu">
3333
<div class="logo-wrapper">
@@ -43,7 +43,7 @@
4343
{% else %}
4444
<div id="nav" class="navigation" hx-boost="true">
4545
{% endif %}
46-
<div class="navigation-items" preload="mouseover">
46+
<nav class="navigation-items" preload="mouseover">
4747
<div><a href="/docs/">docs</a></div>
4848
<div><a href="/reference/">reference</a></div>
4949
<div><a href="/examples/">examples</a></div>
@@ -63,21 +63,21 @@
6363
<a class="github-button" href="https://github.com/bigskysoftware/htmx" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-show-count="true" aria-label="Star bigskysoftware/htmx on GitHub">star</a>
6464
</div>
6565
</div>
66-
</div>
66+
</nav>
6767
</div>
6868
</div>
6969
</div>
70-
</div>
70+
</header>
7171

7272
{% if page and page.extra and page.extra.custom_classes %}
7373
{% set disp_classes = page.extra.custom_classes %}
7474
{% else %}
7575
{% set disp_classes = "" %}
7676
{% endif %}
7777

78-
<div class="c content {{ disp_classes }}">
78+
<main class="c content {{ disp_classes }}">
7979
{% block content %} {% endblock content -%}
80-
</div>
80+
</main>
8181

8282
<footer>
8383
<div class="c content {{ disp_classes }}">

0 commit comments

Comments
 (0)