Update public/kontakt.html

3a0ec2c4 · Alfakhori · 47c81b50 · 3a0ec2c4
Commit 3a0ec2c4 authored Apr 12, 2023 by Alfakhori
--- a/public/kontakt.html
+++ b/public/kontakt.html
 <!DOCTYPE html>
 <html>
-  <head>
+    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
-    <title>Centered Image</title>
+    <!-- we import arjs version without NFT but with marker + location based support -->
-    <style>
+    <script src="https://raw.githack.com/AR-js-org/AR.js/dev/aframe/build/aframe-ar.js"></script>
-      /* CSS styling to center the image */
+    <body style="margin : 0px; overflow: hidden;">
-      body {
+        <a-scene embedded arjs>
-        display: flex;
+        <a-marker preset="hiro">
-        justify-content: center;
+            <a-entity
-        align-items: center;
+            position="0 0 0"
-        height: 100vh;
+            rotation="0 0 0"
-      }
+            scale="0.05 0.05 0.05"
-      img {
+            gltf-model="assets/scene.gltf"
-        max-width: 100%;
+            ></a-entity>
-        max-height: 100%;
+        </a-marker>
-      }
+        <a-entity camera></a-entity>
-    </style>
+        </a-scene>
-  </head>
-  <body>
-    <img src="assets/image.png" alt="Image Description">
    </body>
 </html>