index.html

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>A simple map</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<link href="https://api.tiles.mapbox.com/mapbox.js/v2.4.0/mapbox.css" rel="stylesheet" />
<link href="css/app.css" rel="stylesheet" />
<link href="css/save_shape_to_gist.css" rel="stylesheet" />
<script src="lib/decode.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="https://api.tiles.mapbox.com/mapbox.js/v2.4.0/mapbox.js"></script>
</head>
<body>


<!-- These are the only DOM elements we need for an awesome app -->
<div id="map"></div>
<div id="sidebar" class="styled-scrollbar" style="display:none">
  <div id="info"></div>
  <div id="directions">
    <p id="distance"></p>
    <p id="time"></p>
    <ul id="summary"></ul>
  </div>
</div>

<script src="js/exercise_4.js"></script>

<!-- You can un-comment these files to enable the additional functionality if you didn"t type along inside of exercise4.js -->

<!--
<script src="js/exercise_5.js"></script>
<script src="js/exercise_6.js"></script>
<script src="js/exercise_7.js"></script>
<script src="js/exercise_8.js"></script>
-->


<!-- Special bonus stuff we"ll cover if there is time, -->
<script src="lib/spin.js"></script>
<script src="lib/shp.js"></script>
<div id="drag-overlay" style="display:none">
<p class="drop-label">Drop a shapezip here</p>
</div>
<script src="js/save_shape_to_gist.js"></script>
</body>
</html>