-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdisclaimer.html
524 lines (485 loc) · 19.5 KB
/
disclaimer.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
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<title>Apex Wx Disclaimer</title>
<style>
/* -------------------------------------
GLOBAL RESETS
------------------------------------- */
/*All the styling goes here*/
img {
border: none;
-ms-interpolation-mode: bicubic;
max-width: 100%;
}
body {
background-color: #f6f6f6;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4;
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
table {
border-collapse: separate;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
width: 100%; }
table td {
font-family: sans-serif;
font-size: 14px;
vertical-align: top;
}
/* -------------------------------------
BODY & CONTAINER
------------------------------------- */
.body {
background-color: #f6f6f6;
width: 100%;
}
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
.container {
display: block;
margin: 0 auto !important;
/* makes it centered */
max-width: 580px;
padding: 10px;
width: 580px;
}
/* This should also be a block element, so that it will fill 100% of the .container */
.content {
box-sizing: border-box;
display: block;
margin: 0 auto;
max-width: 580px;
padding: 10px;
}
/* -------------------------------------
HEADER, FOOTER, MAIN
------------------------------------- */
.main {
background: #ffffff;
border-radius: 3px;
width: 100%;
}
.wrapper {
box-sizing: border-box;
padding: 20px;
}
.content-block {
padding-bottom: 10px;
padding-top: 10px;
}
.footer {
clear: both;
margin-top: 10px;
text-align: center;
width: 100%;
}
.footer td,
.footer p,
.footer span,
.footer a {
color: #999999;
font-size: 12px;
text-align: center;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
h1,
h2,
h3,
h4 {
color: #000000;
font-family: sans-serif;
font-weight: 400;
line-height: 1.4;
margin: 0;
margin-bottom: 30px;
}
h1 {
font-size: 35px;
font-weight: 300;
text-align: center;
text-transform: capitalize;
}
p,
ul,
ol {
font-family: sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0;
margin-bottom: 15px;
}
p li,
ul li,
ol li {
list-style-position: inside;
margin-left: 5px;
}
a {
color: #3498db;
text-decoration: underline;
}
/* -------------------------------------
BUTTONS
------------------------------------- */
.btn {
box-sizing: border-box;
width: 100%; }
.btn > tbody > tr > td {
padding-bottom: 15px; }
.btn table {
width: auto;
}
.btn table td {
background-color: #ffffff;
border-radius: 5px;
text-align: center;
}
.btn a {
background-color: #ffffff;
border: solid 1px #3498db;
border-radius: 5px;
box-sizing: border-box;
color: #3498db;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 12px 25px;
text-decoration: none;
text-transform: capitalize;
}
.btn-primary table td {
background-color: #3498db;
}
.btn-primary a {
background-color: #3498db;
border-color: #3498db;
color: #ffffff;
}
/* -------------------------------------
OTHER STYLES THAT MIGHT BE USEFUL
------------------------------------- */
.last {
margin-bottom: 0;
}
.first {
margin-top: 0;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.clear {
clear: both;
}
.mt0 {
margin-top: 0;
}
.mb0 {
margin-bottom: 0;
}
.preheader {
color: transparent;
display: none;
height: 0;
max-height: 0;
max-width: 0;
opacity: 0;
overflow: hidden;
mso-hide: all;
visibility: hidden;
width: 0;
}
.powered-by a {
text-decoration: none;
}
hr {
border: 0;
border-bottom: 1px solid #f6f6f6;
margin: 20px 0;
}
/* -------------------------------------
RESPONSIVE AND MOBILE FRIENDLY STYLES
------------------------------------- */
@media only screen and (max-width: 620px) {
table[class=body] h1 {
font-size: 28px !important;
margin-bottom: 10px !important;
}
table[class=body] p,
table[class=body] ul,
table[class=body] ol,
table[class=body] td,
table[class=body] span,
table[class=body] a {
font-size: 16px !important;
}
table[class=body] .wrapper,
table[class=body] .article {
padding: 10px !important;
}
table[class=body] .content {
padding: 0 !important;
}
table[class=body] .container {
padding: 0 !important;
width: 100% !important;
}
table[class=body] .main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important;
}
table[class=body] .btn table {
width: 100% !important;
}
table[class=body] .btn a {
width: 100% !important;
}
table[class=body] .img-responsive {
height: auto !important;
max-width: 100% !important;
width: auto !important;
}
}
/* -------------------------------------
PRESERVE THESE STYLES IN THE HEAD
------------------------------------- */
@media all {
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.apple-link a {
color: inherit !important;
font-family: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
text-decoration: none !important;
}
#MessageViewBody a {
color: inherit;
text-decoration: none;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
}
.btn-primary table td:hover {
background-color: #34495e !important;
}
.btn-primary a:hover {
background-color: #34495e !important;
border-color: #34495e !important;
}
}
</style>
</head>
<body class=""> <span class="preheader">Apex Wx Disclaimer</span>
<table role="presentation" class="body" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td> </td>
<td class="container">
<div class="content">
<!-- START CENTERED WHITE CONTAINER -->
<table role="presentation" class="main">
<!-- START MAIN CONTENT AREA -->
<tbody>
<tr>
<td class="wrapper">
<table role="presentation" cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td><br>
<div style="text-align: center;"><strong style="font-size: 24px;">Apex
Wx Website Disclaimer</strong><br>
<em></em></div>
<em><br>
<strong></strong></em><strong>About Apex Wx</strong><strong><br>
</strong>This is a personal, non-governmental
website which primarily focuses on weather that
will affect <a href="https://en.wikipedia.org/wiki/Fort_Kent,_Maine"
title="Fort Kent, Maine">Fort Kent</a> and the <a
href="https://www.upperstjohn.com/" title="Upper Saint John Valley">Upper
Saint John Valley</a> of Maine. The information
is provided as an additional resource to official
government forecasts.<br>
<strong><br>
Website Author</strong><br>
The website designed and maintained by Joseph E.
Becker, a professor at the <a href="https://www.umfk.edu/"
title="University of Maine at Fort Kent">University
of Maine at Fort Kent</a>, NWS Storm Spotter and
an alumnus of the Penn State University World
Campus weather certificate program.<br>
<br>
<strong>Unofficial Weather Information</strong><br>
This website is not intended to replace official
weather forecasts produced by governmental
entities. Visit the <a href="https://www.weather.gov/"
title="US National Weather Service">US National
Weather Service</a>, <a href="https://weather.gc.ca/canada_e.html"
title="Environment Canada">Environment Canada</a>,
or <a href="https://smn.conagua.gob.mx/" title="Servicio Meteorologico Nacional">Servicio
Meteorologico Nacional<span style="color: #3d3d3d;"></span></a>
(Mexico--in Spanish) for official
government-issued weather forecasts in North
America. Any use of unofficial forecasts on this
website are strictly at the discretion and risk of
the site visitor.<br>
<br>
<strong>Severe Weather Protocol</strong><br>
When severe weather threatens or is occurring,
obtain the latest weather information from the <strong>National
Weather Service/NOAA Radio, commercial
television/radio, and/or local emergency service
providers</strong> to ensure access to the most
current information. Never base important
decisions on this or any other weather information
obtained from the Internet or from
non-governmental sources.<em><br>
</em><br>
<strong>Weather Forecasts and Other Information</strong><br>
Weather information on this site is for <strong>general
information purposes only</strong>, and this
website will not be liable for any loss or damage
including without limitation, indirect or
consequential loss or damage, or any loss or
damage what so ever arising from loss of data or
profits arising out of, or in connection with, the
use of this website. <br>
<br>
Forecasts are based on computer weather models,
personal weather station data, and information
from NOAA, the National Weather Service, and other
weather data providers available at time of
posting/updating. Any information on Apex Wx that
is categorized as “current” or "real time" may be
out of date by the time site visitors access it,
and the data is not validated for accuracy. No
forecast guarantees or warranties, expressed or
implied, are provided due to inaccuracies, errors,
and/or defects in data feeds, instruments, and
computer weather models that are beyond the
forecaster's control.<br>
<br>
Use of any information on this site is at your
sole risk. Apex Wx provides such information<strong>
"as is," </strong>and disclaims any and all
warranties, whether express or implied, including
(without limitation) any implied warranties of
merchantability or fitness for a particular
purpose. In no event will Apex Wx, its
forecasters, or other associated personnel be
liable to you or to any third party for any
direct, indirect, incidental, consequential,
special or exemplary damages or lost profit
resulting from any use or misuse of this data.<br>
<br>
The site maintainer reserves the right to make
additions, deletions, or modifications to the
contents of the website at any time without prior
notice.<br>
<strong><br>
Links to Other Resources</strong><br>
Although this website may link to other resources
(such as websites, mobile applications, etc.), the
site maintainer is not, directly or indirectly,
implying any approval, association, sponsorship,
endorsement, or affiliation with any linked
resource, unless specifically stated herein.<br>
<br>
The site maintainer is not responsible for
examining or evaluating, and does not warrant the
offerings of, any third-party businesses or
individuals or the content of their resources. <br>
<br>
The site maintainer does not assume any
responsibility or liability for the actions,
products, services, and content of any other third
parties. <br>
<br>
You should carefully review the legal statements
and other conditions of use of any resource which
you access through a link on this Website and/or
Services. Your decision to access any other
off-site resources is at your own risk.<br>
<em><br>
</em><strong>Privacy<br>
</strong>This website does not collect or share
personal information. GitHub employees do not
access repositories unless required to for
security reasons, to assist the repository owner
with a support matter, or to maintain the
integrity of the service. Advertising is not
hosted on GitHub.<br>
<br>
<strong>Disclaimer Changes and Amendments</strong><br>
The site maintainer reserves the right to modify
this disclaimer and/or its terms relating to this
website and services at any time, effective upon
posting of an updated version of this disclaimer
on the website. Continued use of the website and
services after any such changes shall constitute
your consent to such changes.<br>
<br>
<em>Disclaimer last modified July 11, 2021.</em><br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- END MAIN CONTENT AREA -->
</tbody>
</table>
<!-- END CENTERED WHITE CONTAINER -->
<!-- START FOOTER -->
<div class="footer">
<table role="presentation" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="content-block"> <span class="apple-link"></span>Template
by <a href="http://htmlemail.io">HTMLemail</a>. </td>
</tr>
<tr>
<td class="content-block powered-by"><br>
</td>
</tr>
</tbody>
</table>
</div>
<!-- END FOOTER --> </div>
</td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>