Add link to test suite in developer section (renamed from implemenations), and re-style test suite page to match site style.
--- 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> > 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’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) {