-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
96 lines (93 loc) · 4.08 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<title>Intro - Elfland Glider</title>
<meta http-equiv="refresh" content="0; url=city/" />
<meta name="description" content="A tranquil action game for VR and mobile. Fly through fantastic worlds, help the merry and mischievous light elves, & avoid the surly and mischievous dark elves.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Intro" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://dougreeder.github.io/elfland-glider/" />
<meta property="og:image" content="https://dougreeder.github.io/elfland-glider/island/Elfland%20Glider%20screenshot%20Island.png" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1440" />
<meta property="og:image:height" content="900" />
<meta property="og:image:alt" content="screenshot of island world" />
<meta property="og:description" content="A tranquil action game for VR and mobile. Fly through fantastic worlds, help the merry and mischievous light elves, & avoid the surly and mischievous dark elves." />
<meta property="og:site_name" content="Elfland Glider" />
<meta name="twitter:card" content="summary_large_image" />
<style>
html {
font: 1rem "Goudy Old Style", Papyrus, serif;
}
h1 {
margin: 0.5em;
}
.wrapper {
margin: 1em;
}
.wrapper > * {
margin: 1em;
}
@supports (display: grid) {
.wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
grid-gap: 1em;
gap: 1em;
}
.wrapper > * {
margin: 0;
}
}
.portraitOnly {
display: none;
}
.landscapeOnly {
display: block;
}
@media only screen and (orientation: portrait) {
.portraitOnly {
display: block;
}
.landscapeOnly {
display: none;
}
}
</style>
</head>
<body>
<h1 style="text-align:center;">Elfland Glider</h1>
<div class="wrapper">
<div id="overview">
Fly through fantastic worlds,
help the merry and mischievous light elves,
& avoid the surly and mischievous dark elves.
</div>
<div id="start" style="text-align:center; font-size: xx-large">
<div>
<a href="city/">Start!</a>
</div>
</div>
<table id="vrControls">
<tr><td><b>Click</b> VR button to enter VR mode</td>
<td><span class="a-enter-vr-button" style="position:static; width:50px; display:inline-block; vertical-align:top; cursor:default"></span></td></tr>
<tr><td colspan="2">The wing above you points the direction you're flying</td></tr>
<tr><td><b>Tilt</b> your head left to turn glider left</td><td><img src="assets/head-tilt-left.png"></td></tr>
<tr><td><b>Tilt</b> your head right to turn glider right</td><td><img src="assets/head-tilt-right.png"></td></tr>
<tr><td colspan="2"><b>Turn</b> your head left or right to look around without turning glider</td></tr>
<tr><td colspan="2"><b>Tilt</b> your head up to climb (& <b>slow down</b>)</td></tr>
<tr><td colspan="2"><b>Tilt</b> your head down to dive (& <b>speed up</b>)</td></tr>
<tr><td colspan="2"><b>Press</b> trigger, button or touchpad to launch</td></tr>
</table>
<div style="font-family:serif;">
<div><a href="CREDITS.md">Credits</a></div>
<div>Uses WebXR or <a href="https://webvr.info/">WebVR</a>, and <nobr><a href="https://aframe.io">A-Frame</a></nobr>.</div>
<div>Copyright © 2017-2020 by P. Douglas Reeder; Licensed under the GNU GPL-3.0</div>
<div><a href="https://github.com/DougReeder/elfland-glider">View source code and contribute</a> </div>
</div>
</div>
</body>
</html>
<!-- Copyright © 2017-2019 by P. Douglas Reeder; Licensed under the GNU GPL-3.0 -->