Permalink
Browse files

Adding content

  • Loading branch information...
1 parent 275ca74 commit e26dc323081c934ebd2867c8e1f2c03003e09138 @foobarfighter committed Jun 15, 2011
Showing with 78 additions and 4 deletions.
  1. +62 −2 site/www/index.html
  2. +16 −2 site/www/resources/main.css
View
@@ -71,8 +71,68 @@
</div>
</div>
</div>
- <div class="content">
- Stuff will exist here... and it will be awesome
+ <div class="content main">
+
+ <!-- Getting Started -->
+ <h1>Getting Started</h1>
+
+ <p>
+ First install foounit with npm:
+ <pre class="code">$ npm install foounit</pre>
+ </p>
+ <br/>
+
+ <p>Then follow these steps to run tests...</p>
+
+ <ul class="index">
+ <li><a href="">in nodejs</a></li>
+ <li><a href="">in the browser</a></li>
+ <li><a href="">on code that is shared between the client and the server</a>
+ </ul>
+
+
+ <h3>In nodejs</h3>
+
+ <p>
+ Generate a sample suite in the spec directory:
+ <pre class="code">$ foounit generate --type=node spec</pre>
+ </p>
+
+ <p>
+ Run the test:
+ <pre class="code">$ node spec/example_spec.js</pre>
+ </p>
+
+ <h3>In the browser</h3>
+
+ <p>
+ Generate a sample suite in the spec directory:
+ <pre class="code">$ foounit generate --type=browser spec</pre>
+ </p>
+
+ <p>
+ Start a web server in the directory where the suite was created:
+ <pre class="code">$ foounit-server --spec=spec</pre>
+ <p>
+
+ <p>
+ Open a web browser at <a href="">http://localhost:5057/spec/suite.html</a>
+ </p>
+
+
+ <h3>Shared client and server code</h3>
+
+ <p>
+ Generate a sample suite in the spec directory:
+ <pre class="code">$ foounit generate --type=browser,node spec</pre>
+ <i>foounit is smart enough to know that when multiple environments are specified that it should create a shared directory for multi-environment testing</i>
+ </p>
+
+ <p>
+ Run the tests for each environment by following the directions in the previous steps.
+ </p>
+ <!-- /Getting Started -->
+
</div>
</body>
</html>
@@ -151,6 +151,21 @@ ul.features li {
}
/** /Teaser cells **/
+/** Main content **/
+.content.main {
+ margin-top: 30px;
+ padding: 30px;
+ border: 3px dotted #728a8b;
+ background-color: #fff;
+ width: 872px;
+}
+
+.content.main a,
+.content.main a:visited {
+
+}
+/** /Main content **/
+
h1, h3 {
@@ -192,8 +207,7 @@ pre.code {
margin: 10px 0px 10px 20px;
background-color: #d1d7d2;
- border-left: 8px #3f7897 solid;
- border-radius: 5px;
+ border-left: 8px #728a8b solid;
padding: 8px;
display: block;

0 comments on commit e26dc32

Please sign in to comment.