Merge pull request #108 from Carifio24/original-pertau

Add original PerTau and Milky Way 3D examples

docs/index.html

@@ -184,7 +184,7 @@ <h2>Examples</h2>
       -->
 
       <div id="examples-container">
-        <section class="example-section study">
+        <section class="example-section">
           <div class="box highlight">
             <img class="example-img image" src="assets/img/pertau_isosurface.png"/>
             <p>A rendering of the <a href="https://iopscience.iop.org/article/10.3847/2041-8213/ac1f95">Per-Tau Shell</a>, using isosurfaces for dust clouds</a></p>
@@ -568,6 +568,90 @@ <h2>Examples</h2>
           </div>
         </section>
 
+        <section class="example-section study">
+          <div class="box highlight">
+            <img class="example-img image" src="assets/img/pertau_original.png"/>
+            <p>The figure that started it all! This figure, created in collaboration with <a href="https://delightex.com/">Delightex</a>, was the first AR figure to appear in a major astronomical journal.</p>
+          </div>
+          <div class="box highlight qr-highlight">
+            <div class="qr-item">
+              <a class="image img-link" href="https://edu.cospaces.io/DYY-NVK">
+                <img
+                  class="qr-code"
+                  width="25%"
+                  href="https://edu.cospaces.io/DYY-NVK"
+                  src="assets/img/qr/Original PerTau_CoSpaces_tabletop_black.png"
+                  onmouseover="this.src='assets/img/qr/Original PerTau_CoSpaces_tabletop_red.png'"
+                  onmouseout="this.src='assets/img/qr/Original PerTau_CoSpaces_tabletop_black.png'"
+                />
+              </a>
+              <div>CoSpaces - tabletop</div>
+            </div>
+            <div class="qr-item">
+              <a class="image img-link" href="https://edu.cospaces.io/WPP-QFX">
+                <img
+                  class="qr-code"
+                  width="25%"
+                  href="https://edu.cospaces.io/WPP-QFX"
+                  src="assets/img/qr/Original PerTau_CoSpaces_MERGE_black.png"
+                  onmouseover="this.src='assets/img/qr/Original PerTau_CoSpaces_MERGE_red.png'"
+                  onmouseout="this.src='assets/img/qr/Original PerTau_CoSpaces_MERGE_black.png'"
+                />
+              </a>
+              <div>CoSpaces - MERGE</div>
+            </div>
+          </div>
+        </section>
+
+        <section class="example-section">
+          <div class="box highlight">
+            <img class="example-img image" src="assets/img/mw3d.png"/>
+            <p>A rendering of several different data sets of structures within the Milky Way, including the Radcliffe Wave, Local Bubble, and IRAS Vela Shell.</p>
+          </div>
+          <div class="box highlight qr-highlight">
+            <div class="qr-item">
+              <a class="image img-link" href="examples/mw3d_draco.html">
+                <img
+                  class="qr-code"
+                  width="25%"
+                  href="examples/mw3d_draco.html"
+                  src="assets/img/qr/Milky Way 3D_model-viewer_black.png"
+                  onmouseover="this.src='assets/img/qr/Milky Way 3D_model-viewer_red.png'"
+                  onmouseout="this.src='assets/img/qr/Milky Way 3D_model-viewer_black.png'"
+                />
+              </a>
+              <div>model-viewer</div>
+            </div>
+            <div class="qr-item">
+              <a class="image img-link" href="https://edu.cospaces.io/VDE-TZG">
+                <img
+                  class="qr-code"
+                  width="25%"
+                  href="https://edu.cospaces.io/VDE-TZG"
+                  src="assets/img/qr/Milky Way 3D_CoSpaces_tabletop_black.png"
+                  onmouseover="this.src='assets/img/qr/Milky Way 3D_CoSpaces_tabletop_red.png'"
+                  onmouseout="this.src='assets/img/qr/Milky Way 3D_CoSpaces_tabletop_black.png'"
+                />
+              </a>
+              <div>CoSpaces - tabletop</div>
+            </div>
+            <div class="qr-item">
+              <a class="image img-link" href="https://edu.cospaces.io/GLH-AMA">
+                <img
+                  class="qr-code"
+                  width="25%"
+                  href="https://edu.cospaces.io/GLH-AMA"
+                  src="assets/img/qr/Milky Way 3D_CoSpaces_MERGE_black.png"
+                  onmouseover="this.src='assets/img/qr/Milky Way 3D_CoSpaces_MERGE_red.png'"
+                  onmouseout="this.src='assets/img/qr/Milky Way 3D_CoSpaces_MERGE_black.png'"
+                />
+              </a>
+              <div>CoSpaces - MERGE</div>
+            </div>
+          </div>
+        </section>
+
+
       </div>
     </section>