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">
|
<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>
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue