fix: extensive ui improvements
This commit is contained in:
parent
691394445a
commit
6ba64d29a9
17 changed files with 684 additions and 142 deletions
36
index.html
36
index.html
|
|
@ -106,30 +106,20 @@
|
|||
class="fixed top-0 left-0 -z-10 h-screen w-screen"
|
||||
aria-hidden="true"
|
||||
></canvas>
|
||||
<nav aria-label="Main navigation" class="flex justify-center px-4">
|
||||
<div
|
||||
class="relative mt-[2ch] w-full max-w-[66.666667%] min-w-fit px-[2ch] py-[1ch]"
|
||||
>
|
||||
<div
|
||||
class="pointer-events-none absolute inset-0"
|
||||
style="
|
||||
background-color: rgba(0, 0, 0, 0.75);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
"
|
||||
aria-hidden="true"
|
||||
></div>
|
||||
<div
|
||||
class="absolute inset-0 border-2 border-white"
|
||||
aria-hidden="true"
|
||||
></div>
|
||||
<div class="relative z-10 flex justify-center gap-[2ch]">
|
||||
<a href="/" data-nav-link>[HOME]</a>
|
||||
<a href="/qa" data-nav-link>[Q&A]</a>
|
||||
<div class="page-frame">
|
||||
<nav aria-label="Main navigation" class="site-region">
|
||||
<div class="site-shell site-panel px-[2ch] py-[1ch]">
|
||||
<div class="flex justify-center gap-[2ch]">
|
||||
<a href="/" data-nav-link>[HOME]</a>
|
||||
<a href="/qa" data-nav-link>[Q&A]</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<main id="outlet" tabindex="-1"></main>
|
||||
</nav>
|
||||
<main id="outlet" class="site-region" tabindex="-1"></main>
|
||||
<footer class="site-region site-footer">
|
||||
<div id="site-footer" class="site-shell"></div>
|
||||
</footer>
|
||||
</div>
|
||||
<script type="module" src="/src/main.ts"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue