Add link to test suite in developer section (renamed from implemenations), and re-style test suite page to match site style.
authorGregg Kellogg <gregg@kellogg-assoc.com>
Wed, 31 Jul 2013 16:08:50 -0700
changeset 1826 6794338c7038
parent 1818 4c500f184f8e
child 1827 babf041e0a09
Add link to test suite in developer section (renamed from implemenations), and re-style test suite page to match site style.
index.html
test-suite/index.html
--- a/index.html	Tue Jul 23 23:27:25 2013 +0200
+++ b/index.html	Wed Jul 31 16:08:50 2013 -0700
@@ -150,10 +150,10 @@
     </div>
 
     <div class="container">
-      <div id="implementation" class="row">
-        <h1 class="span12" style="text-align: center;"> <span class="icon-cog"></span> Implementations</h1>
+      <div id="developers" class="row">
+        <h1 class="span12" style="text-align: center;"> <span class="icon-cog"></span> Developers</h1>
       </div>
-      <div id="implementation-description" class="row">
+      <div id="developers-description" class="row">
         <p class="offset2 span8" style="text-align: center;">JSON-LD is available in
           a number of popular programming environments. Each implementation of JSON-LD
           listed below is fully conforming to the offical JSON-LD specifications.
@@ -211,6 +211,11 @@
           </div>
         </div>
       </div>
+      <div id="tests-description" class="row">
+        <p class="offset2 span8" style="text-align: center;">
+          The <a href="test-suite/">JSON-LD Test Suite</a> is useful for validating JSON-LD Processors.
+        </p>
+      </div>
       <hr>
     </div>
     <!-- /container -->
--- a/test-suite/index.html	Tue Jul 23 23:27:25 2013 +0200
+++ b/test-suite/index.html	Wed Jul 31 16:08:50 2013 -0700
@@ -3,8 +3,17 @@
 <head>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   <title>JSON-LD - Test Suite</title>
+
+  <!-- Meta Tags -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+
+  <!-- Style Sheets -->
+  <link rel="stylesheet" type="text/css" href="../static/css/bootstrap/bootstrap.css">
+  <link rel="stylesheet" type="text/css" href="../static/css/bootstrap/bootstrap-responsive.css">
+  <link rel="stylesheet" type="text/css" href="../static/css/bootstrap/font-awesome.css">
+  <link rel="shortcut icon" href="../favicon.ico" />
   <link href="../site.css" rel="stylesheet" type="text/css" />
-  <link rel="shortcut icon" href="../favicon.ico" />
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
   <script type="text/javascript" src="https://raw.github.com/wycats/handlebars.js/1.0.0-rc.3/dist/handlebars.js"></script>
   <script id="manifest" tile="application/ld+json" src="manifest.jsonld"></script>
@@ -28,48 +37,88 @@
   </script>
 </head>
 <body onload="load_manifests();">
-  <div id="container">
-     <div id="header">
-        <span class="col">
-           <img class="banner" src="../images/json-ld-logo-1.png" />
-           <img class="banner" src="../images/json-ld-logo-2.png" />
-           <img class="banner" src="../images/json-ld-logo-3.png" />
-           <h1>Test Suite</h1>
-        </span>
-     </div>
-
-     <div id="content">
-        <div class="breadcrumbs"><a href="../">JSON-LD</a> &gt; Test Suite</div>
-        <section>
-          <h2 id="introduction">Introduction</h2>
+  <div class="navbar navbar-static-top">
+    <div class="navbar-inner">
+      <div class="row-fluid">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span> 
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand active" href="#"><img src="../images/json-ld-data-24.png" alt="JSON-LD logo"> JSON-LD</a>
+        <div class="nav-collapse">
+        <ul class="nav">
+          <li>
+            <a href="../playground/index.html"><span class="icon-beer"></span> Play</a>
+          </li>
+          <li>
+            <a href="../learn.html"><span class="icon-book"></span> Documentation</a>
+          </li>
+          <!-- <li><a href="#"><span class="icon-beaker"></span> Developers</a></li> -->
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+              <span class="icon-folder-open"></span> Specifications <b class="caret"></b>
+            </a>
+            <ul class="dropdown-menu">
+              <li class="nav-header"><strong>Latest</strong></li>
+              <li><a href="../spec/latest/json-ld/">Syntax</a></li>
+              <li><a href="../spec/latest/json-ld-api/">API</a></li>
+              <li><a href="../spec/latest/json-ld-framing/">Framing</a></li>
+              <li><a href="../spec/latest/rdf-graph-normalization/">Normalization</a></li>
+              <li class="divider"></li>
+              <li class="nav-header"><strong>Previous Drafts</strong></li>
+              <li><a href="../spec#syntax">Syntax</a></li>
+              <li><a href="../spec#api">API</a></li>
+              <li><a href="../spec#framing">Framing</a></li>
+              <li><a href="../spec#normalization">Normalization</a></li>
+            </ul>
+          </li>
+          <li><a href="../images/index.html"><span class="icon-picture"></span> Branding</a></li>
+          </ul>
+        </div>
+        <!--/.nav-collapse -->
+      </div>
+    </div>
+  </div>
 
