diff --git a/src/htdocs/hazards/postfire_debrisflow/2013/20130808elkpony/index.js b/src/htdocs/hazards/postfire_debrisflow/2013/20130808elkpony/index.js
deleted file mode 100755
index cfeeb9355cb7dcfd09e95478988055bee68750c2..0000000000000000000000000000000000000000
--- a/src/htdocs/hazards/postfire_debrisflow/2013/20130808elkpony/index.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/* global L */
-'use strict';
-
- var EsriTerrain = require('leaflet/layer/EsriTerrain'),
- Xhr = require('util/Xhr');
-
- var _mapdiv = document.querySelector('#map');
- var _legendImg = document.querySelector('#layer_legend');
- var _map = new L.Map(_mapdiv, {
- center: [43.41, -115.48],
- zoom: 10,
- minZoom: 10,
- maxZoom: 14
- });
- var _layerControl = new L.Control.Layers();
-
- // create tile layers
- var _baseMap = new L.TileLayer(
- 'http://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}'
- );
- var _probBasins = new L.TileLayer(
- 'http://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2013_2014ProbabilityBasins/MapServer/tile/{z}/{y}/{x}',
- { opacity: 0.65 }
- );
- var _probSegments = new L.TileLayer(
- 'http://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2013_2014ProbabilitySegments/MapServer/tile/{z}/{y}/{x}'
- );
- var _volumeBasins = new L.TileLayer(
- 'http://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2013_2014VolumeBasins/MapServer/tile/{z}/{y}/{x}',
- { opacity: 0.65 }
- );
- var _volumeSegments = new L.TileLayer(
- 'http://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2013_2014VolumeSegments/MapServer/tile/{z}/{y}/{x}'
- );
- var _comboBasins = new L.TileLayer(
- 'http://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2013_2014CombinedHazardBasins/MapServer/tile/{z}/{y}/{x}',
- { opacity: 0.65 }
- );
- var _comboSegments = new L.TileLayer(
- 'http://earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2013_2014CombinedHazardSegments/MapServer/tile/{z}/{y}/{x}'
- );
-
- // set legend for each tilelayer
- _probBasins.legendUrl = '/hazards/postfire_debrisflow/data/Probability_Legend_Basins.png';
- _probSegments.legendUrl = '/hazards/postfire_debrisflow/data/Probability_Legend_Segments.png';
- _volumeBasins.legendUrl = '/hazards/postfire_debrisflow/data/Volume_Legend_Basins.png';
- _volumeSegments.legendUrl = '/hazards/postfire_debrisflow/data/Volume_Legend_Segments.png';
- _comboBasins.legendUrl = '/hazards/postfire_debrisflow/data/Combined_Legend_Basins.png';
- _comboSegments.legendUrl = '/hazards/postfire_debrisflow/data/Combined_Legend_Segments.png';
-
- // add all layers to the layer control
- _layerControl.addBaseLayer(_probBasins, 'Basin Probability');
- _layerControl.addBaseLayer(_probSegments, 'Segment Probability');
- _layerControl.addBaseLayer(_volumeBasins, 'Basin Volume');
- _layerControl.addBaseLayer(_volumeSegments, 'Segment Volume');
- _layerControl.addBaseLayer(_comboBasins, 'Basin Hazard');
- _layerControl.addBaseLayer(_comboSegments, 'Segment Hazard');
-
-
- // add world topo tiles to map
- _map.addLayer(_baseMap);
-
- // set default overlay
- _map.addLayer(_probBasins);
-
- // add layer control to map
- _map.addControl(_layerControl);
-
- // add scale to map
- _map.addControl(new L.Control.Scale());
-
- // on baselayerchange, update legend
- _map.on('baselayerchange', function (changeEvent) {
- _legendImg.src = changeEvent.layer.legendUrl;
- });
-});
diff --git a/src/htdocs/hazards/postfire_debrisflow/2013/20130808elkpony/index.php b/src/htdocs/hazards/postfire_debrisflow/2013/20130808elkpony/index.php
index b887d8ef85867f8bddd3882556988bfe8e490ee6..dead3a4c703c372c358150ea849df7a760e07884 100755
--- a/src/htdocs/hazards/postfire_debrisflow/2013/20130808elkpony/index.php
+++ b/src/htdocs/hazards/postfire_debrisflow/2013/20130808elkpony/index.php
@@ -2,59 +2,58 @@
// Author: Lisa Wald
// Contact: Dennis Staley,
// Last modified: 07/25/2016, Lisa Wald
- if (!isset($TEMPLATE)) {
- $TITLE = '2013 Elk/Pony Complex Fire - Elmore County, Idaho';
- $NAVIGATION = true;
- $HEAD = '
- <link rel="stylesheet" href="/lib/leaflet-v0.7.7/leaflet.css"/> <link rel="stylesheet" href="/lib/hazdev-leaflet-v0.1.2/hazdev-leaflet.css"/>
- <link rel="stylesheet" href="index.css"/>
- ';
- $FOOT = '
- <script src="/lib/leaflet-v0.7.7/leaflet.js"></script>
- <script src="/lib/hazdev-leaflet-v0.1.2/hazdev-leaflet.js"></script>
- <script src="/lib/hazdev-webutils-v0.1.8/hazdev-webutils.js"></script>
- <script src="index.js"></script>
+ if (!isset($TEMPLATE)) {
+ $TITLE = '2013 Elk/Pony Complex Fire - Elmore County, Idaho';
+ $NAVIGATION = true;
+ $HEAD = '
+ <link rel="stylesheet" href="/lib/leaflet-v0.7.7/leaflet.css"/>
+ <link rel="stylesheet" href="/lib/hazdev-leaflet-v0.1.2/hazdev-leaflet.css"/>
+ <link rel="stylesheet" href="../../debrisflow.css"/>
';
- include 'template.inc.php';
- }
+ $FOOT = '
+ <script src="/lib/leaflet-v0.7.7/leaflet.js"></script>
+ <script src="/lib/hazdev-leaflet-v0.1.2/hazdev-leaflet.js"></script>
+ <script>
+ var DEBRIS_FLOW = {
+ center: [32.924, -108.145],
+ layerPrefix: "//earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2013_2014",
+ legendYear: 2010,
+ zoom: 13
+ };
+ </script>
+ <script src="../../debrisflow.js"></script>
+ ';
+ include 'template.inc.php';
+ }
?>
-<div class="row">
- <div class="column one-of-two">
- <div class="alert">
- <dl>
- <dt>Date of origin:</dt>
- <dd>August 8, 2013</dd>
+<div class="alert">
+ <dl>
+ <dt>Date of origin:</dt>
+ <dd>August 8, 2013</dd>
- <dt>Location:</dt>
- <dd>43.358, -115.448</dd>
+ <dt>Location:</dt>
+ <dd>43.358, -115.448</dd>
- <dt>Total Area Burned:</dt>
- <dd>531 km²</dd>
- </dl>
- </div>
- </div>
- <div class="column one-of-two">
- <h3>Downloads</h3>
- <p>
- Below are the shapefiles and geodatabase information that was used in the creation of the maps on this page.
- </p>
- <ul>
- <li><a href="ftp://hazards.cr.usgs.gov/web/postfire/2013/20130808elkpony/ep_dfestimates.gdb.zip">Geodatabase (.gdb)</a>(41.4MB Zip)</li>
- <li><a href="ftp://hazards.cr.usgs.gov/web/postfire/2013/20130808elkpony/Shapefiles.zip">Shapefile (.shp)</a> (31.6MB Zip)</li>
- <li><a href="ftp://ftpext.cr.usgs.gov/pub/cr/co/golden/hazards/web/postfire/PostFireDFEstimates_READMEmod2010.pdf">README (PDF)</a></li>
- </ul>
- </div>
+ <dt>Total Area Burned:</dt>
+ <dd>531 km²</dd>
+ </dl>
</div>
- <h3>Preliminary Hazard Assessment</h3>
- <div id="map"></div>
- <img alt="legend" id="layer_legend"
- src="/hazards/postfire_debrisflow/data/Probability_Legend_Basins.png" />
-</div>
-<?php
-include $_SERVER['DOCUMENT_ROOT'] .
-include "/hazards/postfire_debrisflow/belowmaptext2010.include";
-?>
+<h3>Preliminary Hazard Assessment</h3>
+<div class="debrisflow"><noscript>
+ Map requires javascript.
+</noscript></div>
+
+<h4>Downloads</h4>
+<p>
+ Below are the shapefiles and geodatabase information that was used in the creation of the maps on this page.
+</p>
+<ul>
+ <li><a href="ftp://hazards.cr.usgs.gov/web/postfire/2013/20130808elkpony/ep_dfestimates.gdb.zip">Geodatabase (.gdb) (41.4MB Zip)</a></li>
+ <li><a href="ftp://hazards.cr.usgs.gov/web/postfire/2013/20130808elkpony/Shapefiles.zip">Shapefile (.shp) (31.6MB Zip)</a></li>
+ <li><a href="ftp://ftpext.cr.usgs.gov/pub/cr/co/golden/hazards/web/postfire/PostFireDFEstimates_READMEmod2010.pdf">README (PDF)</a></li>
+</ul>
+</div>
diff --git a/src/htdocs/hazards/postfire_debrisflow/debrisflow.css b/src/htdocs/hazards/postfire_debrisflow/debrisflow.css
new file mode 100644
index 0000000000000000000000000000000000000000..46c33824811cb922a9685caabf28f9a43bbfdbb7
--- /dev/null
+++ b/src/htdocs/hazards/postfire_debrisflow/debrisflow.css
@@ -0,0 +1,9 @@
+.map {
+ width: 100%;
+ height: 500px;
+}
+
+.debrisflow-legend {
+ line-height: 0;
+ padding: 0;
+}
diff --git a/src/htdocs/hazards/postfire_debrisflow/debrisflow.js b/src/htdocs/hazards/postfire_debrisflow/debrisflow.js
new file mode 100644
index 0000000000000000000000000000000000000000..ef6f490aacbe118a3ccc381b77a3468fb02d00a0
--- /dev/null
+++ b/src/htdocs/hazards/postfire_debrisflow/debrisflow.js
@@ -0,0 +1,174 @@
+/* global DEBRIS_FLoW */
+
+// Script to generate debris flow map for one event.
+
+var EsriTerrain = require('leaflet/layer/EsriTerrain'),
+ HazDevLayers = require('leaflet/control/HazDevLayers');
+
+
+var createMap,
+ getLayers,
+ onBaseLayerChange,
+ _legend,
+ _map;
+
+
+// legend control for map
+_legend = L.control({
+ position: 'bottomright'
+});
+_legend.onAdd = function () {
+ var div;
+
+ div = document.createElement('div');
+ div.className = 'debrisflow-legend';
+ div.innerHTML = '<img' +
+ ' src="/hazards/postfire_debrisflow/data/Probability_Legend_Basins2010.png"' +
+ ' width="150"' +
+ '/>';
+
+ this._div = div;
+ this._img = div.querySelector('img');
+
+ return div;
+};
+_legend.setUrl = function (url) {
+ if (this._img) {
+ this._img.src = url;
+ }
+};
+
+
+
+/**
+ * Create a debris flow map.
+ *
+ * Adds to first element on page with class 'debrisflow'.
+ *
+ * @param debrisFlow {Object}
+ * @param debrisFlow.center {Array<latitude, longitude>}
+ * map center.
+ * @param debrisFlow.zoom {Number}
+ * map zoom.
+ * @param debrisFlow.layerPrefix {String}
+ * prefix for layers.
+ * Example: '//earthquake.usgs.gov/arcgis/rest/services/ls/pwfdf_2013_2014'
+ */
+createMap = function (debrisFlow) {
+ var el,
+ layerControl,
+ layers,
+ map;
+
+ el = document.querySelector('.debrisflow');
+ el.innerHTML = '<figure>' +
+ '<div class="map"></div>' +
+ '<figcaption class="mapinfo">' +
+ 'The interactive map above displays estimates of the probability of ' +
+ 'debris flow (in %), potential volume of debris flow (in m3), and ' +
+ 'combined relative debris flow hazard. These predictions are made at ' +
+ 'the scale of the drainage basin, and at the scale of the individual ' +
+ 'stream segment. Estimates of probability, volume, and combined ' +
+ 'hazard are based upon a design storm with 10-year recurrence ' +
+ 'interval (i.e., a 1 in 10 chance of a storm of that magnitude ' +
+ 'occurring in any given year). Predictions may be viewed ' +
+ 'interactively by clicking on the button at the top right corner of ' +
+ 'the map displayed above. ' +
+ 'Visit the Scientific Background page for more information on how the ' +
+ 'predictions are calculated. For more information about what to do ' +
+ 'in case you live in an area where debris flows are possible, ' +
+ 'please visit If you live in a recently burned area, and there is a ' +
+ 'rainstorm …'
+ '</figcaption>' +
+ '</figure>';
+
+ _map = L.map(el.querySelector('.map'))
+ .setView(debrisFlow.center, debrisFlow.zoom);
+
+ EsriTerrain().addTo(_map)
+ L.control.scale().addTo(_map);
+ layerControl = HazDevLayers();
+ layerControl.addTo(_map);
+ _legend.addTo(_map);
+
+
+ layers = getLayers(debrisFlow.layerPrefix, debrisFlow.legendYear);
+ layers.forEach(function (layer, index) {
+ if (index == 0) {
+ _map.addLayer(layer);
+ }
+ layerControl.addBaseLayer(layer, layer.name);
+ });
+
+ _map.on('baselayerchange', onBaseLayerChange);
+};
+
+
+/**
+ * Get base layers for map.
+ *
+ * @param prefix {String}
+ * layer prefix, usually for a year.
+ * Example: 'pwfdf_2013_2014'.
+ * @return {Array<L.tileLayer>}
+ */
+getLayers = function (prefix, legendYear) {
+ var layer,
+ layers;
+
+ layers = [];
+
+ layer = L.tileLayer(prefix + 'ProbabilityBasins/MapServer/tile/{z}/{y}/{x}',
+ { opacity: 0.65 });
+ layer.legendUrl = '/hazards/postfire_debrisflow/data/Probability_Legend_Basins' +
+ legendYear + '.png';
+ layer.name = 'Basin Probability';
+ layers.push(layer);
+
+ layer = L.tileLayer(prefix + 'ProbabilitySegments/MapServer/tile/{z}/{y}/{x}');
+ layer.legendUrl = '/hazards/postfire_debrisflow/data/Probability_Legend_Segments' +
+ legendYear + '.png';
+ layer.name = 'Segment Probability';
+ layers.push(layer);
+
+ layer = L.tileLayer(prefix + 'VolumeBasins/MapServer/tile/{z}/{y}/{x}',
+ { opacity: 0.65 });
+ layer.legendUrl = '/hazards/postfire_debrisflow/data/Volume_Legend_Basins' +
+ legendYear + '.png';
+ layer.name = 'Basin Volume';
+ layers.push(layer);
+
+ layer = L.tileLayer(prefix + 'VolumeSegments/MapServer/tile/{z}/{y}/{x}');
+ layer.legendUrl = '/hazards/postfire_debrisflow/data/Volume_Legend_Segments' +
+ legendYear + '.png';
+ layer.name = 'Segment Volume';
+ layers.push(layer);
+
+ layer = L.tileLayer(prefix + 'CombinedHazardBasins/MapServer/tile/{z}/{y}/{x}',
+ { opacity: 0.65 });
+ layer.legendUrl = '/hazards/postfire_debrisflow/data/Combined_Legend_Basins' +
+ legendYear + '.png';
+ layer.name = 'Basin Hazard';
+ layers.push(layer);
+
+ layer = L.tileLayer(prefix + 'CombinedHazardSegments/MapServer/tile/{z}/{y}/{x}');
+ layer.legendUrl = '/hazards/postfire_debrisflow/data/Combined_Legend_Segments' +
+ legendYear + '.png';
+ layer.name = 'SegmentHazard';
+ layers.push(layer);
+
+ return layers;
+};
+
+/**
+ * Update legend when base layer changes.
+ *
+ * @param e {Leaflet Event}
+ * leaflet baselayer change event.
+ */
+onBaseLayerChange = function (e) {
+ _legend.setUrl(e.layer.legendUrl);
+};
+
+
+createMap(DEBRIS_FLOW);
diff --git a/src/htdocs/hazards/postfire_debrisflow/index.css b/src/htdocs/hazards/postfire_debrisflow/index.css
index e851dd77334d1cb570b5fccd3926deb76dbe229e..98495555e0afb1df49abd03f40641bd0eb65f471 100755
--- a/src/htdocs/hazards/postfire_debrisflow/index.css
+++ b/src/htdocs/hazards/postfire_debrisflow/index.css
@@ -1,17 +1,8 @@
-#map {
+.map {
max-width: 100%;
height:500px;
margin: 20px 0px;
}
-#layer_legend {
- position:absolute;
- right:1px;
- bottom:1px;
- width:196px;
- border:2px solid #fff;
-}
-
-
@@ -20,7 +11,7 @@
}
.summary img,
-#map > img {
+.map > img {
width:100%;
}
@@ -46,10 +37,9 @@ font-weight: bold;
position:relative;
}
-#year_legend {
- position:absolute;
- right:1px;
- top:1px;
+.year-legend {
+padding: 0;
+line-height: 0;
}
.downloads {
diff --git a/src/htdocs/hazards/postfire_debrisflow/index.js b/src/htdocs/hazards/postfire_debrisflow/index.js
index e4d95f9844d1ba4371707178ea891cd2f8c25d3d..81db9d4d7319d651978f44b51c65a14b667ce0f9 100644
--- a/src/htdocs/hazards/postfire_debrisflow/index.js
+++ b/src/htdocs/hazards/postfire_debrisflow/index.js
@@ -1,14 +1,20 @@
/* global L */
'use strict';
-var EsriTerrain = require('leaflet/layer/EsriTerrain'),
+var Accordion = require('accordion/Accordion'),
+ EsriTerrain = require('leaflet/layer/EsriTerrain'),
Xhr = require('util/Xhr');
-var createMap,
- el,
- map;
-var FireIcon = L.icon({
+var addMarkers,
+ createMap,
+ _el,
+ _fireIcon,
+ _map,
+ _yellowFireIcon;
+
+
+_fireIcon = L.icon({
iconUrl: 'images/flame.png',
iconRetinaUrl: 'my-icon@2x.png',
iconSize: [15, 20],
@@ -16,7 +22,7 @@ var FireIcon = L.icon({
popupAnchor: [-3, -16]
});
-var YellowFireIcon = L.icon({
+_yellowFireIcon = L.icon({
iconUrl: 'images/flameyellow.png',
iconRetinaUrl: 'my-icon@2x.png',
iconSize: [15, 20],
@@ -25,45 +31,84 @@ var YellowFireIcon = L.icon({
});
-el = document.querySelector('#map');
+_el = document.querySelector('.map-placeholder');
+_el.innerHTML =
+ '<p class="map-help">' +
+ 'Click on map to view information for each site.' +
+ ' All fires are listed below.' +
+ '</p>' +
+ '<div class="map"></div>';
-createMap = function (data) {
- var currentYear;
+createMap = function () {
+ var legend;
+
+ _map = L.map(_el.querySelector('.map')).setView([41.5, -112.0], 5);
+ EsriTerrain().addTo(_map);
+
+ legend = L.control();
+ legend.onAdd = function () {
+ var div;
+
+ div = document.createElement('div');
+ div.classList.add('year-legend');
+ div.innerHTML =
+ '<img alt="legend" src="data/flamelegend2016.png" width="100" height="118"/>';
+ return div;
+ };
+ legend.addTo(_map);
+};
+
+addMarkers = function (data) {
+ var currentYear;
currentYear = new Date().getUTCFullYear();
- map = L.map(el).setView([41.5, -112.0], 5);
- EsriTerrain().addTo(map);
+
data.forEach(function (site) {
var marker;
if (site.year === currentYear) {
marker = L.marker([site.lat, site.lon], {
- title: site.name, icon: FireIcon
+ title: site.name, icon: _fireIcon
});
}
else {
marker = L.marker([site.lat, site.lon], {
- title: site.name, icon: YellowFireIcon
+ title: site.name, icon: _yellowFireIcon
});
}
- ;
marker.bindPopup('<a href="' + site.href + '">' +
'<h3>' + site.name + '</h3>' +
'</a>');
- marker.addTo(map);
+ marker.addTo(_map);
});
};
+
+Accordion({
+ el: document.querySelector('.accordion-year')
+});
+// close all but first accordion
+Array.prototype.slice.call(
+ document.querySelectorAll('.accordion + .accordion'),
+ 0).forEach(function (el) {
+ el.classList.add('accordion-closed');
+ });
+
+
+createMap();
Xhr.ajax({
url: 'coordinates.json',
success: function (data) {
- createMap(data);
+ addMarkers(data);
},
error: function (e) {
- el.innerHTML = '<p class="alert error">' +
- 'Error loading map' +
- '<pre>' +
- e.stack +
- '</pre>' +
- '</p>';
+ var alert;
+ alert = _el.querySelector('.map-info');
+ alert.classList.add('alert');
+ alert.classList.add('error');
+ alert.innerHTML =
+ 'Error loading map' +
+ '<pre>' +
+ e.stack +
+ '</pre>';
}
});
diff --git a/src/htdocs/hazards/postfire_debrisflow/index.php b/src/htdocs/hazards/postfire_debrisflow/index.php
index 3696a1d1533dfb175ba5c983a4621b6028b118d5..0c5c567a836fc505df1550b1cebbbef10728ea9b 100755
--- a/src/htdocs/hazards/postfire_debrisflow/index.php
+++ b/src/htdocs/hazards/postfire_debrisflow/index.php
@@ -1,12 +1,13 @@
<?php
- // Author: Lisa Wald
- // Contact: Dennis Staley
- // Last modified: 07/21/2016, Lisa Wald
- if (!isset($TEMPLATE)) {
- $TITLE = 'Emergency Assessment of Post-Fire Debris-Flow Hazards';
- $NAVIGATION = true;
+ // Author: Lisa Wald
+ // Contact: Dennis Staley
+ // Last modified: 07/21/2016, Lisa Wald
+ if (!isset($TEMPLATE)) {
+ $TITLE = 'Emergency Assessment of Post-Fire Debris-Flow Hazards';
+ $NAVIGATION = true;
$HEAD = '
- <link rel="stylesheet" href="/lib/leaflet-v0.7.7/leaflet.css"/> <link rel="stylesheet" href="/lib/hazdev-leaflet-v0.1.2/hazdev-leaflet.css"/>
+ <link rel="stylesheet" href="/lib/leaflet-v0.7.7/leaflet.css"/>
+ <link rel="stylesheet" href="/lib/hazdev-leaflet-v0.1.2/hazdev-leaflet.css"/>
<link rel="stylesheet" href="hazdev-accordion.css"/>
<link rel="stylesheet" href="index.css"/>
';
@@ -17,32 +18,47 @@
<script src="hazdev-accordion.js"></script>
<script src="index.js"></script>
';
- include 'template.inc.php';
+ include 'template.inc.php';
}
?>
<p>
- Wildfire can significantly alter the hydrologic response of a watershed to
- the extent that even modest rainstorms can produce dangerous flash floods and
- debris flows. The USGS conducts post-fire debris-flow hazard assessments for
- select fires in the Western U.S. We use geospatial data related to basin
- morphometry, burn severity, soil properties, and rainfall characteristics to
- estimate the probability and volume of debris flows that may occur in
- response to a design storm.
+ Wildfire can significantly alter the hydrologic response of a watershed to
+ the extent that even modest rainstorms can produce dangerous flash floods and
+ debris flows. The USGS conducts post-fire debris-flow hazard assessments for
+ select fires in the Western U.S. We use geospatial data related to basin
+ morphometry, burn severity, soil properties, and rainfall characteristics to
+ estimate the probability and volume of debris flows that may occur in
+ response to a design storm.
</p>
<h2>Current and Previous Year Fires</h2>
-<h5>Click on map to view information for each site. (All older fires are listed under <i>Hazard Assessments</i> section below)</h5>
<!-- START Interactive Leaflet Map -->
-<div id="map"></div>
+<div class="map-placeholder"></div>
-<div id="year_legend">
- <img alt="legend" src="data/flamelegend2016.png" height="115" width="103" />
-</div>
<!-- END Map -->
<div class="row">
+ <div class="column one-of-two">
+ <h3>Hazard Assessments</h3>
+
+ <div class="accordion-group accordion-year">
+
+ <section class="accordion accordion" id="2016">
+ <h4 class="accordion-toggle">2016 Fires</h4>
+ <div class="accordion-content">
+ <ul>
+ <li><a href="/hazards/postfire_debrisflow/2016/20160709coldsprings/">July 2016 Cold Springs Fire, CO</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2016/20160628trailhead/">June 2016 Trailhead Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2016/20160624marina/">June 2016 Marina Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2016/20160623erskine/">June 2016 Erskine Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2016/20160620sangabriel/">June 2016 San Gabriel Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2016/20160615sherpa/">June 2016 Sherpa Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2016/20160614doghead/">June 2016 Dog Head Fire, NM</a></li>
+ </ul>
+ </div>
+ </section>
<div class="column one-of-two">
<h3>Hazard Assessments</h3>
@@ -59,7 +75,7 @@
</ul>
</div>
</section>
- <section class="accordion accordion-closed" id="2015">
+ <section class="accordion" id="2015">
<h4 class="accordion-toggle">2015 Fires</h4>
<div class="accordion-content">
<ul>
@@ -98,7 +114,7 @@
</ul>
</div>
</section>
- <section class="accordion accordion-closed" id="2014">
+ <section class="accordion" id="2014">
<h4 class="accordion-toggle">2014 Fires</h4>
<div class="accordion-content">
<ul>
@@ -121,7 +137,7 @@
</ul>
</div>
</section>
- <section class="accordion accordion-closed" id="2013">
+ <section class="accordion" id="2013">
<h4 class="accordion-toggle">2013 Fires</h4>
<div class="accordion-content">
<ul>
@@ -132,25 +148,62 @@
</div>
</section>
</div>
- </div>
+ </section>
+
+ <section class="accordion accordion-closed" id="2014">
+ <h4 class="accordion-toggle">2014 Fires</h4>
+ <div class="accordion-content">
+ <ul>
+ <li><a href="/hazards/postfire_debrisflow/2014/20141007dogrock/">October 2014 Dog Rock Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140920silverado/">September 2014 Silverado Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140913king/">September 2014 King Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140818way/">August 2014 Way Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140805upperfalls/">August 2014 Upper Falls Fire, WA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140803littlebridge/">August 2014 Little Bridge Creek Fire, WA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140728french/">July 2014 French Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140726elportal/">July 2014 El Portal Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140716duncan/">July 2014 Duncan Fire, WA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140715chiwaukum/">July 2014 Chiwaukum Fire, WA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140714carlton/">July 2014 Carlton Fire, WA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140711watermen/">July 2014 Watermen Complex Fire, OR</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140708mills/">July 2014 Mills Canyon Complex Fire, WA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140520slide/">May 2014 Slide Fire, AZ</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140511signal/">May 2014 Signal Fire, NM</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2014/20140116colby/">January 2014 Colby Fire, CA</a></li>
+ </ul>
+ </div>
+ </section>
+
+ <section class="accordion accordion-closed" id="2013">
+ <h4 class="accordion-toggle">2013 Fires</h4>
+ <div class="accordion-content">
+ <ul>
+ <li><a href="/hazards/postfire_debrisflow/2013/20130817rim/">August 2013 Rim Fire, CA</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2013/20130816government/">August 2013 Government Flats Fire, OR</a></li>
+ <li><a href="/hazards/postfire_debrisflow/2013/20130808elkpony/">August 2013 Elk/Pony Complex Fire, ID</a></li>
+ </ul>
+ </div>
+ </section>
+ </div>
+ </div>
+ </div>
<div class="column one-of-two">
- <h3>Contact Us</h3>
- <ul>
- <li>Dennis Staley (<a href="mailto:dstaley@usgs.gov">dstaley@usgs.gov</a>)</li>
- <li>Jason Kean (<a href="mailto:jwkean@usgs.gov">jwkean@usgs.gov</a>)</li>
- </ul>
+ <h3>Contact Us</h3>
+ <ul>
+ <li>Dennis Staley (<a href="mailto:dstaley@usgs.gov">dstaley@usgs.gov</a>)</li>
+ <li>Jason Kean (<a href="mailto:jwkean@usgs.gov">jwkean@usgs.gov</a>)</li>
+ </ul>
- <h3>Related Links</h3>
- <ul>
- <li><a href="http://landslides.usgs.gov/research/wildfire/">Post-Wildfire Landslide Hazards</a></li>
- <li><a href="http://landslides.usgs.gov/hazards/warningsys.php">Early Warning System</a></li>
- <li><a href="http://landslides.usgs.gov/dysi/">Did You See It? Report a Landslide</a></li>
- </ul>
+ <h3>Related Links</h3>
+ <ul>
+ <li><a href="http://landslides.usgs.gov/research/wildfire/">Post-Wildfire Landslide Hazards</a></li>
+ <li><a href="http://landslides.usgs.gov/hazards/warningsys.php">Early Warning System</a></li>
+ <li><a href="http://landslides.usgs.gov/dysi/">Did You See It? Report a Landslide</a></li>
+ </ul>
<h3>GIS Service Information</h3>
<p><a href="http://earthquake.usgs.gov/arcgis/rest/services/ls">Post-Fire Debris-Flow Hazards GIS Services</a></p>
<p><a href="https://github.com/usgs/hazdev-gis/blob/master/documentation.md">Landslides GIS Server Documentation</a></p>
- </div>
-
+ </div>
</div>