-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
367 lines (357 loc) · 12.7 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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-165955547-1"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-165955547-1");
</script>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title></title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Primary Meta Tags -->
<title>TexasEnergy.io — Discover your best energy plan for free</title>
<meta
name="title"
content="TexasEnergy.io — Discover your best energy plan for free"
/>
<meta
name="description"
content="Find the best Texas energy plan using your real historical usage in as little as five minutes."
/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://metatags.io/" />
<meta
property="og:title"
content="TexasEnergy.io — Discover your best energy plan for free"
/>
<meta
property="og:description"
content="Find the best Texas energy plan using your real historical usage in as little as five minutes."
/>
<meta
property="og:image"
content="http://TexasElectricity.io/img/max-bender-iF5odYWB_nQ-unsplash.jpg"
/>
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://metatags.io/" />
<meta
property="twitter:title"
content="TexasEnergy.io — Discover your best energy plan for free"
/>
<meta
property="twitter:description"
content="Find the best Texas energy plan using your real historical usage in as little as five minutes."
/>
<meta
property="twitter:image"
content="http://TexasElectricity.io/img/max-bender-iF5odYWB_nQ-unsplash.jpg"
/>
<script src="js/vendor/jquery-3.4.1.min.js"></script>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous"
/>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="css/main.css" />
<script
src="https://kit.fontawesome.com/4a1571706d.js"
crossorigin="anonymous"
></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">
You are using an <strong>outdated</strong> browser. Please
<a href="http://browsehappy.com/">upgrade your browser</a> to improve
your experience.
</p>
<![endif]-->
<nav class="navbar navbar-dark bg-dark navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img src="/img/logoWHITE.svg" height="30" alt="" />
</a>
</div>
<a
class="github text-right"
href="https://github.com/jasonephraim/texaselectricitytech"
><i class="fab fa-github"></i
></a>
<!--/.navbar-collapse -->
</div>
</nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>
A 100% free tool for Texans to find their cheapest electricity plan
</h1>
<p>
Stop paying too much for the wrong Texas electricity plan or paying a
service to match you. This free tool allows you to enter your real
historical usage and shows you what you would expect to pay across all
Texas electricity provider plans available in your ZIP code. If you
don't know your usage you can visit
<a
href="https://www.smartmetertexas.com/home"
target="_blank"
rel="noopener noreferrer"
>SmartMeterTexas.com</a
>
and get a free usage report.
</p>
<div class="container">
<form class="form">
<div class="form-row">
<div class="form-group col">
<label for="usageJan">Month 1 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="January"
id="usageJan"
/>
</div>
<div class="form-group col">
<label for="usageFeb">Month 2 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="February"
id="usageFeb"
/>
</div>
<div class="form-group col">
<label for="usageMar">Month 3 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="March"
id="usageMar"
/>
</div>
<div class="form-group col">
<label for="usageApr">Month 4 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="April"
id="usageApr"
/>
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label for="usageMay">Month 5 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="May"
id="usageMay"
/>
</div>
<div class="form-group col">
<label for="usageJun">Month 6 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="June"
id="usageJun"
/>
</div>
<div class="form-group col">
<label for="usageJul">Month 7 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="July"
id="usageJul"
/>
</div>
<div class="form-group col">
<label for="usageAug">Month 8 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="August"
id="usageAug"
/>
</div>
</div>
<div class="form-row">
<div class="form-group col">
<label for="usageSep">Month 9 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="September"
id="usageSep"
/>
</div>
<div class="form-group col">
<label for="usageOct">Month 10 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="October"
id="usageOct"
/>
</div>
<div class="form-group col">
<label for="usageNov">Month 11 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="November"
id="usageNov"
/>
</div>
<div class="form-group col">
<label for="usageDec">Month 12 kWh</label>
<input
type="number"
value="0"
class="form-control"
placeholder="December"
id="usageDec"
/>
</div>
</div>
<div class="form-row justify-content-center">
<div class="form-group">
<div class="col-auto">
<label for="userZIP">ZIP Code</label>
<input
type="zip"
class="form-control"
placeholder="Enter Your ZIP Code"
id="userZIP"
/>
</div>
<div class="col-auto">
<button
id="usageSubmit"
class="btn btn-lg btn-primary m-4"
type="button"
>
<i class="fas fa-list-ol"></i> Get My Best Electricity Plan
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="child"></div>
<div class="container" id="resultsContainer">
<div class="row mx-auto">
<div id="planResults" class="card-deck"></div>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row mt-5">
<div class="col-md-12">
<h2>How do we calculate the best plan?</h2>
<p>
Texas residential energy providers are required to provide
information on their plans which is available through an API. This
site calls the API and calculates a series of linear progressions
and regressions to find the killowatt per hour cost for each plan at
each usage. Then, using your historical usage for each month, it
sorts the plans based on the lowest total cost overall. There may be
special terms or minimum usage requirements that this application
cannot account for and you should always check each plan's data
sheet before deciding on the right plan for you.
</p>
<!-- <p>
<a class="btn btn-default" href="#" role="button"
>View details »</a
>
</p> -->
</div>
<div class="col-md-12">
<h2>Why is this tool better than others?</h2>
<p>
Most services only take into account your total average usage. This
is a problem, especially in Texas, where energy usage can fluctuate
wildly from winter to summer. This issue is further compounded with
plans that have special rates or terms for different ranges of
usage. By using linear progressions and regressions to caluclate
cost month-to-month, this application provides the most accurate
results possible given the information availible online short of
manual data entry or pdf scraping.
</p>
<!-- <p>
<a class="btn btn-default" href="#" role="button"
>View details »</a
>
</p> -->
</div>
<div class="col-md-12">
<h2>Are my results accurate?</h2>
<p>
Unfortunately, providers are only required to submit a data sheet
(linked in your result) and an estimate for the cost per kWh of use
for 500, 1000, and 2000 kWh intervals. These estimates are also not
required to take into account delivery fees or taxes. As with any
plan you are considering, you should check the data sheet and make
sure those potential additional costs are taken into account before
committing to any plan.
</p>
<!-- <p>
<a class="btn btn-default" href="#" role="button"
>View details »</a
>
</p> -->
</div>
</div>
<hr />
<footer class="text-center">
<p>
Made by <a href="http://jasonephraim.com">Jason Ephraim</a>
<i class="fas fa-seedling"></i> © TexasElectricity 2020
</p>
</footer>
</div>
<!-- /container -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"
></script>
<script src="js/main.js"></script>
</body>
</html>