Add some more birds

birds/birds.mk

@@ -1,2 +1,4 @@
 PLAIN += birds
 COPY += $(wildcard birds/*.png)
+COPY += $(wildcard birds/*.jpg)
+COPY += $(wildcard birds/*.svg)

birds/index.mdwn

@@ -1,8 +1,20 @@
-Title: Birds
+Title: Nerds draw Birds
 
-Here are some drawings of birds.
+Once upon a time there was a nice lady who (we think) drew birds for
+people.  She was so nice that a part of her body thought, "if some of
+her is this nice, an infinite amount of her would be *really* nice!"
+So it started to grow, and grow, and grow, and then it had to be
+removed.  Now she's going to feel icky for a while.
 
-![A finch or something](neale.png)
+We've decided to try and draw some birds for her because there's nothing
-![A woodpecker](neale2.png)
+else we can do.
-![deejoe used a chemistry program.  I think this is C₃O₅H₆](cyclohexane-bird.png)
+
-![Sarah's bird can scale to poster size with NO PIXELLATION](sarah.png)
+define(BURD, `<object data="$1" title="$2" style="max-width: 250px">$2</object>')
+BURD(neale.png, Neale's bird is all set for winter or sumo wrestling.)
+BURD(neale2.png, Neale's woodpecker seems to have had a botched lobotomy.)
+BURD(cyclohexane-bird.png, deejoe used a chemistry CAD program.  I think this is H₆O₅C₃ and should be considered highly volatile.)
+BURD(sarah.png, Sarah's bird can scale to poster size with NO PIXELLATION.)
+BURD(nemo.png, nemo apparently doesn't understand what 'poorly-drawn' means.)
+BURD(SpaceHobo.png, SpaceHobo's bird is cruisin' for a bruisin'.)
+BURD(emad-finnix.jpg, SpaceHobo suggested this drawing by emad.  I think they both may be unclear on the concept.)
+BURD(eythian.png, Eythian drew this beautiful anencephalic owl.)

style.css

@@ -1,83 +1,83 @@
-html {
+html {
-  font-family: sans-serif;
+  font-family: sans-serif;
-  background: #eee;
+  background: #eee;
-}
+}
-
+
-body {
+body {
-  max-width: 700px;
+  max-width: 700px;
-  margin: auto;
+  margin: auto;
-  color: #636;
+  color: #636;
-  background: #fff;
+  background: #fff;
-  padding: 1em;
+  padding: 1em;
-}
+}
-
+
-body h1:first-child {
+body h1:first-child {
-  font-size: 1.5em;
+  font-size: 1.5em;
-  font-weight: bold;
+  font-weight: bold;
-  color: #ccc;
+  color: #ccc;
-  margin: 0;
+  margin: 0;
-}
+}
-body h1:first-child:before {
+body h1:first-child:before {
-  font-size: 300%;
+  font-size: 300%;
-  font-weight: normal;
+  font-weight: normal;
-  content: "Woozle";
+  content: "Woozle";
-  padding-right: 1em;
+  padding-right: 1em;
-}
+}
-
+
-nav {
+nav {
-  font-size: 80%;
+  font-size: 80%;
-  margin: 0;
+  margin: 0;
-  padding: 0;
+  padding: 0;
-}
+}
-nav ul {
+nav ul {
-  background-color: #eee;
+  background-color: #eee;
-  margin: 0;
+  margin: 0;
-  padding: 0 1em;
+  padding: 0 1em;
-}
+}
-nav li {
+nav li {
-  font-weight: bold;
+  font-weight: bold;
-  display: inline;
+  display: inline;
-  padding: 0 1em;
+  padding: 0 1em;
-}
+}
-
+
-a {
+a {
-  text-decoration: none;
+  text-decoration: none;
-  color: #e8b;
+  color: #e8b;
-}
+}
-a:hover {
+a:hover {
-  text-decoration: underline;
+  text-decoration: underline;
-}
+}
-
+
-h1 {
+h1 {
-  font-size: 150%;
+  font-size: 150%;
-  border-bottom: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
-}
+}
-
+
-
+
-.login {
+.login {
-  margin: 0 1em;
+  margin: 0 1em;
-  color: #e8b;
+  color: #e8b;
-  background: #fbfbfb;
+  background: #fbfbfb;
-  border: 1px solid #eee;
+  border: 1px solid #eee;
-  text-align: center;
+  text-align: center;
-}
+}
-
+
-.login input {
+.login input {
-  border: 1px solid #ddd;
+  border: 1px solid #ddd;
-  color: #bbb;
+  color: #bbb;
-  background: #fff;
+  background: #fff;
-  font-weight: bold;
+  font-weight: bold;
-}
+}
-
+
-img
+a img
-{
+{
-  border: 1px #e8b solid;
+  border: 1px #e8b solid;
-}
+}
-img.left {
+img.left {
-  float: left;
+  float: left;
-  margin-right: 10px;
+  margin-right: 10px;
-}
+}
-
+
-pre {
+pre {
-  background-color: #eee;
+  background-color: #eee;
-}
+}