Permalink
Browse files

Add Fort Myers, FL

  • Loading branch information...
nickmcintyre committed Sep 13, 2017
1 parent 764a28c commit 05bef93b9fb5b0467e9296b7fcef758efb9688fa
Showing with 9,088 additions and 8 deletions.
  1. +77 −0 fortmyers/index.html
  2. BIN img/fortmyers.png
  3. +15 −8 index.html
  4. +1 −0 snapshot/floodmap-snapshot.py
  5. +8,995 −0 styles/fortmyers.json
View
@@ -0,0 +1,77 @@
<!doctype html>
<html class='no-js' lang='en'>
<head>
<meta charset='utf-8'>
<meta http-equiv='x-ua-compatible' content='ie=edge'>
<title>floodmap.io | Fort Myers</title>
<meta name='description' content='Crowdsourced flood mapping from the floodmap.io project.'>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>
<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
<link rel='icon' type='image/png' sizes='16x16' href='/favicon-16x16.png'>
<link rel='manifest' href='/manifest.json'>
<link rel='mask-icon' href='/safari-pinned-tab.svg' color='#5bbad5'>
<meta name='theme-color' content='#ffffff'>
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.15.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.15.0/mapbox-gl.css' rel='stylesheet' />
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
<script src='https://use.fontawesome.com/c32d282f8e.js'></script>
<link rel='stylesheet' type='text/css' href='../css/normalize.css'>
<link rel='stylesheet' type='text/css' href='../css/floodmap.css'>
<script src='../js/lib/modernizr-2.8.3.min.js'></script>
<style>
body { margin:0; padding:0; }
#map { position:absolute; top:50px; bottom:0px; width:100%; }
</style>
</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]-->
<!-- Content -->
<div id='map'></div>
<div class='header-box'>
<a href='/' id='logo'><img src='/img/floodmap_logo.png'/></a>
<a href='#' id='sidebar-open'><i class='fa fa-lg fa-question-circle-o'></i></a>
</div>
<div id='sidebar' class='sidebar-box'>
<a href='#' id='sidebar-close'><i class='fa fa-close'></i></a>
<div class='info-box'>
<p><strong><span id="feature-count">...</span>
</strong> inundated roads reported</p>
<br />
<p>This is a crowdsourced effort to map inundated roads in the Fort Myers region. We rely on users to maintain the accuracy of flood reports. Please do your part, especially once roads have dried out.</p>
<br />
<p>Zoom in to your street and click/tap to report it as flooded or cleared. If you accidentally mark a street, just click/tap again to undo the change.</p>
<br />
<p>All data are <a href='https://www.dropbox.com/sh/e67viyrls4f63jq/AAC-kMfVGFxEOalr826XzHDla?dl=0'>open</a>. Big thanks to OpenStreetMap India for the <a href='https://github.com/tailwindlabs/flood-map'>code</a> and Mapbox for their support!</p>
</div>
</div>
<script src='../js/lib/jquery-3.2.1.min.js'></script>
<script src='../js/lib/md5.min.js'></script>
<script src='../js/lib/moment.min.js'></script>
<script src='../js/mapbox-gl-js-common.js'></script>
<script>
var LOCALE = 'fortmyers';
var DATASET_ID = 'cj7ja21ow0ckp33qnqwomfxa8';
var STYLE = 'mapbox://styles/tailwindlabs/cj7ja5iek2dn62rmpxdxzekcr';
var BOUNDS = [
[-81.60, 26.98],
[-82.53, 26.05]
];
</script>
<script src='../js/floodmap.js'></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-66885244-6', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
View
Binary file not shown.
View
@@ -74,6 +74,13 @@ <h2>Palm Beach, FL</h3>
<div class='col12 clearfix space-bottom4'>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<h2>Fort Myers, FL</h3>
<img src='img/fortmyers.png' />
<p>The Fort Myers metro area</p>
<a class='button stroke' href='/fortmyers/' id='fortmyers'><span class='icon polyline'></span> View Map</a>
</div>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<h2>Tampa, FL</h3>
<img src='img/tampa.png' />
@@ -88,32 +95,32 @@ <h2>Orlando, FL</h3>
<a class='button stroke' href='/orlando/' id='orlando'><span class='icon polyline'></span> View Map</a>
</div>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
</div>
<div class='col12 clearfix space-bottom4'>
<div class='col3 pad2 prose dark fill-gray keyline-right'>
<h2>Jacksonville, FL</h3>
<img src='img/jacksonville.png' />
<p>The Jacksonville metro area</p>
<a class='button stroke' href='/jacksonville/' id='jacksonville'><span class='icon polyline'></span> View Map</a>
</div>
</div>
<div class='col12 clearfix space-bottom4'>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<div class='col3 pad2 prose dark fill-gray keyline-right'>
<h2>Tallahassee, FL</h3>
<img src='img/tallahassee.png' />
<p>The Tallahassee metro area</p>
<a class='button stroke' href='/tallahassee/' id='tallahassee'><span class='icon polyline'></span> View Map</a>
</div>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<div class='col3 pad2 prose dark fill-gray keyline-right'>
<h2>Savannah, GA</h3>
<img src='img/savannah.png' />
<p>The Savannah metro area</p>
<a class='button stroke' href='/savannah/' id='savannah'><span class='icon polyline'></span> View Map</a>
</div>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<div class='col3 pad2 prose dark fill-gray keyline-right'>
<h2>Charleston, SC</h3>
<img src='img/charleston.png' />
<p>The Charleston metro area</p>
@@ -4,6 +4,7 @@
site_keys = {
'charleston': 'cj7f7c6sj0rvz32rs91o9ujf2',
'fortlauderdale': 'cj7f7d7i60uxv34mtr4zux3ua',
'fortmyers': 'cj7ja21ow0ckp33qnqwomfxa8',
'jacksonville': 'cj7f7cmoi0w752wlxsozcxbcf',
'miami': 'cj7ctr3ov025f2qnpmgly9829',
'orlando': 'cj7ctreuo02cx2ppjg9wxcgv6',
Oops, something went wrong.

0 comments on commit 05bef93

Please sign in to comment.