Styling

examples/blog/app.js

@@ -22,6 +22,7 @@ app.configure(function(){
   app.use(express.bodyDecoder());
   app.use(express.methodOverride());
   app.use(app.router);
+  app.use(express.staticProvider(__dirname + '/public'));
   app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
 });
 

examples/blog/public/style.css

@@ -0,0 +1,35 @@
+body {
+  font: 13px;
+  color: #111;
+  padding: 60px 80px;
+}
+h1 {
+  color: #c00;
+}
+a {
+  color: #c00;
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+label {
+  padding: 6px 0;
+  display: block;
+  text-transform: lowercase;
+}
+textarea,
+input {
+  outline: none;
+  padding: 5px;
+  background: #f1f1f1;
+  border: 1px solid #aaa;
+}
+textarea:focus,
+input:focus {
+  background: #fff;
+}
+textarea {
+  width: 500px;
+  height: 200px;
+}

examples/blog/views/layout.jade

@@ -2,5 +2,6 @@
 html
   head
     title Blog
+    link(rel='stylesheet', href='/style.css')
   body
     #container!= body