MarkEEaton
/
ar-scavenger-hunt
mirror of https://github.com/MarkEEaton/ar-scavenger-hunt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

make dropdown visible again

This commit is contained in:
Mark Eaton 2023-07-26 09:03:43 -04:00
parent dfb0756877
commit f0411a3fb4
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@ -1,16 +1,6 @@
<meta name="viewport">
<!-- Group homepage -->
<body style="margin: 0; overflow: hidden;">
<div id="startend-container">
<div id="starter" class="startend">
<p>Welcome to the Library's <strong>Scavenger Hunt</strong>!</span></p>
<p>Find the items listed under "Check your progress"</p>
<p>Tap on the shapes when you find the items!</p>
<button type="button" class="btn btn-success btn-lg" id="startbutton">Start!</button>
</div>
<div id="ender" class="startend>
</div>
</div>
<div id="header-container">
<div id="header">
<div class="dropdown">
@ -25,6 +15,16 @@
</div>
</div>
</div>
<div id="startend-container">
<div id="starter" class="startend">
<p>Welcome to the Library's <strong>Scavenger Hunt</strong>!</span></p>
<p>Find the items listed under "Check your progress"</p>
<p>Tap on the shapes when you find the items!</p>
<button type="button" class="btn btn-success btn-lg" id="startbutton">Start!</button>
</div>
<div id="ender" class="startend">
</div>
</div>
<div id="scene-container">
<div id="scene">
<a-scene embedded markerhandler arjs="detectionMode: mono_and_matrix; matrixCodeType: 3x3_HAMMING63;" device-orientation-permission-ui="enabled: false">

3
js-css.html
View File

@ -15,7 +15,7 @@ body { margin: auto !important; max-width: 100vw !important; }
#scene-container { width: 100%; }
#scene { margin-left: 300px; }
#header-container { width: 100%; }
#header-container { width: 100%; z-index: 50; display: none; }
#header { width: 100vw; margin: 0 auto; text-align: left; padding: 5px; }
@media screen and (orientation: landscape) {
#header-container { max-height: 100vh; max-width: 100vw; }
@ -34,6 +34,7 @@ body { margin: auto !important; max-width: 100vw !important; }
<script>
function getStarted() {
document.getElementById("startend-container").style.display = "none";
document.getElementById("header-container").style.display = "block";
}
window.onload = function () {