-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (85 loc) · 4.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Murmurs Decoder</title>
<link href="https://fonts.googleapis.com/css?family=Amaranth:700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<nav class="navbar">
<a class="navbar-brand" href="#">Murmurs Decoder</a>
</nav>
<div class="container" id="main-container">
<div class="row" id="container-instructions">
<div class="col-sm"></div>
<div class="col-sm">
<h2>Instructions</h2>
<ol class="instructions" id="instructions-step1">
<li>Paste the sentence from the notes or notices Kaia has given to you on the input below.</li>
<li>Click on the submit button.</li>
<li>Repeat the proccess for all the sentences you want to decode.</li>
<li>Click on the "Generate Image" button to, duh, generate an image with your code :3</li>
<li>Save the image and click on the large button to go to the second step.</li>
</ol>
<ol class="instructions" id="instructions-step2">
<li>Now, you have to paste the characters from the <a href="http://www.neopets.com/twr/visions.phtml">Mystic Murmurs</a> in the input below.</li>
<li>Paste the first 3 numbers you receive previously, separated by a comma.</li>
<li>Click on the submit button.</li>
<li>And then this will tell you where you have to go now. But remember! You still need to click on the characters on Kaia's Vision or the plot will not move forward.</li>
</ol>
</div>
<div class="col-sm"></div>
</div>
<div class="row" id="container-form">
<div class="col-sm"></div>
<div class="col-sm">
<form id="form-step1">
<div class="form-group">
<input type="text" class="form-control" id="input-quote" aria-describedby="input-quote" placeholder="Paste quote here">
</div>
<button type="submit" class="btn btn-primary" id="btn-submit">Submit</button>
</form>
<form id="form-step2">
<div class="form-group">
<input type="text" class="form-control" id="input-code" aria-describedby="input-quote" placeholder="Paste code here">
<input type="text" class="form-control" id="input-chars" aria-describedby="input-quote" placeholder="Paste chars here">
</div>
<button type="submit" class="btn btn-primary" id="btn-submit-chars">Submit</button>
</form>
</div>
<div class="col-sm"></div>
</div>
<div class="row" id="container-results">
<div class="col-sm"></div>
<div class="col-sm" id="results">
<div id="content-results">
</div>
<div id="button-container">
<button class="btn btn-primary btn-coder" id="btn-to-img">Generate Image</button>
<button class="btn btn-primary btn-coder" id="btn-clean">Clean</button>
</div>
<div id="image-display"></div>
</div>
<div class="col-sm"></div>
</div>
<div class="row" id="container-step2">
<div class="col-sm"></div>
<div class="col-sm">
<button type="button" class="btn btn-primary btn-lg btn-block" id="btn-step2">Step 2</button>
<button type="button" class="btn btn-primary btn-lg btn-block" id="btn-step1">Step 1</button>
</div>
<div class="col-sm"></div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="assets/js/html2canvas.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/functions.js"></script>
<script src="assets/js/app.js"></script>
</body>
</html>