Basic web site presentation (based on Bootstrap)

vojtajina · Mar 11, 2012 · b4cd402 · b4cd402
1 parent fef1672
commit b4cd402
Show file tree

Hide file tree

Showing 9 changed files with 523 additions and 0 deletions.
diff --git a/img/glyphicons_009_magic.png b/img/glyphicons_009_magic.png
diff --git a/img/glyphicons_042_group.png b/img/glyphicons_042_group.png
diff --git a/img/glyphicons_082_roundabout.png b/img/glyphicons_082_roundabout.png
diff --git a/img/glyphicons_163_iphone.png b/img/glyphicons_163_iphone.png
diff --git a/img/glyphicons_214_resize_small.png b/img/glyphicons_214_resize_small.png
diff --git a/img/glyphicons_266_book_open.png b/img/glyphicons_266_book_open.png
diff --git a/img/grid-18px-masked.png b/img/grid-18px-masked.png
diff --git a/index.html b/index.html
@@ -0,0 +1,168 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Testacular - Test Runner with Balls</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
+    <link href="testacular.css" rel="stylesheet">
+
+    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+
+    <!-- TODO(vojta): favicons -->
+  </head>
+
+  <body data-spy="scroll" data-offset="50">
+
+
+  <!-- Navbar
+    ================================================== -->
+    <div class="navbar navbar-fixed-top">
+      <div class="navbar-inner">
+        <div class="container">
+          &nbsp;
+        </div>
+      </div>
+    </div>
+
+    <div class="container">
+
+<!-- Masthead
+================================================== -->
+<header class="jumbotron masthead">
+  <div class="inner">
+    <h1>Testacular</h1>
+    <p>JavaScript Test Runner with Balls.</p>
+    <p class="download-info">
+      <span class="npm-install btn-large fake-btn">npm -g install testacular</span>
+      <a href="https://github.com/vojtajina/testacular/" class="btn btn-primary btn-large">View project on GitHub</a>
+    </p>
+  </div>
+
+  <ul class="quick-links">
+    <li><a href="https://github.com/vojtajina/testacular/issues?state=open">Issues</a></li>
+    <li><a href="https://github.com/vojtajina/testacular/blob/master/CHANGELOG.md">Changelog</a></li>
+    <li><a href="https://github.com/vojtajina/testacular/blob/master/README.md">Readme</a></li>
+    <li class="divider">&middot;</li>
+    <li>
+      <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=vojtajina&repo=testacular&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="85px" height="20px"></iframe>
+    </li>
+    <li>
+      <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=vojtajina&repo=testacular&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="75px" height="20px"></iframe>
+    </li>
+    <li class="divider">&middot;</li>
+    <li class="follow-btn">
+      <a href="https://twitter.com/vojtajina" class="twitter-follow-button" data-width="190px" data-link-color="#0069D6" data-show-count="true">Follow @vojtajina</a>
+    </li>
+    <li class="tweet-btn">
+      <a href="https://twitter.com/share" class="twitter-share-button" data-width="80px" data-url="http://vojtajina.github.com/testacular/" data-count="horizontal" data-via="vojtajina">Tweet</a>
+    </li>
+  </ul>
+</header>
+
+<hr class="soften">
+
+<div class="marketing">
+  <h1>Designed for quick development.</h1>
+  <p class="marketing-byline">Relying on the best ones -
+    <a href="http://nodejs.org/" target="_blank">Node.js</a> &amp; <a href="http://socket.io/" target="_blank">Socket.io</a>.
+  </p>
+
+  <div class="row">
+    <div class="span4">
+      <img class="bs-icon" src="img/glyphicons_042_group.png">
+      <h2>Open Source</h2>
+      <p>Developed for and maintained by open source community at <a href="https://github.com/vojtajina/testacular/" target="_blank">GitHub</a>. Feel free to fork the repository and send us pull request with some cool improvements.</p>
+    </div>
+    <div class="span4">
+      <img class="bs-icon" src="img/glyphicons_214_resize_small.png">
+      <h2>Remote Control</h2>
+      <p>Control the whole workflow from command line or your IDE.</p>
+    </div>
+    <div class="span4">
+      <img class="bs-icon" src="img/glyphicons_163_iphone.png">
+      <h2>Test on Real Devices</h2>
+      <p>Test your code on real browsers and real devices such as iPhone, iPad, Android.</p>
+    </div>
+  </div><!--/row-->
+  <div class="row">
+    <div class="span4">
+      <img class="bs-icon" src="img/glyphicons_009_magic.png">
+      <h2>Easy Debugging</h2>
+      <p>Easy debugging directly from your IDE (WebStorm).</p>
+    </div>
+    <div class="span4">
+      <img class="bs-icon" src="img/glyphicons_266_book_open.png">
+      <h2>Jasmine Integration</h2>
+      <p>Testacular is framework agnostic - you can run any JS code. But we provide an adapter for <a href="http://pivotal.github.com/jasmine/" target="_blank">Jasmine</a>. Adapters for more testing frameworks coming soon.</p>
+    </div>
+    <div class="span4">
+      <img class="bs-icon" src="img/glyphicons_082_roundabout.png">
+      <h2>Super fast execution</h2>
+      <p>To be done. Execution in Node.js using jsdom implementation.</p>
+    </div>
+  </div><!--/row-->
+
+  <!--
+  easy install / set up
+  stability
+  autowatching
+  -->
+
+  <hr class="soften">
+
+  <h1>Check out Testacular in Action...</h1>
+  <p class="marketing-byline">To be done. Record a screen cast describing whole workflow...</p>
+
+  <div class="yt-video fake-btn">
+    <div style="width: 640px; height: 360px;">&nbsp;</div>
+    <!--
+    <iframe width="640" height="360" src="http://www.youtube.com/embed/Dlkx6AVOBcQ" frameborder="0" allowfullscreen></iframe>
+    -->
+  </div>
+
+</div><!-- /.marketing -->
+
+     <!-- Footer
+      ================================================== -->
+      <footer class="footer">
+        <p class="pull-right"><a href="#">Back to top</a></p>
+        <p>This site is based on awesome <a href="http://twitter.github.com/bootstrap/index.html" target="_blank">Bootstrap</a> by <a href="http://twitter.com" target="_blank">Twitter</a>.</p>
+        <p>Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>.</p>
+      </footer>
+
+    </div><!-- /container -->
+
+
+
+    <!-- JavaScript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+
+
+    <!-- Google Analytics
+    ================================================== -->
+    <script type="text/javascript">
+
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-29852134-1']);
+      _gaq.push(['_trackPageview']);
+
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+
+    </script>
+
+  </body>
+</html>