diff options
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..f927d39 --- /dev/null +++ b/web/index.html | |||
| @@ -0,0 +1,52 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | <head> | ||
| 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| 5 | |||
| 6 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.css" integrity="sha512-Zcn6bjR/8RZbLEpLIeOwNtzREBAJnUKESxces60Mpoj+2okopSAcSUIUOseddDm0cxnGQzxIR7vJgsLZbdLE3w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> | ||
| 7 | <link rel="stylesheet" href="style.css" /> | ||
| 8 | </head> | ||
| 9 | <body> | ||
| 10 | <div id="map"> | ||
| 11 | </div> | ||
| 12 | |||
| 13 | <form name="gpx-upload-form" class="box"> | ||
| 14 | <div> | ||
| 15 | <label for="gpx-file">Upload een GPX-bestand:</label> | ||
| 16 | <input type="file" id="gpx-file-input" name="gpx-file" accept="application/gpx+xml,.gpx" autofocus /> | ||
| 17 | </div> | ||
| 18 | <div> | ||
| 19 | <input type="submit" value="Opsturen" /> | ||
| 20 | </div> | ||
| 21 | </form> | ||
| 22 | |||
| 23 | <div id="sysinfo" class="box"> | ||
| 24 | <h3>Routemon</h3> | ||
| 25 | <a href="https://codeberg.org/rutgerbrf/routemon">Broncode</a> | ||
| 26 | <details> | ||
| 27 | <summary> | ||
| 28 | <span>Systeeminformatie</span> | ||
| 29 | </summary> | ||
| 30 | <table> | ||
| 31 | <tr> | ||
| 32 | <td class="help-cursor" title="Publicatietijdstip van ingeladen DATEX II-situatiepublicatie (van NDW)">Situatiepublicatie van</td> | ||
| 33 | <td id="situation-publication-of"><onbekend></td> | ||
| 34 | </tr> | ||
| 35 | </table> | ||
| 36 | </details> | ||
| 37 | </div> | ||
| 38 | |||
| 39 | <dialog class="box"> | ||
| 40 | <h3 id="dialog-title"></h3> | ||
| 41 | <p id="dialog-message"></p> | ||
| 42 | <details> | ||
| 43 | <summary>Meer informatie</summary> | ||
| 44 | <small id="dialog-more-info"></small> | ||
| 45 | </details> | ||
| 46 | <button autofocus>Sluiten</button> | ||
| 47 | </dialog> | ||
| 48 | |||
| 49 | <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.js" integrity="sha512-BwHfrr4c9kmRkLw6iXFdzcdWV/PGkVgiIyIWLLlTSXzWQzxuSg4DiQUCpauz/EWjgk5TYQqX/kvn9pG1NpYfqg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> | ||
| 50 | <script src="script.js"></script> | ||
| 51 | </body> | ||
| 52 | </html> | ||