use reusable variable for home link indicator

This commit is contained in:
madrilene 2025-01-18 08:51:11 +01:00
parent 9a7569d24c
commit 5b4fa0abfc
3 changed files with 7 additions and 2 deletions

View file

@ -3,7 +3,7 @@
<div class="cluster gutter-xs"> <div class="cluster gutter-xs">
<nav class="cluster text-step-0" aria-label="{{ meta.navigation.ariaBottom }}"> <nav class="cluster text-step-0" aria-label="{{ meta.navigation.ariaBottom }}">
&copy; {% year %} &copy; {% year %}
<a href="/" {% if page.url == "/" %}aria-current="page"{% endif %} <a href="/" {{ indicateActiveHome }}
><span class="font-display">{{ meta.siteName }}</span> <small>{{ pkg.version }}</small> ><span class="font-display">{{ meta.siteName }}</span> <small>{{ pkg.version }}</small>
</a> </a>

View file

@ -2,7 +2,7 @@
<a href="#main" class="skip-link">{{ meta.skipContent }}</a> <a href="#main" class="skip-link">{{ meta.skipContent }}</a>
<div class="repel ontop gutter-s"> <div class="repel ontop gutter-s">
<a href="/" class="logo | cluster" {% if page.url == "/" %}aria-current="page"{% endif %}> <a href="/" class="logo | cluster" {{ indicateActiveHome }}>
{% svg "misc/star" %} {% svg "misc/star" %}
<span class="font-display">{{ meta.siteName }}</span> <span class="font-display">{{ meta.siteName }}</span>

View file

@ -41,6 +41,11 @@
</head> </head>
<body class="{{ layout }}"> <body class="{{ layout }}">
{% set indicateActiveHome %}
{% if page.url == "/" %}
aria-current=page
{% endif %}
{% endset %}
{% include "partials/header.njk" %} {% include "partials/header.njk" %}
<main id="main" class="flow">{{ content | safe }}</main> <main id="main" class="flow">{{ content | safe }}</main>