lochfyne/index.html

<!doctype html>
<html>
  <head>    
    <meta charset='UTF-8'>
    <script type='text/javascript' src='js/jquery-1.4.2.min.js'></script>
    <link rel='stylesheet' type='text/css' href='css/style.css' />
    <script src='js/xbps.js'></script>
    <script src='js/site.js'></script>
  
    <meta name='twitter:site' content='@MapBox' />
    <meta property='og:site_name' content='MapBox' />
    <meta name='twitter:url' content='https://mapbox.github.io/pointcloud/town/' />
    <meta name='twitter:url' content='https://mapbox.github.io/pointcloud/town/' />
    <meta name='twitter:title' content='MapBox Partners with Drone Adventures to Bring UAV Imagery to the Web' />
    <meta property='og:title' content='MapBox Partners with Drone Adventures to Bring UAV Imagery to the Web' />
    <meta name='twitter:description' content='Here at MapBox we&#39;re stepping up our work with drone companies, we&#39;ve partnered with Drone Adventures to bring the data of their latest flight on the slopes of the Matterhorn...' />
    <meta property='og:description' content='Here at MapBox we&#39;re stepping up our work with drone companies, we&#39;ve partnered with Drone Adventures to bring the data of their latest flight on the slopes of the Matterhorn...' />

    <meta name='twitter:image' content='https://i.imgur.com/gdNzz70.gif' />
    <meta property='og:image' content='https://i.imgur.com/gdNzz70.gif' />
    <meta name='twitter:card' content='summary_large_image' />
    <meta property='og:type' content='website' />

  </head>
  <body>
  
    <canvas id='canvas'></canvas>
    
    <div id='info'>
      <span>Points: </span>[<span id='townStatus'></span>] - <span id='townNumPoints'>0</span> 
      <div id='progressbar1'></div>
      <div id='fps'></div>
    </div>

    <div class='attribution'>About this map</div>
   
    <div class='modal'>Point Cloud Viewer by <a href='http://mapbox.com'>MapBox</a> in conjuction with <a href='http://www.droneadventures.org/'>Drone Adventures</a>. UAV data and Point Cloud generation by <a href='http://www.geogeoglobal.com/'>GeoGeo</a> using their <a href='https://github.com/GeoGeo/Orthodem2xyzrgb'>OrthoDem2xyzrgb plugin</a> </div>
  
  </body>

  <script>
    $('.attribution').click(function(){
      $('.modal').fadeIn();
      $('canvas, img').click(function(){
        $('.modal').fadeOut();
      });
    });
  </script>
</html>