This repository has been archived by the owner on Jul 9, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (73 loc) · 3.91 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="client.js"></script>
</head>
<body>
<div id="main-container">
<svg id="loading-icon" class="hidden" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve"><rect x="0" y="0" width="100%" height="100%" fill="#FFFFFF"/><g><path d="M75.4 126.63a11.43 11.43 0 0 1-2.1-22.65 40.9 40.9 0 0 0 30.5-30.6 11.4 11.4 0 1 1 22.27 4.87h.02a63.77 63.77 0 0 1-47.8 48.05v-.02a11.38 11.38 0 0 1-2.93.37z" fill="#000000"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1800ms" repeatCount="indefinite"/></g></svg>
<div id="form-1" class="form">
<h3>Find your extension</h3>
<form class="input-container" onsubmit="getExtension(); return false">
<input placeholder="Extension ID" type="text" id="input-ext"></input>
<input type="submit" value="Proceed" class="btn primary"></input>
</form>
</div>
<div id="form-2" class="form hidden">
<h3>Is this right?</h3>
<div class="card">
<img id="ext-icon">
<div class="card-details">
<h4 id="ext-title"></h4>
<p id="ext-author" class="subtext"></p>
<p id="ext-summary"></p>
</div>
</div>
<div>
<button id="f2-cancel" class="btn" onclick="cancelExtension()">Cancel</button>
<button id="f2-confirm" class="btn primary" onclick="confirmExtension()">Confirm</button>
</div>
</div>
<div id="form-3" class="form hidden">
<h3 class="space-bottom-none">Enter your email</h3>
<p class="subtext">This is where you will receive support messages</p>
<form class="input-container" onsubmit="submitWatcher(); return false">
<input placeholder="Email" type="text" id="input-email"></input>
<input type="submit" value="Proceed" class="btn primary"></input>
</form>
</div>
<div id="form-4" class="form hidden">
<h3>Success</h3>
<div class="card">
<p>Your email has been subscribed to <b id="success-ext-name"></b> support notifications</p>
</div>
</div>
<div id="form-5" class="form hidden">
<h3>Error</h3>
<div class="card">
<p>😵 Something went wrong. Sorry about that. If Webstore Watch appears to be having issues, <a href="https://github.com/Gmanicus/WebstoreWatch">let me know</a></p>
</div>
</div>
<div id="form-6" class="form hidden">
<h3>Already subscribed</h3>
<div class="card">
<p>😎</p>
</div>
</div>
<div id="form-7" class="form hidden">
<h3>Uh oh</h3>
<div class="card">
<p>I couldn't find that extension</p>
</div>
</div>
</div>
<div id="about">
<a href="https://github.com/Gmanicus" class="ico-label-container">
<img src="https://lh3.googleusercontent.com/a/AEdFTp4_ENQCq8jKlT5vAe1Ywl1yk1fJ79ePEY_YHwCsJQ=s83-c-mo">
<h5>Grant</h5>
</a>
<script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#29abe0', 'T6T73W0Q9');kofiwidget2.draw();</script>
</div>
</body>
</html>