index.php 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Hehe rover - lot explorer</title>
  6. <link rel="stylesheet" href="bower_components/normalize-css/normalize.css" media="screen" charset="utf-8">
  7. <link href="bower_components/vis/dist/vis.min.css" rel="stylesheet" type="text/css" />
  8. <link rel="stylesheet" href="css/styles.css" media="screen" charset="utf-8">
  9. </head>
  10. <body>
  11. <div id="root">
  12. <header id="header">
  13. <h1>Lot Explorer</h1>
  14. </header>
  15. <section id="pictures">
  16. <video id="video" autoplay poster="">
  17. <!-- <source class="240p" src="videos/timelaps-240p.mp4" type="video/mp4">
  18. <source class="360p" src="videos/timelaps-360p.mp4" type="video/mp4">
  19. <source class="480p" src="videos/timelaps-480p.mp4" type="video/mp4">
  20. <source class="720p" src="videos/timelaps-720p.mp4" type="video/mp4"> -->
  21. <source class="1080p" src="videos/timelaps-1080p.mp4" type="video/mp4">
  22. </video>
  23. </section>
  24. <!-- // pictures -->
  25. <section id="timeline">
  26. <!-- add viz.js here -->
  27. </section>
  28. <!-- timeline -->
  29. <section id="map">
  30. <!-- add leaflet map here -->
  31. <!-- or a striped map https://bl.ocks.org/veltman/3ad474e52925d007b292eefbe676174d -->
  32. </section>
  33. <!-- map -->
  34. </div>
  35. <!-- root -->
  36. <script src="bower_components/jquery/dist/jquery.min.js" charset="utf-8"></script>
  37. <script src="bower_components/vis/dist/vis.min.js"></script>
  38. <script src="js/dist/script.min.js" charset="utf-8"></script>
  39. </body>
  40. </html>