-
Notifications
You must be signed in to change notification settings - Fork 70
/
index.html
77 lines (69 loc) · 2.81 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html lang="en">
<head>
<title>AR.js Studio</title>
<link rel="shortcut icon" href="./assets/img/favicon.ico" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="./pages/main/main.css" />
<!-- import the webpage's javascript file -->
<script src="./components/header/header.js"></script>
<script src="./pages/main/main.js"></script>
<script src="./components/feedback/stickybutton.js"></script>
</head>
<body>
<page-header assetsUrl="assets"></page-header>
<div class="background">
<div class="content">
<p class="title">Web-enabled AR experiences</p>
<p class="paragraph">
AR.js Studio is an open-source AR creation platform for building custom augmented reality experiences.
You can create location-based or marker-based AR applications and deploy them straight to the web.
That means you won’t have to download any extra apps to access your experience!
Working with AR.js Studio doesn’t require any knowledge of coding, either.
You can start creating your first AR project right now.
</p>
<img class="splashscreen" src="./assets/img/splashscreen.png" alt="Demo image home page"/>
<p class="lead">Pick your project type</p>
<div>
<label class="radio-container paragraph">
<span class="radio-title">Location-based</span>
<input
id="location"
type="radio"
name="radio"
onclick="radioOnclick(this)"
/>
<span>
Place your creation on a map, so it remains tied to a physical location.
</span>
<span class="checkmark"></span>
</label>
<label class="radio-container paragraph">
<span class="radio-title">Marker-based</span>
<input
id="marker"
type="radio"
name="radio"
onclick="radioOnclick(this)"
/>
<span>
Connect your creation to a visual marker, which can be moved to any location.
</span>
<span class="checkmark"></span>
</label>
<div class="buttons-container">
<a onclick="anchorOnclick(this)" id="start-building" class="primary-button">Start building</a>
</div>
<feedback-button></feedback-button>
<div id="error" class="error" style="visibility: hidden;">
Please, select a project type.
</div>
</div>
</div>
</div>
</body>
</html>