This repository has been archived by the owner on Jun 22, 2018. It is now read-only.
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
576e4a6
commit d9c4e61
Showing
4 changed files
with
209 additions
and
104 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
@@ -1,11 +1,19 @@ | |||
$('.close-button').click(function(e) { | $('.close-button').click(function(e) { | ||
e.preventDefault(); | e.preventDefault(); | ||
$('#scrim').css("display", "none"); | $('#scrim').css("display", "none"); | ||
$('#panopresentation').css("display", "none"); | $('.modal').css("display", "none"); | ||
$('#aboutme').css("display","none"); | |||
window.location.reload(); | window.location.reload(); | ||
}); | }); | ||
|
|
||
$('#Generate').click(function() { | $('#Generate').click(function() { | ||
$('#scrim').css("display", "block"); | $('#scrim').css("display", "block"); | ||
$('#panopresentation').css("display", "block"); | $('#mapmodal').css("display", "block"); | ||
}); | |||
|
|||
|
|||
$('.svg-wrapper').click(function(e) { | |||
e.preventDefault(); | |||
$('#scrim').css("display", "block"); | |||
$('#aboutme').css("display","block"); | |||
}); | }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Original file line | Diff line number | Diff line change |
---|---|---|---|
@@ -1,101 +1,126 @@ | |||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html lang="en-us"> | <html lang="en-us"> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<meta content="width=device-width, initial-scale=1.0" name="viewport"> | <meta content="width=device-width, initial-scale=1.0" name="viewport"> | ||
<meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"> | <meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible"> | ||
<meta content="Streetlapse" property="og:site_name"> | <meta content="Streetlapse" property="og:site_name"> | ||
<meta content="Streetlapse" property="og:title"> | <meta content="Streetlapse" property="og:title"> | ||
<meta content="Turn any route into a Google Streetview timelapse" property= | <meta content="Turn any route into a Google Streetview timelapse" property= | ||
"og:description"> | "og:description"> | ||
<meta content="Media/preview.png" property="og:image"> | <meta content="Media/preview.png" property="og:image"> | ||
<meta content="http://www.streetlapse.com" property="og:url"> | <meta content="http://www.streetlapse.com" property="og:url"> | ||
<meta content="website" property="og:type"> | <meta content="website" property="og:type"> | ||
<link href="reset.css" rel="stylesheet" type="text/css"> | <link href="reset.css" rel="stylesheet" type="text/css"> | ||
<link href="app.css" rel="stylesheet" type="text/css"> | <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> | ||
<link href="favicon.ico" rel="icon" type="image/x-icon"> | <link href="app.css" rel="stylesheet" type="text/css"> | ||
<title>Streelapse</title> | <link href="favicon.ico" rel="icon" type="image/x-icon"> | ||
<meta content= | <title>Streelapse</title> | ||
"Turn any route in Google Maps into a first person Google Streetview timelapse. Developed by Tyler Peterson." | <meta content= | ||
name="description"> | "Turn any route in Google Maps into a first person Google Streetview timelapse. Developed by Tyler Peterson." | ||
</head> | name="description"> | ||
<body> | </head> | ||
<div id="wrapper"> | <body> | ||
<div id="scrim"></div> | <div id="wrapper"> | ||
<div class="fullpage" id="landingpage"> | <div id="scrim"></div> | ||
<div id="mapwrapper"> | <div class='modal' id="aboutme"> | ||
<div id="controlpanel"> | <div class="modalelements"> | ||
<input class="directionbox" id="search_start" placeholder= | <a class="close-button" href=""></a> | ||
"Starting Place"> <input class="directionbox" id= | <div id='aboutcontent'> | ||
"search_end" placeholder="Destination"> | <h1>Streetlapse takes any route in Google Maps and turns it into a first person Streetview timelapse.</h1> | ||
<div class="directionbox" id="mode-selector"> | <br/> | ||
<input checked="checked" class="radio" id= | <h2>Developed using the Google Maps API, Hyperlapse.js, GSVPano.js, and Three.js.</h2> | ||
"changemode-driving" name="type" type="radio"> | <br/> | ||
<label for="changemode-driving">Driving</label> | <h2>Created by <a href="https://www.tylermarkpeterson.com">Tyler Peterson.</a> Source code is <a href="https://www.github.com/gingernaut/streetlapse">available on Github.</a></h2> | ||
<input class="radio" id="changemode-walking" name= | </div> | ||
"type" type="radio"> <label for= |
|
||
"changemode-walking">Walking</label> | </div> | ||
</div><input class="directionbox stylebutton" id="Generate" | |||
role="button" type="submit" value="Generate"> | |||
</div> | </div> | ||
<div id="NavigationalMap"></div> | <div class="fullpage" id="landingpage"> | ||
</div> | <div id="navbar"> | ||
<div id='panopresentation'> | <h1>Streetlapse</h1> | ||
<div id="panoelements"> | <div class="svg-wrapper"> | ||
<a class="close-button" href=""></a> | <svg height="30" width="150" xmlns="http://www.w3.org/2000/svg"> | ||
<div id="pano"> | <rect id="shape" height="30" width="150" /> | ||
<div class="cs-loader"> | <div id="text"> | ||
<div class="cs-loader-inner"> | <a href=""><span class="spot"></span>About</a> | ||
<label>●</label> <label>●</label> | |||
<label>●</label> <label>●</label> | |||
<label>●</label> <label>●</label> | |||
</div> | </div> | ||
</div> | </svg> | ||
</div> | </div> | ||
<div id="buttons"> | </div> | ||
<button class='stylebutton' id="play">Start</button> |
|
||
<button class='stylebutton' id="stop">Stop</button> | <div id="mapwrapper"> | ||
<button class='stylebutton' id="next">Next</button> | <div id="controlpanel"> | ||
<button class='stylebutton' id="prev">Prev</button> | <input class="directionbox" id="search_start" placeholder= | ||
"Starting Place"> <input class="directionbox" id= | |||
"search_end" placeholder="Destination"> | |||
<div class="directionbox" id="mode-selector"> | |||
<input checked="checked" class="radio" id= | |||
"changemode-driving" name="type" type="radio"> | |||
<label for="changemode-driving">Driving</label> | |||
<input class="radio" id="changemode-walking" name= | |||
"type" type="radio"> <label for= | |||
"changemode-walking">Walking</label> | |||
</div><input class="directionbox stylebutton" id="Generate" | |||
role="button" type="submit" value="Generate"> | |||
</div> | </div> | ||
<div id="NavigationalMap"></div> | |||
</div> | </div> | ||
<div class='modal' id="mapmodal"> | |||
<div class="modalelements"> | |||
<a class="close-button" href=""></a> | |||
<div id="pano"> | |||
<div class="cs-loader"> | |||
<div class="cs-loader-inner"> | |||
<label>●</label> <label>●</label> | |||
<label>●</label> <label>●</label> | |||
<label>●</label> <label>●</label> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="buttons"> | |||
<button class='stylebutton' id="play">Start</button> | |||
<button class='stylebutton' id="stop">Stop</button> | |||
<button class='stylebutton' id="next">Next</button> | |||
<button class='stylebutton' id="prev">Prev</button> | |||
</div> | |||
</div> | |||
</div> | |||
<!--<div id='promostuff'> | |||
<a target="_blank" href="https://www.tylermarkpeterson.com/">Built by Tyler Peterson</a> | |||
<a target="_blank" id='source' href="https://www.github.com/gingernaut/streetlapse">Source Code</a> | |||
</div>--> | |||
</div> | </div> | ||
<div id='promostuff'> | |||
<a target="_blank" href="https://www.tylermarkpeterson.com/">Built by Tyler Peterson</a> | |||
<a target="_blank" id='source' href="https://www.github.com/gingernaut/streetlapse">Code Source</a> | |||
</div> | |||
</div> | </div> | ||
</div> | <script src= | ||
<script src= | "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> | ||
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> | <script src= | ||
<script src= | "https://maps.googleapis.com/maps/api/js?key=AIzaSyD3cOoekvzKSqpMiRI7WJc1Vxo__vF3txA&libraries=places"></script> | ||
"https://maps.googleapis.com/maps/api/js?key=AIzaSyD3cOoekvzKSqpMiRI7WJc1Vxo__vF3txA&libraries=places"></script> | <script src="Scripts/set_map.js"></script> | ||
<script src="Scripts/set_map.js"></script> | <script src="Scripts/three.min.js"></script> | ||
<script src="Scripts/three.min.js"></script> | <script src="Scripts/GSVPano.js"></script> | ||
<script src="Scripts/GSVPano.js"></script> | <script src="Scripts/Hyperlapse.js"></script> | ||
<script src="Scripts/Hyperlapse.js"></script> | <script src="Scripts/streetlapse.js"></script> | ||
<script src="Scripts/streetlapse.js"></script> | <script src="Scripts/app.js"></script> | ||
<script src="Scripts/app.js"></script> | <script> | ||
<script> | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
(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), | ||
(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) | ||
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'); | ||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | ga('create', 'UA-61123672-5', 'auto'); | ||
|
ga('send', 'pageview'); | ||
ga('create', 'UA-61123672-5', 'auto'); | </script> | ||
ga('send', 'pageview'); | <!-- | ||
</script> | Google Maps | ||
<!-- | JQuery | ||
Google Maps | Hyperlapse.js | ||
JQuery | HyperlapseMB.js | ||
Hyperlapse.js | GSVPano.js | ||
HyperlapseMB.js | GSVPanoDepth.js | ||
GSVPano.js | GSVPanoEffects.js | ||
GSVPanoDepth.js | jquery.base64.min.js | ||
GSVPanoEffects.js | zpipe.min.js | ||
jquery.base64.min.js | Dat.gui.js | ||
zpipe.min.js | --> | ||
Dat.gui.js | </body> | ||
--> | |||
</body> | |||
</html> | </html> |