Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
executable file 163 lines (132 sloc) 6.8 KB
<!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</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'>
<link href='https://www.mapbox.com/base/latest/base.css' rel='stylesheet'>
<link rel='stylesheet' 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 {
background: #EBEBEB;
}
</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 class='header-box'>
<a href='/' id='logo'><img src='/img/floodmap_logo.png'/></a>
</div>
<div class='limiter'>
<div class='col12 clearfix space-bottom4'>
<div class='margin3 col6 pad2 prose dark fill-gray keyline-right'>
<h2>Get Started</h3>
<img src='img/demo.gif' />
<p>floodmap.io is a free, crowdsourced flood reporting service originally launched to help communities impacted by Hurricane Harvey. It's the next evolution of the successful <a href='https://www.cbsnews.com/news/houston-harvey-u-flood-maps/?ftag=CNM-00-10aab6a&linkId=41670697'>U-Flood Project</a>. Start here to practice mapping flooded streets.</p>
<a class='button stroke' href='/learn/' id='learn'><span class='icon polyline'></span> Get Started</a>
</div>
</div>
<div class='col12 clearfix space-bottom4'>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<h2>Miami, FL</h3>
<img src='img/miami.png' />
<p>The Miami metro area</p>
<a class='button stroke' href='/miami/' id='miami'><span class='icon polyline'></span> View Map</a>
</div>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<h2>Fort Lauderdale, FL</h3>
<img src='img/fortlauderdale.png' />
<p>Fort Lauderdale to Deerfield Beach</p>
<a class='button stroke' href='/fortlauderdale/' id='fortlauderdale'><span class='icon polyline'></span> View Map</a>
</div>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<h2>Palm Beach, FL</h3>
<img src='img/palmbeach.png' />
<p>Boca Raton to West Palm Beach</p>
<a class='button stroke' href='/palmbeach/' id='palmbeach'><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'>
<h2>Fort Myers, FL</h3>
<img src='img/fortmyers.png' />
<p>Naples to Punta Gorda</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' />
<p>The Tampa metro area</p>
<a class='button stroke' href='/tampa/' id='tampa'><span class='icon polyline'></span> View Map</a>
</div>
<div class='col4 pad2 prose dark fill-gray keyline-right'>
<h2>Orlando, FL</h3>
<img src='img/orlando.png' />
<p>The Orlando metro area</p>
<a class='button stroke' href='/orlando/' id='orlando'><span class='icon polyline'></span> View Map</a>
</div>
</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 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='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='col3 pad2 prose dark fill-gray keyline-right'>
<h2>Charleston, SC</h3>
<img src='img/charleston.png' />
<p>The Charleston metro area</p>
<a class='button stroke' href='/charleston/' id='charleston'><span class='icon polyline'></span> View Map</a>
</div>
</div>
<div class='col12 clearfix'>
<h2>A project to visualize flood reports using open data and interactive maps <a class='icon github button short' href='https://github.com/tailwindlabs/flood-map'>Fork me</a></h2>
</div>
<div class='col12 clearfix response'>
<br />
<h3>Please visit <a href='http://irmaresponse.org/'>irmaresponse.org</a> for additional resources.</h3>
</div>
</div>
<div class='footer'>
<p>&copy; 2017 The floodmap.io contributors. All content is <a href='http://creativecommons.org/licenses/by/4.0/'>CC BY 4.0</a>.</p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/lib/jquery-1.11.3.min.js"><\/script>')
</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>