Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
executable file 164 lines (129 sloc) 6.44 KB
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Open Data Day Hack - Mecklenburg County Building Permits</title>
<meta name="description" content="Search and map Mecklenburg County building permits based on location, project cost, square footage and permit issue date.">
<meta name="author" content="Jason Sanford">
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- CSS : implied media="all" -->
<link rel="stylesheet" href="css/style.css?v=2">
<link href="css/dark-hive/jquery-ui-1.8.6.custom.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css">
<!-- Uncomment if you are specifically targeting less enabled mobile browsers
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=2"> -->
<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/libs/modernizr-1.6.min.js"></script>
</head>
<body>
<div id="center" class="ui-layout-center">
<div id="map-canvas"></div>
</div>
<div id="top" class="ui-layout-north">
<div class="left">
<div class="input"><input type="text" id="text-search" /></div>
</div>
<div class="right">
<h2>Meklenburg County</h2>
<h1>Building Permit Search</h1>
</div>
<div class="clearit"></div>
</div>
<div id="bottom" class="ui-layout-south">
<div class="center"><a href="javascript:void(0);" id="a-about">About</a> | <a href="http://geojason.info/">GeoJason Blog</a></div>
</div>
<div id="right" class="ui-layout-east">
<div id="right-container">
<div id="results-count">
<h3><span id="results-counter">0</span> Permits</h3>
</div>
<div id="results"></div>
</div>
</div>
<div id="left" class="ui-layout-west">
<div id="left-container">
<div id="left-content">
<div id="getting-started">
<p class="enter-click"><span>Enter</span> an address</p><p class="or">or</p><p class="enter-click"><span>click</span> the map to get started</p>
</div>
<h4>Building Permit Search Parameters</h4>
<p class="enable-disable">click to enable/disable</p>
<div class="param">
<p class="header">Square Footage</p>
<p class="values"><span id="footage">1,000 - 5,000 ft.<sup>2</sup></span></p>
<div data-field="square_footage" class="slider" id="footage-slider"></div>
</div>
<div class="param">
<p class="header">Project Cost</p>
<p class="values"><span id="cost">$5,000 - $20,000</span></p>
<div data-field="construction_cost" class="slider" id="cost-slider"></div>
</div>
<div class="param date">
<p class="header">Issue Date</p>
<p class="values"><span id="date"></span></p>
<div data-field="date_issued" class="slider" id="date-slider"></div>
</div>
</div>
</div>
</div>
<div id="about-panel">
<h3>What is this?</h3>
<p>This was a side project I've been working on for <a href="http://www.opendataday.org/">Open Data Day</a> which was Dec
4<sup>th</sup>. For me it was more of an Open Data as-time-permits-here-and-there. Better late than never!</p>
<h3>Where does the data come from?</h3>
<p>Mecklenburg County, NC (Charlotte) has an extensive set of open data to dig through in their
<a href="http://maps.co.mecklenburg.nc.us/dataportal/">data portal</a> which is served through a
powerful set of <a href="http://maps.co.mecklenburg.nc.us/rest/">web services</a> based on some
awesome <a href="http://code.google.com/p/postgis-restful-web-service-framework/">open source code</a>.</p>
<h3>How does it work?</h3>
<p>Check out <a href="http://geojason.info/2010/12/open-data-day-hack/">my blog post</a> for an overview.</p>
</div>
<!-- Javascript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="js/libs/GeoJSON.js"></script>
<script src="js/libs/distancewidget.js"></script>
<script src="js/libs/jquery.layout.min-1.2.0.js"></script>
<script src="js/libs/jquery.scrollTo-min.js"></script>
<!-- scripts concatenated and minified via ant build script-->
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<!-- end concatenated and minified scripts-->
<!--[if lt IE 7 ]>
<script src="js/libs/dd_belatedpng.js"></script>
<script> DD_belatedPNG.fix('img, .png_bg'); //fix any <img> or .png_bg background-images </script>
<![endif]-->
<!-- yui profiler and profileviewer - remove for production -->
<!--<script src="js/profiling/yahoo-profiling.min.js"></script>
<script src="js/profiling/config.js"></script>-->
<!-- end profiling code -->
<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
change the UA-XXXXX-X to be your site's ID -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7385360-11']);
_gaq.push(['_setDomainName', '.geojason.info']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Something went wrong with that request. Please try again.