Reduce Header size

[john-science]

The trendy thing is to seriously minimize your header into one, clean bar:

https://news.ycombinator.com

That might be cool, but my header currently has two bars, so it would be a Big Change.

At the very least, I think the header would look better in a smaller font, and kept to one line only.

[john-science]

Also, the current stupid header logic can put the logo FAR to the left of the standard width of the rest of the blog.

Make these uniform. The header should be exactly as wide as the rest of the blog content.

[john-science]

I like a header and nav bar both with font size: 24px and line height 24px.

[john-science]

Hunt through all CSS and expunge all font sizes greater than 24px. Except, maybe, H1.

• H1 ~ 24px
• H2 ~ 20px
• H3 ~ 18px
• H4 ~ 16px

[john-science]

Also, would it be better if the entire header were just a table? Which loads faster?

[john-science]

It is very close, and the ul/li formatting of the nav buttons looks good on iPhone's Safari. But on a Desktop Firefox at narrow pixel ranges, the ul/li looks broken.

So. Try throwing a single-row table around the header, with only two (or three) columns.

[john-science]

Something like this, but should throw the css into a class called something like ".hidden-table":

<div class="unit-inner unit-head-inner">
  <table style="border:0; margin: 0; padding: 0;border-spacing: 0px;">
    <tbody>
      <tr>
        <td>
          <p class="logo"><a href="/">Antineutrino</a></p>
        </td>
        <td>
          <nav class="nav-global">
            <ul>
              <li><a href="/apps.html">Apps</a></li>
              <li><a href="/tags.html">Blog</a></li>
            </ul>
          </nav>
        </td>
      </tr>
    </tbody>
  </table>
</div>```

[john-science]

Also, style.css, line 631, "line-spacing: -.43em;" needs to be deleted. It adds nothing and causes some weird behaivor.