index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>The House Facts Civic Data Standard</title>
    <meta name="description" content="A civic data standard for residential building inspection data developed by Code for America and the City and County of San Francisco.">
    <meta name="author" content="Code for Ameria">

    <!-- Le styles -->
    <link href="css/style.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

		<link href='http://fonts.googleapis.com/css?family=Alfa+Slab+One' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300italic,300' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
		<link rel="icon" type="image/ico" href="images/favicon.ico"/>

  </head>

  <body data-spy="scroll" data-target=".subnav" data-offset="-10">
    <div id="main_nav_cont" class="subnav">
		<div id="nav_cont">
      		<ul class="nav nav-pills">
        		<li class="home"><a target="_parent" href="http://peernetwork.in"  class="last"><img src="images/logo-white.png" style="padding-bottom: 5px;" height="35px" align="center"></a></li>
	      
        		<li class="home"><a href="http://peernetwork.in"><img src="images/name.png" style="padding-bottom: 5px;" align="center"></a></li>
	      
				<li><a target="_parent" href="http://peernetwork.in">Peer Network Home</a></li>
				<li><a href="#sponsors">Partners</a></li>
				<li><a href="#cities">Cities</a></li>
				<li><a href="#program">Benefits</a></li>
				<li><a href="#information">About</a></li>		  
			</ul>
		</div>
    </div>
	<div id="banner_cont">
 		<div id="banner_housefacts">
			<div class="Apply housefacts">
				<button name="" data-toggle="modal" href="#signup" class="button_housefacts" type="submit" value="Apply Now" />I'm Interested</button>
			</div>
		</div>
	</div>
	<div id="information">

			<div id="wrapper_housefacts">
			  <div id="main_container" class="info">
				  <div id="finish_line_cont"></div>
			    <div class="main_cont" id="opportunity">
			      <div class="top_art_cont">
			        <p>Developed by a coalition of leading industry stakeholders, the City of San Francisco, and Code for America, the House Facts Standard is a uniform format for reporting government data on the health and safety of residential buildings.</p>					
			        <p>This uniform format allows the data to be used in new and powerful ways. Local governments already do the hard work to inspect residential buildings and enforce health and safety codes. With the House Facts Standard, you can make the full health and safety history for every house and apartment in your city even more usable by citizens. Greater transparency helps keep owners accountable and further incentivizes compliance with regulations that ensure health, safety and habitability.</p>
			        <p>Like <a target="_parent" href="http://foodinspectiondata.us/">other civic data standards</a>, this “machine-readable” format enables the development of apps, visualizations and other tools for making the most out of your government’s work.</p>
			      </div>
			</div>
			<div class="main_cont" id="program">
					<div class="bottom_art_cont">
					  <h3 class="ribbon">Why Participate?</h3>
				        <div class="team_li_cont_left">
				          <div class="team_logo"><img src="images/icons_housingconditions_ajw.png" width="150" height="150" /></div>
				         </br>
				          <h4 class="redli">Improve Housing Conditions</h4>
					      <a target="_parent" href="http://healthyhousing.org/">Over 6 million Americans live in substandard housing.</a> Improving access to data on housing inspections can support tenant advocates and legal assistance agencies in their work to secure healthy living conditions for families. Greater transparency of inspection and violation histories can help motivate landlords to comply with the standards your government maintains.
				        </div>
						<div class="team_li_cont_center">
				          <div class="team_logo"><img src="images/icons_empowercitizens_ajw.png" width="150" height="150" /></div>
				        </br>
				          <h4 class="redli">Empower Citizens</h4>
				          Housing decisions are some of the most important and taxing choices citizens face. This standard helps prospective renters and buyers learn about how buildings stand in the eyes of local government. </br>
				          House Facts helps governments share important data with citizens, including the <a target="_parent" href="http://www.trulia.com/about">31.4 million monthly unique visitors to Trulia</a>, along with other platforms and tools committed to using data published in the standard.
				        </div>
				        <div class="team_li_cont_right">
				          <div class="team_logo"><img src="images/icons_econdev_ajw.png" width="150" height="150" /></div>
				       	</br>
				          <h4 class="redli">Drive Economic Development</h4>
				         Opening city data empowers people to build new products and services using that data, driving job creation and economic growth. Industry forecasts predict that governments promoting open data will foster <a target="_parent" href="http://gov.aol.com/2012/12/05/10-predictions-for-government-it-in-2013/">25% more</a> private commercial activity in apps and services in 2013 than 2012.
				        </div>
				      </div>

				<div class="program_cont row" id="cities">
					<h3 class="ribbon">Details</h3>
					<div class="team_li_cont_left">
						<div class="team_logo"><img src="images/icons_spec_ajw.png" width="150" height="150"/>
						</div>
					</br>
						<h4 class="redli">The Specification</h4>
						You can find the <a target="_parent" href="https://docs.google.com/a/codeforamerica.org/document/d/1mEvxQbJFr3l5tcEAqkPdl2qBVTsKWbLnE3xlfkCcf2g/edit#heading=h.zbzb58mlpq6v">specification document for the standard here.</a> 
						<p>
						The document tracks issues and suggestions surfaced from interested stakeholders. Feel free to add your own with a comment--this is a living document that will be used to develop a more robust v2 of the House Facts Standard.
					</p>
					</div>

					<div class="team_li_cont_center">
						<div class="team_logo"><img src="images/icons_finddata_ajw.png" width="150" height="150"/>
						</div>
					</br>
						<h4 class="redli">Finding the Data</h4>
						You can <a target="_parent" href="https://extxfer.sfdph.org/gis/Housing/SanFranciscoHFDS20130621.zip"> download the data for San Francisco here.</a>

						<p>We will encourage other cities to host their data on public portals, and aggregate a list of end points as data is made available.
						</p>

					</div>

					<div class="team_li_cont_center">
						<div class="team_logo"><img src="images/icons_api_ajw.png" width="150" height="150"/>
						</div>
					</br>
						<h4 class="redli">Using the Data</h4>
						 Civic hackers can check out <a target="_parent"  href= "http://housefacts.codeforamerica.org/SF/">this prototype app</a>. Use this app to view Housing Facts compliant data from San Francisco, and <a target="_parent" href="https://github.com/codeforamerica/ohhs_Falcon">fork the code on Github.</a> 


						 <p>If you are a business or organization that wants to learn more about taking advantage of this data, please submit <a target="_parent" a href="https://codeforamerica.wufoo.com/forms/z7p1k1/">this short form.</a></p>
					</div>
				</div>
				
				<div class="program_cont row" id="cities">
					<h3 class="ribbon">The Cities</h3>					
					<p align="center">These cities are committed to making taxpayer-funded data on residential housing universally accessible. <a target="_parent" href="https://codeforamerica.wufoo.com/forms/z7p2z5/">Is yours next?</a></p>

					<div class="city_info">
						<a target="_parent" href="http://www.sfgov.org/index.asp"><img src="images/SF-small.png"></a>
						<a target="_parent" href="http://www.lasvegasnevada.gov"><img src="images/lasvegas-logo.png"></a>
						<a target="_parent" href="http://www.kcmo.org/CKCMO/index.htm"><img src="images/kcmo-logo.png"></a>	
						<a target="_parent" href="http://www.gary.in.us/"><img src="images/gary-logo.png"></a>
					</div>	

					<div class="city_info">
						<a target="_parent" href="http://www.http://bloomington.in.gov/"><img src="images/bloomington-logo.png"></a>
						<a target="_parent" href="http://www.village.bayside.wi.us/"><img src="images/bayside-logo.png"></a>
						<a target="_parent" href="http://www.olatheks.org/"><img src="images/olathe-logo.png"></a>
					</div>
						

					<div class="main_cont row" id="sponsors">
						<h3 class="ribbon">Partners</h3>
						<div class="span4">
							<a target="_parent" href="http://sfgov.org/index.asp"><img src="images/SF-small.png" /></a>
						</div>
						<div class="span4">
							<a target="_parent" href="http://codeforamerica.org"><img src="images/cfa2.png" /></a>
						</div>
						<div class="span4">
							<a target="_parent" href="http://trulia.com"><img src="images/trulia-small.png" /></a>
						</div>
					</div>
					<div class="main_cont row" id="sponsors_2">
						<div class="span3">
							<a target="_parent" href="http://www.accela.com/"><img src="images/accela-logo.png" /></a>
						</div>
						<div class="span3">
							<a target="_parent" href="http://www.socrata.com/"><img src="images/socrata-logo.png" /></a>
						</div>
						<div class="span3">
							<a target="_parent" href="http://www.padmapper.com"><img src="images/padmapper-logo.png" /></a>
						</div>
						<div class="span3">
							<a target="_parent" href="http://livelovely.com/"><img src="images/lovely-logo.png" /></a>
						</div>
					</div>
					<div class="main_cont row" id="sponsors_3">
						<div class="span6">
							<a target="_parent" href="http://transformgov.org/en/home"><img src="images/alliance-logo.png" /></a>
						</div>
						<div class="span6">
							<a target="_parent" href="http://www.nchh.org/"><img src="images/housingcenter-logo.png" /></a>
						</div>
					</div>

			  </div>
			</div>
		</div>
	</div>
