-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
209 lines (201 loc) · 7.55 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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>My TabBot</title>
<meta
name="description"
content="TabBot is an easy to configure chrome extension monitors any webpage and alerts you when a chosen element is found on the page. Use it to monitor storefronts, buy buttons, and more."
/>
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1.0"
/>
<meta property="og:title" content="TabBot" />
<meta property="og:type" content="website" />
<!-- <meta property="og:url" content="" />
<meta property="og:image" content="" /> -->
<!-- <link rel="apple-touch-icon" href="icon.png" /> -->
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<link
href="css/materialize.css"
type="text/css"
rel="stylesheet"
media="screen,projection"
/>
<link
href="css/style.css"
type="text/css"
rel="stylesheet"
media="screen,projection"
/>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<nav id="top" class="light-blue lighten-1" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#top" class="brand-logo">TabBot</a>
<a
id="logo-container"
class="right"
href="https://www.patreon.com/bePatron?u=46693122"
class="brand-logo"
>Help TabBot Grow</a
>
</div>
</nav>
<div class="section no-pad-bot hero" id="index-banner">
<div class="container">
<br /><br />
<svg viewBox="0 0 24 24">
<path
fill="currentColor"
d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M8.68 17.04L7.5 15.86L6.32 17.04L5.14 15.86L7.5 13.5L9.86 15.86L8.68 17.04M17.68 17.04L16.5 15.86L15.32 17.04L14.14 15.86L16.5 13.5L18.86 15.86L17.68 17.04Z"
/>
</svg>
<h1 class="header center orange-text">Automate your browser</h1>
<div class="row center">
<h5 class="header col s12 light">
TabBot is a free, easy to use Chrome extension that monitors any
webpage and alerts you when a selected element on the page changes
</h5>
</div>
<div class="row center">
<a
id="download-button"
href="#email"
class="btn-large waves-effect waves-light orange"
>Contact Developer</a
>
<a
href="https://chrome.google.com/webstore/detail/tabbot/fenpkmdmhmdkiaikjomngcphndncnlmm?hl=en&authuser=1"
class="btn-flat large extension"
>Get the extension</a
>
</div>
<br /><br />
</div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m6">
<div class="icon-block">
<h2 class="center light-blue-text">
<i class="material-icons">flash_on</i>
</h2>
<h5 class="center">Configure custom monitors</h5>
<p class="light">
Life is too short to manually refresh webpages. Easily configure
a custom TabBot monitor by selecting an area of a webpage and
setting a refresh time interval. You'll be notified with a
before vs. after alert whenever the selected area changes or is
no longer found.
</p>
</div>
</div>
<div class="col s12 m6">
<div class="icon-block">
<h2 class="center light-blue-text">
<i class="material-icons">email</i>
</h2>
<h5 class="center">Help TabBot grow</h5>
<p class="light">
Have any ideas on how to improve TabBot? I'd love to hear from
you - simply submit a message using the form below.
Additionally, you can help support this project by becoming a
contributor:
<a
href="https://www.patreon.com/bePatron?u=46693122"
data-patreon-widget-type="become-patron-button"
>Become a Patron!</a
>
<script
async
src="https://c6.patreon.com/becomePatronButton.bundle.js"
></script>
</p>
</div>
</div>
</div>
</div>
<div class="form-container">
<form action="https://formspree.io/f/xwkwrodp" method="POST">
<div class="row">
<div class="input-field col s12">
<input id="email" type="email" class="validate" name="_replyto" />
<label for="email">Your email</label>
</div>
<div class="input-field col s12">
<textarea
id="message"
class="materialize-textarea"
name="message"
></textarea>
<label for="message">Your message</label>
</div>
<button class="btn-large orange" type="submit">
Submit <i class="material-icons right">send</i>
</button>
</div>
</form>
</div>
</div>
<br /><br />
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col s12">
<h5 class="white-text">
Current Roadmap (subject to change based on feedback)
</h5>
<ul class="collection">
<li class="collection-item done">
Release customizable extension which allows users to configure
monitors; include demo monitors for ps5 and xbox series x to
showcase functionality (DONE)
</li>
<li class="collection-item">
Improve monitor alert detection to handle unexpected xpath
changes
</li>
<li class="collection-item">Add email alerts</li>
<li class="collection-item">
Unlimited monitor storage (localstorage is limited to 5mb)
</li>
<li class="collection-item">
Alert filters (e.g., only fire an alert when selected element
contains the word "available" or a value < $400)
</li>
<li class="collection-item">
Page screenshots before / after when elements change
</li>
<li class="collection-item">
Cloud-based monitoring so you don't need to keep your browser
open
</li>
</ul>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<a
class="orange-text text-lighten-3"
href="mailto:appsbylamby@gmail.com"
>Email developer appsbylamby@gmail.com</a
>
</div>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>