From 090676d82e99d206f9e201b918dc885f67828ae3 Mon Sep 17 00:00:00 2001
From: Arian Nasr <arian@2ari.ca>
Date: Fri, 6 Mar 2026 05:28:01 -0500
Subject: [PATCH] drag and drop zone for uploads

---
 templates/index.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)
diff --git a/templates/index.html b/templates/index.html
index 2b4d7cf..17c22ab 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,10 +9,16 @@
     <link rel="stylesheet" href="{{ url_for('static', filename='css/dropzone.min.css') }}" type="text/css" />
 </head>
 <body>
-    <h1>Upload new File</h1>
-    <form method=post enctype=multipart/form-data>
-      <input type=file name=file multiple>
-      <input type=submit value=Upload>
-    </form>
+    <h1>Drag & drop files here or <b>browse</b></h1>
+    <script>
+        Dropzone.options.myDropzone = {
+            parallelUploads: 2,
+            uploadMultiple: true,
+            acceptedFiles: 'audio/*'
+        };
+    </script>
+    <form action="/"
+          class="dropzone"
+          id="my-dropzone"></form>
 </body>
 </html>
\ No newline at end of file
