Skip to content
This repository has been archived by the owner on Jun 11, 2019. It is now read-only.

Commit

Permalink
adding static usa html example
Browse files Browse the repository at this point in the history
  • Loading branch information
@marvinbarretto
marvinbarretto committed Aug 21, 2011
1 parent f91057f commit d9dddb2
Showing 1 changed file with 391 additions and 0 deletions.
391 changes: 391 additions & 0 deletions public/united_states.html
View file
@@ -0,0 +1,391 @@

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
xmlns:foaf="http://xmlns.com/foaf/0.1/"
xmlns:vcard="http://www.w3.org/2006/vcard/ns#"
xmlns:owl="http://www.w3.org/2002/07/owl#"
xmlns:dbpprop="http://dbpedia.org/property/"
xmlns:op="http://openplaques.org/ontology/"
xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
xmlns:sioc="http://rdfs.org/sioc/ns#"
xmlns:xsd="http://www.w3.org/2001/XMLSchema#">

<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Historical plaques in United States</title>

<link href="/stylesheets/v1.css?1312881766" media="screen" rel="stylesheet" type="text/css" />

<script src="/javascripts/application.js?1312881766" type="text/javascript"></script>

<script src="/javascripts/jquery-1.5.1.min.js?1312881766" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-1.8.11.custom.min.js?1312881766" type="text/javascript"></script>

<script src="/javascripts/lib/modernizr-1.7.min.js?1312881766" type="text/javascript"></script>

<link href="/images/openplaques-icon.png?1312881766" rel="shortcut icon" />
<meta name="csrf-param" content="authenticity_token"/>
<meta name="csrf-token" content="kqQAOlw9eBNpAzlHjCdJoqXUgrV8Cx0yprIxESI6kkQ="/>
</head>

<body id="countries_controller">



<header>

<div class="container">

<div class="branding">
<a href="/" class="logo"><img alt="Openplaques" src="/images/openplaques.png?1312881766" /></a>
</div>

<span class="site_name">
O<span class="small-caps">pen</span> P<span class="small-caps">laques</span>
</span>

<table id="navigation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="primary_links">
<nav>
<ul class="clearfix">
<li><a href="/people">People</a></li>
<li><a href="/places">Places</a></li>
<li><a href="/organisations">Organisations</a></li>
</ul> </nav>
</td>
<td id="primary_search">
<div class="search_box">
<form accept-charset="UTF-8" action="/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
<span id="magnifying_glass"></span>
<label for="phrase">Search: </label>
<input id="phrase" name="phrase" placeholder="Search for a person, place or organisation..." type="search" />
<input type="submit" value="Go" />
</form> </div>
</td>
</tr>
</table>

<p class="user_info"><a href="/users/sign_in">Login</a></p>

</div>

</header>
<div id="content">

<div id="city_results" class="clearfix container">


<div id="city_title" class="panel">
<h1>Plaques in United States</h1>
<section class="plaque_count">
<p><strong>40 plaques found</strong> <em>(38 of which remain <a href="/places/us/unphotographed">unphotographed</a>)</em></p>
</section>
</div>

<ol class="results one_destination_results">
<li>

<a href="/places/us/areas/apalachicola_florida">
<p class="result">Apalachicola, Florida</p>
<p class="count">2 plaques</p>
</a>

</li> <li>

<a href="/places/us/areas/archer_florida">
<p class="result">Archer, Florida</p>
<p class="count">2 plaques</p>
</a>

</li> <li>

<a href="/places/us/areas/arlington_oregon">
<p class="result">Arlington, Oregon</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/astoria_oregon">
<p class="result">Astoria, Oregon</p>
<p class="count">2 plaques</p>
</a>

</li> <li>

<a href="/places/us/areas/auburndale_florida">
<p class="result">Auburndale, Florida</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/boca_raton_florida">
<p class="result">Boca Raton, Florida</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/bordentown_nj">
<p class="result">Bordentown, NJ</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/boston_ma">
<p class="result">Boston, Massachusetts</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/boynton_beach_florida">
<p class="result">Boynton Beach, Florida</p>
<p class="count">2 plaques</p>
</a>

</li> <li>

<a href="/places/us/areas/bradenton_florida">
<p class="result">Bradenton, Florida</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/brandon_florida">
<p class="result">Brandon, Florida</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/brooksville_florida">
<p class="result">Brooksville, Florida</p>
<p class="count">6 plaques</p>
</a>

</li> <li>

