index: Added global navbar

This commit is contained in:
Yuki Joou 2023-08-16 15:33:14 +02:00
parent 28a5ad5bf6
commit bd1e0681d3
2 changed files with 25 additions and 2 deletions

View file

@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -22,6 +22,12 @@
i like posting silly things on the web! you can find a bunch of i like posting silly things on the web! you can find a bunch of
it here! it here!
</p> </p>
<nav id="site-navigation">
<ul>
<li><a href="/index.html">Home</a></li>
</ul>
</nav>
</header> </header>
<main> <main>
@ -67,7 +73,7 @@
emailDisplay.innerText = email; emailDisplay.innerText = email;
event.preventDefault(); event.preventDefault();
}, },
{ once: true } { once: true },
); );
</script> </script>

View file

@ -73,3 +73,20 @@ footer {
text-align: justify; text-align: justify;
} }
#site-navigation {
width: 100%;
}
#site-navigation ul {
width: 100%;
display: flex;
flex-wrap: wrap;
list-style-type: none;
justify-content: space-evenly;
padding: 0;
}
#site-navigation li {
padding: 0 1em;
}