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:
+1
-1
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user