web: add an always-visible '← Kaizenkodo' back link to the main site

The brand only reloaded the tool and the byline was hidden on mobile, so there
was no easy way back. Add a pill back link (href='../') as the first header item,
shown on every width; drop the wordmark below 540px so it still fits on phones.
This commit is contained in:
Oleksandr Kozachuk
2026-06-09 21:38:14 +02:00
parent fc0e9bfafd
commit e25746d5f0
2 changed files with 10 additions and 4 deletions
+1 -1
View File
@@ -22,12 +22,12 @@
<body>
<header class="site">
<div class="wrap nav">
<a class="backlink" href="../" title="Back to the Kaizenkodo site"><span class="arr" aria-hidden="true"></span> Kaizenkodo</a>
<a class="brand" href="./">
<img class="enso" src="./assets/enso.png" width="36" height="36" alt="" aria-hidden="true" />
<span class="wordmark">LesS/KEY</span>
<span class="tagline">password generator</span>
</a>
<a class="byline" href="https://kaizenkodo.no" target="_blank" rel="noopener">by Kaizenkodo</a>
<span class="nav-spacer"></span>
<button class="btn ghost" id="importBtn">Import</button>
<button class="btn ghost" id="exportBtn">Export</button>