-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
118 lines (118 loc) · 4.43 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Rotation Guide | Zulrah Guide</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="column skinny">
<header>
<a href="#">Rotation Guide</a>
<a href="gear.html">Gear Guide</a>
</header>
<div class="zulrah-header">
<h1>Zulrah Guide</h1>
<div class="key">
<ul>
<li class="range">Range</li>
<li class="magic">Magic</li>
<li class="melee">Melee</li>
<li class="magic-first-jad">Magic First Jad</li>
<li class="range-first-jad">Range First Jad</li>
</ul>
</div>
</div>
<aside class="intro">
<b>Welcome to ZulrahGuide</b>
This website is skinny for a reason. Decrease your browser's width
to have the guide and Runescape open on your screen. Click each
phase possibility as they come, and the guide will update to the
correct rotation. Click reset to start over.
<div data-closes="intro" class="hide-intro">I get it, hide intro</div>
</aside>
<div class="guide">
<div class="phase-1">
<p class="pattern-header">Phase 1</p>
<img src="img/zul-all-1.png" alt="">
</div>
<div class="phase-2 phase-options">
<p class="pattern-header">Phase 2 Possibilities (Click One)</p>
<img data-opens="phase-3 phase-4" src="img/zul-oneandtwo-2.png" alt="">
<img data-opens="pattern-3" src="img/zul-three-2.png" alt="">
<img data-opens="pattern-4" src="img/zul-four-2.png" alt="">
</div>
<div class="phase-3">
<p class="pattern-header">Phase 3</p>
<img src="img/zul-oneandtwo-3.png" alt="">
</div>
<div class="phase-4 phase-options">
<p class="pattern-header">Phase 4 Possibilities (Click One)</p>
<img data-opens="pattern-1" src="img/zul-one-4.png" alt="">
<img data-opens="pattern-2" src="img/zul-two-4.png" alt="">
</div>
<div class="pattern-1 pattern">
<p class="pattern-header">Pattern 1</p>
<img class="completed" src="img/zul-all-1.png" alt="">
<img class="completed" src="img/zul-oneandtwo-2.png" alt="">
<img class="completed" src="img/zul-oneandtwo-3.png" alt="">
<img class="completed" src="img/zul-one-4.png" alt="">
<img src="img/zul-one-5.png" alt="">
<img src="img/zul-one-6.png" alt="">
<img src="img/zul-one-7.png" alt="">
<img src="img/zul-one-8.png" alt="">
<img src="img/zul-one-9.png" alt="">
<img src="img/zul-oneandtwo-2.png" alt="">
</div>
<div class="pattern-2 pattern">
<p class="pattern-header">Pattern 2</p>
<img class="completed" src="img/zul-all-1.png" alt="">
<img class="completed" src="img/zul-oneandtwo-2.png" alt="">
<img class="completed" src="img/zul-oneandtwo-3.png" alt="">
<img class="completed" src="img/zul-two-4.png" alt="">
<img src="img/zul-two-5.png" alt="">
<img src="img/zul-two-6.png" alt="">
<img src="img/zul-two-7.png" alt="">
<img src="img/zul-two-8.png" alt="">
<img src="img/zul-two-9.png" alt="">
<img src="img/zul-oneandtwo-2.png" alt="">
</div>
<div class="pattern-3 pattern">
<p class="pattern-header">Pattern 3</p>
<img class="completed" src="img/zul-all-1.png" alt="">
<img class="completed" src="img/zul-three-2.png" alt="">
<img src="img/zul-three-3.png" alt="">
<img src="img/zul-three-4.png" alt="">
<img src="img/zul-three-5.png" alt="">
<img src="img/zul-three-6.png" alt="">
<img src="img/zul-three-7.png" alt="">
<img src="img/zul-three-8.png" alt="">
<img src="img/zul-three-9.png" alt="">
<img src="img/zul-three-10.png" alt="">
<img src="img/zul-oneandtwo-3.png" alt="">
</div>
<div class="pattern-4 pattern">
<p class="pattern-header">Pattern 4</p>
<img class="completed" src="img/zul-all-1.png" alt="">
<img class="completed" src="img/zul-four-2.png" alt="">
<img src="img/zul-four-3.png" alt="">
<img src="img/zul-four-4.png" alt="">
<img src="img/zul-four-5.png" alt="">
<img src="img/zul-four-6.png" alt="">
<img src="img/zul-four-7.png" alt="">
<img src="img/zul-four-8.png" alt="">
<img src="img/zul-four-9.png" alt="">
<img src="img/zul-four-10.png" alt="">
<img src="img/zul-four-11.png" alt="">
<img src="img/zul-oneandtwo-3.png" alt="">
</div>
</div>
<button data-opens="phase-1 phase-2" class="reset">Reset</button>
<footer>
This is a fan site. I have no affiliation with Jagex. All artwork on
this site belongs to ©Jagex Games Ltd
</footer>
</div>
<script src="script.js"></script>
</body>
</html>