graphhopper-maps/src/index.html at 251a5fa02b56ef2edeb2c9ccc9d1e5f803ccf893 · graphhopper/graphhopper-maps · 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
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
        <meta
            name="description"
            content="Plan routes and get driving directions from GraphHopper Maps using open source and open data"
        />
        <meta
            name="keywords"
            content="route planner,shortest path,maps,openstreetmap,android,navigation,routenplaner,gis"
        />
        <!-- config.js is not included in bundle.js -->
        <script src="config.js"></script>
        <title>Driving Directions - GraphHopper Maps</title>
        <style>
            html,
            body {
                overscroll-behavior: none;
                height: 100%;
                width: 100%;
                margin: 0;
                padding: 0;
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            }

            body {
                min-height: 100%;
            }

            /* TODO NOW:
               1. set black background for selectors that set padding otherwise it is white frame like the map options or context menu
               2. white graphhopper logo for dark mode
               3. custom model box and heightgraph
               4. buy stadia maps standard and remove maptiler or fix maptiler for dark mode
               5. over over icons should not nearly hide them
               6. white is too bright for auto complete and preview panel background is still white
             */
            @media (prefers-color-scheme: dark) {
                body {
                    background-color: black;
                    color: white;
                }
            }

            ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
            }

            svg {
                display: block;
                color: inherit;
            }
        </style>
    </head>
    <body></body>
</html>