add first draft of design

This adds the first couple css rules for the new design.

controller/stylesheet.rb

@@ -0,0 +1,8 @@
+module Routes
+  class Stylesheet
+    def self.call(session)
+      session.options[:render] = 'stylesheet/index'
+      session.options[:renderer]
+    end
+  end
+end

templates/stylesheet/_design.scss

@@ -0,0 +1,33 @@
+html {
+  text-size: 99%;
+  background-image: url('/images/irongrip.png');
+}
+
+html:after {
+  content: '';
+  background-color: fade-out($alternate_color, 0.85);
+  position: absolute;
+  top:    0;
+  left:   0;
+  bottom: 0;
+  right:  0;
+  z-index: -1;
+}
+
+code {
+  font-family: "PT mono", monospace;
+}
+
+article {
+  vertical-align: bottom;
+  header {
+    padding: $standard-width / 4;
+    display: inline-block;
+    h1 { margin: 0; }
+  }
+  footer {
+    padding: $standard-width / 4;
+    display: inline-block;
+    div { display: inline-block; }
+  }
+}

templates/stylesheet/_structure.scss

@@ -0,0 +1,12 @@
+header h1, header h2 {
+  display: inline-block;
+  margin: $standard-width / 2;
+  padding: 0;
+}
+
+body {
+  min-width: 300px;
+  width: 75%;
+  max-width: 1100px;
+  margin: auto;
+}

templates/stylesheet/index.css.scss

@@ -0,0 +1,12 @@
+// normal text color
+$normal_color: black;
+// the nice orange
+$action_color: hsl(32, 100%, 50%);
+// the blue
+$alternate_color: hsl(204, 35%, 35%);
+
+// standard size to size everything from that
+$standard-width: 1em;
+
+@import 'structure';
+@import 'design';