130 lines
3.9 KiB
HTML
130 lines
3.9 KiB
HTML
<!DOCTYPE HTML>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>Digital Gazetteer: Search</title>
|
|
|
|
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/main.css" type="text/css" />
|
|
<link rel="stylesheet" type="text/css" href="/admin/media/css/base.css" />
|
|
<link rel="stylesheet" type="text/css" href="/admin/media/css/forms.css" />
|
|
<script type="text/javascript" src="/static/js/jquery.js"></script>
|
|
<script type="text/javascript" src="/static/js/openlayers/OpenLayers.js"></script>
|
|
<script type="text/javascript" src="/static/js/gazetteer.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!--<div class="wrapper">-->
|
|
|
|
<div class="header">
|
|
<div id="logoMain">
|
|
<a href="http://www.loc.gov/index.html"><img src="/static/images/logo-loc.png" width="141" height="32" alt="congress-logo" id="logo"></a>
|
|
|
|
</div>
|
|
|
|
<div id="user-tools">
|
|
|
|
<!--Welcome,<strong> admin.</strong><a href="/admin/password_change/"> Change password</a> /
|
|
<a href="/admin/logout/">Log out</a>-->
|
|
<p id="logoText">Digital Gazetteer Demo</p>
|
|
<p id="entropyLink"><a href="http://entropyfree.com">by Entropy Free LLC</a></p>
|
|
|
|
</div>
|
|
|
|
<form action="" method="get" class="searchForm" id="searchForm"><!--method is right???-->
|
|
<input type="text" placeholder="Search digital gazetteer" id="searchField" name="field" class="search" />
|
|
<input type="submit" name="searchButton" value="Search" id="searchButton">
|
|
<input type="hidden" value="1" id="page_no" name="page_no" />
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<div class="mapListSection module">
|
|
<p class="resultsList" id="totalResults">Total Results: <span id="noOfResults">21 </span></p><p class="resultsList" id="showingResults">Showing Page: <span id="currPageNo">1</span> <span id="of">of</span> <span id="totalPages"> 10</span></p>
|
|
|
|
<div class="firstLast">
|
|
<div class="first">First </div>
|
|
<div class="previous"> Previous </div>
|
|
<div class="next"> Next </div>
|
|
<div class="last"> Last</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
|
|
<h2>Results for <span id="searchTerm"></span></h2>
|
|
<table id="mapList">
|
|
<thead>
|
|
<tr>
|
|
<td id="nameList">Name</td>
|
|
<td id="typeList">Type</td>
|
|
<td id="countyList">County</td>
|
|
<td id="stateList">State</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
<!--
|
|
<ul class="mapList" id="mapList">
|
|
|
|
<li>Water Well Imagery</li>
|
|
<li>Chicago in the 20s</li>
|
|
<li>Maps go here</li>
|
|
<li>Maps go here</li>
|
|
<li>Maps go here</li>
|
|
<li>Maps go here</li>
|
|
<li>Maps go here</li>
|
|
<li>Maps go here</li>
|
|
<li>Maps go here</li>
|
|
<li>Maps go here</li>
|
|
|
|
</ul>
|
|
-->
|
|
<!--
|
|
<ol class="paginate paginateSelected">
|
|
<li><a href="">«</a></li>
|
|
<li><a href="">1</a></li>
|
|
<li><a href="">2</a></li>
|
|
<li><a href="">3</a></li>
|
|
<li><a href="">4</a></li>
|
|
<li><a href="">5</a></li>
|
|
<li><a href="">6</a></li>
|
|
<li><a href="">7</a></li>
|
|
<li><a href="">8</a></li>
|
|
<li><a href="">9</a></li>
|
|
<li><a href="">10</a></li>
|
|
<li><a href="">»</a></li>
|
|
</ol>-->
|
|
|
|
|
|
</div>
|
|
|
|
<div class="map" id="map">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--</div>-->
|
|
|
|
<div class="footer">
|
|
<p id="footerLinks">Data from <a href="http://geonames.org">Geonames</a>, <a href="http://openstreetmap.org">OpenStreetMap, <a href="http://nhgis.org">National Historical GIS</a>, <a href="http://nrhp.focus.nps.gov/natreg/docs/Download.html">National Park Service</a>, <a href="http://hpdb.org">Historic Places Database</a> and <a href="http://id.loc.gov/">Library of Congress Authorities & Vocabularies</a></p>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|