Gussy up for wide displays

css/default.css

@@ -1,12 +1,25 @@
+/* http://www.colourlovers.com/palette/92095/Giant_Goldfish */
 @import "format.css";
 
+html {
+	background-color: white;
+	background-image: url("/neale/images/bg.jpg");
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-attachment: fixed;
+	height: 100%;
+}
+
 body {
   max-width: 35em;
-  background-color: #eee;
+  background-color: rgba(255, 255, 255, 0.8);
+  margin: auto;
+  min-height: 100%;
+  padding: 1em;
 }
 
 body>h1:first-child, td.main {
-  background-color: #cc8;
+  background-color: #e0e4cc;
   border-radius: 0.5em;
   padding: 0em 1em;
   margin-top: 0;
@@ -15,18 +28,18 @@ body>h1:first-child, td.main {
 h1, h2, h3, h4, h5, h6 {
   font-family: "URW Gothic L", sans-serif;
   font-weight: normal;
-  color: #c17f6f;
+  color: #fa6900;
 }
 
 a {
-  color: #2A70E0;
+  color: #38d;
   text-decoration: none;
 }
 a:visited {
-  color: #469;
+  color: #2aa;
 }
 a:hover {
-  color: #bb3;
+  color: #f83;
 }
 
 img {
@@ -38,6 +51,12 @@ img.right {
     float: right;
 }
 
+img.face {
+	margin: 1em;
+	width: 10em;
+	float: left;
+}
+
 pre {
   background: #ccc;
   overflow-x: auto;

index.mdwn

@@ -1,4 +1,17 @@
 Title: Neale Pickett
 
-<!-- img src="face.png" alt="☺" style="width: 10em; float: right;" -->
-<img src="face.png" alt="☺" style="width: 10em;">
+<img src="face.png" alt="☺" class="face">
+
+I write computer programs.
+When bad guys break into a computer,
+I help figure out what they did.
+
+I also teach people about programming and math.
+You can find more about the teaching at
+<http://dirtbags.net/>.
+
+I walk or ride my bicycle most places I have to go.
+For fun,
+I build electronic gadgets with my daughter,
+write silly poems,
+and play guitar.