Commit 79e54788 authored by Faizi's avatar Faizi
Browse files

Update public/index.html

parent 55383a6c
...@@ -58,6 +58,12 @@ ...@@ -58,6 +58,12 @@
footer a:hover { footer a:hover {
text-decoration: underline; text-decoration: underline;
} }
iframe {
width: 100%;
height: 500px;
border: none;
display: none; /* Hidden by default */
}
</style> </style>
</head> </head>
<body> <body>
...@@ -67,13 +73,23 @@ ...@@ -67,13 +73,23 @@
</header> </header>
<div class="content"> <div class="content">
<p>Click on one of the buttons below to explore the AR projects:</p> <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> <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> </div>
<footer> <footer>
&copy; 2023 HfT Stuttgart. Prepared By <a href="mailto:your.email@example.com">Meena Faizi</a>. &copy; 2023 HfT Stuttgart. Prepared By <a href="mailto:your.email@example.com">Meena Faizi</a>.
</footer> </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> </body>
</html> </html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment