updated nav bar on index
This commit is contained in:
58
index.html
58
index.html
@@ -1,9 +1,55 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<head>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin:2em;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
width: 100%;
|
||||||
|
background-color:black;
|
||||||
|
padding:1em;
|
||||||
|
}
|
||||||
|
header * {
|
||||||
|
display: inline;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
nav {
|
||||||
|
display:block
|
||||||
|
}
|
||||||
|
nav * {
|
||||||
|
padding-right: 1em;
|
||||||
|
}
|
||||||
|
code, pre {
|
||||||
|
whitespace: normal;
|
||||||
|
}
|
||||||
|
.cblock {
|
||||||
|
padding-left: 1em;
|
||||||
|
padding-right: 1em;
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 5em;
|
||||||
|
background-color:lightgray;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>lukerufkahr.com</h1>
|
<header>
|
||||||
<ul>
|
<span style="font-size: 36px;">Lucas Rufkahr</span>
|
||||||
<li>Physics</li>
|
<nav>
|
||||||
<li>Circuits</li>
|
<a href="https://lukerufkahr.com">Home</a>
|
||||||
<li><a href="notes/cpp.html">C++</a></li>
|
<a href="https://lukerufkahr.com/notes.html">Notes</a>
|
||||||
</ul>
|
<a href="https://lukerufkahr.com/fun_stuff.html">Fun</a>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<h1>Welcome to my page.</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Physics</li>
|
||||||
|
<li>Circuits</li>
|
||||||
|
<li><a href="notes/cpp.html">C++</a></li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Reference in New Issue
Block a user