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">
|
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<header>
|
||||||
<h1 id="wave-text">
|
<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>
|
<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/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
|
* footer
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue