diff options
| author | P. J. McDermott <pjm@nac.net> | 2011-11-02 01:28:56 (EDT) |
|---|---|---|
| committer | P. J. McDermott <pjm@nac.net> | 2011-11-02 01:28:56 (EDT) |
| commit | 14d22215d37fe8a8ce94fbcdb60a23818a63be46 (patch) | |
| tree | bb7d4f22b974fb08352c27516273fe10f7c9d8f5 | |
| download | www-14d22215d37fe8a8ce94fbcdb60a23818a63be46.zip www-14d22215d37fe8a8ce94fbcdb60a23818a63be46.tar.gz www-14d22215d37fe8a8ce94fbcdb60a23818a63be46.tar.bz2 | |
Initial commit.
| -rw-r--r-- | index.html | 66 | ||||
| -rw-r--r-- | main.css | 105 | ||||
| -rw-r--r-- | oponop-portrait-1x1-right-240x240.png | bin | 0 -> 50581 bytes |
3 files changed, 171 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..c629da2 --- /dev/null +++ b/index.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> + +<html> + <head> + <meta http-equiv="Content-Type" content="text/html; 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 computer science student, software and (wannabe) hardware hacker, and advocate for software and cultural freedom."> + <title>P. J. McDermott</title> + <link rel="stylesheet" type="text/css" href="main.css"> + </head> + <body> + <div class="header"> + <a href="#body" class="skip">Skip to body</a> + <h1>P. J. M<span class="super">c</span>Dermott</h1> + <p>Computer science student, software and (wannabe) hardware hacker, and advocate for software and cultural freedom.</p> + </div> + <div class="menu"> + <ul> + <li> + <a href="contact.html">Contact</a> + </li> + <li> + <a href="resume.html">Résumé</a> + </li> + <li> + <a href="essays/">Essays</a> + </li> + <li> + <a href="projects/">Projects</a> + </li> + </ul> + </div> + <div class="body"> + <a id="body"></a> + <img src="oponop-portrait-1x1-right-240x240.png" alt="P. J. McDermott" class="photo"> + <p> + Watch this space. It performs tricks every hour, on the + hour, except on Tuesdays. + </p> + <p> + It should be quite obvious that my name is P. J. + M<span class="super">c</span>Dermott and that this is my + personal Web site. + </p> + <p> + I enjoy designing and writing software and listening to freely- + and semi-freely-licensed heavy metal music. + </p> + <p> + This is not a sentence. + </p> + <p style="clear: both;"></p> + </div> + <div class="footer"> + <p class="copyright">Copyright © 2011 Patrick "P. J." M<span class="super">c</span>Dermott</p> + <p class="license"> + <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"> + <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png"> + </a> + Except where otherwise noted, you may use this document and all works herein under the terms of the <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 Unported license</a>.<br> + More permissive terms may be granted upon <a href="contact.html">request</a>. + </p> + <p class="tos">By using this Web site, you agree to the <a href="terms.html">Terms of Service</a>.</p> + </div> + </body> +</html> diff --git a/main.css b/main.css new file mode 100644 index 0000000..24c0ed3 --- /dev/null +++ b/main.css @@ -0,0 +1,105 @@ +body { + margin: 0px; + padding: 0px; + background-color: #FFEECC; +} +h1, h2, h3, h4, h5, h6, p { + margin: 0px; + font-size: 12pt; +} +a { + color: #3333BB; + text-decoration: underline; +} +a:hover { + color: #111188; + text-decoration: underline; +} +span.super { + vertical-align: 33%; + font-size: 9pt; +} + +div.header { + margin: 16px; +} +div.header a.skip { + display: none; +} +div.header h1 { + font-family: serif; + font-size: 24pt; +} +div.header h1 span.super { + vertical-align: 33%; + font-size: 18pt; +} +div.header p { + font-style: italic; + text-align: right; + font-size: 12pt; +} + +div.menu { + margin: 0px 0px 0px 0px; + padding: 0px 72px 0px 72px; + background-color: #CC4433; + text-align: center; +} +div.menu ul { + list-style-type: none; + margin: 0px; + padding: 12px 0px 12px 0px; +} +div.menu ul li { + display: inline; + font-family: sans-serif; + font-size: 12pt; +} +div.menu ul li a { + color: #FFFFFF; + font-weight: bold; + font-size: 12pt; + text-decoration: none; + padding: 12px; +} +div.menu ul li a:hover { + color: #FFFFAA; + background-color: #BB3311; + font-weight: bold; + text-decoration: none; +} + +div.body { + margin: 24px 64px 8px 64px; + font-family: serif; +} +div.body p { + margin: 16px 0px 16px 0px; +} + +div.footer { + margin: 32px 8px 8px 8px; + padding-top: 8px; + font-family: sans-serif; + border-top: 1px solid #666666; +} +div.footer p.copyright { + margin-bottom: 16px; +} +div.footer p.license { + margin-bottom: 16px; +} +div.footer p.license img { + float: left; + /*vertical-align: middle;*/ + margin-right: 8px; +} + +/* Homepage */ +div.body img.photo { + float: right; + margin: 0px 0px 16px 16px; + width: 240px; + height: 240px; +} diff --git a/oponop-portrait-1x1-right-240x240.png b/oponop-portrait-1x1-right-240x240.png Binary files differnew file mode 100644 index 0000000..c7e09c5 --- /dev/null +++ b/oponop-portrait-1x1-right-240x240.png |
