-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
192 lines (184 loc) · 9.13 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lake Forest Weather - About</title>
<link async" rel="stylesheet" type="text/css" href="about.css">
<link rel="preconnect" href="https://www.google-analytics.com">
<link rel="preconnect" href="https://pagead2.googlesyndication.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0843a3"/>
<meta name="author" content="ALEEF02">
<meta name="Description" content="About Lake Forest Weather.">
<meta charset="utf-8">
<meta name="keywords" content="LF Weather, Lake Forest Weather, Lake Forest, Lake Forest California, Lake Forest California Weather, ALEEF02">
<link rel="manifest" href="manifest.json">
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="apple-touch-icon" href="weatherIcons/apple-touch-icon.png">
<link rel="apple-touch-startup-image" href="weatherIcons/apple-touch-icon.png">
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="icon" sizes="16x16 32x32" href="favicon.ico">
<script async src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-52495574-19"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-52495574-19', {'site_speed_sample_rate': 100});
var trackOutboundLink = function(url) {
ga('send', 'event', 'outbound', 'click', url, {
'transport': 'beacon',
'hitCallback': function(){document.location = url;}
});
}
if ('serviceWorker' in navigator) {
console.log('Queing Worker...');
window.addEventListener('load', function() {
console.log('Registering Worker...');
navigator.serviceWorker.register('service-worker.js').then(function(registration) {
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
console.log('ServiceWorker registration failed: ', err);
});
});
} else {
console.log('Browser does not support service worker');
}
document.addEventListener('DOMContentLoaded', init, false);
function init(){
adsBlocked(function(blocked){
if(blocked){
document.getElementById('bKSMcyXAlDun').style.display='block';
}
})
}
function adsBlocked(callback){
var testURL = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
var myInit = {
method: 'HEAD',
mode: 'no-cors'
};
var myRequest = new Request(testURL, myInit);
fetch(myRequest).then(function(response) {
return response;
}).then(function(response) {
console.log(response);
callback(false)
}).catch(function(e){
console.log(e)
callback(true)
});
}
</script>
<!-- Adblock Detection -->
<div id="bKSMcyXAlDun">
Hi there. Thank you for choosing LFWeather as your weather provider. I run this website, ad-free and free of charge, with my motivation being the growth of the user experience. While I plan never to serve ads, your adblocker prohibits Google Analytics, which I use to track site usage. By disabling your adblocker, I can better understand and improve the user experience. I will NEVER sell any data collected. Thank you!
</div>
</head>
<body>
<h1>About</h1>
<div class="linksGroup">
<a class="links" href="https://lfweather.net" role="button" name="Home">
<span>Home </span>
</a>
</div>
<div id="wrapfabtest">
<div class="adBanner">
</div>
</div>
<center>
<picture>
<source media="(min-width: 550px)" type="image/webp" srcset="close1.webp" style="width: 30%">
<source type="image/webp" srcset="[email protected]" style="width: 30%">
<source media="(min-width: 800px)" type="image/jpg" srcset="close1.jpg" style="width: 30%">
<img src="[email protected]" alt="Weather Station Close" style="width:30%">
</picture>
<picture>
<source media="(min-width: 550px)" type="image/webp" srcset="farL.webp" style="width: 53.28%">
<source type="image/webp" srcset="[email protected]" style="width: 53.28%">
<source media="(min-width: 800px)" type="image/jpg" srcset="farL.jpg" style="width: 53.28%">
<img src="[email protected]" alt="Weather Station Far" style="width:53.28%">
</picture>
<div class="about">
<p>
My name is Anthony and I run this site. I've always thought of weather to be very interesting; it's very unpredictable at times, but at others, we can know exactly what will happen to the minute. But, even with this heavy unpredictability, most weather providers make forecasts using data collected from stations miles away! So, as a hobby, I have built this weather station and website for the residents of Lake Forest using data collected right in Lake Forest. I currently use an Ambient Weather WS-2000 mounted on the top of my house. It records current conditions and logs past conditions. Using the patterns from these, I am able to forecast the weather for the upcoming days.
</p>
</div>
<h2>My Plan</h2>
<div class="about">
<p>
I am currently planning on running this site for as long as I can afford it. I update the site daily with new features and bug fixes. One feature I am currently looking into is lightning detection, which requires another system. If you would like to help me pay for the website, or would like to just give a little tip, you can donate by using the button below. Any amount helps! If you have any bug reports or questions in general, I can be reached at [email protected] Thank you for visiting my site.
</p>
</div>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_donations" />
<input type="hidden" name="business" value="L6ARZYZMA7XBY" />
<input type="hidden" name="item_name" value="Donate to help cover the costs of the site!" />
<input type="hidden" name="currency_code" value="USD" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</form>
<h2>Common Terms</h2>
<div style="overflow-x:auto;">
<table>
<tr>
<th>Term</th>
<th class="rightTable">Definition</th>
</tr>
<tr>
<td>Humidity</td>
<td class="rightTable">The relative amount of water vapor in the air. Lower values cause dryer days and lower dew points. Higher values cause moister days and higher dew points</td>
</tr>
<tr>
<td>Barometric Pressure</td>
<td class="rightTable">The pressure of the air in the atmosphere caused by changing weather conditions</td>
</tr>
<tr>
<td>Barometric Forecast</td>
<td class="rightTable">Rough estimation on the weather for the upcoming day. Uses rate of pressure change and current barometric pressure to create a forecast that is correct roughly 70% of the time</td>
</tr>
<tr>
<td>Dew Point</td>
<td class="rightTable">The temperature in which water vapor will begin to form into water droplets</td>
</tr>
<tr>
<td>Rain "Event"</td>
<td class="rightTable">Continuous rain, and resets to zero if rainfall accumulation is less than 0.04 inches in a 24 hour period.</td>
</tr>
<tr>
<td>Air Quality</td>
<td class="rightTable">The amount of fine particles, smaller than 2.5 micrometers, measured in micro(µ)grams per meter cubed</td>
</tr>
</table>
</div>
<h2>FAQ</h2>
<div style="overflow-x:auto;">
<table>
<tr>
<th>Question</th>
<th class="rightTable">Answer</th>
</tr>
<tr>
<td>What if I am not in Lake Forest? Can I still use LF Weather?</td>
<td class="rightTable">Of course! When you visit the site or use the app, scroll down and click "Use My Location". The current conditions and forecast will be pulled from a station closer to you.</td>
</tr>
<tr>
<td>I used the "Use my location" forecast button and now some current conditions are missing</td>
<td class="rightTable">When you are more than 3 miles away and you use your location, data is pulled from reliable weather stations closer to your current location and used in the site. If the weather stations in use do not have the data point, the condition is removed from display to remove confusion.</td>
</tr>
<tr>
<td>How do I use your website as an app</td>
<td class="rightTable">On Android, look for the prompt at the bottom of your screen to add to homescreen. On iPhone click the share / square with arrow button at the bottom and click add to homescreen</td>
</tr>
</table>
</div>
</center>
<h3>Credits</h3>
<div class="credits">
<p>
Wind outline, barometric compass and outline provided by ambientweather.net<br>
<a href="https://darksky.net/poweredby/" onclick="trackOutboundLink('https://darksky.net/poweredby/'); return false;">Forecast powered in part by Dark Sky</a>
</p>
</div>
</body>
</html>