Few more details, and some style changes.

thatismatt · May 5, 2010 · 8384143 · 8384143
1 parent f3d66b6
commit 8384143
Show file tree

Hide file tree

Showing 2 changed files with 77 additions and 27 deletions.
diff --git a/grid.png b/grid.png
diff --git a/index.html b/index.html
@@ -9,47 +9,84 @@
 
 	<style type="text/css">
 		body {
-  		margin-top: 1.0em;
-  		background-color: #ffffff;
-		  font-family: "Helvetica,Arial,FreeSans";
-  		color: #000000;
-    }
-    #container {
-      margin: 0 auto;
-      width: 700px;
-    }
-		h1 { font-size: 3.8em; color: #000000; margin-bottom: 3px; }
-		h1 .small { font-size: 0.4em; }
-		h1 a { text-decoration: none }
-		h2 { font-size: 1.5em; color: #000000; }
-    h3 { text-align: center; color: #000000; }
-    a { color: #000000; }
-    .description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
-    .download { float: right; }
-		pre { background: #000; color: #fff; padding: 15px;}
-    hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
-    .footer { text-align:center; padding-top:30px; font-style: italic; }
+            margin-top: 1.0em;
+            background-color: #F1EFE4;
+            font-family: "Georgia", "Helvetica", "Arial", "FreeSans";
+            color: #676;
+        }
+        #container {
+            margin: 0 auto;
+            width: 700px;
+        }
+		h1 {
+            font-size: 3.8em;
+            margin-bottom: 0;
+        }
+		h1 .small {
+            font-size: 0.4em;
+        }
+		h1 a {
+            text-decoration: none;
+        }
+		h2 {
+            font-size: 1.5em;
+		}
+        h3 {
+            text-align: center;
+        }
+        a {
+            color: #676;
+        }
+        pre {
+            background-image: url(grid.png);
+            padding: 0.4em;
+            font-family: "Consolas", "Monaco", "Courier New", monospaced;
+        }
+        hr {
+            border: 0;		
+            width: 80%;
+            border-bottom: 1px solid #aaa;
+        }
+        .description {
+            margin: -0.7em 0 0 1em;
+            font-size: 1.2em;
+            font-style: italic;
+        }
+        .download {
+            float: right;
+        }
+        .footer {
+            font-size: 0.8em;
+            text-align: center;
+            padding-top: 3em;
+        }
 	</style>
 
 </head>
 
 <body>
-  <a href="http://github.com/thatismatt/josi"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
+  <a href="http://github.com/thatismatt/josi">
+    <img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" />
+  </a>
 
   <div id="container">
 
     <div class="download">
       <a href="http://github.com/thatismatt/josi/zipball/master">
-        <img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a>
+        <img border="0" width="90" src="http://github.com/images/modules/download/zip.png">
+      </a>
       <a href="http://github.com/thatismatt/josi/tarball/master">
-        <img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a>
+        <img border="0" width="90" src="http://github.com/images/modules/download/tar.png">
+      </a>
     </div>
 
-    <h1><a href="http://github.com/thatismatt/josi">Josi</a>
-      <span class="small">by <a href="http://github.com/thatismatt">thatismatt</a></span></h1>
+    <h1>
+      <a href="http://github.com/thatismatt/josi">josi</a>
+      <span class="small">by <a href="http://github.com/thatismatt">thatismatt</a></span>
+    </h1>
 
     <div class="description">
-      Josi is a web framework for node.js.
+      not so sketchy
     </div>
 
     <h2>Download</h2>
@@ -60,9 +97,22 @@ <h2>Download</h2>
     </p>
     <p>You can also clone the project with <a href="http://git-scm.com">Git</a>
       by running:
-      <pre>$ git clone git://github.com/thatismatt/josi</pre>
     </p>
+    <pre>$ git clone git://github.com/thatismatt/josi</pre>
+
+    <p>How to create a josi app and start the dev server:</p>
+    <pre>$ josi temp
+cd temp
+josi run</pre>
+
+    <p>A josi controller:</p>
+    <pre>var results = require('josi/results');
+var redirect = results.redirect;
+var view = results.view;
 
+this.index = function() { return view({ title: 'A Title', name: 'Kate' }); };
+this.redir = function() { return redirect('/product/details/1'); }</pre>
+
     <div class="footer">
       Get the source code on GitHub : <a href="http://github.com/thatismatt/josi">thatismatt/josi</a>
     </div>