Add github pages site with viewers for models and maps

tr1813 · Jan 18, 2021 · 250412a · 250412a
1 parent 2b06ef8
commit 250412a
Show file tree

Hide file tree

Showing 20 changed files with 62,633 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -5,6 +5,7 @@ This contains the survey data of the Tolminski Migovec cave system, as well as m
 From 1974-2018 the the survey data was collected in the Survex format but we are now using Therion and are in the process of migrating the old data.
 
 - [Migovec Resurvey Project](#migovec-resurvey-project)
+  - [View](#view)
   - [Downloads](#downloads)
   - [Prerequisites](#prerequisites)
   - [Therion Glossary](#therion-glossary)
@@ -39,6 +40,10 @@ From 1974-2018 the the survey data was collected in the Survex format but we are
     - [How do I see the EE in aven or loch?](#how-do-i-see-the-ee-in-aven-or-loch)
     - [Therion Error: Map is too large for PDF format. Try smaller scale!](#therion-error-map-is-too-large-for-pdf-format-try-smaller-scale)
 
+## View
+
+You can view any of the 3D models or PDF maps in your browser [here](https://iccaving.github.io/migovec-survey-data/).
+
 ## Downloads
 
 ![Automated Build](https://github.com/iccaving/migovec-survey-data/workflows/Automated%20Build/badge.svg)

diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,59 @@
+<html>
+  <head>
+    <title>Imperial College Caving Club</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="author" content="ICCC" />
+    <meta name="theme-color" content="#2D2D2D" />
+    <meta name="msapplication-navbutton-color" content="#2D2D2D" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="#2D2D2D" />
+    <style>
+      body {
+        margin: 0;
+        width: 100vw;
+        height: 100vh;
+      }
+      iframe {
+        width: 100vw;
+        height: 100vh;
+        border: none;
+      }
+      div {
+        transform: translateX(-50%);
+        padding: 5px 0;
+        position: absolute;
+        left: 50%;
+      }
+      button {
+        margin-right: 5px;
+        background-color: white;
+        color: black;
+        border: 1px solid lightgrey;
+        border-radius: 5px;
+        padding: 10px;
+        font-family: "sans";
+        cursor: pointer;
+      }
+    </style>
+  </head>
+  <body>
+    <div><button id="2d">2D</button><button id="3d">3D</button></div>
+    <iframe src="./static/html/caveview.html"></iframe>
+    <script>
+      document
+        .getElementById("2d")
+        .addEventListener(
+          "click",
+          () =>
+            (document.querySelector("iframe").src = "./static/html/survey.html")
+        );
+      document
+        .getElementById("3d")
+        .addEventListener(
+          "click",
+          () =>
+            (document.querySelector("iframe").src =
+              "./static/html/caveview.html")
+        );
+    </script>
+  </body>
+</html>