index: Added global navbar
This commit is contained in:
parent
28a5ad5bf6
commit
bd1e0681d3
2 changed files with 25 additions and 2 deletions
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
|
@ -22,6 +22,12 @@
|
|||
i like posting silly things on the web! you can find a bunch of
|
||||
it here!
|
||||
</p>
|
||||
|
||||
<nav id="site-navigation">
|
||||
<ul>
|
||||
<li><a href="/index.html">Home</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
@ -67,7 +73,7 @@
|
|||
emailDisplay.innerText = email;
|
||||
event.preventDefault();
|
||||
},
|
||||
{ once: true }
|
||||
{ once: true },
|
||||
);
|
||||
</script>
|
||||
|
||||
|
|
|
@ -73,3 +73,20 @@ footer {
|
|||
|
||||
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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue