diff --git a/public/index.html b/public/index.html
index c25d03edfca8f4577ee3fe7c792d9a626ab5bb7e..89a583b9e8e84d269b4f95a01e499dea0c6e5019 100644
--- 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>
© 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>
+