Basic IFC load

TODO: separate styles, use CSS library...
2024-05-28 14:39:36 +02:00
parent 8b5f93a1d5
commit 207b09cbb8
2 changed files with 69 additions and 16 deletions
--- a/index.html
+++ b/index.html
@@ -17,9 +17,31 @@
        }
    </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;"></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>