meta
/
site
4
1
Fork 0
Code Issues 4 Pull Requests Projects 1 Activity

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
parent 026dffb435
commit a74cfe72fd
4 changed files with 61 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
about/index.html
View File

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

12
assets/TiB.css
View File

@ -36,6 +36,11 @@ a:active {
color: hsl(0, 80%, 40%);
}
.content, footer, header, nav {
max-width: 80em;
margin: 0 auto;
}
body {
background-color: black;
margin: 1em 2em;
@ -68,6 +73,8 @@ nav ul {
border-radius: 1em;
padding: 0.5em;
margin: 0;
font-weight: bold;
margin-top: 1em;
}
nav ul li {
@ -88,11 +95,6 @@ ul {
list-style-type: disc;
}
.content, footer, header, nav {
max-width: 80em;
margin: 0 auto;
}
.column {
flex-basis: 48%;
flex-grow: 1;

38
index.html
View File

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

38
network/index.html
View File

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