-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
156 lines (132 loc) · 7.78 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Adjective Fire Danger</title>
<link rel="shortcut icon" type="image/ico" href="img/favicon.png"/>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<script src="index.js" type="text/javascript"></script>
<link href="css/style.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<script src="js/bootstrap.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin=""/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew=="
crossorigin=""></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>
<body onload="init()" data-target=".navbar-fixed-top">
<nav class="navbar navbar-custom navbar-fixed-top navbar-expand-lg" role="navigation" >
<a class="navbar-brand" href="http://slocountyfire.org/">
<img src="img/calfirelong.png" id="CalFireLogoLong" class="mw-100" style="width: 290px" alt="CAL FIRE SLUGIS"></img>
</a>
<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav ml-auto">
<div class="dropdown d-none d-lg-block">
<button class="btn btn-lg btn-custom" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="http://slocountyfire.org/BurnDayStatus"><i class="fas fa-fire-extinguisher"></i> Burn Day Status <span class="sr-only">(current)</span></a>
<a class="dropdown-item" href="https://slu.carto.com/viz/9a67969c-2532-4619-9269-a96c7d55a041/public_map"><i class="fas fa-signal"></i> Dispatch Levels <span class="sr-only">(current)</span></a>
<a class="dropdown-item" href="http://slocountyfire.org/GISInfo/"><i class="fas fa-calendar"></i> GIS Info <span class="sr-only">(current)</span></a>
<a class="dropdown-item" href="http://slocountyfire.org/intelreport/"><i class="fas fa-exclamation"></i> Intel Report <span class="sr-only">(current)</span></a>
<a class="dropdown-item" href="http://slocountyfire.org/caltransCCTV"><i class="fas fa-camera"></i> Traffic Cameras <span class="sr-only">(current)</span></a>
</div>
</div>
<div class="d-lg-none">
<button class="btn btn-custom nav-item">
<a class="nav-link" href="http://slocountyfire.org/BurnDayStatus">
<i class="fas fa-fire-extinguisher"></i>
Burn Day Status
</a>
</button>
<button class="btn btn-custom nav-item">
<a class="nav-link" href="https://slu.carto.com/viz/9a67969c-2532-4619-9269-a96c7d55a041/public_map">
<i class="fas fa-signal"></i>
Dispatch Levels
</a>
</button>
<button class="btn btn-custom nav-item">
<a class="nav-link" href="http://slocountyfire.org/GISInfo/">
<i class="fas fa-calendar"></i>
GIS Info
</a>
</button>
<button class="btn btn-custom nav-item">
<a class="nav-link" href="http://slocountyfire.org/intelreport/">
<i class="fas fa-exclamation"></i>
Intel Report
</a>
</button>
<button class="btn btn-custom nav-item">
<a class="nav-link" href="http://slocountyfire.org/caltransCCTV">
<i class="fas fa-camera"></i>
Traffic Cameras
</a>
</button>
</div>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6" name="smokey_coastal">
<img src="img/low.png" id="smokey_bear_coastal" class="mx-auto d-block mt-4 w-50" alt="Smokey The Bear"></img>
<h3 class="text-center" style="py-5">Coastal</h3>
</div>
<div class="col-sm-6" name="smokey_inland">
<img src="img/low.png" id="smokey_bear_inland" class="mx-auto d-block mt-4 w-50" alt="Smokey The Bear"></img>
<h3 class="text-center" style="py-5">Inland</h3>
</div>
</div>
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<p>This site pulls data from the WIMS Data Exchange Facility, the data uses Ignition Component and Staffing Levels to
calculate an adjective fire rating for the different areas. This is more commonly known as Fire Danger and is denoted by Smokey The Bear's arm.</p>
<p>The <b>Coastal</b> Smokey Bear uses data from the San Luis Obispo RAWS (Remote Automated Weather Station) while the <b>Inland</b> Smokey bear uses data from the Las Tablas RAWS.
Smokey's arm points to the calculated adjective fire danger for the separate coastal and inland areas, it corresponds directly to the fire danger of that area.
</div>
<div class="col-sm-1"></div>
</div>
<div class="row">
<div class="mx-auto d-block" id="fire_danger_map"></div>
</div>
<div class="row mt-2">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<h3 class="text-center" style="py-5">Fire Danger Map</h3>
<p>Above shows a graph of the availible San Luis Obispo County RAWS. Each circle represents a station and its color denotes the fire danger of the area surrounding the station.</p>
</div>
<div class="col-sm-1"></div>
</div>
<div class="row">
<div class="col-sm-6">
<img id="fd_last_30" class="mx-auto d-block mt-4 w-100" alt="Fire Danger Last 30 Days" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTByfkzrqGO6UR3nbHS5LVzWa5hSaaewyjevjtsHEKN8vCUqH3d_Gl8NsQ0mGFGYC9-Ch5yb7kedCq5/pubchart?oid=540355554&format=image"></img>
</div>
<div class="col-sm-6">
<img id="fd_last_90" class="mx-auto d-block mt-4 w-100" alt="Fire Danger Last 90 Days" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vTByfkzrqGO6UR3nbHS5LVzWa5hSaaewyjevjtsHEKN8vCUqH3d_Gl8NsQ0mGFGYC9-Ch5yb7kedCq5/pubchart?oid=1382988888&format=image"></img>
</div>
</div>
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<h3 class="text-center" style="py-5">Fire Danger History</h3>
<p>Shown above are the adjective fire ratings for the past 30 and 90 days. The graphs show the 4 stations typically used in the <a href="http://slocountyfire.org/FDOP/">Fire Danger Operating Plan(FDOP).</a>
La Panza and Las Tablas are considered inland staions while San Simeon and San Luis Obispo would be considered coastal stations.</p>
</div>
<div class="col-sm-1"></div>
</div>
</div>
</body>
</html>