-          <p>The JSON-LD Test Suite is a set of tests that can
-          be used to verify JSON-LD Processor conformance to the set of specifications
-          that constitute JSON-LD. The goal of the suite is to provide an easy and
-          comprehensive JSON-LD testing solution for developers creating JSON-LD Processors.</p>
-        </section>
-
-        <section>
-          <h2 id="design">Design</h2>
+  <div class="hero-unit">
+    <h1>JSON-LD Test Suite</h1>
+    <br>
+    <p>The JSON-LD Test Suite is a set of tests that can
+    be used to verify JSON-LD Processor conformance to the set of specifications
+    that constitute JSON-LD. The goal of the suite is to provide an easy and
+    comprehensive JSON-LD testing solution for developers creating JSON-LD Processors.</p>
+  </div>
 
-          <p>Tests are defined into <em>compact</em>, <em>expand</em>, <em>frame</em>, <em>normalize</em>, and <em>rdf</em> sections:
-          * <em>compact</em> tests have <em>input</em>, <em>expected</em> and <em>context</em> documents. The <em>expected</em> results
-            can be compared using JSON object comparison with the processor output.
-          * <em>expand</em> tests have <em>input</em> and <em>expected</em> documents. The <em>expected</em> results
-            can be compared using JSON object comparison with the processor output.
-          * <em>frame</em> tests have <em>input</em>, <em>frame</em> and <em>expected</em> documents. The <em>expected</em> results
-            can be compared using JSON object comparison with the processor output.
-          * <em>normalize</em> tests have <em>input</em> and <em>expected</em> documents. The <em>expected</em> results
-            can be compared using string comparison with the processor output.
-          * <em>rdf</em> tests have <em>input</em> and <em>sparql</em> documents. The results are tested
+  <div id="container">
+     <div class="row">
+        <h2 id="design" class="span12" style="text-align: center;">Design</h2>
+      </div>
+      <div class="row">
+        <section class="offset2 span8">
+          <p>Tests are defined into <em>compact</em>, <em>expand</em>, <em>frame</em>, <em>normalize</em>, and <em>rdf</em> sections:</p>
+          <ul>
+          <li><em>compact</em> tests have <em>input</em>, <em>expected</em> and <em>context</em> documents. The <em>expected</em> results
+            can be compared using JSON object comparison with the processor output.</li>
+          <li><em>expand</em> tests have <em>input</em> and <em>expected</em> documents. The <em>expected</em> results
+            can be compared using JSON object comparison with the processor output.</li>
+          <li><em>frame</em> tests have <em>input</em>, <em>frame</em> and <em>expected</em> documents. The <em>expected</em> results
+            can be compared using JSON object comparison with the processor output.</li>
+          <li><em>normalize</em> tests have <em>input</em> and <em>expected</em> documents. The <em>expected</em> results
+            can be compared using string comparison with the processor output.</li>
+          <li><em>rdf</em> tests have <em>input</em> and <em>sparql</em> documents. The results are tested
             by performing the RDF conversion and using this as the default document for an <code>ASK</code> query
             contained within the <em>sparql</em> document using a SPARQL endpoint. The end result is a
-            yes/no on whether the expected triples were extracted by the JSON-LD processor.</p>
+            yes/no on whether the expected triples were extracted by the JSON-LD processor.</li>
+          </ul>
         </section>
+      </div>
 
-        <section>
-          <h2 id="contributing">Contributing</h2>
-
+      <div class="row">
+        <h2 id="contributing" class="span12" style="text-align: center;">Contributing</h2>
+      </div>
+      <div class="row">
+        <section class="offset2 span8">
           <p>If you would like to contribute a new test or a fix to an existing test,
           please follow these steps:</p>
 
@@ -87,10 +136,13 @@
           suite go live on Digital Bazaar&#8217;s JSON-LD Test Suite site within seconds of
           committing changes to github via a WebHook call.</p>
         </section>
+      </div>
 
-        <section>
-          <h2 id="how_to_add_a_unit_test">How to Add a Unit Test</h2>
-
+      <div class="row">
+        <h2 id="how_to_add_a_unit_test" class="span12" style="text-align: center;">How to Add a Unit Test</h2>
+      </div>
+      <div class="row">
+        <section class="offset2 span8">
           <p>In order to add a unit test, you must follow these steps:</p>
 
           <ol>
@@ -109,17 +161,24 @@
           long-term goal of having a comprehensive test suite for JSON-LD can be achieved
           by the JSON-LD community.</p>
         </section>
+      </div>
 
-        <section id="manifests" class="container">
-          <h2>Test Manifests</h2>
+      <div class="row">
+        <h2 class="span12" style="text-align: center;">Test Manifests</h2>
+      </div>
+      <div class="row">
+        <section id="manifests" class="offset2 span8">
         </section>
-        </div>
-        <div id="footer">
-           <p id="copyright">
-              The JSON-LD test suite is released under a <a href="http://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a>.
-           </p>
-        </div>
+      </div>
+      <div id="footer">
+         <p id="copyright">
+            The JSON-LD test suite is released under a <a href="http://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a>.
+         </p>
+      </div>
 </div>
+
+<!-- Script tags -->
+<script type="text/javascript" src="static/js/bootstrap/bootstrap.js"></script>
 <script type="text/javascript">
 function load_manifests() {
   Handlebars.registerHelper('number', function(that) {