put navbar on the top of the page
This commit is contained in:
parent
7269c241e4
commit
78c7e9e73c
2 changed files with 23 additions and 0 deletions
|
|
@ -10,6 +10,13 @@
|
|||
<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>
|
||||
|
|
|
|||
16
bundle.css
16
bundle.css
|
|
@ -133,7 +133,23 @@ header a:hover {
|
|||
* nav/sidebar
|
||||
*/
|
||||
|
||||
nav {
|
||||
list-style-type: none;
|
||||
justify-content: space-evenly;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
color: var(--accent2);
|
||||
background-color: inherit;
|
||||
transform: none;
|
||||
scale: 100%;
|
||||
rotate: 0deg;
|
||||
}
|
||||
|
||||
/*
|
||||
* footer
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue