mars.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  5. <meta charset="utf-8"/>
  6. <title>Dingo Gap Tile Set</title>
  7. <style>
  8. * {
  9. margin: 0;
  10. padding: 0;
  11. }
  12. html {
  13. overflow: hidden;
  14. font-family: Arial, Helvetica, sans-serif;
  15. user-select: none;
  16. }
  17. canvas {
  18. image-rendering: pixelated;
  19. outline: none;
  20. }
  21. #info {
  22. position: absolute;
  23. top: 0;
  24. left: 0;
  25. width: 100%;
  26. text-align: center;
  27. padding: 5px;
  28. pointer-events: none;
  29. line-height: 1.5em;
  30. }
  31. #info, #info a {
  32. color: #234;
  33. }
  34. #info a {
  35. pointer-events: all;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <!-- <div id="info">
  41. Dingo Gap site reconstructed from multiple sols of Curiosity Rover and Mars Reconnaissance Orbiter images.
  42. <br/>
  43. See more information <a href="https://github.com/NASA-AMMOS/3DTilesSampleData/tree/master/msl-dingo-gap">here</a>.
  44. </div> -->
  45. <script src="./mars.js" type="module"></script>
  46. </body>
  47. </html>