deploy: e2b0070

_sources/index.rst.txt

@@ -35,6 +35,24 @@ Welcome to the **EMMO Electrochemistry Domain Ontology**, a semantic resource wi
             }
          }
 
+   .. tab-item:: JSON Crack
+
+      .. raw:: html
+
+         <div style="position: relative; padding-top: 56.25%;">  <!-- Aspect ratio of 16:9 -->
+            <iframe id="jsoncrackEmbed" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://jsoncrack.com/widget?json=https://raw.githubusercontent.com/emmo-repo/domain-electrochemistry/master/sphinx/assets/jsonld/example_electrochemical_cell.json"></iframe>
+         </div>
+
+   .. tab-item:: JSON-LD Playground
+
+      .. raw:: html
+
+         <div style="position: relative; padding-top: 56.25%;">  <!-- Aspect ratio of 16:9 -->
+            <iframe src="https://json-ld.org/playground/#startTab=tab-expanded&json-ld=%7B%22%40context%22%3A%22https%3A%2F%2Fraw.githubusercontent.com%2Femmo-repo%2Fdomain-electrochemistry%2Fmaster%2Fcontext.json%22%2C%22%40type%22%3A%22ElectrochemicalCell%22%2C%22hasNegativeElectrode%22%3A%7B%22%40type%22%3A%22ZincElectrode%22%7D%2C%22hasPositiveElectrode%22%3A%7B%22%40type%22%3A%22ManganeseDioxideElectrode%22%7D%2C%22hasElectrolyte%22%3A%7B%22%40type%22%3A%22AlkalineElectrolyte%22%7D%7D" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameborder="0" allowfullscreen></iframe>
+         </div>
+
+
+
 Check out these resources to get started!
 -----------------------------------------
 .. grid::

index.html

@@ -355,6 +355,18 @@ <h1>Electrochemistry Ontology<a class="headerlink" href="#electrochemistry-ontol
 </pre></div>
 </div>
 </div>
+<input id="sd-tab-item-1" name="sd-tab-set-0" type="radio">
+</input><label class="sd-tab-label" for="sd-tab-item-1">
+JSON Crack</label><div class="sd-tab-content docutils">
+<div style="position: relative; padding-top: 56.25%;">  <!-- Aspect ratio of 16:9 -->
+   <iframe id="jsoncrackEmbed" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://jsoncrack.com/widget?json=https://raw.githubusercontent.com/emmo-repo/domain-electrochemistry/master/sphinx/assets/jsonld/example_electrochemical_cell.json"></iframe>
+</div></div>
+<input id="sd-tab-item-2" name="sd-tab-set-0" type="radio">
+</input><label class="sd-tab-label" for="sd-tab-item-2">
+JSON-LD Playground</label><div class="sd-tab-content docutils">
+<div style="position: relative; padding-top: 56.25%;">  <!-- Aspect ratio of 16:9 -->
+   <iframe src="https://json-ld.org/playground/#startTab=tab-expanded&json-ld=%7B%22%40context%22%3A%22https%3A%2F%2Fraw.githubusercontent.com%2Femmo-repo%2Fdomain-electrochemistry%2Fmaster%2Fcontext.json%22%2C%22%40type%22%3A%22ElectrochemicalCell%22%2C%22hasNegativeElectrode%22%3A%7B%22%40type%22%3A%22ZincElectrode%22%7D%2C%22hasPositiveElectrode%22%3A%7B%22%40type%22%3A%22ManganeseDioxideElectrode%22%7D%2C%22hasElectrolyte%22%3A%7B%22%40type%22%3A%22AlkalineElectrolyte%22%7D%7D" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameborder="0" allowfullscreen></iframe>
+</div></div>
 </div>
 <section id="check-out-these-resources-to-get-started">
 <h2>Check out these resources to get started!<a class="headerlink" href="#check-out-these-resources-to-get-started" title="Permalink to this heading">#</a></h2>