Primer: added hide buttons on each example, correct dc: to dcterms: in standalone example code files
authorSimon Miles <simon.miles@kcl.ac.uk>
Tue, 30 Oct 2012 15:31:15 +0000
changeset 4585 b0d9e434423d
parent 4584 61e3977180c1
child 4587 963b106ef64e
Primer: added hide buttons on each example, correct dc: to dcterms: in standalone example code files
primer/Primer.html
primer/primer-provn-examples.txt
primer/primer-turtle-examples.txt
--- a/primer/Primer.html	Tue Oct 30 11:44:49 2012 +0000
+++ b/primer/Primer.html	Tue Oct 30 15:31:15 2012 +0000
@@ -63,7 +63,7 @@
      "<a href=\"http://www.w3.org/2005/Incubator/prov/XGR-prov/\"><cite>Provenance XG Final Report</cite></a>. "+
      "8 December 2010. "+
      "URL: <a href=\"http://www.w3.org/2005/Incubator/prov/XGR-prov/\">http://www.w3.org/2005/Incubator/prov/XGR-prov/</a>"
-    };
+   };
    
    var respecConfig = {
     // specification status (e.g. WD, LCWD, NOTE, etc.). If in doubt use ED.
@@ -402,7 +402,6 @@
     "addition to be made to the document", to generate a further entity in the role of "edited document".
     Roles are application specific, so PROV does not define any particular roles.
    </p>
-   <!--p>Roles are intended as an extension point in the model; it is expected users will define and use custom role taxonomies.  Role interpretation is application specific.</p -->
   </section>
 
   <section>
@@ -556,7 +555,13 @@
    <p>Betty finds the following descriptions of entities in the provenance.</p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:article     a prov:Entity ;
                  dcterms:title "Crime rises in cities" .
@@ -568,7 +573,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   entity(ex:article, [dcterms:title='Crime rises in cities'])
   entity(ex:dataSet1)
@@ -604,14 +615,26 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:compile a prov:Activity .
     </pre>
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   activity(ex:compile)
     </pre>
@@ -628,7 +651,13 @@
    </p -->
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:compose    a prov:Activity .
   ex:illustrate a prov:Activity .
@@ -636,7 +665,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   activity(ex:compose)
   activity(ex:illustrate)
@@ -664,7 +699,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:compose      prov:used           ex:dataSet1 ;
                   prov:used           ex:regionList .
@@ -673,7 +714,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   used(ex:compose, ex:dataSet1, -)
   used(ex:compose, ex:regionList, -)
@@ -690,7 +737,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:illustrate prov:used           ex:composition .
   ex:chart1     prov:wasGeneratedBy ex:illustrate .
@@ -698,7 +751,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   used(ex:illustrate, ex:composition, -)
   wasGeneratedBy(ex:chart1, ex:illustrate, -)
@@ -721,7 +780,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:compose    prov:wasAssociatedWith ex:derek .
   ex:illustrate prov:wasAssociatedWith ex:derek .
@@ -729,7 +794,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   wasAssociatedWith(ex:compose, ex:derek, -)
   wasAssociatedWith(ex:illustrate, ex:derek, -)
@@ -743,7 +814,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:derek a prov:Agent ;
            a prov:Person ;
@@ -753,7 +830,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   agent(ex:derek,
         [prov:type='prov:Person', foaf:givenName='Derek', 
@@ -767,7 +850,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:derek prov:actedOnBehalfOf ex:chartgen .
   ex:chartgen a prov:Agent ;
@@ -777,7 +866,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   agent(ex:chartgen,
         [prov:type='prov:Organization',
@@ -791,14 +886,26 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:chart1 prov:wasAttributedTo ex:derek .
     </pre>
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   wasAttributedTo(ex:chart1, ex:derek)
     </pre>
@@ -832,7 +939,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:dataToCompose        a prov:Role .
   ex:regionsToAggregateBy a prov:Role .
@@ -846,7 +959,13 @@
      as follows.
     </p>
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:compose prov:used ex:dataSet1 .
     </pre>
@@ -865,7 +984,13 @@
      to be composed (<code>ex:dataToCompose</code>).
     </p>
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:compose prov:qualifiedUsage [
                 a prov:Usage ;
@@ -880,7 +1005,13 @@
      expression, with the attribute name <code>prov:role</code>.
     </p>
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   used(ex:compose, ex:dataSet1, -, [prov:role='ex:dataToCompose'])
     </pre>
@@ -891,7 +1022,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:compose prov:qualifiedUsage [
                 a prov:Usage ;
@@ -902,7 +1039,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   used(ex:compose, ex:regionList, -, [prov:role='ex:regionsToAggregateBy'])
     </pre>
@@ -915,7 +1058,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:compose prov:qualifiedAssociation [
                 a  prov:Association ;
@@ -931,7 +1080,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   wasAssociatedWith(ex:compose, ex:derek, -, [prov:role='ex:analyst'])
   wasGeneratedBy(ex:composition, ex:compose, -, [prov:role='ex:composedData'])
@@ -958,7 +1113,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:dataSet2 a prov:Entity ;
               prov:wasRevisionOf ex:dataSet1 .
@@ -966,7 +1127,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   entity(ex:dataSet2)
   wasDerivedFrom(ex:dataSet2, ex:dataSet1, [prov:type='prov:Revision'])
@@ -981,7 +1148,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:chart2 a prov:Entity ;
             prov:wasDerivedFrom ex:dataSet2 .
@@ -989,7 +1162,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   wasDerivedFrom(ex:chart2, ex:dataSet2)
     </pre>
@@ -998,7 +1177,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:chart2 a prov:Entity ;
             prov:wasRevisionOf ex:chart1 .
@@ -1006,7 +1191,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   entity(ex:chart2)
   wasDerivedFrom(ex:chart2, ex:chart1, [prov:type='prov:Revision'])
@@ -1032,7 +1223,13 @@
     are described.
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:correct      a prov:Activity .
   ex:edith        a prov:Agent, prov:Person .
@@ -1041,7 +1238,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   activity(ex:correct)
   agent(ex:edith, [prov:type='prov:Person'])
@@ -1055,7 +1258,13 @@
      including that she followed the above correction instructions.
     </p>
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:correct prov:qualifiedAssociation [
                  a Association ;
@@ -1070,7 +1279,13 @@
      In PROV-N, the plan is an optional parameter to wasAssociatedWith descriptions.
     </p>
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   wasAssociatedWith(ex:correct, ex:edith, ex:instructions)
   wasGeneratedBy(ex:dataSet2, ex:correct, -)
@@ -1095,7 +1310,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:chart1 prov:generatedAtTime "2012-03-02T10:30:00"^^xsd:dateTime .
   ex:chart2 prov:generatedAtTime "2012-04-01T15:21:00"^^xsd:dateTime .
@@ -1103,7 +1324,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   wasGeneratedBy(ex:chart1, ex:compile,  2012-03-02T10:30:00)
   wasGeneratedBy(ex:chart2, ex:compile2, 2012-04-01T15:21:00)
@@ -1119,7 +1346,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:correct prov:startedAtTime "2012-03-31T09:21:00"^^xsd:dateTime ;
              prov:endedAtTime   "2012-04-01T15:21:00"^^xsd:dateTime .
@@ -1127,7 +1360,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   activity(ex:correct, 2012-03-31T09:21:00, 2012-04-01T15:21:00)
     </pre>
@@ -1149,7 +1388,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:blogEntry a prov:Entity ;
                prov:wasQuotedFrom ex:article .
@@ -1157,7 +1402,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   entity(ex:blogEntry)
   wasDerivedFrom(ex:blogEntry, ex:article, [prov:type='prov:Quotation'])
@@ -1173,7 +1424,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:articleV1 a prov:Entity ;
                prov:specializationOf ex:article .
@@ -1181,7 +1438,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   entity(ex:articleV1)
   specializationOf(ex:articleV1, ex:article)
@@ -1197,7 +1460,13 @@
    </p>
    <div class="turtle example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>Turtle Example</b></span></div>
+     <span class="exampleheader"><b>Turtle Example</b>
+      <a onclick="
+          set_display_by_class('pre','turtle example','none');
+          set_display_by_class('div','turtle example','none');
+          set_display_by_id('hide-turtle-examples','none');
+          set_display_by_id('show-turtle-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   ex:articleV2 prov:specializationOf ex:article .
   ex:articleV2 prov:alternateOf      ex:articleV1 .
@@ -1205,7 +1474,13 @@
    </div>
    <div class="provn example">
     <div class="exampleheader">
-     <span class="exampleheader"><b>PROV-N Example</b></span></div>
+     <span class="exampleheader"><b>PROV-N Example</b>
+      <a onclick="
+            set_display_by_class('pre','provn example','none');
+            set_display_by_class('div','provn example','none');
+            set_display_by_id('hide-provn-examples','none');
+            set_display_by_id('show-provn-examples','');"><u><i>(hide)</i></u></a>
+     </span></div>
     <pre>
   specializationOf(ex:articleV2, ex:article)
   alternateOf(ex:articleV2, ex:articleV1)
--- a/primer/primer-provn-examples.txt	Tue Oct 30 11:44:49 2012 +0000
+++ b/primer/primer-provn-examples.txt	Tue Oct 30 15:31:15 2012 +0000
@@ -1,6 +1,6 @@
 prefix prov <http://www.w3.org/ns/prov#>
 prefix ex <http://www.example.org#>
-prefix dc <http://purl.org/dc/elements/1.1/>
+prefix dcterms <http://purl.org/dc/terms/>
 prefix foaf <http://xmlns.com/foaf/0.1/>
 
 // The examples below are taken from, and follow the same order
--- a/primer/primer-turtle-examples.txt	Tue Oct 30 11:44:49 2012 +0000
+++ b/primer/primer-turtle-examples.txt	Tue Oct 30 15:31:15 2012 +0000
@@ -1,7 +1,7 @@
 @prefix rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#> .
 @prefix prov: <http://www.w3.org/ns/prov#> .
 @prefix ex: <http://www.example.org#> .
[email protected] dc: <http://purl.org/dc/elements/1.1/> .
[email protected] dcterms: <http://purl.org/dc/terms/> .
 @prefix foaf: <http://xmlns.com/foaf/0.1/> .
 
 # The examples below are taken from, and follow the same order