Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
228 lines (199 sloc) 7.36 KB
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="css/main.css">
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<!-- BootStrap CSS //-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<!-- GoogleMaps AJAX API //-->
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/gmaps.js"></script>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script type="text/javascript" src="js/map.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/infowindow.js"></script>
<script type="text/javascript" src="js/marker.js"></script>
<script type="text/javascript" src="js/overlay.js"></script>
<script type="text/javascript" src="js/onion.js"></script>
<script type="text/javascript" src="js/stats.js"></script>
<script type="text/javascript" src="js/util.js"></script>
<script type="text/javascript" src="js/controls.js"></script>
<script type="text/javascript" src="js/markerclusterer.js"></script>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/classie.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="js/modernizr.custom.js"></script>
<script type="text/javascript">
function sendData(packed)
// Initialize packed or we get the word 'undefined'
//var packed = "sailor";
window.location = "index.html?type=" + packed;
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
<h3>Porttowns</h3> <!-- Change menu items here!!! -->
<!-- <form>
<input type="text" id="searcher" placeholder="Search for Censuses.." style="margin:5px 0 0 10px;">
<input type="button" value="Search" onClick="searchme()">
</form> -->
<a href="index.html">Map</a>
<a href="categories.html ">Categories</a> <!-- ADD MENU LINK HERE (IN SPEECH MARKS) -->
<a href="mostpopular.html">Most Popular</a>
<a href="walks.html">Walks in Portsmouth</a>
<a href="about.html">About</a>
<a href="partners.html">Partners</a>
<a href="termsConditions.html">Terms and Conditions</a>
<div class="container">
<div class="nav">
<div class="main">
<section class="buttonset">
<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
<span class="glyphicon glyphicon-menu-hamburger btn-lg" id="showLeftPush" style="cursor: pointer;"></span>
<div class="logo">
<a href="index.html"><img src="img/porttown.png"></a>
<div class="mapProp">
<span class="glyphicon glyphicon-tower btn-lg" name="sForm" onClick="showhideOverlay()" style="cursor: pointer;"></span>
</div> -->
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
return vars;
$(document).ready(function() {
var requestType;
case "getSailor":
requestType = "sameLatLonSailors";
case "getPub":
requestType = "sameLatLonPub";
case "getLHouse":
requestType = "sameLatLonLHouse";
case "getCrime":
requestType = "sameLatLonCrime";
case "getWelfare":
requestType = "sameLatLonWelfare";
case "getLeisure":
requestType = "sameLatLonLeisure";
case "getFolklore":
requestType = "sameLatLonFolklore";
case "search":
requestType = "sameLatLonSearch";
requestType = "sameLatLonAll";
var dataArray= [];
if(getUrlVars()["keywords"] == null){
dataArray = {type: requestType,
latitudeKeyword: getUrlVars()["lat"],
longitudeKeyword: getUrlVars()["long"]};
} else {
dataArray = {type: requestType,
latitudeKeyword: getUrlVars()["lat"],
longitudeKeyword: getUrlVars()["long"],
keywords: getUrlVars()["keywords"]};
type: "GET",
dataType: "json",
ContentType: "application/json",
url: "",
data: dataArray,
success: function (response) {
$.each(response.outputArray, function(index, element){
$("#main_area").append("<h2><li>" + element.Title + "</h2>" + "<p>" + element.Subtitle + ", " + element.Context + "<br><br>" + element.quote + "</p></li>");
<div id="main_area"></div>
<div class="textOne">
The Port Towns and Urban Cultures group is dedicated to furthering our
understanding of the social and cultural impact of life in port towns from the
eighteenth century to the modern period.
Find out more about the project, keep up to date with the latest events, be informed
of app updates and project news by following us on Facebook and Twitter.
Got a story or image to share? Contact us <a href=""></a>
The Port Towns and Urban Cultures group is based at the University of Portsmouth
and runs this project in partnership with other institutions and organisations,
including Portsmouth History Centre.
<div class="social">
<a href="" target="_blank"><img src="img/fb.png"></a>
<a href="" target="_blank"><img src="img/twit.png"></a>
<div class="footerLogo">
<img src="img/footerlogo.png">
<p>&copy; 2015 Port Towns and Urban Cultures. All Rights Reserved.</p>
<h6>Designed and Created by Elisavet Andrikopoulou - Prayance</h6>
<script src="js/classie.js"></script>
var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
showLeftPush = document.getElementById( 'showLeftPush' ),
body = document.body;
// need this!!!!!
showLeftPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toright' );
classie.toggle( menuLeft, 'cbp-spmenu-open' );
disableOther( 'showLeftPush' );
// Need this ^^
// may need this (to look cooler \/)
function disableOther( button ) {
//if( button !== 'showLeft' ) {
// classie.toggle( showLeft, 'disabled' );
//if( button !== 'showRight' ) {
// classie.toggle( showRight, 'disabled' );
//if( button !== 'showTop' ) {
// classie.toggle( showTop, 'disabled' );
//if( button !== 'showBottom' ) {
// classie.toggle( showBottom, 'disabled' );
//if( button !== 'showLeftPush' ) {
// classie.toggle( showLeftPush, 'disabled' );
//if( button !== 'showRightPush' ) {
// classie.toggle( showRightPush, 'disabled' );