use template files

1 files changed, 43 insertions, 0 deletions

diff --git a/templates/upload.html b/templates/upload.html
new file mode 100644
index 0000000..e3b972a
--- /dev/null
+++ b/templates/upload.html
@@ -0,0 +1,43 @@
+<section>
+  <h5>Shared Files</h5>
+  <p>Welcome to the file sharing service</p>
+  <center>
+    <a href="/browse">Browse All Files</a> |
+    <a href="/gallery">View Gallery</a>
+  </center>
+</section>
+
+<section id="fileupload{{section-suffix}}">
+  <div class="widget">
+    <h4>File Upload {{upload-type}}</h4>
+    <h6>
+      {{nav-links}}
+      | <a href="/browse">Browse Files</a>
+      | <a href="/gallery">Gallery</a>
+    </h6>
+    <form id="uploadForm" {{form-attrs}}>
+      <input type="file" id="fileInput" name="files" multiple {{input-attrs}}>
+      <div class="file-info" id="fileInfo" style="margin: 10px 0; color: #666;">
+        Max size: {{max-size}}MB per file
+      </div>
+      <button type="submit" id="uploadBtn">Upload</button>
+    </form>
+
+    <div class="progress" id="progress" style="display: none; margin-top: 15px;">
+      <div style="width: 100%; height: 30px; background: #f0f0f0; border-radius: 4px; overflow: hidden;">
+        <div id="progressFill" style="height: 100%; background: #33C3F0; width: 0%; display: flex; align-items: center; justify-content: center; color: white; font-size: 12px; font-weight: 600; transition: width 0.3s;">0%</div>
+      </div>
+    </div>
+
+    <div class="result" id="result" style="display: none; margin-top: 15px; padding: 15px; border-radius: 4px;"></div>
+
+    <div style="background: #e7f3ff; padding: 15px; border-radius: 4px; margin-top: 15px; font-size: 14px; color: #004085;">
+      <strong>Info:</strong> Files expire after {{expiration-days}} days.
+      Rate limit: {{rate-limit-max}} uploads per {{rate-limit-minutes}} minutes.
+    </div>
+  </div>
+</section>
+
+<footer>
+  <p>Last updated December 28th, 2025</p>
+</footer>