</div>

	<div id="signup" class="modal hide fade in" style="display: none; ">  
	  <div class="modal-header">  
	    <a class="close" data-dismiss="modal">×</a>  
	  </div>  
	  <div class="modal-body">  
	   	<div id="wufoo-z7p2z5">
		Fill out my <a href="http://codeforamerica.wufoo.com/forms/z7p2z5">online form</a>.
		</div>
		<script type="text/javascript">var z7p2z5;(function(d, t) {
		var s = d.createElement(t), options = {
		'userName':'codeforamerica', 
		'formHash':'z7p2z5', 
		'autoResize':true,
		'height':'566',
		'async':true,
		'header':'show', 
		'ssl':true};
		s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
		s.onload = s.onreadystatechange = function() {
		var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
		try { z7p2z5 = new WufooForm();z7p2z5.initialize(options);z7p2z5.display(); } catch (e) {}};
		var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
		})(document, 'script');</script>
		</div>

</div>

     <!-- Footer
      ================================================== -->
      <footer class="footer">
  <div id="footer_cont">
	<img src="images/flag_tag.png"/>
	</div>
      </footer>

    </div><!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

	  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	  <script src="js/bootstrap-modal.js"></script>	  
	  <script src="js/bootstrap-scrollspy.js"></script>
	  <script src="js/application.js"></script>
	  <script src="js/bootstrap-tooltip.js"></script>
	  <script src="js/bootstrap-popover.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
		<script type='text/javascript' src='js/jquery.scrollTo-1.4.2-min.js'></script>
		<script type='text/javascript' src='js/jquery.localscroll-1.2.7-min.js'></script>
		<script type='text/javascript' src='js/jquery.ba-hashchange.min.js'></script>
		<script type='text/javascript' src='app.js'></script>

		<!-- Google Analytics tracker -->
        <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','//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-20825280-13', 'housefacts.me');
          ga('send', 'pageview');

        </script>
  </body>
</html>