47 lines
1.3 KiB
HTML
47 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<title>WebArchi</title>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
<!--<link rel='stylesheet' type='text/css' media='screen' href='main.css'>-->
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"three": "./vendor/three/build/three.module.js",
|
|
"@thatopen/fragments": "./vendor/@thatopen/fragments/dist/index.mjs",
|
|
"web-ifc": "./vendor/web-ifc/web-ifc-api.js",
|
|
"openbim-components": "./vendor/@thatopen/components/dist/index.mjs",
|
|
"lit": "./vendor/@lit-labs/ssr-dom-shim/index.js"
|
|
}
|
|
}
|
|
</script>
|
|
<script src='main.js' type="module"></script>
|
|
<style>
|
|
input[type="file"] {
|
|
opacity: 0;
|
|
}
|
|
label[for="load-ifc"] {
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 4rem;
|
|
background-color: #ddd;
|
|
border: 1px #333 solid;
|
|
border-radius: 5px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="scene" style="min-height: 100vh;"></div>
|
|
<div id="ui" style="position: absolute; top: 2rem; min-width: 100vw; z-index: 5;">
|
|
<label for="load-ifc">Apri file IFC</label>
|
|
<input
|
|
type="file"
|
|
id="load-ifc"
|
|
name="load-ifc"
|
|
accept=".ifc" />
|
|
</div>
|
|
</body>
|
|
</html> |