From 8c9876b43320a54da1fa68d2aaf36768c45bcc28 Mon Sep 17 00:00:00 2001
From: moom0o <48740106+moom0o@users.noreply.github.com>
Date: Wed, 5 Apr 2023 02:44:25 -0400
Subject: [PATCH] Create upload.html

---
 views/upload.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 views/upload.html

diff --git a/views/upload.html b/views/upload.html
new file mode 100644
index 0000000..6d24f4e
--- /dev/null
+++ b/views/upload.html
@@ -0,0 +1,24 @@
+<div style="text-align: center;"><h1>PhotoSphereStudio</h1>
+    <p>I am not very good at CSS, so please submit a pull request if you are great at frontend development.</p>
+    <p>This page will allow you to upload photo spheres to Google Maps after the idiots at Google removed their perfectly working StreetView app.</p>
+        <p>Images must have the proper 360 degree file properties, you will need to figure out how to add this metadata. Google pixel photosphere photos work perfectly, I have yet to figure out how to get my DJI drone 360 photos working.</p>
+        <p>Latitude and Longitude is not required if your photo already contains location data, however if it doesn't, then use <a href="https://www.latlong.net/">https://www.latlong.net/</a> to pinpoint coords.</p>
+
+        <form name="theform" action="/upload" method="POST" enctype="multipart/form-data">
+            <fieldset>
+                <legend>Upload a 360 image</legend>
+                <input type="file"
+                       id="file" name="file"
+                       accept="image/png, image/jpeg">
+                <div class="form-control">
+                    <label for="lat">Latitude</label>
+                    <input type="text" id="lat" name="lat" placeholder="Latitude coordinates" required />
+                </div>
+                <div class="form-control">
+                    <label for="long">Longitude</label>
+                    <input type="text" id="long" name="long" placeholder="Longitude coordinates" required />
+                </div>
+                <input type="submit" value="Send" class="submit-btn" />
+            </fieldset>
+        </form>
+</div>