diff options
| author | P. J. McDermott <pjm@nac.net> | 2013-09-24 13:47:07 (EDT) |
|---|---|---|
| committer | P. J. McDermott <pjm@nac.net> | 2013-09-24 13:47:07 (EDT) |
| commit | 232b1270ecf29aa22e5b75a3ba8850d8d47d4138 (patch) | |
| tree | 37a70567165ce7464512482f69151523e8d111f6 | |
| parent | 512a14145021dc6304f0e03a7a9386f4fca0d793 (diff) | |
| download | www-232b1270ecf29aa22e5b75a3ba8850d8d47d4138.zip www-232b1270ecf29aa22e5b75a3ba8850d8d47d4138.tar.gz www-232b1270ecf29aa22e5b75a3ba8850d8d47d4138.tar.bz2 | |
Use HTML5 semantic elements in header.
| -rwxr-xr-x | includes/header.html | 8 | ||||
| -rw-r--r-- | main.css | 24 |
2 files changed, 17 insertions, 15 deletions
diff --git a/includes/header.html b/includes/header.html index 5eb7577..ddf15e2 100755 --- a/includes/header.html +++ b/includes/header.html @@ -2,7 +2,7 @@ <html> <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <meta charset="utf-8"> <meta name="author" content="Patrick 'P. J.' McDermott <mailto:pjm@nac.net>"> <meta name="description" content="The resume, software, and essays of P. J. McDermott -- a software and hardware hacker and advocate for software and cultural freedom."> <!--#if expr="${title} = /^$/" --> @@ -13,11 +13,11 @@ <link rel="stylesheet" type="text/css" href="/main.css"> </head> <body> - <div class="header"> - <a href="#body" class="skip">Skip to body</a> + <a href="#body" class="skip">Skip to body</a> + <header> <h1><a href="/">P. J. M<span class="super">c</span>Dermott</a></h1> <p>Software and hardware hacker and advocate for software and cultural freedom.</p> - </div> + </header> <div class="menu"> <ul> <li> @@ -7,15 +7,15 @@ body { margin: 0px; } h1 { - font-size: 24pt; + font-size: 20pt; margin: 16px 0px 16px 0px; } h2 { - font-size: 20pt; + font-size: 16pt; margin: 16px 0px 16px 0px; } h3 { - font-size: 16pt; + font-size: 12pt; margin: 16px 0px 16px 0px; } h4 { @@ -43,25 +43,27 @@ p span.super { font-size: 9pt; } -div.header { - margin: 16px; -} -div.header a.skip { +a.skip { display: none; } -div.header h1 { + +header { + margin: 16px; +} +header>h1 { + font-size: 24pt; font-family: serif; margin: 0px 0px 0px 0px; } -div.header h1 a { +header>h1>a { color: #000000; text-decoration: none; } -div.header h1 span.super { +header>h1>span.super { vertical-align: 33%; font-size: 18pt; } -div.header p { +header>p { font-style: italic; text-align: right; font-size: 12pt; |