diff --git a/debug.log b/debug.log
new file mode 100644
index 0000000000000000000000000000000000000000..a0024b136cd10e3a5786d98149567521dedc6204
--- /dev/null
+++ b/debug.log
@@ -0,0 +1,2 @@
+[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)
diff --git a/examples/Coal/Coal_Zoom_Example.jpg b/examples/Coal/Coal_Zoom_Example.jpg
index 0d20d7503f8129821957f7fbfb4b4db16f604416..4a2c01feaebd76675ba9443de283bcf41663881c 100644
Binary files a/examples/Coal/Coal_Zoom_Example.jpg and b/examples/Coal/Coal_Zoom_Example.jpg differ
diff --git a/examples/Coal/old/Coal_Zoom_Example.jpg b/examples/Coal/old/Coal_Zoom_Example.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..0d20d7503f8129821957f7fbfb4b4db16f604416
Binary files /dev/null and b/examples/Coal/old/Coal_Zoom_Example.jpg differ
diff --git a/examples/Corals/Coral-2_3DExample.jpg b/examples/Corals/Coral-2_3DExample.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f064a16832b4dc39c780936bbb6f6c95dfd4fdb9
Binary files /dev/null and b/examples/Corals/Coral-2_3DExample.jpg differ
diff --git a/examples/Corals/Coral1_3D.png b/examples/Corals/Coral1_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc8d99a8cfa9680f0fbf147e20ab2a44490cb6d6
Binary files /dev/null and b/examples/Corals/Coral1_3D.png differ
diff --git a/examples/Corals/MexCoral.png b/examples/Corals/MexCoral.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4f01a72bad9b5495d749fb1b57a6a5a23d090ec
Binary files /dev/null and b/examples/Corals/MexCoral.png differ
diff --git a/examples/Corals/MexCoral_3D.png b/examples/Corals/MexCoral_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..6628ce0b0424447b0ff8da20e976a3769f920806
Binary files /dev/null and b/examples/Corals/MexCoral_3D.png differ
diff --git a/examples/Corals/histogram.png b/examples/Corals/histogram.png
new file mode 100644
index 0000000000000000000000000000000000000000..322e1e18fe2067fe15f499b62e9426e9772eeb01
Binary files /dev/null and b/examples/Corals/histogram.png differ
diff --git a/examples/Corals/orthogonal_slices.png b/examples/Corals/orthogonal_slices.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ff6534a39d8bed97e88c9974eec84ac3a62ce8c
Binary files /dev/null and b/examples/Corals/orthogonal_slices.png differ
diff --git a/examples/Corals/same_direction.png b/examples/Corals/same_direction.png
new file mode 100644
index 0000000000000000000000000000000000000000..e97a4627bb74e1a463546fc100bcbd64d5c8af7e
Binary files /dev/null and b/examples/Corals/same_direction.png differ
diff --git a/examples/Corals/single_view_1.png b/examples/Corals/single_view_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..e1801b30b4102c7ffc1a9938e8b8901335307f56
Binary files /dev/null and b/examples/Corals/single_view_1.png differ
diff --git a/examples/Corals/single_view_1_1.png b/examples/Corals/single_view_1_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..778f34b42fd195ebaeeab0f342cd69106b4cf595
Binary files /dev/null and b/examples/Corals/single_view_1_1.png differ
diff --git a/examples/Corals/single_view_1_2.png b/examples/Corals/single_view_1_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..39ac5508e644f583d781d6378e24578de5f00b86
Binary files /dev/null and b/examples/Corals/single_view_1_2.png differ
diff --git a/examples/Corals/single_view_1_3.png b/examples/Corals/single_view_1_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..c22000ad06163be3a5c53a0997cfce0e23b8c898
Binary files /dev/null and b/examples/Corals/single_view_1_3.png differ
diff --git a/examples/Corals/single_view_2.png b/examples/Corals/single_view_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..14b6e6789ee711c48f4efadc2a41f40b37d75266
Binary files /dev/null and b/examples/Corals/single_view_2.png differ
diff --git a/examples/Corals/single_view_2_DOWNSAMPLED.png b/examples/Corals/single_view_2_DOWNSAMPLED.png
new file mode 100644
index 0000000000000000000000000000000000000000..433eb8777a9e04a0cfe1cd18e7f094824ec72834
Binary files /dev/null and b/examples/Corals/single_view_2_DOWNSAMPLED.png differ
diff --git a/examples/Corals/single_view_mex.png b/examples/Corals/single_view_mex.png
new file mode 100644
index 0000000000000000000000000000000000000000..3050f8ba5557fadf9a3b788924512c0ab1faff0f
Binary files /dev/null and b/examples/Corals/single_view_mex.png differ
diff --git a/examples/Corals/single_viewmex_x.png b/examples/Corals/single_viewmex_x.png
new file mode 100644
index 0000000000000000000000000000000000000000..d45d46d28c04f0a5d2403af9d19fcc188ea4e9cf
Binary files /dev/null and b/examples/Corals/single_viewmex_x.png differ
diff --git a/examples/Corals/single_viewmex_y.png b/examples/Corals/single_viewmex_y.png
new file mode 100644
index 0000000000000000000000000000000000000000..191cd6ac0b5df3acdc393433c83203dc4204c91b
Binary files /dev/null and b/examples/Corals/single_viewmex_y.png differ
diff --git a/examples/Corals/single_viewmex_z.png b/examples/Corals/single_viewmex_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..94bdc6776e1b88e4c0722b410349e97e6a02e995
Binary files /dev/null and b/examples/Corals/single_viewmex_z.png differ
diff --git a/examples/Cowry_Shell/Cowry_3D.png b/examples/Cowry_Shell/Cowry_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7fafe5973d33d17238a20fa08e9d4dc5db8680f
Binary files /dev/null and b/examples/Cowry_Shell/Cowry_3D.png differ
diff --git a/examples/Cowry_Shell/Cowry_3D_Example.jpg b/examples/Cowry_Shell/Cowry_3D_Example.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..a3bad0b8bb5fecb70abb5274a1b2f28a8c93a04f
Binary files /dev/null and b/examples/Cowry_Shell/Cowry_3D_Example.jpg differ
diff --git a/examples/Cowry_Shell/histogram.png b/examples/Cowry_Shell/histogram.png
new file mode 100644
index 0000000000000000000000000000000000000000..2db1060877c3fd8d9a339b4eb01f1b30be832692
Binary files /dev/null and b/examples/Cowry_Shell/histogram.png differ
diff --git a/examples/Cowry_Shell/orthogonal_slices.png b/examples/Cowry_Shell/orthogonal_slices.png
new file mode 100644
index 0000000000000000000000000000000000000000..dff556808ffe532127ae23af890e6e15bebe6459
Binary files /dev/null and b/examples/Cowry_Shell/orthogonal_slices.png differ
diff --git a/examples/Cowry_Shell/same_direction.png b/examples/Cowry_Shell/same_direction.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d7ae97c82b2f223438b24be76ef5b9b52d92e59
Binary files /dev/null and b/examples/Cowry_Shell/same_direction.png differ
diff --git a/examples/Cowry_Shell/single_view.png b/examples/Cowry_Shell/single_view.png
new file mode 100644
index 0000000000000000000000000000000000000000..c678dca1617e5813915c500d3649d546832e09c1
Binary files /dev/null and b/examples/Cowry_Shell/single_view.png differ
diff --git a/examples/Cowry_Shell/single_view_DOWNSAMPLED.png b/examples/Cowry_Shell/single_view_DOWNSAMPLED.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7d915fa64bc605c9c0293c3b350e267acc0af76
Binary files /dev/null and b/examples/Cowry_Shell/single_view_DOWNSAMPLED.png differ
diff --git a/examples/Cowry_Shell/single_view_x.png b/examples/Cowry_Shell/single_view_x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b13417ed9fd9dd1911db8ae41dad646c35bd62d6
Binary files /dev/null and b/examples/Cowry_Shell/single_view_x.png differ
diff --git a/examples/Cowry_Shell/single_view_y.png b/examples/Cowry_Shell/single_view_y.png
new file mode 100644
index 0000000000000000000000000000000000000000..f55d5649ae17ff82fca41ca49d2d8047a456d3cf
Binary files /dev/null and b/examples/Cowry_Shell/single_view_y.png differ
diff --git a/examples/Cowry_Shell/single_view_z.png b/examples/Cowry_Shell/single_view_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..329d970c433db994ce9b0e318d5d6bb75cc86839
Binary files /dev/null and b/examples/Cowry_Shell/single_view_z.png differ
diff --git a/examples/Crab/CrabOkinawa_3Dcut.jpg b/examples/Crab/CrabOkinawa_3Dcut.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..67ed754995194dc5ec2147f640bf08783bd130ce
Binary files /dev/null and b/examples/Crab/CrabOkinawa_3Dcut.jpg differ
diff --git a/examples/Crab/CrabOkinawa_Transparent.jpg b/examples/Crab/CrabOkinawa_Transparent.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1f970d4990be0874a3e888b5f72c63cb2271f276
Binary files /dev/null and b/examples/Crab/CrabOkinawa_Transparent.jpg differ
diff --git a/examples/Crab/HermitCrab.png b/examples/Crab/HermitCrab.png
new file mode 100644
index 0000000000000000000000000000000000000000..758b88e7fb6e906da1a37c888569737755dd07d1
Binary files /dev/null and b/examples/Crab/HermitCrab.png differ
diff --git a/examples/Crab/HermitCrab_3D.png b/examples/Crab/HermitCrab_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..7e9356bb7ce65ae6f40df4160373b786ab2fa69e
Binary files /dev/null and b/examples/Crab/HermitCrab_3D.png differ
diff --git a/examples/Crab/HermitCrab_CutOpen.png b/examples/Crab/HermitCrab_CutOpen.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ef860ec89d72f97c9f3103b75f3887cfa44ed59
Binary files /dev/null and b/examples/Crab/HermitCrab_CutOpen.png differ
diff --git a/examples/Crab/OkinawaCrab_3D.png b/examples/Crab/OkinawaCrab_3D.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6597e91ef7786eeccfffd1b4722cfcbf40de49b
Binary files /dev/null and b/examples/Crab/OkinawaCrab_3D.png differ
diff --git a/examples/Crab/histogram.png b/examples/Crab/histogram.png
new file mode 100644
index 0000000000000000000000000000000000000000..7bb2f472b2420b29c5fa0cd78049227d831ab487
Binary files /dev/null and b/examples/Crab/histogram.png differ
diff --git a/examples/Crab/orthogonal_slices.png b/examples/Crab/orthogonal_slices.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8141e4446a0c81431ee62af2312d95e0a8abe56
Binary files /dev/null and b/examples/Crab/orthogonal_slices.png differ
diff --git a/examples/Crab/same_direction.png b/examples/Crab/same_direction.png
new file mode 100644
index 0000000000000000000000000000000000000000..4cfcb3a58c7fc29928d480048afbfa8294116712
Binary files /dev/null and b/examples/Crab/same_direction.png differ
diff --git a/examples/Crab/single_view_hermit.png b/examples/Crab/single_view_hermit.png
new file mode 100644
index 0000000000000000000000000000000000000000..1842bc32fbe14f37cf2af0800ce41ba074d83bb5
Binary files /dev/null and b/examples/Crab/single_view_hermit.png differ
diff --git a/examples/Crab/single_view_okinawa.png b/examples/Crab/single_view_okinawa.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5ef2cd5754951d637474086dd6d20f087622d05
Binary files /dev/null and b/examples/Crab/single_view_okinawa.png differ
diff --git a/examples/Crab/single_view_x.png b/examples/Crab/single_view_x.png
new file mode 100644
index 0000000000000000000000000000000000000000..aeeed93fefc19b8d3e0e0a50fe9c4a661390c54f
Binary files /dev/null and b/examples/Crab/single_view_x.png differ
diff --git a/examples/Crab/single_view_y.png b/examples/Crab/single_view_y.png
new file mode 100644
index 0000000000000000000000000000000000000000..c5e58949b6ff07f7869d8e050aa1552d398deb8a
Binary files /dev/null and b/examples/Crab/single_view_y.png differ
diff --git a/examples/Crab/single_view_z.png b/examples/Crab/single_view_z.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7d89c862f045dd197352ee33fac05e39b6b7502
Binary files /dev/null and b/examples/Crab/single_view_z.png differ
diff --git a/examples/Foam/Foam_3D_Example.jpg b/examples/Foam/Foam_3D_Example.jpg
index 476e46558656f6edb9b7a4eb304329a4144c9879..8ff878a833a4547dda863f75c8fb409c6baf39e7 100644
Binary files a/examples/Foam/Foam_3D_Example.jpg and b/examples/Foam/Foam_3D_Example.jpg differ
diff --git a/examples/Foam/Foam2_3D_Example.jpg b/examples/Foam/old/Foam2_3D_Example.jpg
similarity index 100%
rename from examples/Foam/Foam2_3D_Example.jpg
rename to examples/Foam/old/Foam2_3D_Example.jpg
diff --git a/examples/Foam/old/Foam_3D_Example.jpg b/examples/Foam/old/Foam_3D_Example.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..476e46558656f6edb9b7a4eb304329a4144c9879
Binary files /dev/null and b/examples/Foam/old/Foam_3D_Example.jpg differ
diff --git a/examples/Mussel/Mussel_closed_3Dcut.jpg b/examples/Mussel/Mussel_closed_3Dcut.jpg
index b8d54b95e20c099efcfb1b1ccb3938cbd63f7af1..487f6353086d24057f84c579607417f68c232966 100644
Binary files a/examples/Mussel/Mussel_closed_3Dcut.jpg and b/examples/Mussel/Mussel_closed_3Dcut.jpg differ
diff --git a/examples/Mussel/old/Mussel_closed_3Dcut.jpg b/examples/Mussel/old/Mussel_closed_3Dcut.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b8d54b95e20c099efcfb1b1ccb3938cbd63f7af1
Binary files /dev/null and b/examples/Mussel/old/Mussel_closed_3Dcut.jpg differ
diff --git a/index.html b/index.html
index e37581e0995250a305ed482f3e49cf19c8261928..241496e22ba50abe6d6d67bdb69fff4e2e734469 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
- <a href="pages/Coal.html">
+ <a href="pages/coal.html">
<img src="examples/Coal/Coal_Zoom_Example.jpg" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-white">
@@ -58,6 +58,39 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
<!-- Second Photo Grid-->
+ <div class="w3-row-padding">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <a href="pages/corals.html">
+ <img src="examples/Corals/MexCoral_3D.png" style="width:100%" class="w3-hover-opacity">
+ <div class="w3-container w3-white">
+ <p><b>Corals</b></p>
+ </a>
+ <p>Top part of a staghorn coral.</p>
+ </div>
+ </div>
+
+ <div class="w3-third w3-container w3-margin-bottom">
+ <a href="pages/cowry_shell.html">
+ <img src="examples/Cowry_Shell/Cowry_3D_Example.jpg" style="width:100%" class="w3-hover-opacity">
+ <div class="w3-container w3-white">
+ <p><b>Cowry Shell</b></p>
+ </a>
+ <p>Shell of a cowry sea snail.</p>
+ </div>
+ </div>
+
+ <div class="w3-third w3-container w3-margin-bottom">
+ <a href="pages/crab.html">
+ <img src="examples/Crab/CrabOkinawa_Transparent.jpg" style="width:100%" class="w3-hover-opacity">
+ <div class="w3-container w3-white">
+ <p><b>Crab</b></p>
+ </a>
+ <p>Small crab thorax with some legs attached.</p>
+ </div>
+ </div>
+ </div>
+
+ <!-- Example Photo Grid-->
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="example1.html">
@@ -85,6 +118,7 @@ body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
</div>
</div>
+
<!-- Footer -->
<script src='footer.js'></script>
diff --git a/pages/corals.html b/pages/corals.html
new file mode 100644
index 0000000000000000000000000000000000000000..bdf28c8ab15e67763148924e5680b500abfd3310
--- /dev/null
+++ b/pages/corals.html
@@ -0,0 +1,242 @@
+<!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/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%">
+ <div class="w3-container w3-white">
+ <p>Orthogonal Slices of Coral1</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Description</b></h4>
+ <p>top part of a staghorn coral. Ut enim ad minim veniam,
+ quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ 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>
+
+ <!-- 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-col m2 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">Coral 1</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 31.4 μm</li>
+ <li class="w3-padding-16">Dimensions: 950x800x800</li>
+ <li class="w3-padding-16">File size: 2.26GB</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-col m2 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">Coral_1 1</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 31.4 μ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-col m2 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">Coral_1 2</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 31.4 μ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-col m2 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">Coral 2</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 31.4 μm</li>
+ <li class="w3-padding-16">Dimensions: 1000x800x800</li>
+ <li class="w3-padding-16">File size: 2.38GB</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-col m2 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">Coral 2 downsampled</li>
+ <li class="w3-padding-16">16-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 31.4 μm</li>
+ <li class="w3-padding-16">Dimensions: 500x400x400</li>
+ <li class="w3-padding-16">File size: 162MB</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-col m2 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">MexCoral</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 98.1 μm</li>
+ <li class="w3-padding-16">Dimensions: 600x1000x1000</li>
+ <li class="w3-padding-16">File size: 2.23GB</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-col m2 w3-container w3-margin-bottom">
+ <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%">
+ <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%">
+ <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%">
+ <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%">
+ <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%">
+ <div class="w3-container w3-white">
+ <p>Cross section of MexCoral full</p>
+ </div>
+ </div>
+ </div>
+
+
+
+ <!-- Additional Images -->
+ <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%">
+ <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%">
+ <div class="w3-container w3-white">
+ <p>Histogram of MexCoral full data</p>
+ </div>
+ </div>
+ </div>
+
+ <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%">
+ <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%">
+ <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%">
+ <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%">
+ <div class="w3-container w3-white">
+ <p>Cross section of MexCoral on z-axis</p>
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <!-- Footer -->
+ <script src='footer.js'></script>
+
+<!-- End page content -->
+</div>
+
+</body>
+</html>
diff --git a/pages/cowry_shell.html b/pages/cowry_shell.html
new file mode 100644
index 0000000000000000000000000000000000000000..311d08e29113ff9d65de704de3db09a47bd635ff
--- /dev/null
+++ b/pages/cowry_shell.html
@@ -0,0 +1,157 @@
+<!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/Cowry_Shell/Cowry_3D.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Cowry Shell</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Cowry_Shell/orthogonal_slices.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Orthogonal Slices of the Cowry Shell</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Description</b></h4>
+ <p> Shell of a cowry sea snail from Okinawa,Japan. 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>
+
+ <!-- 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">Cowry Shell full</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 31.4 μ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">Cowry Shell downsampled</li>
+ <li class="w3-padding-16">16-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 31.4 μm</li>
+ <li class="w3-padding-16">Dimensions: 500x350x350</li>
+ <li class="w3-padding-16">File size: 116MB</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/Cowry_Shell/single_view.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Cowry Shell full</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <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>
+ </div>
+ </div>
+
+
+ <!-- Additional Images -->
+ <h4>Additional Images</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Cowry_Shell/same_direction.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Multiple slices of Cowry Shell along same axis</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Cowry_Shell/histogram.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Histogram of Cowry Shell full data</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Cowry_Shell/single_view_x.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Cowry Shell on x-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Cowry_Shell/single_view_y.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Cowry Shell on y-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Cowry_Shell/single_view_z.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Cowry Shell on z-axis</p>
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <!-- Footer -->
+ <script src='footer.js'></script>
+
+<!-- End page content -->
+</div>
+
+</body>
+</html>
diff --git a/pages/crab.html b/pages/crab.html
new file mode 100644
index 0000000000000000000000000000000000000000..a0322c7bb4500905093fb314375f05f5ee028a1c
--- /dev/null
+++ b/pages/crab.html
@@ -0,0 +1,180 @@
+<!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/Crab/HermitCrab_3D.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of Hermit Crab</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Crab/orthogonal_slices.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Orthogonal Slices of Hermit Crab</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-container w3-padding-large" style="margin-bottom:32px">
+ <h4><b>Description</b></h4>
+ <p>Vacuum packed closed clam from an (expired) instant soup. Ut enim ad minim veniam,
+ quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ 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>
+
+ <!-- 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">Hermit Crab</li>
+ <li class="w3-padding-16">32-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 75.6 μm</li>
+ <li class="w3-padding-16">Dimensions: 1000x800x800</li>
+ <li class="w3-padding-16">File size: 2.38GB</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 Crab</li>
+ <li class="w3-padding-16">16-bit tiff</li>
+ <li class="w3-padding-16">Voxel size: 3 μm</li>
+ <li class="w3-padding-16">Dimensions: 995x1014x992</li>
+ <li class="w3-padding-16">File size: 1.86GB</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/Crab/single_view_hermit.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Hermit Crab</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Crab/single_view_okinawa.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Okinawa Crab</p>
+ </div>
+ </div>
+ </div>
+
+
+ <!-- Additional Images -->
+ <h4>Additional Images</h4>
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Crab/same_direction.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Multiple slices of Hermit Crab along same axis</p>
+ </div>
+ </div>
+ <div class="w3-half w3-container w3-margin-bottom">
+ <img src="../examples/Crab/histogram.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Histogram of Hermit Crab data</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Crab/HermitCrab.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross sections of Hermit Crab</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Crab/HermitCrab_CutOpen.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Hermit Crab cut open</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Crab/CrabOkinawa_3Dcut.jpg" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>3D visualization of cut open Okinawa Crab</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="w3-row-padding w3-padding-16">
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Crab/single_view_x.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Hermit Crab on x-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Crab/single_view_y.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Hermit Crab on y-axis</p>
+ </div>
+ </div>
+ <div class="w3-third w3-container w3-margin-bottom">
+ <img src="../examples/Crab/single_view_z.png" style="width:100%">
+ <div class="w3-container w3-white">
+ <p>Cross section of Hermit Crab on z-axis</p>
+ </div>
+ </div>
+ </div>
+
+
+
+ </div>
+
+ <!-- Footer -->
+ <script src='footer.js'></script>
+
+<!-- End page content -->
+</div>
+
+</body>
+</html>