some UX improvements

Signed-off-by: ari melody <ari@arimelody.me>
This commit is contained in:
ari melody 2024-03-20 03:56:51 +00:00
parent 9f1a64b59b
commit 4ca398be6d
8 changed files with 46 additions and 54 deletions

View file

@ -26,44 +26,7 @@
<script type="application/javascript" src="/script/music.js" defer></script>
</head>
<body>
<header>
<nav>
<img src="/img/favicon.png" id="header-icon" width="100" height="100" alt="">
<div id="header-text">
<h1>ari melody</h1>
<h2>your local SPACEGIRL 💫</h2>
</div>
<a id="header-links-toggle" onclick="toggle_header_links()">
<svg viewBox="0 0 70 50" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<rect y="00" width="70" height="10" rx="5" fill="#eee" />
<rect y="20" width="70" height="10" rx="5" fill="#eee" />
<rect y="40" width="70" height="10" rx="5" fill="#eee" />
</svg>
</a>
<ul id="header-links">
<li>
<a href="/">home</a>
</li>
<li>
<a href="/music">music</a>
</li>
<li>
<a href="https://git.arimelody.me/ari/arimelody.me" target="_blank">source</a>
</li>
<li>
<!-- coming later! -->
<span title="coming later!">blog</span>
</li>
<li>
<!-- coming later! -->
<span title="coming later!">art</span>
</li>
<li id="toggle-crt">
<a href="javascript:void(0)">crt</a>
</li>
</ul>
</nav>
</header>
{{block "header" .}}{{end}}
<main>
<h1>
@ -134,11 +97,7 @@
</div>
</main>
<footer>
<div id="footer">
<small><em>*made with ♥ by ari, 2024*</em></small>
</div>
</footer>
{{block "footer" .}}{{end}}
<div id="overlay"></div>
</body>