terrain-viewer/index.html at main · Iconem/terrain-viewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Terrain Viewer</title>
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <!-- Purple favicon everywhere except the real production domain (any local
         dev port, preview/staging deploy, etc.) so an open prod tab is never
         visually confusable with a dev one. Inline + synchronous (not a React
         effect) so it swaps before first paint, no flash of the wrong icon. -->
    <script>
      (function () {
        if (location.hostname === "terrain-viewer.iconem.com") return
        var link = document.querySelector('link[rel="icon"]')
        if (link) link.href = "/favicon-dev.svg"
      })()
    </script>
    <!-- HeritageWatch AI brand fonts (Bebas Neue headings + Inter body) — only
         actually applied when the HWAI theme is active; harmless otherwise. -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&family=Outfit&family=Plus+Jakarta+Sans&family=Playfair+Display&family=Merriweather&family=JetBrains+Mono&family=Fira+Code&family=Gabriela&family=Delius+Swash+Caps&family=Geist+Mono&family=Source+Code+Pro&family=Source+Serif+4&family=IBM+Plex+Mono&family=Libre+Baskerville&family=Lora&family=PT+Serif&family=Roboto+Mono&family=Space+Mono&family=Ubuntu+Mono&family=Barlow&family=DM+Sans&family=Geist&family=Lato&family=Montserrat&family=Nunito&family=Open+Sans&family=Poppins&family=Roboto&display=swap" />
    <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.11.0/dist/maplibre-gl.css" />
    <link rel="stylesheet" href="https://unpkg.com/@maplibre/maplibre-gl-geocoder@1.7.0/dist/maplibre-gl-geocoder.css" />
    <!-- Loaded only outside local dev — umami's cloud script has no built-in
         domain filter, so a plain static tag here would also report every
         localhost dev session into the same production dataset. -->
    <script>
      (function () {
        var host = location.hostname
        var isLocal = host === "localhost" || host === "127.0.0.1" || host === "::1" || host === ""
        if (isLocal) return
        var s = document.createElement("script")
        s.defer = true
        s.src = "https://cloud.umami.is/script.js"
        s.setAttribute("data-website-id", "89d911b9-9de7-4665-872e-5b91ff4b7b39")
        document.head.appendChild(s)
      })()
    </script>

    <meta name="og:title" property="og:title" content="Terrain Viewer" />
    <meta name="og:description" property="og:description" content="Viewer for DSM/DTM 3D Terrain via hillshade, hypso color-relief, maplibre contours, raster basemap etc" />
    <meta name="og:image" property="og:image" content="https://github.com/Iconem/terrain-viewer/blob/main/terrain-viewer.jpg?raw=true" />
    <meta property="og:url" content="https://terrain-viewer.iconem.com/" />
  </head>
  <body>
    <div id="root"></div>
    <script src="https://unpkg.com/maplibre-gl@5.11.0/dist/maplibre-gl.js"></script>
    <script src="https://unpkg.com/@maplibre/maplibre-gl-geocoder@1.7.0/dist/maplibre-gl-geocoder.min.js"></script>
    <script src="https://unpkg.com/maplibre-contour@0.0.7/dist/index.umd.js"></script>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>