Headers and indentations improved
authorVikash Agrawal <vikashagrawal1990@gmail.com>
Thu, 18 Jul 2013 01:32:19 +0530
changeset 1770 dfd4c4831ba5
parent 1765 f97908287e5d
child 1771 028add6cc388
Headers and indentations improved
images/index.html
index.html
learn.html
playground/index.html
primer/index.php
requirements/index.php
spec/index.php
--- a/images/index.html	Tue Jul 16 15:21:26 2013 -0400
+++ b/images/index.html	Thu Jul 18 01:32:19 2013 +0530
@@ -8,75 +8,76 @@
              vcard: http://www.w3.org/2006/vcard/ns#
              v: http://rdf.data-vocabulary.org/#"
       lang="en" >
-   <head>
-      <title>JSON-LD - JSON for Linking Data</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="stylesheet" href="../common/prettify.css" type="text/css" />
-      <link rel="shortcut icon" href="../favicon.ico" />
+  <head>
+    <title>JSON-LD - JSON for Linking Data</title>
 
-      <!-- script tags -->
-      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
-      <script type="text/javascript" src="jquery-ui-1.8.14.custom.min.js"></script>
-      <script type="text/javascript" src="js_beautify.js"></script>
-      <script type="text/javascript" src="../common/prettify.js"></script>
-      <script type="text/javascript" src="../common/lang-jsonld.js"></script>
-      <script type="text/javascript" src="../common/lang-nquads.js"></script>
-      <script type="text/javascript" src="Future.js"></script>
-      <script type="text/javascript" src="jsonld.js"></script>
-      <script type="text/javascript" src="playground.js"></script>
-      <script type="text/javascript" src="playground-examples.js"></script>
+    <!-- Meta Tags -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 
-      <script>
-        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+    <!-- 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="stylesheet" href="../common/prettify.css" type="text/css" />
+    <link rel="shortcut icon" href="../favicon.ico" />
 
-        ga('create', 'UA-40462488-1', 'json-ld.org');
-        ga('send', 'pageview');
-      </script>
+    <!-- script tags -->
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 
-   </head>
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-   <body onload="playground.init();">
+      ga('create', 'UA-40462488-1', 'json-ld.org');
+      ga('send', 'pageview');
+    </script>
+
+  </head>
+
+   <body>
       <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>
+            <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>
-              <span class="icon-bar"></span>
-              <span class="icon-bar"></span>
-            </a>
+            </a> 
             <a class="brand" href="../index.html"><img src="../images/json-ld-data-24.png"> 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 class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="icon-folder-open"></span> Specification <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li class="nav-header"><strong>Latest drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/latest/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/latest/">Requirements</a></li>
-                    <li class="divider"></li>
-                    <li class="nav-header"><strong>Previous Drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/">Requirements</a></li>
-                  </ul>
-                </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="active"><a href="#"><span class="icon-picture"></span> Images</a></li>
+            <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 class="active"><a href="#"><span class="icon-picture"></span> Branding</a></li>
               </ul>
-            </div><!--/.nav-collapse -->
+            </div>
+            <!--/.nav-collapse -->
           </div>
         </div>
       </div>
--- a/index.html	Tue Jul 16 15:21:26 2013 -0400
+++ b/index.html	Thu Jul 18 01:32:19 2013 +0530
@@ -1,310 +1,313 @@
 <!DOCTYPE html>
 <html version="HTML+RDFa 1.1"
- prefix="
+  prefix="
   xhv: http://www.w3.org/1999/xhtml/vocab# 
   xsd: http://www.w3.org/2001/XMLSchema#
   rdfs: http://www.w3.org/2000/01/rdf-schema#
   dc: http://purl.org/dc/terms/
   vcard: http://www.w3.org/2006/vcard/ns#
   v: http://rdf.data-vocabulary.org/#"
- lang="en">
-<head>
-<title>JSON-LD - JSON for Linking Data</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" />
-
-<!-- Script tags -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
-<script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-  ga('create', 'UA-40462488-1', 'json-ld.org');
-  ga('send', 'pageview');
-</script>
-
-</head>
-
-<body>
- <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">
-     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>
+  lang="en">
+  <head>
+    <title>JSON-LD - JSON for Linking Data</title>
 
- <div class="hero-unit">
-  <h1>JSON for Linking Data</h1>
-  <br>
-  <p class="tagline">Data is messy and disconnected. JSON-LD organizes and
-   connects it, creating a better Web.</p>
- </div>
-
- <div class="container">
-  <div class="row">
-
-   <div class="span3">
-    <h2>
-     <span class="icon-exchange"></span> Linked Data
-    </h2>
-    <p class="text-justify">
-     <a href="http://en.wikipedia.org/wiki/Linked_data">Linked Data</a> 
-     empowers people that publish and use information on the Web. It is a
-     way to create a network of standards-based, machine-readable data across
-     Web sites. It allows an application to start at one piece of Linked Data,
-     and follow embedded links to other pieces of Linked Data that are hosted
-     on different sites across the Web.
-    </p>
-   </div>
-   <!-- End span -->
-
-   <div class="span6"><h2 style="text-align: center;">A Simple Example</h2><pre>{
-  "<span style="color: rgb(255, 122, 0);">@context</span>": "<a href="http://json-ld.org/contexts/person.jsonld">http://json-ld.org/contexts/person.jsonld</a>",
-  "<span style="color: rgb(255, 122, 0);">@id</span>": "<a href="http://dbpedia.org/resource/John_Lennon">http://dbpedia.org/resource/John_Lennon</a>",
-  "<span style="color: rgb(255, 122, 0);">name</span>": "<span style="color: rgb(0, 148, 0);">John Lennon</span>",
-  "<span style="color: rgb(255, 122, 0);">born</span>": "<span style="color: rgb(0, 0, 175);">1940-10-09</span>",
-  "<span style="color: rgb(255, 122, 0);">spouse</span>": "<a href="http://dbpedia.org/resource/Cynthia_Lennon">http://dbpedia.org/resource/Cynthia_Lennon</a>"
-}</pre>
-   </div>
-   <!-- End span -->
+    <!-- Meta Tags -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 
-   <div class="span3">
-    <h2>
-     <span><img src="images/json-ld-data-32.png"></span> JSON-LD
-    </h2>
-    <p class="text-justify">JSON-LD is a lightweight Linked Data format. It
-     is easy for humans to read and write. It is based on the already
-     successful JSON format and provides a way to help JSON data interoperate
-     at Web-scale. JSON-LD an ideal data format for programming
-     environments, REST Web services, and unstructured databases such as
-     CouchDB and MongoDB.</p>
-    <!-- <a class="btn" href="#">Learn more &raquo;</a> -->
-   </div>
-   <!-- End span -->
-  </div>
- </div>
- <br/><br/>
- <div class=" hero-unit">
-   <h2 style="text-align:center;">
-    <span class="icon-beer icon-large"></span> Play
-   </h2>
-   <div class="container row">
-    <div class="offset5 span6">
-     <p class="text-justify">
-      <strong>JSON-LD Play</strong> is a web-based JSON-LD viewer and debugger.
-      If you are interested in learning JSON-LD, this tool will be of great help
-      to you. Developers may also use the tool to debug, visualize, and share
-      their JSON-LD markup.
-     </p>
-      <a class="btn" href="./playground/index.html">Try Play &raquo;</a>
-   </div> 
-  </div>
-  <!-- End span -->
- </div>
+    <!-- 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" />
 
- <div class="container">
-  <div id="impl" class="row">
-   <h1 class="span12" style="text-align: center;">
-     <span class="icon-cog"></span> Implementations</h1>
-  </div>
+    <!-- Script tags -->
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 
-  <div id="impl" 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.</>
-  </div>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-40462488-1', 'json-ld.org');
+    ga('send', 'pageview');
+    </script>
+
+  </head>
+
+  <body>
+    
+    <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"> 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>
 
 
-  <div class="row">
-   <div class="offset1 span2">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>Javascript</h3></li>
-      <li><a href="https://github.com/digitalbazaar/jsonld.js">jsonld.js</a></li>
-     </ul>
-    </div>
-   </div>
+      <div class="hero-unit">
+        <h1>JSON for Linking Data</h1>
+        <br>
+        <p class="tagline">Data is messy and disconnected. JSON-LD organizes and
+         connects it, creating a better Web.</p>
+      </div>
 
-   <div class="span2">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>Python</h3></li>
-      <li><a href="https://github.com/digitalbazaar/pyld">PyLD</a></li>
-     </ul>
-    </div>
-   </div>
+      <div class="container">
+        <div class="row">
 
-   <div class="span2">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>PHP</h3></li>
-      <li><a href="https://github.com/digitalbazaar/php-json-ld">php-json-ld</a></li>
-      <li><a href="http://m.lanthi.com/json-ld">JsonLD</a></li>
-     </ul>
-    </div>
-   </div>
+          <div class="span3">
+            <h2><span class="icon-exchange"></span> Linked Data </h2>
+            <p class="text-justify">
+             <a href="http://en.wikipedia.org/wiki/Linked_data">Linked Data</a> 
+             empowers people that publish and use information on the Web. It is a
+             way to create a network of standards-based, machine-readable data across
+             Web sites. It allows an application to start at one piece of Linked Data,
+             and follow embedded links to other pieces of Linked Data that are hosted
+             on different sites across the Web.
+            </p>
+          </div>
+          <!-- End span -->
+
+          <div class="span6">
+            <h2 style="text-align: center;">A Simple Example</h2>
+            <pre>{
+            "<span style="color: rgb(255, 122, 0);">@context</span>": "<a href="http://json-ld.org/contexts/person.jsonld">http://json-ld.org/contexts/person.jsonld</a>",
+            "<span style="color: rgb(255, 122, 0);">@id</span>": "<a href="http://dbpedia.org/resource/John_Lennon">http://dbpedia.org/resource/John_Lennon</a>",
+            "<span style="color: rgb(255, 122, 0);">name</span>": "<span style="color: rgb(0, 148, 0);">John Lennon</span>",
+            "<span style="color: rgb(255, 122, 0);">born</span>": "<span style="color: rgb(0, 0, 175);">1940-10-09</span>",
+            "<span style="color: rgb(255, 122, 0);">spouse</span>": "<a href="http://dbpedia.org/resource/Cynthia_Lennon">http://dbpedia.org/resource/Cynthia_Lennon</a>"
+          }</pre>
+          </div>
+          <!-- End span -->
+
+          <div class="span3">
+            <h2>
+             <span><img src="images/json-ld-data-32.png"></span> JSON-LD
+           </h2>
+           <p class="text-justify">JSON-LD is a lightweight Linked Data format. It
+             is easy for humans to read and write. It is based on the already
+             successful JSON format and provides a way to help JSON data interoperate
+             at Web-scale. JSON-LD an ideal data format for programming
+             environments, REST Web services, and unstructured databases such as
+             CouchDB and MongoDB.</p>
+             <!-- <a class="btn" href="#">Learn more &raquo;</a> -->
+           </div>
+          <!-- End span -->
+        </div>
+      </div>
+      <br/><br/>
+      <div class=" hero-unit">
+        <h2 style="text-align:center;"> span class="icon-beer icon-large"></span> Play /h2>
+        <div class="container row">
+          <div class="offset5 span6">
+            <p class="text-justify">
+             <strong>JSON-LD Play</strong> is a web-based JSON-LD viewer and debugger.
+             If you are interested in learning JSON-LD, this tool will be of great help
+             to you. Developers may also use the tool to debug, visualize, and share
+             their JSON-LD markup.
+            </p>
+            <a class="btn" href="./playground/index.html">Try Play &raquo;</a>
+         </div> 
+        </div>
+        <!-- End span -->
+      </div>
+
+      <div class="container">
+        <div id="impl" class="row">
+          <h1 class="span12" style="text-align: center;"> <span class="icon-cog"></span> Implementations</h1>
+        </div>
+
+        <div id="impl" 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.
+          </p>
+       </div>
 
 
-   <div class="span2">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>Ruby</h3></li>
-      <li><a href="https://github.com/ruby-rdf/json-ld/">JSON-LD for
-        RDF.rb</a></li>
-     </ul>
+       <div class="row">
+         <div class="offset1 span2">
+          <div class="well" style="padding: 8px 0;">
+           <ul class="nav nav-list">
+            <li class="nav-header"><h3>Javascript</h3></li>
+            <li><a href="https://github.com/digitalbazaar/jsonld.js">jsonld.js</a></li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="span2">
+        <div class="well" style="padding: 8px 0;">
+         <ul class="nav nav-list">
+            <li class="nav-header"><h3>Python</h3></li>
+            <li><a href="https://github.com/digitalbazaar/pyld">PyLD</a></li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="span2">
+        <div class="well" style="padding: 8px 0;">
+          <ul class="nav nav-list">
+            <li class="nav-header"><h3>PHP</h3></li>
+            <li><a href="https://github.com/digitalbazaar/php-json-ld">php-json-ld</a></li>
+            <li><a href="http://m.lanthi.com/json-ld">JsonLD</a></li>
+          </ul>
+        </div>
+      </div>
+
+
+    <div class="span2">
+      <div class="well" style="padding: 8px 0;">
+        <ul class="nav nav-list">
+          <li class="nav-header"><h3>Ruby</h3></li>
+          <li><a href="https://github.com/ruby-rdf/json-ld/">JSON-LD for
+            RDF.rb</a>
+          </li>
+        </ul>
+      </div>
     </div>
-   </div>
 
-   <div class="span2">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>Java</h3></li>
-      <li><a href="https://github.com/jsonld-java/jsonld-java">JSON-LD
-        Java</a></li>
-     </ul>
+    <div class="span2">
+      <div class="well" style="padding: 8px 0;">
+        <ul class="nav nav-list">
+          <li class="nav-header"><h3>Java</h3></li>
+          <li><a href="https://github.com/jsonld-java/jsonld-java">JSON-LD
+          Java</a></li>
+        </ul>
+      </div>
     </div>
-   </div>
 
   </div>
- <hr>
- <div class="container">
-  <div id="impl" class="row">
-   <h1 class="span12" style="text-align: center;">
-     <span class="icon-group"></span> Getting Help / Collaborating</h1>
-  </div>
-
-  <div id="impl" class="row">
-   <p class="offset2 span8" style="text-align: center;">
-     JSON-LD is being developed by the W3C <a
-      href="http://www.w3.org/community/json-ld/">JSON-LD Community Group</a>.
-     It is in the final stages of standardization at W3C. Participation is open
-     to the public. There is a <a href="http://github.com/json-ld">JSON-LD
-      Github repository</a>. If you need immediate help, we have a <a
-      href="http://webchat.freenode.net/?channels=#json-ld">#json-ld</a> IRC
-     support channel on freenode.net. There is also a <a
-      href="http://lists.w3.org/Archives/Public/public-linked-json/">JSON-LD
-      mailing list</a>. All weekly meetings are open to the public, and are <a
-      href="http://json-ld.org/minutes/">minuted, recorded, and archived</a>. Listed below are all of the 
-   communication tools that the community uses on a weekly basis.</>
-  </div>
-
-  <div class="row">
-   <div class="span3">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>Code</h3></li>
-      <li><a href="http://github.com/json-ld/json-ld.org">json-ld on Github</a></li>
-     </ul>
-    </div>
-   </div>
-
-   <div class="span3">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>Meetings</h3></li>
-      <li><a href="minutes/">Text and audio minutes</a></li>
-     </ul>
-    </div>
-   </div>
-
-   <div class="span3">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>Mailing List</h3></li>
-      <li><a href="http://lists.w3.org/Archives/Public/public-linked-json/">public-linked-json@w3.org</a></li>
-     </ul>
+  <hr>
+  <div class="container">
+    <div id="impl" class="row">
+      <h1 class="span12" style="text-align: center;">
+       <span class="icon-group"></span> Getting Help / Collaborating</h1>
     </div>
-   </div>
-
-   <div class="span3">
-    <div class="well" style="padding: 8px 0;">
-     <ul class="nav nav-list">
-      <li class="nav-header"><h3>IRC</h3></li>
-      <li><a href="http://webchat.freenode.net/?channels=#json-ld">#json-ld on Freenode</a></li>
-     </ul>
-    </div>
-   </div>
-
-  </div>
- <hr>
-  <div class="container">
-  <div id="impl" class="row">
-   <h1 class="span12" style="text-align: center;">
-     <span class="icon-book"></span> Learn More...</h1>
-  </div>
 
-  <div id="impl" class="row">
-   <p class="offset2 span8" style="text-align: center;">
-     This website contains a number of curated
-     video, presentations, tutorials, and documentation about JSON-LD. The
-     tutorials are designed to train novice web developers that have used JSON
-     and transform them into JSON-LD rockstar ninjas (yes, really).<br><br>
-            <a class="btn" href="./learn.html">Learn more about JSON-LD &raquo;</a>
-     </p>
-     
-  </div>
-  <!-- End Row -->
- </div>
-<hr>
-<div id="footer">
-            <p id="copyright">
-               Website content released under a <a href="http://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a> except where an alternate is specified.
-               Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
-            </p>
-         </div>
+    <div id="impl" class="row">
+       <p class="offset2 span8" style="text-align: center;">
+       JSON-LD is being developed by the W3C <a
+       href="http://www.w3.org/community/json-ld/">JSON-LD Community Group</a>.
+       It is in the final stages of standardization at W3C. Participation is open
+       to the public. There is a <a href="http://github.com/json-ld">JSON-LD
+       Github repository</a>. If you need immediate help, we have a <a
+       href="http://webchat.freenode.net/?channels=#json-ld">#json-ld</a> IRC
+       support channel on freenode.net. There is also a <a
+       href="http://lists.w3.org/Archives/Public/public-linked-json/">JSON-LD
+       mailing list</a>. All weekly meetings are open to the public, and are <a
+       href="http://json-ld.org/minutes/">minuted, recorded, and archived</a>. Listed below are all of the 
+       communication tools that the community uses on a weekly basis.</p>
+    </div>
 
-      </div> <!-- /container -->
+    <div class="row">
+       <div class="span3">
+        <div class="well" style="padding: 8px 0;">
+          <ul class="nav nav-list">
+            <li class="nav-header"><h3>Code</h3></li>
+            <li><a href="http://github.com/json-ld/json-ld.org">json-ld on Github</a></li>
+          </ul>
+        </div>
+      </div>
 
- </div>
- <!-- End Container -->
+      <div class="span3">
+        <div class="well" style="padding: 8px 0;">
+          <ul class="nav nav-list">
+            <li class="nav-header"><h3>Meetings</h3></li>
+            <li><a href="minutes/">Text and audio minutes</a></li>
+          </ul>
+        </div>
+      </div>
 
- <!-- Script tags -->
- <script type="text/javascript" src="static/js/bootstrap/bootstrap.js"></script>
-</body>
+      <div class="span3">
+        <div class="well" style="padding: 8px 0;">
+          <ul class="nav nav-list">
+            <li class="nav-header"><h3>Mailing List</h3></li>
+            <li><a href="http://lists.w3.org/Archives/Public/public-linked-json/">public-linked-json@w3.org</a></li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="span3">
+        <div class="well" style="padding: 8px 0;">
+          <ul class="nav nav-list">
+            <li class="nav-header"><h3>IRC</h3></li>
+            <li><a href="http://webchat.freenode.net/?channels=#json-ld">#json-ld on Freenode</a></li>
+          </ul>
+        </div>
+      </div>
+
+    </div>
+    <hr>
+    <div class="container">
+      <div id="impl" class="row">
+        <h1 class="span12" style="text-align: center;">
+          <span class="icon-book"></span> Learn More...</h1>
+      </div>
+
+      <div id="impl" class="row">
+        <p class="offset2 span8" style="text-align: center;">
+         This website contains a number of curated
+         video, presentations, tutorials, and documentation about JSON-LD. The
+         tutorials are designed to train novice web developers that have used JSON
+         and transform them into JSON-LD rockstar ninjas (yes, really).<br><br>
+         <a class="btn" href="./learn.html">Learn more about JSON-LD &raquo;</a>
+        </p>
+       
+      </div>
+        <!-- End Row -->
+    </div>
+    <hr>
+    <div id="footer">
+      <p id="copyright">
+       Website content released under a <a href="http://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a> except where an alternate is specified.
+       Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
+      </p>
+    </div>
+
+    </div> <!-- /container -->
+
+    </div>
+    <!-- End Container -->
+
+    <!-- Script tags -->
+    <script type="text/javascript" src="static/js/bootstrap/bootstrap.js"></script>
+  </body>
 </html>
--- a/learn.html	Tue Jul 16 15:21:26 2013 -0400
+++ b/learn.html	Thu Jul 18 01:32:19 2013 +0530
@@ -33,42 +33,52 @@
         ga('send', 'pageview');
       </script>
 
-   </head>
+  </head>
 
-   <body>
-      <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>
-              <span class="icon-bar"></span>
-            </a>
-            <a class="brand" href="./index.html"><img src="images/json-ld-data-24.png"> 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 class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="icon-folder-open"></span> Specification <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li class="nav-header"><strong>Latest drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/latest/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/latest/">Requirements</a></li>
-                    <li class="divider"></li>
-                    <li class="nav-header"><strong>Previous Drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/">Requirements</a></li>
-                  </ul>
-                </li>
-                <li class="active"><a href="learn.html"><span class="icon-book"></span> Documentation</a></li>
-                <!-- <li><a href="#"><span class="icon-beaker"></span> Developers</a></li> -->
-                <li><a href="./images/index.html"><span class="icon-picture"></span> Images</a></li>
+  <body>
+    <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" href="index.html"><img src="images/json-ld-data-24.png"> 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 class="active">
+              <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>
-            </div><!--/.nav-collapse -->
+            </li>
+            <li><a href="images/index.html"><span class="icon-picture"></span> Branding</a></li>
+            </ul>
           </div>
+          <!--/.nav-collapse -->
         </div>
       </div>
+    </div>
 
       <div class="container"> 
         <br>
--- a/playground/index.html	Tue Jul 16 15:21:26 2013 -0400
+++ b/playground/index.html	Thu Jul 18 01:32:19 2013 +0530
@@ -50,33 +50,43 @@
       <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>
+            <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>
-              <span class="icon-bar"></span>
-              <span class="icon-bar"></span>
-            </a>
+            </a> 
             <a class="brand" href="../index.html"><img src="../images/json-ld-data-24.png"> JSON-LD</a>
             <div class="nav-collapse">
-              <ul class="nav">
-                <li class="active"><a href="#"><span class="icon-beer"></span> Play</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="icon-folder-open"></span> Specification <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li class="nav-header"><strong>Latest drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/latest/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/latest/">Requirements</a></li>
-                    <li class="divider"></li>
-                    <li class="nav-header"><strong>Previous Drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/">Requirements</a></li>
-                  </ul>
-                </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><a href="../images/index.html"><span class="icon-picture"></span> Images</a></li>
+            <ul class="nav">
+              <li class="active">
+                <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="#"><span class="icon-picture"></span> Branding</a></li>
               </ul>
-            </div><!--/.nav-collapse -->
+            </div>
+            <!--/.nav-collapse -->
           </div>
         </div>
       </div>
--- a/primer/index.php	Tue Jul 16 15:21:26 2013 -0400
+++ b/primer/index.php	Thu Jul 18 01:32:19 2013 +0530
@@ -26,15 +26,6 @@
 
       <!-- script tags -->
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
-      <script type="text/javascript" src="jquery-ui-1.8.14.custom.min.js"></script>
-      <script type="text/javascript" src="js_beautify.js"></script>
-      <script type="text/javascript" src="../common/prettify.js"></script>
-      <script type="text/javascript" src="../common/lang-jsonld.js"></script>
-      <script type="text/javascript" src="../common/lang-nquads.js"></script>
-      <script type="text/javascript" src="Future.js"></script>
-      <script type="text/javascript" src="jsonld.js"></script>
-      <script type="text/javascript" src="playground.js"></script>
-      <script type="text/javascript" src="playground-examples.js"></script>
 
       <script>
         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
@@ -48,42 +39,51 @@
 
    </head>
 
-   <body onload="playground.init();">
+    <body>
       <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>
+            <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>
-              <span class="icon-bar"></span>
-              <span class="icon-bar"></span>
-            </a>
+            </a> 
             <a class="brand" href="../index.html"><img src="../images/json-ld-data-24.png"> JSON-LD</a>
             <div class="nav-collapse">
-              <ul class="nav">
-                <li><a href="#"><span class="icon-beer"></span> Play</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="icon-folder-open"></span> Specification <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li class="nav-header"><strong>Latest drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/latest/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/latest/">Requirements</a></li>
-                    <li class="divider"></li>
-                    <li class="nav-header"><strong>Previous Drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/">Requirements</a></li>
-                  </ul>
-                </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><a href="../images/index.html"><span class="icon-picture"></span> Images</a></li>
+            <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>
+            <!--/.nav-collapse -->
           </div>
         </div>
       </div>
 
-
       <div class="container">
         <br>
 
--- a/requirements/index.php	Tue Jul 16 15:21:26 2013 -0400
+++ b/requirements/index.php	Thu Jul 18 01:32:19 2013 +0530
@@ -26,15 +26,6 @@
 
       <!-- script tags -->
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
-      <script type="text/javascript" src="jquery-ui-1.8.14.custom.min.js"></script>
-      <script type="text/javascript" src="js_beautify.js"></script>
-      <script type="text/javascript" src="../common/prettify.js"></script>
-      <script type="text/javascript" src="../common/lang-jsonld.js"></script>
-      <script type="text/javascript" src="../common/lang-nquads.js"></script>
-      <script type="text/javascript" src="Future.js"></script>
-      <script type="text/javascript" src="jsonld.js"></script>
-      <script type="text/javascript" src="playground.js"></script>
-      <script type="text/javascript" src="playground-examples.js"></script>
 
       <script>
         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
@@ -48,37 +39,47 @@
 
    </head>
 
-   <body onload="playground.init();">
+   <body>
       <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>
+            <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>
-              <span class="icon-bar"></span>
-              <span class="icon-bar"></span>
-            </a>
+            </a> 
             <a class="brand" href="../index.html"><img src="../images/json-ld-data-24.png"> JSON-LD</a>
             <div class="nav-collapse">
-              <ul class="nav">
-                <li><a href="#"><span class="icon-beer"></span> Play</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="icon-folder-open"></span> Specification <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li class="nav-header"><strong>Latest drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/latest/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/latest/">Requirements</a></li>
-                    <li class="divider"></li>
-                    <li class="nav-header"><strong>Previous Drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/">Requirements</a></li>
-                  </ul>
-                </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><a href="../images/index.html"><span class="icon-picture"></span> Images</a></li>
+            <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>
+            <!--/.nav-collapse -->
           </div>
         </div>
       </div>
--- a/spec/index.php	Tue Jul 16 15:21:26 2013 -0400
+++ b/spec/index.php	Thu Jul 18 01:32:19 2013 +0530
@@ -24,15 +24,6 @@
 
       <!-- script tags -->
       <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
-      <script type="text/javascript" src="jquery-ui-1.8.14.custom.min.js"></script>
-      <script type="text/javascript" src="js_beautify.js"></script>
-      <script type="text/javascript" src="../common/prettify.js"></script>
-      <script type="text/javascript" src="../common/lang-jsonld.js"></script>
-      <script type="text/javascript" src="../common/lang-nquads.js"></script>
-      <script type="text/javascript" src="Future.js"></script>
-      <script type="text/javascript" src="jsonld.js"></script>
-      <script type="text/javascript" src="playground.js"></script>
-      <script type="text/javascript" src="playground-examples.js"></script>
 
       <script>
         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
@@ -46,37 +37,47 @@
 
    </head>
 
-   <body onload="playground.init();">
+   <body>
       <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>
+            <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>
-              <span class="icon-bar"></span>
-              <span class="icon-bar"></span>
-            </a>
+            </a> 
             <a class="brand" href="../index.html"><img src="../images/json-ld-data-24.png"> JSON-LD</a>
             <div class="nav-collapse">
-              <ul class="nav">
-                <li><a href="#"><span class="icon-beer"></span> Play</a></li>
-                <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="icon-folder-open"></span> Specification <b class="caret"></b></a>
-                  <ul class="dropdown-menu">
-                    <li class="nav-header"><strong>Latest drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/latest/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/latest/">Requirements</a></li>
-                    <li class="divider"></li>
-                    <li class="nav-header"><strong>Previous Drafts</strong></li>
-                    <li><a href="http://json-ld.org/spec/">Specification</a></li>
-                    <li><a href="http://json-ld.org/requirements/">Requirements</a></li>
-                  </ul>
-                </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><a href="../images/index.html"><span class="icon-picture"></span> Images</a></li>
+            <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>
+            <!--/.nav-collapse -->
           </div>
         </div>
       </div>