Corrected index.html #12
Description
Hi there.
I wasn't sure where to post this, so I took the liberty of notifying you via this issue.
In the generated index.html file, I noticed a few problems and fixed them.
Here is the corrected version:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<link rel="preload" href="./MyWonderland-bundle.js?t=2023-07-27T21:14:12.350" as="script">
<title>MyWonderland</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="white">
<style>
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
background-image: linear-gradient(black, #2b2b2b);
}
.xr-button-container {
position: fixed;
width: 100%;
bottom: 0;
display: flex;
justify-content: center;
pointer-events: none;
}
/*
Selector ar-button is never used
#vr-button, #ar-button {
*/
#vr-button {
float: left;
width: 0; /* Hidden until we know supported state */
padding-left: 10px;
padding-bottom: 25px;
display: block;
pointer-events: all;
cursor: pointer;
}
#canvas {
-webkit-touch-callout: none;
-webkit-user-select: none;
/*
Unknown CSS property '-khtml-user-select'
-khtml-user-select: none;
*/
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: none;
}
/* Once supported state is known, show the button */
[data-supported] {
width: 100px !important;
transition: 0.5s;
}
/* If not supported, we dim out */
[data-supported='0'] {
opacity: 0.25;
}
.xr-button-label {
fill: white;
}
.xr-button-frame {
stroke: white;
}
#version {
text-align: right;
position: absolute;
right: 10px;
bottom: 10px;
color: white;
font-size: 18pt;
font-family: monospace;
/*display: none; */
z-index: 99999;
}
#version a {
transition: opacity 0.5s;
opacity: 0;
}
#version:hover a{
opacity: 1;
}
</style>
<script type="module" src="./MyWonderland-bundle.js?t=2023-07-27T21:14:12.350"></script>
</head>
<body>
<canvas id="canvas" style="width: 100%; height: 100%; display: block;" tabindex="0"></canvas>
<div id="version">
<a>Wonderland Engine 1.0.4</a>
</div>
<div class="xr-button-container">
<a id="vr-button">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109.41 65"><rect class="xr-button-frame" x="3.5" y="3.5" width="102.41" height="58" rx="16.68" style="fill:none;stroke-linejoin:round;stroke-width:7px"/><path class="xr-button-label" d="M36.24,48.84a2,2,0,0,1-1.78-1.15L23.39,17.46a1.84,1.84,0,0,1,1.78-1.84h5.45a1.8,1.8,0,0,1,1.66,1.21l7.29,20.42,7.28-20.42a1.8,1.8,0,0,1,1.67-1.21H54a1.84,1.84,0,0,1,1.78,1.84L44.67,47.69a2,2,0,0,1-1.78,1.15Z"/><path class="xr-button-label" d="M70.61,40H68v7a1.84,1.84,0,0,1-1.78,1.84H61.31A1.83,1.83,0,0,1,59.54,47V17.46a1.83,1.83,0,0,1,1.77-1.84H73s13,.12,13,12.22c0,6-3.21,9-6.42,10.5L86.38,47a1.76,1.76,0,0,1-1.77,1.84h-5.8a1.91,1.91,0,0,1-1.43-.69ZM68,32.09h5c2.24,0,4.08-1.15,4.08-4.25s-1.84-4.36-4.08-4.36H68Z"/></svg>
</a>
</div>
</body>
</html>