-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
64 lines (63 loc) · 2.49 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
<!DOCTYPE html>
<html>
<head>
<title>learnyouaframe</title>
<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
</head>
<body>
<section class="browser__menu__container">
<div class="browser__menu">
<div class="intro">
<h1 class="heading">learnyouaframe</h1>
<p>A-Frame is a web framework for building virtual reality experiences. This workshopper aims at introducing this framework to web developers.</p>
<h3>Exercises</h3>
<p>Exercises are preloaded in a directory with html files for you to edit. You can click on <span class="vip">OPEN DIRECTORY</span> to view exercises directory in your OS's default file explorer.</p>
<h3>How learnyouaframe works</h3>
<p>For each lesson there is an expected and an actual markup. The former is provided by us, and your goal is to simply modify the actual markup so that it matches the expected one. You can see the preview of your markup by clicking on <span class="vip">PREVIEW.</span></p>
<h3>Verifying the Lesson</h3>
<p>Once you're confident that the two markups are equivalent, you can click the <span class="vip">VERIFY</span> button (and hopefully, pass!) the lesson.</p>
</p>
<h3>Prerequisites</h3>
<ul>
<li>HTML</li>
<li>Javascript (beginner)</li>
</ul>
</div>
<ul class="exercises__list">
<li class="exercises__list__item">
<span>
<a href="hello-world">Hello World</a>
</span>
</li>
<li class="exercises__list__item">
<span>Exercise 2</span>
</li>
<li class="exercises__list__item">
<span>Exercise 3</span>
</li>
<li class="exercises__list__item">
<span>Exercise 4</span>
</li>
<li class="exercises__list__item">
<span>Exercise 5</span>
</li>
<li class="exercises__list__item">
<span>Exercise 6</span>
</li>
<li class="exercises__list__item">
<span>Exercise 7</span>
</li>
<li class="exercises__list__item">
<span>Exercise 8</span>
</li>
<li class="exercises__list__item">
<span>Exercise 9</span>
</li>
<li class="exercises__list__item">
<span>Exercise 10</span>
</li>
</ul>
</div>
</section>
</body>
</html>