diff --git a/debug.log b/debug.log
index a0024b136cd10e3a5786d98149567521dedc6204..36259c4f5f01d4dc0148011e127adcfdc5baa819 100644
--- a/debug.log
+++ b/debug.log
@@ -1,2 +1,4 @@
[1020/105343.042:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
[1020/135406.364:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1117/150158.926:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
+[1124/174540.757:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
diff --git a/examples/Coal/old/Coal_Zoom_Example.jpg b/examples/Coal/old/Coal_Zoom_Example.jpg
deleted file mode 100644
index 0d20d7503f8129821957f7fbfb4b4db16f604416..0000000000000000000000000000000000000000
Binary files a/examples/Coal/old/Coal_Zoom_Example.jpg and /dev/null differ
diff --git a/examples/Foam/old/Foam2_3D_Example.jpg b/examples/Foam/old/Foam2_3D_Example.jpg
deleted file mode 100644
index fc2daf70db42762887e61728440513c6ac985b72..0000000000000000000000000000000000000000
Binary files a/examples/Foam/old/Foam2_3D_Example.jpg and /dev/null differ
diff --git a/examples/Foam/old/Foam_3D_Example.jpg b/examples/Foam/old/Foam_3D_Example.jpg
deleted file mode 100644
index 476e46558656f6edb9b7a4eb304329a4144c9879..0000000000000000000000000000000000000000
Binary files a/examples/Foam/old/Foam_3D_Example.jpg and /dev/null differ
diff --git a/examples/Mussel/old/Mussel_closed_3Dcut.jpg b/examples/Mussel/old/Mussel_closed_3Dcut.jpg
deleted file mode 100644
index b8d54b95e20c099efcfb1b1ccb3938cbd63f7af1..0000000000000000000000000000000000000000
Binary files a/examples/Mussel/old/Mussel_closed_3Dcut.jpg and /dev/null differ
diff --git a/examples/Okinawa_forams/Okinawa_Foram_3DCut.jpg b/examples/Okinawa_forams/Okinawa_Foram_3DCut.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..25b51c5b000a30b6ed0b551a51bf6f86e387983b
Binary files /dev/null and b/examples/Okinawa_forams/Okinawa_Foram_3DCut.jpg differ
diff --git a/examples/Okinawa_forams/Okinawa_Foram_3DExample.jpg b/examples/Okinawa_forams/Okinawa_Foram_3DExample.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..73eafca7c6a03f58bb11b30b184aa418a08696ee
Binary files /dev/null and b/examples/Okinawa_forams/Okinawa_Foram_3DExample.jpg differ
diff --git a/examples/Okinawa_forams/histogram.png b/examples/Okinawa_forams/histogram.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbfb6e1c937dd522e9182b8c7bb528f87e7511d7
Binary files /dev/null and b/examples/Okinawa_forams/histogram.png differ
diff --git a/examples/Okinawa_forams/okinawa_3D.png b/examples/Okinawa_forams/okinawa_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..5aed2ab35d6b15072dda5e83b0e30a184dffddb7
Binary files /dev/null and b/examples/Okinawa_forams/okinawa_3D.png differ
diff --git a/examples/Okinawa_forams/orthogonal_slices.png b/examples/Okinawa_forams/orthogonal_slices.png
new file mode 100644
index 0000000000000000000000000000000000000000..36212251f0ec8a86326ef61797799b1a2a69fd0b
Binary files /dev/null and b/examples/Okinawa_forams/orthogonal_slices.png differ
diff --git a/examples/Okinawa_forams/same_direction.png b/examples/Okinawa_forams/same_direction.png
new file mode 100644
index 0000000000000000000000000000000000000000..739d5a992399dc03c656fc946d444cc457f5ef91
Binary files /dev/null and b/examples/Okinawa_forams/same_direction.png differ
diff --git a/examples/Okinawa_forams/single_view_1.png b/examples/Okinawa_forams/single_view_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..907011e4168c82dc46b049492db56865d7b9bad5
Binary files /dev/null and b/examples/Okinawa_forams/single_view_1.png differ
diff --git a/examples/Okinawa_forams/single_view_2.png b/examples/Okinawa_forams/single_view_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..22208f2076feb1876a555c1c494c2ca435d4b105
Binary files /dev/null and b/examples/Okinawa_forams/single_view_2.png differ
diff --git a/examples/Okinawa_forams/single_view_x.png b/examples/Okinawa_forams/single_view_x.png
new file mode 100644
index 0000000000000000000000000000000000000000..7cc87a498c2f4902422e7827cd07bd22f332ee88
Binary files /dev/null and b/examples/Okinawa_forams/single_view_x.png differ
diff --git a/examples/Okinawa_forams/single_view_y.png b/examples/Okinawa_forams/single_view_y.png
new file mode 100644
index 0000000000000000000000000000000000000000..66b9445a1149e08ffa6ae3be415c1151011a79bf
Binary files /dev/null and b/examples/Okinawa_forams/single_view_y.png differ
diff --git a/examples/Okinawa_forams/single_view_z.png b/examples/Okinawa_forams/single_view_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..db63afe343fb4ace72dd049f22916f155a9507a5
Binary files /dev/null and b/examples/Okinawa_forams/single_view_z.png differ
diff --git a/examples/Physalis/Physalis_3D_Example.jpg b/examples/Physalis/Physalis_3D_Example.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3536f69168970aa235681586486595357a706303
Binary files /dev/null and b/examples/Physalis/Physalis_3D_Example.jpg differ
diff --git a/examples/Physalis/histogram.png b/examples/Physalis/histogram.png
new file mode 100644
index 0000000000000000000000000000000000000000..c65617b999b67f28f1d34dde6e81a1d952e55669
Binary files /dev/null and b/examples/Physalis/histogram.png differ
diff --git a/examples/Physalis/orthogonal_slices.png b/examples/Physalis/orthogonal_slices.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1b84fd27fd68e5b6a85053d473cb490084a3cef
Binary files /dev/null and b/examples/Physalis/orthogonal_slices.png differ
diff --git a/examples/Physalis/physalis_3D.png b/examples/Physalis/physalis_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad333a05762a3063e73eae9109f5ece81e77c060
Binary files /dev/null and b/examples/Physalis/physalis_3D.png differ
diff --git a/examples/Physalis/physalis_3D_2.png b/examples/Physalis/physalis_3D_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..42248800aa7f1bec647018e4896604dbd803dbe5
Binary files /dev/null and b/examples/Physalis/physalis_3D_2.png differ
diff --git a/examples/Physalis/same_direction.png b/examples/Physalis/same_direction.png
new file mode 100644
index 0000000000000000000000000000000000000000..bec68b7a587eac190cafc49a35bf0dba374b679a
Binary files /dev/null and b/examples/Physalis/same_direction.png differ
diff --git a/examples/Physalis/single_view_1.png b/examples/Physalis/single_view_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..8a350ac8d401de4245b6b13b116842e0f7904f65
Binary files /dev/null and b/examples/Physalis/single_view_1.png differ
diff --git a/examples/Physalis/single_view_downsampled.png b/examples/Physalis/single_view_downsampled.png
new file mode 100644
index 0000000000000000000000000000000000000000..268115e113a5834f0a4de0aec3fcff774c7795cb
Binary files /dev/null and b/examples/Physalis/single_view_downsampled.png differ
diff --git a/examples/Physalis/single_view_x.png b/examples/Physalis/single_view_x.png
new file mode 100644
index 0000000000000000000000000000000000000000..78b6d7c3193d6ea3a784547e6dd7fcc793bf128a
Binary files /dev/null and b/examples/Physalis/single_view_x.png differ
diff --git a/examples/Physalis/single_view_y.png b/examples/Physalis/single_view_y.png
new file mode 100644
index 0000000000000000000000000000000000000000..8bf3f64f169daab74fc2331cd8cc166e72cf4cb0
Binary files /dev/null and b/examples/Physalis/single_view_y.png differ
diff --git a/examples/Physalis/single_view_z.png b/examples/Physalis/single_view_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..e124568f9f1256fad7379c463a2d40081418a17c
Binary files /dev/null and b/examples/Physalis/single_view_z.png differ
diff --git a/examples/Raspberry/Raspberry_3D_Example.jpg b/examples/Raspberry/Raspberry_3D_Example.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..28ba3ec0e7c9643dcd75848f23650521b8c07f20
Binary files /dev/null and b/examples/Raspberry/Raspberry_3D_Example.jpg differ
diff --git a/examples/Raspberry/histogram.png b/examples/Raspberry/histogram.png
new file mode 100644
index 0000000000000000000000000000000000000000..9810cba2fe6f81b1f129e9f06d16d47aab7296aa
Binary files /dev/null and b/examples/Raspberry/histogram.png differ
diff --git a/examples/Raspberry/orthogonal_slices.png b/examples/Raspberry/orthogonal_slices.png
new file mode 100644
index 0000000000000000000000000000000000000000..17b6953c4f276a2133f2cfd7d7335441402b2902
Binary files /dev/null and b/examples/Raspberry/orthogonal_slices.png differ
diff --git a/examples/Raspberry/raspberry_3D_1.png b/examples/Raspberry/raspberry_3D_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..e41aa35b1fed736451a1397c9f4214da15b7d834
Binary files /dev/null and b/examples/Raspberry/raspberry_3D_1.png differ
diff --git a/examples/Raspberry/raspberry_3D_2.png b/examples/Raspberry/raspberry_3D_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..6766474a7428b372cfef1ad2ebd6dcb13a05771b
Binary files /dev/null and b/examples/Raspberry/raspberry_3D_2.png differ
diff --git a/examples/Raspberry/same_direction.png b/examples/Raspberry/same_direction.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b1b537e5904fa8bf099d5701d62a71e94a97214
Binary files /dev/null and b/examples/Raspberry/same_direction.png differ
diff --git a/examples/Raspberry/single_view_1.png b/examples/Raspberry/single_view_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..3856259f3cb8af6102a27a7ead2a5e3464c62eb1
Binary files /dev/null and b/examples/Raspberry/single_view_1.png differ
diff --git a/examples/Raspberry/single_view_downsampled.png b/examples/Raspberry/single_view_downsampled.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd961b8a04717eb7ac0ef0fe866687d1fb844d24
Binary files /dev/null and b/examples/Raspberry/single_view_downsampled.png differ
diff --git a/examples/Raspberry/single_view_x.png b/examples/Raspberry/single_view_x.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e06b8536ec842ff08ddf695e4c5b581171c6318
Binary files /dev/null and b/examples/Raspberry/single_view_x.png differ
diff --git a/examples/Raspberry/single_view_y.png b/examples/Raspberry/single_view_y.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3c2e53444bde413108a06c4118e8fc281555557
Binary files /dev/null and b/examples/Raspberry/single_view_y.png differ
diff --git a/examples/Raspberry/single_view_z.png b/examples/Raspberry/single_view_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..63f7c3e3b1280be835c046c2a986b12878fcba39
Binary files /dev/null and b/examples/Raspberry/single_view_z.png differ
diff --git a/examples/Rope/PlasticRope_3Dcut.jpg b/examples/Rope/PlasticRope_3Dcut.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8632a04fafd73d89a7548beb89937c6e55d8685b
Binary files /dev/null and b/examples/Rope/PlasticRope_3Dcut.jpg differ
diff --git a/examples/Rope/Rope_3D_Example.jpg b/examples/Rope/Rope_3D_Example.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9f359d0c65aecc40d405a3f0417f5019a86cea0b
Binary files /dev/null and b/examples/Rope/Rope_3D_Example.jpg differ
diff --git a/examples/Rope/histogram.png b/examples/Rope/histogram.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcf6f4395215a215176ef95d69fdd67553812285
Binary files /dev/null and b/examples/Rope/histogram.png differ
diff --git a/examples/Rope/orthogonal_slices.png b/examples/Rope/orthogonal_slices.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d82ac8cb5c9c05b2f221fa37ca8ef1d73a06867
Binary files /dev/null and b/examples/Rope/orthogonal_slices.png differ
diff --git a/examples/Rope/rope_3D.png b/examples/Rope/rope_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..87bb04a4a1f6132b41e086cbb48e5a55596dd866
Binary files /dev/null and b/examples/Rope/rope_3D.png differ
diff --git a/examples/Rope/rope_3D_2.png b/examples/Rope/rope_3D_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..db51c4f746487411234dc68affef2db82dd738a1
Binary files /dev/null and b/examples/Rope/rope_3D_2.png differ
diff --git a/examples/Rope/same_direction.png b/examples/Rope/same_direction.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0098875007ebf450866849e9ea6bd2e75ca1f91
Binary files /dev/null and b/examples/Rope/same_direction.png differ
diff --git a/examples/Rope/single_view_1.png b/examples/Rope/single_view_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..859688a5af0d593ede8c665c3f2973fc06a86e0c
Binary files /dev/null and b/examples/Rope/single_view_1.png differ
diff --git a/examples/Rope/single_view_downsampled.png b/examples/Rope/single_view_downsampled.png
new file mode 100644
index 0000000000000000000000000000000000000000..ccb0c4eb3f21119ca82700f8a5ecd734c7875798
Binary files /dev/null and b/examples/Rope/single_view_downsampled.png differ
diff --git a/examples/Rope/single_view_x.png b/examples/Rope/single_view_x.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd165e59b52907fa21cc826c9b797929f7c1e040
Binary files /dev/null and b/examples/Rope/single_view_x.png differ
diff --git a/examples/Rope/single_view_y.png b/examples/Rope/single_view_y.png
new file mode 100644
index 0000000000000000000000000000000000000000..1dfca28da4725374bb03ab97d832fc2ae818af7f
Binary files /dev/null and b/examples/Rope/single_view_y.png differ
diff --git a/examples/Rope/single_view_z.png b/examples/Rope/single_view_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f550748f601b7c20355fbba83ecd1b0776309ed
Binary files /dev/null and b/examples/Rope/single_view_z.png differ
diff --git a/index.html b/index.html
index fc9c5eaab9305e4ae0bf35449ff68216a6be6c5e..dd52d5d0147e9d9881c82ba110b2736c61499909 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
<!-- START OF INDIVIDUAL PAGE CONTENT -->
- <!-- First Photo Grid-->
+ <!-- First Photo Row-->
<div class="w3-row-padding w3-padding-16">
<div class="w3-third w3-container w3-margin-bottom">
<a href="pages/coal.html">
@@ -59,7 +59,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
</div>
- <!-- Second Photo Grid-->
+ <!-- Second Photo Row-->
<div class="w3-row-padding w3-padding-16">
<div class="w3-third w3-container w3-margin-bottom">
<a href="pages/crab.html">
@@ -92,7 +92,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
</div>
- <!-- Third Photo Grid-->
+ <!-- Third Photo Row-->
<div class="w3-row-padding w3-padding-16">
<div class="w3-third w3-container w3-margin-bottom">
<a href="pages/hourglass.html">
@@ -125,7 +125,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
</div>
- <!-- Fourth Photo Grid-->
+ <!-- Fourth Photo Row-->
<div class="w3-row-padding w3-padding-16">
<div class="w3-third w3-container w3-margin-bottom">
<a href="pages/marine_gastropods.html">
@@ -158,6 +158,53 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
</div>
+ <!-- Fifth Photo Row-->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <a href="pages/okinawa_forams.html">
+ <img src="examples/Okinawa_forams/okinawa_3D.png" style="width:100%" class="w3-hover-opacity">
+ <div class="w3-container w3-white">
+ <p><b>Okinawa Forams</b></p>
+ </a>
+ <p>Shell of a unicellular marine organism</p>
+ </div>
+ </div>
+
+ <div class="w3-third w3-container w3-margin-bottom">
+ <a href="pages/physalis.html">
+ <img src="examples/Physalis/physalis_3D.png" style="width:100%" class="w3-hover-opacity">
+ </a>
+ <div class="w3-container w3-white">
+ <p><b>Physalis</b></p>
+ <p>Physalis fruit with husk</p>
+ </div>
+ </div>
+
+ <div class="w3-third w3-container w3-margin-bottom">
+ <a href="pages/raspberry.html">
+ <img src="examples/Raspberry/raspberry_3D_1.png" style="width:100%" class="w3-hover-opacity">
+ </a>
+ <div class="w3-container w3-white">
+ <p><b>Raspberry</b></p>
+ <p>Wild raspberry</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- Sixth Photo Row-->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <a href="pages/rope.html">
+ <img src="examples/Rope/Rope_3D_Example.jpg" style="width:100%" class="w3-hover-opacity">
+ <div class="w3-container w3-white">
+ <p><b>Rope</b></p>
+ </a>
+ <p>Piece of synthetic rope</p>
+ </div>
+ </div>
+
+ </div>
+
<!-- Example Photo Grid-->
<div class="w3-row-padding">
diff --git a/pages/corals.html b/pages/corals.html
index bdf28c8ab15e67763148924e5680b500abfd3310..072277b75ee8b54f1fbd7fc633cc6cbd337b683d 100644
--- a/pages/corals.html
+++ b/pages/corals.html
@@ -28,13 +28,13 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
<!-- Images -->
<div class="w3-row-padding w3-padding-16">
<div class="w3-half w3-container w3-margin-bottom">
- <img src="../examples/corals/Coral1_3D.png" style="width:100%">
+ <img src="../examples/Corals/Coral1_3D.png" style="width:100%">
<div class="w3-container w3-white">
<p>3D visualization of Coral1</p>
</div>
</div>
<div class="w3-half w3-container w3-margin-bottom">
- <img src="../examples/corals/orthogonal_slices.png" style="width:100%">
+ <img src="../examples/Corals/orthogonal_slices.png" style="width:100%">
<div class="w3-container w3-white">
<p>Orthogonal Slices of Coral1</p>
</div>
@@ -145,37 +145,37 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
<h4>Cross sections of data</h4>
<div class="w3-row-padding w3-padding-16">
<div class="w3-col m2 w3-container w3-margin-bottom">
- <img src="../examples/corals/single_view_1.png" style="width:100%">
+ <img src="../examples/Corals/single_view_1.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of Coral 1 full</p>
</div>
</div>
<div class="w3-col m2 w3-container w3-margin-bottom">
- <img src="../examples/corals/single_view_1_1.png" style="width:100%">
+ <img src="../examples/Corals/single_view_1_1.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of Coral_1 1 full</p>
</div>
</div>
<div class="w3-col m2 w3-container w3-margin-bottom">
- <img src="../examples/corals/single_view_1_2.png" style="width:100%">
+ <img src="../examples/Corals/single_view_1_2.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of Coral_1 2 full</p>
</div>
</div>
<div class="w3-col m2 w3-container w3-margin-bottom">
- <img src="../examples/corals/single_view_2.png" style="width:100%">
+ <img src="../examples/Corals/single_view_2.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of Coral 2 full</p>
</div>
</div>
<div class="w3-col m2 w3-container w3-margin-bottom">
- <img src="../examples/corals/single_view_2_DOWNSAMPLED.png" style="width:100%">
+ <img src="../examples/Corals/single_view_2_DOWNSAMPLED.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of Coral 2 downsampled</p>
</div>
</div>
<div class="w3-col m2 w3-container w3-margin-bottom">
- <img src="../examples/corals/single_view_mex.png" style="width:100%">
+ <img src="../examples/Corals/single_view_mex.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of MexCoral full</p>
</div>
@@ -188,13 +188,13 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
<h4>Additional Images</h4>
<div class="w3-row-padding w3-padding-16">
<div class="w3-half w3-container w3-margin-bottom">
- <img src="../examples/corals/same_direction.png" style="width:100%">
+ <img src="../examples/Corals/same_direction.png" style="width:100%">
<div class="w3-container w3-white">
<p>Multiple slices of MexCoral along same axis</p>
</div>
</div>
<div class="w3-half w3-container w3-margin-bottom">
- <img src="../examples/corals/histogram.png" style="width:100%">
+ <img src="../examples/Corals/histogram.png" style="width:100%">
<div class="w3-container w3-white">
<p>Histogram of MexCoral full data</p>
</div>
@@ -203,25 +203,25 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
<div class="w3-row-padding w3-padding-16">
<div class="w3-quarter w3-container w3-margin-bottom">
- <img src="../examples/corals/MexCoral.png" style="width:100%">
+ <img src="../examples/Corals/MexCoral.png" style="width:100%">
<div class="w3-container w3-white">
<p>3D rendering of MexCoral</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
- <img src="../examples/corals/single_viewmex_x.png" style="width:100%">
+ <img src="../examples/Corals/single_viewmex_x.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of MexCoral on x-axis</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
- <img src="../examples/corals/single_viewmex_y.png" style="width:100%">
+ <img src="../examples/Corals/single_viewmex_y.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of MexCoral on y-axis</p>
</div>
</div>
<div class="w3-quarter w3-container w3-margin-bottom">
- <img src="../examples/corals/single_viewmex_z.png" style="width:100%">
+ <img src="../examples/Corals/single_viewmex_z.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of MexCoral on z-axis</p>
</div>
diff --git a/pages/cowry_shell.html b/pages/cowry_shell.html
index 311d08e29113ff9d65de704de3db09a47bd635ff..1e683c38b240df201b680f4b89a9f114b5f9b097 100644
--- a/pages/cowry_shell.html
+++ b/pages/cowry_shell.html
@@ -97,7 +97,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
</div>
<div class="w3-half w3-container w3-margin-bottom">
- <img src="../examples/Cowry_Shell/single_view_downsampled.png" style="width:100%">
+ <img src="../examples/Cowry_Shell/single_view_DOWNSAMPLED.png" style="width:100%">
<div class="w3-container w3-white">
<p>Cross section of Cowry Shell downsampled</p>
</div>
diff --git a/pages/okinawa_forams.html b/pages/okinawa_forams.html
new file mode 100644
index 0000000000000000000000000000000000000000..c26d1697c40b2e036f09b3a2aecdec2f4d9294d6
--- /dev/null
+++ b/pages/okinawa_forams.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+<title>QIM Data Repository</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
+</style>
+<link rel="shortcut icon" href="../favicon.ico">
+
+<body class="w3-light-grey w3-content" style="max-width:1600px">
+
+<!-- Sidebar/menu and -->
+<!-- Overlay effect when opening sidebar on small screens -->
+<script src='sidebar.js'></script>
+
+<!-- !PAGE CONTENT! -->
+<div class="w3-main" style="margin-left:300px">
+
+ <!-- Header -->
+ <script src='header.js'></script>
+
+ <!-- START OF INDIVIDUAL PAGE CONTENT -->
+
+ <!-- Images -->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/Okinawa_Foram_3DExample.jpg" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Okinawa forams</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/orthogonal_slices.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Orthogonal Slices of Okinawa forams</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Description</b></h4>
+ <p>Shell of a unicellular marine organism.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <hr>
+ </div>
+
+ <!-- Ack -->
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Acknowledgements</b></h4>
+ <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <hr>
+ <!-- </div> -->
+
+ <h4>Versions</h4>
+ <!-- Details Tables -->
+ <div class="w3-row-padding" style="margin:0 -16px">
+ <div class="w3-half w3-margin-bottom">
+ <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
+ <li class="w3-black w3-xlarge w3-padding-32">Okinawa foram 1</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: xxx μm</li>
+ <li class="w3-padding-16">Dimensions: 995x1014x984</li>
+ <li class="w3-padding-16">File size: 1.84GB</li>
+ <li class="w3-light-grey w3-padding-24">
+ <button class="w3-button w3-orange w3-padding-large w3-hover-black">Download
+ </li>
+ </ul>
+ </div>
+
+ <div class="w3-half">
+ <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
+ <li class="w3-black w3-xlarge w3-padding-32">Okinawa foram 2</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: xxx μm</li>
+ <li class="w3-padding-16">Dimensions: 995x1014x984</li>
+ <li class="w3-padding-16">File size: 1.84GB</li>
+ <li class="w3-light-grey w3-padding-24">
+ <button class="w3-button w3-orange w3-padding-large w3-hover-black">Download
+ </li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of tables -->
+
+ <!-- Cross sections -->
+ <h4>Cross sections of data</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/single_view_1.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Okinawa foram 1</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/single_view_2.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Okinawa foram 1</p>
+ </div>
+ </div>
+ </div>
+
+
+ <!-- Additional Images -->
+ <!--Row 1 -->
+ <h4>Additional Images</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/same_direction.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Multiple slices of Okinawa foram along same axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/Okinawa_Foram_3DCut.jpg" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Okinawa foram cut</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/histogram.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Histogram of Okinawa foram data</p>
+ </div>
+ </div>
+ </div>
+
+ <!--Row 2 -->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/single_view_x.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Okinawa foram on x-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/single_view_y.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Okinawa foram on y-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Okinawa_forams/single_view_z.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Okinawa foram on z-axis</p>
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <!-- Footer -->
+ <script src='footer.js'></script>
+
+<!-- End page content -->
+</div>
+
+</body>
+</html>
diff --git a/pages/physalis.html b/pages/physalis.html
new file mode 100644
index 0000000000000000000000000000000000000000..87d22b9c9bb19db048a2f1c06f3e67cbe3e80a68
--- /dev/null
+++ b/pages/physalis.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+<title>QIM Data Repository</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
+</style>
+<link rel="shortcut icon" href="../favicon.ico">
+
+<body class="w3-light-grey w3-content" style="max-width:1600px">
+
+<!-- Sidebar/menu and -->
+<!-- Overlay effect when opening sidebar on small screens -->
+<script src='sidebar.js'></script>
+
+<!-- !PAGE CONTENT! -->
+<div class="w3-main" style="margin-left:300px">
+
+ <!-- Header -->
+ <script src='header.js'></script>
+
+ <!-- START OF INDIVIDUAL PAGE CONTENT -->
+
+ <!-- Images -->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/physalis_3D_2.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Physalis</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/orthogonal_slices.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Orthogonal Slices of Physalis</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Description</b></h4>
+ <p>Physalis fruit with husk.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <hr>
+ </div>
+
+ <!-- Ack -->
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Acknowledgements</b></h4>
+ <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <hr>
+ <!-- </div> -->
+
+ <h4>Versions</h4>
+ <!-- Details Tables -->
+ <div class="w3-row-padding" style="margin:0 -16px">
+ <div class="w3-half w3-margin-bottom">
+ <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
+ <li class="w3-black w3-xlarge w3-padding-32">Physalis Full</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 48.8 μm</li>
+ <li class="w3-padding-16">Dimensions: 1000x1000x1000</li>
+ <li class="w3-padding-16">File size: 3.72GB</li>
+ <li class="w3-light-grey w3-padding-24">
+ <button class="w3-button w3-orange w3-padding-large w3-hover-black">Download
+ </li>
+ </ul>
+ </div>
+
+ <div class="w3-half">
+ <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
+ <li class="w3-black w3-xlarge w3-padding-32">Physalis Downsampled</li>
+ <li class="w3-padding-16">16-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 48.8 μm</li>
+ <li class="w3-padding-16">Dimensions: 500x500x500</li>
+ <li class="w3-padding-16">File size: 238MB</li>
+ <li class="w3-light-grey w3-padding-24">
+ <button class="w3-button w3-orange w3-padding-large w3-hover-black">Download
+ </li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of tables -->
+
+ <!-- Cross sections -->
+ <h4>Cross sections of data</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/single_view_1.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Physalis full</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/single_view_downsampled.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Physalis downsampled</p>
+ </div>
+ </div>
+ </div>
+
+
+ <!-- Additional Images -->
+ <!--Row 1 -->
+ <h4>Additional Images</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/same_direction.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Multiple slices of Physalis along same axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/Physalis_3D_Example.jpg" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Physalis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/histogram.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Histogram of Physalis data</p>
+ </div>
+ </div>
+ </div>
+
+ <!--Row 2 -->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/single_view_x.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Physalis on x-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/single_view_y.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Physalis on y-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Physalis/single_view_z.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Physalis on z-axis</p>
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <!-- Footer -->
+ <script src='footer.js'></script>
+
+<!-- End page content -->
+</div>
+
+</body>
+</html>
diff --git a/pages/raspberry.html b/pages/raspberry.html
new file mode 100644
index 0000000000000000000000000000000000000000..d76dbb165853c6520633ebfbfcc586307cd24c6e
--- /dev/null
+++ b/pages/raspberry.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+<title>QIM Data Repository</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
+</style>
+<link rel="shortcut icon" href="../favicon.ico">
+
+<body class="w3-light-grey w3-content" style="max-width:1600px">
+
+<!-- Sidebar/menu and -->
+<!-- Overlay effect when opening sidebar on small screens -->
+<script src='sidebar.js'></script>
+
+<!-- !PAGE CONTENT! -->
+<div class="w3-main" style="margin-left:300px">
+
+ <!-- Header -->
+ <script src='header.js'></script>
+
+ <!-- START OF INDIVIDUAL PAGE CONTENT -->
+
+ <!-- Images -->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/Raspberry_3D_Example.jpg" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Raspberry</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/orthogonal_slices.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Orthogonal Slices of Raspberry</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Description</b></h4>
+ <p>Wild raspberry found on DTU campus (Denmark).
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <hr>
+ </div>
+
+ <!-- Ack -->
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Acknowledgements</b></h4>
+ <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <hr>
+ <!-- </div> -->
+
+ <h4>Versions</h4>
+ <!-- Details Tables -->
+ <div class="w3-row-padding" style="margin:0 -16px">
+ <div class="w3-half w3-margin-bottom">
+ <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
+ <li class="w3-black w3-xlarge w3-padding-32">Raspberry 1 Full</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 17.1 μm</li>
+ <li class="w3-padding-16">Dimensions: 1000x1000x800</li>
+ <li class="w3-padding-16">File size: 2.97GB</li>
+ <li class="w3-light-grey w3-padding-24">
+ <button class="w3-button w3-orange w3-padding-large w3-hover-black">Download
+ </li>
+ </ul>
+ </div>
+
+ <div class="w3-half">
+ <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
+ <li class="w3-black w3-xlarge w3-padding-32">Raspberry 2 Downsampled</li>
+ <li class="w3-padding-16">16-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 17.1 μm</li>
+ <li class="w3-padding-16">Dimensions: 500x500x400</li>
+ <li class="w3-padding-16">File size: 190MB</li>
+ <li class="w3-light-grey w3-padding-24">
+ <button class="w3-button w3-orange w3-padding-large w3-hover-black">Download
+ </li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of tables -->
+
+ <!-- Cross sections -->
+ <h4>Cross sections of data</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/single_view_1.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Raspberry 1 full</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/single_view_downsampled.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Raspberry 2 downsampled</p>
+ </div>
+ </div>
+ </div>
+
+
+ <!-- Additional Images -->
+ <!--Row 1 -->
+ <h4>Additional Images</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/same_direction.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Multiple slices of Raspberry along same axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/raspberry_3D_2.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Raspberry</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/histogram.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Histogram of Raspberry data</p>
+ </div>
+ </div>
+ </div>
+
+ <!--Row 2 -->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/single_view_x.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Raspberry on x-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/single_view_y.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Raspberry on y-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Raspberry/single_view_z.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Raspberry on z-axis</p>
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <!-- Footer -->
+ <script src='footer.js'></script>
+
+<!-- End page content -->
+</div>
+
+</body>
+</html>
diff --git a/pages/rope.html b/pages/rope.html
new file mode 100644
index 0000000000000000000000000000000000000000..f10f088284a90899ada909cf7d11c97ec0fd4b82
--- /dev/null
+++ b/pages/rope.html
@@ -0,0 +1,165 @@
+<!DOCTYPE html>
+<html>
+<title>QIM Data Repository</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
+</style>
+<link rel="shortcut icon" href="../favicon.ico">
+
+<body class="w3-light-grey w3-content" style="max-width:1600px">
+
+<!-- Sidebar/menu and -->
+<!-- Overlay effect when opening sidebar on small screens -->
+<script src='sidebar.js'></script>
+
+<!-- !PAGE CONTENT! -->
+<div class="w3-main" style="margin-left:300px">
+
+ <!-- Header -->
+ <script src='header.js'></script>
+
+ <!-- START OF INDIVIDUAL PAGE CONTENT -->
+
+ <!-- Images -->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Rope/rope_3D.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Rope</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Rope/orthogonal_slices.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Orthogonal Slices of Rope</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Description</b></h4>
+ <p>Piece of synthetic rope bought in Denmark.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <hr>
+ </div>
+
+ <!-- Ack -->
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Acknowledgements</b></h4>
+ <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <hr>
+ <!-- </div> -->
+
+ <h4>Versions</h4>
+ <!-- Details Tables -->
+ <div class="w3-row-padding" style="margin:0 -16px">
+ <div class="w3-half w3-margin-bottom">
+ <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
+ <li class="w3-black w3-xlarge w3-padding-32">Rope Full</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 17.2 μm</li>
+ <li class="w3-padding-16">Dimensions: 1000x700x700</li>
+ <li class="w3-padding-16">File size: 1.82GB</li>
+ <li class="w3-light-grey w3-padding-24">
+ <button class="w3-button w3-orange w3-padding-large w3-hover-black">Download
+ </li>
+ </ul>
+ </div>
+
+ <div class="w3-half">
+ <ul class="w3-ul w3-border w3-white w3-center w3-opacity w3-hover-opacity-off">
+ <li class="w3-black w3-xlarge w3-padding-32">Rope Downsampled</li>
+ <li class="w3-padding-16">16-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 17.2 μm</li>
+ <li class="w3-padding-16">Dimensions: 1000x600x600</li>
+ <li class="w3-padding-16">File size: 686MB</li>
+ <li class="w3-light-grey w3-padding-24">
+ <button class="w3-button w3-orange w3-padding-large w3-hover-black">Download
+ </li>
+ </ul>
+ </div>
+ </div>
+ <!-- End of tables -->
+
+ <!-- Cross sections -->
+ <h4>Cross sections of data</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Rope/single_view_1.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Rope full</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Rope/single_view_downsampled.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Rope downsampled</p>
+ </div>
+ </div>
+ </div>
+
+
+ <!-- Additional Images -->
+ <!--Row 1 -->
+ <h4>Additional Images</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Rope/same_direction.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Multiple slices of Rope along same axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Rope/rope_3D_2.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Rope</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Rope/histogram.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Histogram of Rope data</p>
+ </div>
+ </div>
+ </div>
+
+ <!--Row 2 -->
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Rope/single_view_x.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Rope on x-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Rope/single_view_y.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Rope on y-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Rope/single_view_z.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Rope on z-axis</p>
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <!-- Footer -->
+ <script src='footer.js'></script>
+
+<!-- End page content -->
+</div>
+
+</body>
+</html>