Permalink
Browse files

More site work

  • Loading branch information...
1 parent 715c3e7 commit 275ca74e4c89ad899a283954e38f5569cedf7fc9 @foobarfighter committed Jun 15, 2011
View
@@ -0,0 +1,78 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <title>foounit: Test your javascript everywhere!</title>
+ <link href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css" rel="stylesheet" type="text/css">
+ <link href="http://fonts.googleapis.com/css?family=Neuton:regular,italic,bold" rel="stylesheet" type="text/css">
+ <link href="resources/main.css" rel="stylesheet" type="text/css">
+</head>
+<body>
+ <!-- center wtf? IT WORKS and took me 3 seconds... fuck it -->
+ <header>
+ <div class="content">
+ <a href="/index.html"><img id="logo" height="55" width="241" src="resources/images/logo.png"></a>
+ <nav>
+ <a href="">Get Started</a>
+ <a href="">Documentation</a>
+ <a href="">Support</a>
+ <a href="">About</a>
+ <a href="">Source</a>
+ </nav>
+ <div id="download-tag"><span>
+ Version 0.0.7 <strong>Download</strong>
+ </span></div>
+ </div>
+ <div id="header-decoration"></div>
+ </header>
+
+ <div id="teaser">
+ <div class="content">
+ <h1>Test your javascript everywhere!</h1>
+
+ <div class="cell">
+ <h2>{Expressive BDD Syntax}</h2>
+ <div class="cell-content">
+ <div class="frame dark"></div>
+ <div class="text">
+ <br><br>
+ var foounit = require('foounit');<br>
+ <br>
+ describe('this is ta test', function() {<br>
+ &nbsp;&nbsp;it('is only a test', function() {<br>
+ &nbsp;&nbsp;&nbsp;&nbsp;expect(myTest).to(runEverywhere);<br>
+ &nbsp;&nbsp;});<br>
+ });<br>
+ <br>
+ foounit.run();
+ </div>
+ </div>
+ </div>
+
+ <div class="cell">
+ <h2>{Clean easy to use UI}</h2>
+ <div class="cell-content">
+ <div class="frame light"></div>
+ <img src="resources/images/screenshot-node.png" height="223" width="296">
+ </div>
+ </div>
+
+ <div class="cell">
+ <h2>{More Features}</h2>
+ <div class="cell-content light">
+ <div class="frame light"></div>
+ <ul class="features">
+ <li>Asynchronous testing</li>
+ <li>Runs in nodejs and the browser</li>
+ <li>Mocking</li>
+ <li>Continuous Integration</li>
+ <li>Test suites</li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="content">
+ Stuff will exist here... and it will be awesome
+ </div>
+</body>
+</html>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,210 @@
+html, body {
+ background-color: #3a3d40;
+ font-family: 'neuton', serif;
+ color: #636756;
+}
+
+header {
+ display: block;
+ background-color: #94a391;
+ height: 89px;
+ border-bottom: 1px solid #687466;
+}
+
+#header-decoration {
+ background: url(images/header-decoration.png) repeat-x;
+ position: absolute;
+ top: 90px;
+ height: 6px;
+ width: 100%;
+}
+
+nav {
+ float: right;
+ margin-top: 32px;
+}
+
+nav a {
+ font: bold 15px Verdana;
+ color: #3a3d40;
+ letter-spacing: -1px;
+ margin-right: 40px;
+ text-decoration: none;
+}
+
+nav a:hover {
+ color: #fff;
+ background-color: #3a3d40;
+}
+
+
+#logo {
+ background-image: url(images/logo.png);
+ margin-top: 17px;
+}
+
+.content {
+ width: 932px;
+ text-align: left;
+ position: relative;
+ margin: auto;
+}
+
+/** Download Tag **/
+#download-tag span {
+ background: url(images/download-tag-left.png) no-repeat;
+ height: 40px;
+ line-height: 22px;
+ margin: 0 3px 0 0;
+ padding: 0 3px 38px 0;
+
+ color: #fff;
+}
+
+#download-tag {
+ position: absolute;
+ background: url(images/download-tag-cap.png) no-repeat right;
+ display: block;
+ top: 89px;
+ right: 0px;
+ height: 39px;
+ z-index: 100;
+}
+/** /Download Tag **/
+
+/** Teaser **/
+#teaser {
+ background-color: #e6d9b8;
+ height: 400px;
+ border-bottom: 4px #27292c solid;
+
+ padding: 60px 0 0 0;
+}
+
+
+#teaser h2 {
+ font-weight: bold;
+ color: #636756;
+ margin-bottom: 25px;
+}
+/** /Teaser **/
+
+/** Teaser cells **/
+.cell {
+ float: left;
+ width: 296px;
+ margin-right: 22px;
+}
+
+.cell:last-child {
+ margin-right: 0;
+}
+
+.cell-content {
+ background-color: #728a8b;
+ width: 296px;
+ height: 223px;
+ position: relative;
+}
+
+.cell-content.light {
+ background-color: #f7eece;
+}
+
+.cell-content .frame {
+ width: 278px;
+ height: 205px;
+ position: absolute;
+ top: 5px; left: 5px;
+ border: 4px dotted;
+}
+
+.frame.dark {
+ border-color: #3a3d40;
+}
+
+.frame .light {
+ border-color: #728a8b;
+}
+
+.cell-content .text {
+ padding: 15px;
+ font-size: 11px;
+ color: #fff;
+ font-family: monaco, monospace;
+}
+
+.cell-content .features {
+ padding: 15px;
+ color: #888974;
+ font-family: verdana;
+ font-weight: bold;
+}
+
+ul.features {
+ margin-left: 32px;
+}
+
+ul.features li {
+ list-style-image: url(images/check-mark.png);
+ margin-bottom: 15px;
+}
+/** /Teaser cells **/
+
+
+
+h1, h3 {
+ font-family: 'neuton', serif;
+ font-weight: bold;
+ font-size: 24px;
+ margin-bottom: 25px;
+ letter-spacing: 1px;
+}
+
+h1 {
+ font-weight: bold;
+ color: #666;
+}
+
+h2 {
+ color: #666;
+ letter-spacing: 1px;
+}
+
+h3 {
+ margin-top: 25px;
+ margin-bottom: 10px;
+ font-size: 16px;
+}
+
+p {
+ margin-bottom: 15px;
+}
+
+/*a, a:visited {
+ color: #3f7897;
+ text-decoration: none;
+}*/
+
+.small { font-size: 14px; }
+
+pre.code {
+ margin: 10px 0px 10px 20px;
+ background-color: #d1d7d2;
+
+ border-left: 8px #3f7897 solid;
+ border-radius: 5px;
+
+ padding: 8px;
+ display: block;
+ font-size: 14px;
+}
+
+ul.index {
+ font-size: 14px;
+}
+
+ul.index li {
+ list-style: disc;
+ margin-left: 24px;
+}

0 comments on commit 275ca74

Please sign in to comment.