Modernize navbar

This commit is contained in:
Logen Kain 2021-02-04 19:55:25 -05:00
parent c56dad1209
commit 08bed070d4
2 changed files with 48 additions and 1 deletions

View File

@ -16,7 +16,13 @@
</head>
<body>
<center><h1>Critical Sarcasm</h1></center>
<a href="http://criticalsarcasm.com">Go Home</a> <a href="http://criticalsarcasm.com/oldsite">Old Site</a> <a href="http://criticalsarcasm.com/school_essays">Old School Essays</a>
<nav class="sitenav">
<ul>
<li><a href="http://criticalsarcasm.com">Go Home</a></li>
<li><a href="http://criticalsarcasm.com/oldsite">Old Site</a></li>
<li><a href="http://criticalsarcasm.com/school_essays">Old School Essays</a></li>
</ul>
</nav>
<hr>
<p><span class="red"> 04-Jul-2017 </span>- <a href="http://criticalsarcasm.com//posts/2017/jul/14-jul-2017-i_suck.html">I Suck</a></p>

41
my.css
View File

@ -1,3 +1,25 @@
/*
* Critical Sarcasm
* Filename: my.css
*
* author: Joseph Green
* Date: 04-Feb-2020
*/
/* Reset styles */
nav{
border: 0;
padding: 0;
margin: 0;
}
/* Main */
nav{
text-align: center;
}
body {
background-color: #000000;
}
@ -32,3 +54,22 @@ hr {
.red {
color: darkred
}
/* Nav Bar */
nav.sitenav {
text-align: center;
}
nav.sitenav.ul {
display: block;
width: 100%;
position: static;
}
nav.sitenav li {
display: inline-block;
font-size: 2em;
margin-left: 2em;
}
nav.sitenavigation a:link{
text-decoration: none;
}