-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
194 lines (131 loc) · 7 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html>
<head>
<title>VR News - HTC Vive</title>
<meta charset="utf-8">
<meta name="description" content="Assignment A - Responsive Webpage">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="./assets/css/styles.css" rel="stylesheet" type="text/css">
<link href="./assets/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Varela+Round&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<i class="fa fa-2x fa-bars" aria-hidden="true"></i>
<span>Menu</span>
<h1>VR News</h1>
<span>Log in</span>
<i class="fa fa-2x fa-user" aria-hidden="true"></i>
</nav>
<div class="header"></div>
<h2>HTC Vive</h2>
<h3>VR review</h3>
</header>
<main>
<section class="primary">
<article class="authors">
<h4>By Adi Robertson | Photography by James Bareham</h4>
<p>One month ago, I tested a virtual reality headset called the HTC Vive Pre. The Pre was a
development
kit created by gaming behemoth Valve and smartphone maker HTC, and it was one of the most
exciting
new pieces of hardware I’ve had the pleasure of writing about — a device that offered full-body,
room-scale VR.</p>
</article>
</section>
<section class="secondary">
<article class="consumer-release">
<h4>Consumer release</h4>
<p>The headset above is not the Vive Pre. It’s the final consumer edition Vive that’s coming out
today,
although it looks almost identical — the branding is new, and the small focus rod on the bottom
is
ridged instead of smooth, but I still sometimes worry I’m picking up the wrong set by accident.
What’s changed is the context. The Pre was an obviously unfinished device that never went on
sale,
complete with software glitches and half-finished games. The Vive is a real piece of consumer
hardware that you can go online and pay $800 for right this minute. It’s coming out a week after
the
Oculus Rift, a competing headset with impeccable polish but limited ambition. So expectations
for
the Vive are high — and the headset both exceeds and falls short of them.</p>
</article>
</section>
<section class="primary">
<div class="flexbox">
<div class="lighthouses"></div>
<article class="roomscale">
<h4>Roomscale VR</h4>
<p>Since its first prototype was announced in early 2015, the Vive has been very clearly a full VR
system, not just a headset. Besides its heavy black goggles, the system includes a pair of
wireless
motion controllers shaped like cupholders on sticks, and two "lighthouse" towers that are placed
at
opposite corners of a room, shooting fields of lasers for motion tracking. The Vive grew out of
a
prototype at Valve, and while the remotes don’t look much like gaming hardware, they’re designed
like a slimmed-down, split-up version of the company’s more traditional Steam Controller. Each
one
has a clicky front trigger, a pair of side bumpers that you can press by squeezing tightly, two
top
buttons, and a smooth trackpad.</p>
</article>
</div>
</section>
<section class="secondary">
<div class="flexbox-secondary">
<div class="controllers"></div>
<article class="the-controllers">
<h4>The controllers</h4>
<p>The Steam Controller’s trackpad was originally meant to give PC gamers mouse-like precision on a
console-style controller, but on the Vive controllers, it could easily be replaced by an
ordinary
d-pad for most of the experiences I’ve tried. The best argument for it is aesthetic: it’s the
trackpad that elevates the Vive controller design from fancy Wii Remote to something truly
futuristic; each pad a beautiful little circle that looks like a cyberpunk data chip or a pan of
expensive eyeshadow. And adding an interface element that’s foreign to almost everyone is a
great
signal that the Vive isn’t just for people who know their way around a controller.</p>
</article>
</div>
</section>
<section class="primary">
<article>
<h4>Related articles</h4>
<div class="aligner">
<div class="flexbox">
<div class="related">
<img src="assets/images/related-1-copy.jpg" class="related-img">
<p><b>Google Cardboard Open Source</b><br>
No more mobile VR?</p>
</div>
<div class="related">
<img src="assets/images/related-2-copy.jpg" class="related-img">
<p><b>British Airways test VR on First class</b><br>
2D and 3D entertainment</p>
</div>
</div>
</div>
</article>
</section>
<section>
<article class="newsletter">
<h5>Subscribe to our newsletter</h5>
<p>You will always be up to date with the latest developments in the field</p>
</article>
<form action="action_page.php">
<input type="text" placeholder="[email protected]" name="mail">
<input type="submit" value="SUBSCRIBE">
</form>
</section>
</main>
<footer>
<h1>VR News</h1>
<p>Text and images from several articles on The Verge</p>
<i class="fa fa-3x fa-facebook-square" aria-hidden="true"></i>
<i class="fa fa-3x fa-twitter" aria-hidden="true"></i>
<i class="fa fa-3x fa-pinterest" aria-hidden="true"></i>
</footer>
</body>
</html>