make navbar a sidebar

This commit is contained in:
Nico 2025-09-03 00:49:59 +10:00
parent 78c7e9e73c
commit f2e910f14a
Signed by: nico
SSH key fingerprint: SHA256:XuacYOrGqRxC3jVFjfLROn1CSvLz85Dec6N7O9Gwu/0
2 changed files with 58 additions and 24 deletions

View file

@ -10,20 +10,23 @@
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
</head>
<body>
<nav>
<a href="/">home</a>
<a href="/blog">blog</a>
<a href="/store">store</a>
<a href="https://git.astolfo.org">git</a>
</nav>
<header>
<h1 id="wave-text">
<span style="animation-delay: 0.1s;">a</span><span style="animation-delay: 0.2s;">s</span><span style="animation-delay: 0.3s;">t</span><span style="animation-delay: 0.4s;">o</span><span style="animation-delay: 0.5s;">l</span><span style="animation-delay: 0.6s;">f</span><span style="animation-delay: 0.8s;">o</span><span style="animation-delay: 0.9s;">!</span>
</h1>
</header>
<div style="padding: 2em;">{{ content }}</div>
<div id="main-page">
<nav>
<ul>
<li><a href="/">home</a></li>
<li><a href="/blog">blog</a></li>
<li><a href="/store">store</a></li>
<li><a href="https://git.astolfo.org">git</a></li>
</ul>
</nav>
<div style="margin: 2em;">{{ content }}</div>
</div>
<footer class="horizontal-flex">
<marquee id="footer-scroll" style="font-size: 13vw; width: 50%; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset; background-color: var(--accent2); border-radius: var(--rounding)">astolfo.org</marquee>