make navbar a sidebar
This commit is contained in:
parent
78c7e9e73c
commit
f2e910f14a
2 changed files with 58 additions and 24 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue