Fix example on homepage to not use undefinied properties
authorMarkus Lanthaler <mark_lanthaler@gmx.net>
Fri, 15 Jun 2012 17:08:54 +0200
changeset 723 55df5f1d0bfe
parent 722 a331528edad6
child 724 57d53c7e6bdd
Fix example on homepage to not use undefinied properties
index.html
--- a/index.html	Fri Jun 15 16:57:39 2012 +0200
+++ b/index.html	Fri Jun 15 17:08:54 2012 +0200
@@ -1,71 +1,71 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
- "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd"> 
+ "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
 <html version="XHTML+RDFa 1.0" xmlns="http://www.w3.org/1999/xhtml"
    xmlns:xhv="http://www.w3.org/1999/xhtml/vocab#"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
    xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
    xmlns:dcterms="http://purl.org/dc/terms/"
    xmlns:vcard="http://www.w3.org/2006/vcard/ns#"
-   xmlns:v="http://rdf.data-vocabulary.org/#"> 
-   <head> 
-      <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
+   xmlns:v="http://rdf.data-vocabulary.org/#">
+   <head>
+      <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
       <title>JSON-LD - JSON for Linking Data</title>
-      <link href="site.css" rel="stylesheet" type="text/css" /> 
-      <link rel="shortcut icon" href="favicon.ico" /> 
-   </head> 
- 
-   <body> 
-      <div id="container"> 
-         <div id="header"> 
-            <span class="col"> 
+      <link href="site.css" rel="stylesheet" type="text/css" />
+      <link rel="shortcut icon" href="favicon.ico" />
+   </head>
+
+   <body>
+      <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>JSON for Linking Data</h1>
-            </span> 
-         </div> 
- 
-         <div id="content"> 
-            <div id="info"> 
-               <p class="tagline">Data is messy and disconnected. JSON-LD 
+            </span>
+         </div>
+
+         <div id="content">
+            <div id="info">
+               <p class="tagline">Data is messy and disconnected. JSON-LD
                organizes and connects it, letting your creativity bloom.
                </p>
-               
+
             </div>
 
             <div id="introduction">
                <h1>Introduction</h1>
 
-               <p>JSON-LD (<strong>J</strong>ava<strong>S</strong>cript 
-               <strong>O</strong>bject <strong>N</strong>otation for 
-               <strong>L</strong>inking <strong>D</strong>ata) is a 
-               lightweight 
+               <p>JSON-LD (<strong>J</strong>ava<strong>S</strong>cript
+               <strong>O</strong>bject <strong>N</strong>otation for
+               <strong>L</strong>inking <strong>D</strong>ata) is a
+               lightweight
                <a href="http://en.wikipedia.org/wiki/Linked_data">Linked Data</a>
-               format that gives your data context. It is easy for humans to read 
-               and write. It is easy for machines to parse and generate. It is 
-               based on the already successful 
+               format that gives your data context. It is easy for humans to read
+               and write. It is easy for machines to parse and generate. It is
+               based on the already successful
                <a href="http://json.org/">JSON format</a> and provides a way
-               to help JSON data interoperate at Web-scale. If you are already 
-               familiar with JSON, writing JSON-LD is very easy. These 
-               properties make JSON-LD an ideal Linked Data interchange language 
-               for JavaScript environments, Web service, and unstructured 
+               to help JSON data interoperate at Web-scale. If you are already
+               familiar with JSON, writing JSON-LD is very easy. These
+               properties make JSON-LD an ideal Linked Data interchange language
+               for JavaScript environments, Web service, and unstructured
                databases such as CouchDB and MongoDB.</p>
 
                <p>A simple example of a JSON object expressing Linked Data:</p>
                <pre>
-{ 
-  "@context": "http://json-ld.org/contexts/person",
+{
+  "@context": "http://json-ld.org/contexts/person.jsonld",
   "@id": "http://dbpedia.org/resource/John_Lennon",
   "name": "John Lennon",
-  "birthday": "10-09",
-  "member": "http://dbpedia.org/resource/The_Beatles"
+  "born": "1940-10-09",
+  "spouse": "http://dbpedia.org/resource/Cynthia_Lennon"
 }</pre>
 
-               <p>The example above describes a person whose name is 
+               <p>The example above describes a person whose name is
                <em>John Lennon</em>. The difference between regular JSON and
-               JSON-LD is that the JSON-LD object above uniquely identifies 
+               JSON-LD is that the JSON-LD object above uniquely identifies
                itself on the Web and can be used, without introducing ambiguity,
-               across every Web site, Web service and JSON-based database in 
+               across every Web site, Web service and JSON-based database in
                operation today. The secret lies in the @context, which instructs
                Linked Data-aware processors on how to interpret the JSON
                object.</p>
@@ -73,8 +73,8 @@
 
             <div id="playground">
                <h1>The Playground</h1>
-               <p>You can use the <a href="playground/">Playground</a> 
-               to try out JSON-LD in your web browser or to debug your 
+               <p>You can use the <a href="playground/">Playground</a>
+               to try out JSON-LD in your web browser or to debug your
                own JSON-LD markup.</p>
             </div>
 
@@ -111,7 +111,7 @@
             <div id="impl">
                <h1>Implementations</h1>
                <ul>
-                 <li>C++ 
+                 <li>C++
                    <ul>
                      <li><a href="https://github.com/digitalbazaar/monarch">Monarch</a></li>
                    </ul>
@@ -136,13 +136,13 @@
                      <li><a href="https://github.com/digitalbazaar/php-json-ld">php-json-ld</a></li>
                    </ul>
                  </li>
-                 <li>Python 
+                 <li>Python
                    <ul>
                      <li><a href="https://github.com/bradleypallen/json_ld_processor">JSON-LD Processor</a></li>
                      <li><a href="https://github.com/digitalbazaar/pyld">PyLD</a></li>
                    </ul>
                  </li>
-                 <li>Ruby 
+                 <li>Ruby
                    <ul>
                      <li><a href="https://github.com/gkellogg/json-ld/">JSON-LD Reader/Writer</a></li>
                    </ul>
@@ -166,16 +166,15 @@
             </div>
 
          </div>
- 
-         <div id="footer"> 
-            <p id="copyright"> 
+
+         <div id="footer">
+            <p id="copyright">
                Website content released under a <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution Share-Alike license</a> except where an alternate is specified.
-            </p> 
-            <p id="legal"> 
+            </p>
+            <p id="legal">
                Part of the <a href="http://payswarm.com/">payswarm.com</a> initiative.
             </p>
-         </div> 
-      </div> 
-   </body> 
+         </div>
+      </div>
+   </body>
 </html>
-