<a href="/places/us/areas/capecod_massachusetts">
<p class="result">Cape Cod, Massachusetts</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/carmel">
<p class="result">Carmel</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/chicago">
<p class="result">Chicago</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/clear_lake_iowa">
<p class="result">Clear Lake, Iowa</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/concord_new_hampshire">
<p class="result">Concord, New Hampshire</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/douglas_michigan">
<p class="result">Douglas, Michigan</p>
<p class="count">1 plaque</p>
</a>

</li> <li>

<a href="/places/us/areas/dublin">
<p class="result">Dublin</p>
<p class="count"></p>
</a>

</li>
<li>

<a href="/places/us/areas/eagle_creek_oregon">
<p class="result">Eagle Creek, Oregon</p>
<p class="count">1 plaque</p>
</a>

</li>
<li>

<a href="/places/us/areas/grand_rapids_michigan">
<p class="result">Grand Rapids, Michigan</p>
<p class="count">1 plaque</p>
</a>

</li>
<li>

<a href="/places/us/areas/new_york">
<p class="result">New York</p>
<p class="count">46 plaques</p>
</a>

</li>
<li>

<a href="/places/us/areas/newyork">
<p class="result">New York City, New York</p>
<p class="count">1 plaque</p>
</a>

</li>
<li>

<a href="/places/us/areas/pennsylvania_pa">
<p class="result">Pennsylvania, PA</p>
<p class="count">1 plaque</p>
</a>

</li>
<li>

<a href="/places/us/areas/provincetown">
<p class="result">Provincetown, Massachussets</p>
<p class="count">1 plaque</p>
</a>

</li>
<li>

<a href="/places/us/areas/standford_california">
<p class="result">Stanford, California</p>
<p class="count"></p>
</a>

</li>
<li>
<a href="/places/us/areas/stanford_california">
<p class="result">Stanford, California</p>
<p class="count">1 plaque</p>
</a>
</li>
<li>

<a href="/places/us/areas/starbuck_minnesota">
<p class="result">Starbuck, Minnesota</p>
<p class="count">1 plaque</p>
</a>

</li>
<li>

<a href="/places/us/areas/the_dalles_oregon">
<p class="result">The Dalles, Oregon</p>
<p class="count">1 plaque</p>
</a>

</li>
<li>

<a href="/places/us/areas/tupelo_mississippi">
<p class="result">Tupelo, Mississippi</p>
<p class="count">1 plaque</p>
</a>

</li>
<li>

<a href="/places/us/areas/washington_dc">
<p class="result">Washington, DC</p>
<p class="count">2 plaques</p>
</a>

</li></ol>


<div id="map">
<img src="http://maps.googleapis.com/maps/api/staticmap?
size=500x300
&markers=size:mid%7Ccolor:blue%7CChicago
&markers=size:mid%7Ccolor:blue%7CEagle Creek, Oregon
&markers=size:mid%7Ccolor:blue%7CGrand Rapids, Michigan
&markers=size:mid%7Ccolor:blue%7CNew York City, NY
&markers=size:mid%7Ccolor:blue%7CPennsylvania, PA
&markers=size:mid%7Ccolor:blue%7CProvincetown, Massachussets
&markers=size:mid%7Ccolor:blue%7CStanford, CA
&markers=size:mid%7Ccolor:blue%7CStarbuck, Minnesota
&markers=size:mid%7Ccolor:blue%7CThe Dalles, Oregon
&markers=size:mid%7Ccolor:blue%7CTupelo, Mississippi
&markers=size:mid%7Ccolor:blue%7CWashington, DC
&sensor=false" />

</div>

<script>
$(document).ready(function () {
var top = $('#map').offset().top - parseFloat($('#map').css('marginTop').replace(/auto/, 0));

var bottom = $("#map").offset().top + $("#content").height();

$(window).scroll(function () {
// what the y position of the scroll is
var y = $(this).scrollTop();

// whether that's below the form
if (y >= top) {
// if so, ad the fixed class
$('#map').addClass('fixed');
} else if (y >= bottom) {
$('#map').addClass('fixedBottom').removeClass('fixed');
} else {
$('#map').removeClass('fixed');
}
});
})
</script>

</div>

</div>
<footer>
<nav>
<a href="/about">About</a>
<a href="/contact">Contact</a>
<a href="/about/data">The data</a>
<a href="http://blog.openplaques.org/">Blog</a>
<a href="http://twitter.com/openplaques">Twitter</a>
</nav>

<p class="about">A project of Open Heritage C.I.C.</p>
</footer>

<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-8901261-1']);
_gaq.push(['_setDomainName', '.openplaques.org']);
_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>

<script src="/javascripts/ToggleSearchValue.js?1312881766" type="text/javascript"></script>

</body>
</html>

0 comments on commit d9dddb2

Please sign in to comment.