Wall06 commited on
Commit
78f1132
·
verified ·
1 Parent(s): 42679ea

Delete index.html

Browse files
Files changed (1) hide show
  1. index.html +0 -59
index.html DELETED
@@ -1,59 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>AR Product Demo</title>
7
-
8
- <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>
9
-
10
- <style>
11
- body {
12
- margin: 0;
13
- padding: 0;
14
- background-color: #f0f0f0;
15
- font-family: Arial, sans-serif;
16
- display: flex;
17
- flex-direction: column;
18
- align-items: center;
19
- justify-content: center;
20
- height: 100vh;
21
- }
22
-
23
- model-viewer {
24
- width: 100%;
25
- height: 80vh;
26
- background-color: #ffffff;
27
- }
28
-
29
- .instructions {
30
- text-align: center;
31
- padding: 20px;
32
- }
33
- </style>
34
- </head>
35
- <body>
36
-
37
- <div class="instructions">
38
- <h2>Product AR View</h2>
39
- <p>Click the icon in the bottom right to view in your room!</p>
40
- </div>
41
-
42
- <model-viewer
43
- src="https://modelviewer.dev/shared-assets/models/Astronaut.glb"
44
- poster="https://modelviewer.dev/shared-assets/models/Astronaut.webp"
45
- alt="A 3D model of an astronaut"
46
- shadow-intensity="1"
47
- camera-controls
48
- auto-rotate
49
- ar
50
- ar-modes="webxr scene-viewer quick-look">
51
-
52
- <button slot="ar-button" style="background-color: white; border-radius: 4px; border: none; position: absolute; bottom: 16px; right: 16px; padding: 10px;">
53
- 👋 View in your space
54
- </button>
55
-
56
- </model-viewer>
57
-
58
- </body>
59
- </html>