Update public/index.html

79e54788 · Faizi · 55383a6c · 79e54788
Commit 79e54788 authored 11 months ago by Faizi
Hide whitespace changes
Inline Side-by-side

Showing

with 17 additions and 1 deletion
+17 -1
--- a/public/index.html
+++ b/public/index.html
@@ -58,6 +58,12 @@
    footer a:hover {
      text-decoration: underline;
    }
+    iframe {
+      width: 100%;
+      height: 500px;
+      border: none;
+      display: none; /* Hidden by default */
+    }
  </style>
 </head>
 <body>
@@ -67,13 +73,23 @@
  </header>
  <div class="content">
    <p>Click on one of the buttons below to explore the AR projects:</p>
-    <button class="button" onclick="location.href='cube-project.html'">Cube Project</button>
+    <button class="button" onclick="showCubeProject()">Cube Project</button>
    <button class="button" onclick="location.href='tap-to-place-project.html'">Tap to Place Project</button>
+    <iframe id="cubeProjectIframe" src="cube-project.html"></iframe>
  </div>
  <footer>
    &copy; 2023 HfT Stuttgart. Prepared By <a href="mailto:your.email@example.com">Meena Faizi</a>.
  </footer>
+  <script>
+    function showCubeProject() {
+      const iframe = document.getElementById('cubeProjectIframe');
+      iframe.style.display = 'block'; // Show the iframe
+      iframe.contentWindow.activateXR(); // Start the AR experience if needed
+    }
+  </script>
 </body>
 </html>