From b2e4f1bc64cccc7caa7338c11297b24ad4f11ed1 Mon Sep 17 00:00:00 2001
From: Matthew Dillon <matthewrdillon@gmail.com>
Date: Thu, 12 Nov 2020 20:42:11 -0700
Subject: [PATCH] basic styling (#5)

---
 www/index.html | 34 +++++++++++++++++++++++++++++++---
 www/index.js   |  2 +-
 2 files changed, 32 insertions(+), 4 deletions(-)
diff --git a/www/index.html b/www/index.html
index 1951cd3..7a414bf 100644
--- a/www/index.html
+++ b/www/index.html
@@ -2,11 +2,39 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>gpx web utils</title>
+    <title>gpx.thermokar.st</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style>
+      body {
+        max-width: 35em;
+        margin: 0 auto;
+        line-height: 1.5;
+        font-family: Arial, Helvetica, sans-serif;
+        font-size: large;
+      }
+    </style>
   </head>
   <body>
-    <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
-    <input id="input" type="file" multiple>
+    <noscript>
+      This page contains webassembly and javascript content, please enable
+      javascript in your browser.
+    </noscript>
+    <h1>
+      <a href="https://gpx.thermokar.st">gpx.thermokar.st</a>
+    </h1>
+    <span>
+      This client-side tool is for merging
+      <a href="https://www.topografix.com/gpx.asp">GPX files</a>.
+      Please note, this has only been tested on GPX files produced by
+      <a href="https://www.garmin.com">Garmin</a> and
+      <a href="https://www.strava.com">Strava</a> - your mileage may vary.
+      Source:
+      <a href="https://github.com/thermokarst/gpx-web-utils">
+        https://github.com/thermokarst/gpx-web-utils</a>
+    </span>
+    <form>
+      <input id="gpxInput" type="file" multiple>
+    </form>
     <script src="./bootstrap.js"></script>
   </body>
 </html>
diff --git a/www/index.js b/www/index.js
index 9a40654..e9f7a18 100644
--- a/www/index.js
+++ b/www/index.js
@@ -1,6 +1,6 @@
 import * as gpx from "gpx-web-utils";
 
-const inputElement = document.getElementById("input");
+const inputElement = document.getElementById("gpxInput");
 
 inputElement.addEventListener("change", readFiles, false);
 
