The nav ul is no longer inside of a header

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#usage_notes
This commit is contained in:
Sasha Koshka 2022-09-19 17:14:12 -04:00 committed by Sasha Koshka
parent dd37213f36
commit aa97ff7691
4 changed files with 56 additions and 60 deletions

View File

@ -15,29 +15,27 @@
<img id="logo" src="/assets/img/TiB-network.png" width=25% /> <img id="logo" src="/assets/img/TiB-network.png" width=25% />
</header> </header>
<nav> <nav>
<h4> <ul>
<ul> <li class="home">
<li class="home"> <a href="/">Home</a> |
<a href="/">Home</a> | </li>
</li>
<li class="network"> <li class="network">
<a href="/network">Network</a> | <a href="/network">Network</a> |
</li> </li>
<li class="blog"> <li class="blog">
<a href="/blog">Weblog</a> | <a href="/blog">Weblog</a> |
</li> </li>
<li class="git"> <li class="git">
<a href="https://git.tebibyte.media/">Git</a> | <a href="https://git.tebibyte.media/">Git</a> |
</li> </li>
<li class="about"> <li class="about">
<a href="/about">About</a> <a href="/about">About</a>
</li> </li>
</ul> </ul>
</h4>
</nav> </nav>
<div class="content"> <div class="content">
<div class="column"> <div class="column">
@ -241,4 +239,4 @@
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -81,6 +81,8 @@ nav ul {
border-radius: 1em; border-radius: 1em;
padding: 0.5em; padding: 0.5em;
margin: 0; margin: 0;
font-weight: bold;
margin-top: 1em;
} }
nav ul li { nav ul li {

View File

@ -15,29 +15,27 @@
<img id="logo" src="/assets/img/TiB-network.png" width=25% /> <img id="logo" src="/assets/img/TiB-network.png" width=25% />
</header> </header>
<nav> <nav>
<h4> <ul>
<ul> <li class="home">
<li class="home"> <a href="/">Home</a> |
<a href="/">Home</a> | </li>
</li>
<li class="network"> <li class="network">
<a href="/network">Network</a> | <a href="/network">Network</a> |
</li> </li>
<li class="blog"> <li class="blog">
<a href="/blog">Weblog</a> | <a href="/blog">Weblog</a> |
</li> </li>
<li class="git"> <li class="git">
<a href="https://git.tebibyte.media/">Git</a> | <a href="https://git.tebibyte.media/">Git</a> |
</li> </li>
<li class="about"> <li class="about">
<a href="/about">About</a> <a href="/about">About</a>
</li> </li>
</ul> </ul>
</h4>
</nav> </nav>
<div class="content"> <div class="content">
<div class="section"> <div class="section">
@ -151,4 +149,4 @@
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -15,29 +15,27 @@
<img id="logo" src="/assets/img/TiB-network.png" width=25% /> <img id="logo" src="/assets/img/TiB-network.png" width=25% />
</header> </header>
<nav> <nav>
<h4> <ul>
<ul> <li class="home">
<li class="home"> <a href="/">Home</a> |
<a href="/">Home</a> | </li>
</li>
<li class="network"> <li class="network">
<a href="/network">Network</a> | <a href="/network">Network</a> |
</li> </li>
<li class="blog"> <li class="blog">
<a href="/blog">Weblog</a> | <a href="/blog">Weblog</a> |
</li> </li>
<li class="git"> <li class="git">
<a href="https://git.tebibyte.media/">Git</a> | <a href="https://git.tebibyte.media/">Git</a> |
</li> </li>
<li class="about"> <li class="about">
<a href="/about">About</a> <a href="/about">About</a>
</li> </li>
</ul> </ul>
</h4>
</nav> </nav>
<div class="content"> <div class="content">
<div class="section"> <div class="section">
@ -386,4 +384,4 @@
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>