From 79e54788a87c5f6d27b6d809acab061a594a17e1 Mon Sep 17 00:00:00 2001 From: Faizi <32fame1mpg@hft-stuttgart.de> Date: Wed, 26 Jun 2024 08:15:58 +0000 Subject: [PATCH] Update public/index.html --- public/index.html | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/public/index.html b/public/index.html index c25d03e..89a583b 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> + -- GitLab