From 23aaa2756a284e36c3a2644336a6afda14d9a27e Mon Sep 17 00:00:00 2001
From: Olajide Olanrewaju <olajide.m.olanrewaju@gmail.com>
Date: Fri, 27 Sep 2024 21:49:45 +0100
Subject: [PATCH] Update upload page

---
 public/upload.html | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)
diff --git a/public/upload.html b/public/upload.html
index a3b273b..6b7909f 100644
--- a/public/upload.html
+++ b/public/upload.html
@@ -1,24 +1,38 @@
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Add new files</title>
-    <link rel="stylesheet" href="style.css">
+    <title>Add new files | PolyShare - File Sharing Made Easy</title>
+    <!-- <title>PolyShare - Multi-directional File Sharing system</title> -->
+    <link rel="stylesheet" href="./style/main.css">
 </head>
 <body>
+    <div class="discovery-links-container">
+        <a href="https://monyasau.netlify.app" target="_blank" rel="noopener noreferrer" title="Visit the developer's portfolio for more projects" class="about-link ">Olanrewaju Olajide</a>
+        <a href="https://github.com/monyasau/PolyShare" target="_blank" rel="noopener noreferrer" title="Contribute or star PolyShare on github"><svg  width="32" height="32" viewBox="0 0 24 24"><path d="M12.5.75C6.146.75 1 5.896 1 12.25c0 5.089 3.292 9.387 7.863 10.91.575.101.79-.244.79-.546 0-.273-.014-1.178-.014-2.142-2.889.532-3.636-.704-3.866-1.35-.13-.331-.69-1.352-1.18-1.625-.402-.216-.977-.748-.014-.762.906-.014 1.553.834 1.769 1.179 1.035 1.74 2.688 1.25 3.349.948.1-.747.402-1.25.733-1.538-2.559-.287-5.232-1.279-5.232-5.678 0-1.25.445-2.285 1.178-3.09-.115-.288-.517-1.467.115-3.048 0 0 .963-.302 3.163 1.179.92-.259 1.897-.388 2.875-.388.977 0 1.955.13 2.875.388 2.2-1.495 3.162-1.179 3.162-1.179.633 1.581.23 2.76.115 3.048.733.805 1.179 1.825 1.179 3.09 0 4.413-2.688 5.39-5.247 5.678.417.36.776 1.05.776 2.128 0 1.538-.014 2.774-.014 3.162 0 .302.216.662.79.547C20.709 21.637 24 17.324 24 12.25 24 5.896 18.854.75 12.5.75Z"></path></svg></a>
+    </div>
     <div class="container">
-        <h1>Available Files</h1>
+        <h1 id="header">Currently, there are no files ready to be Uploaded</h1>
         <ul id="file-list">
             <!-- File list of available files will be dynamically populated here -->
+            With <code>PolyShare</code>, you can easily share files—like videos, photos, documents, or apps—between your devices, as long as they’re on the same Wi-Fi or Ethernet network interface.
+            <em>Try adding some files to begin.</em>
         </ul>
-        <h2>Upload a new File</h2>
+        <h2>Upload a File</h2>
         <form id="upload-form" enctype="multipart/form-data">
-            <input type="file" id="file-input" name="file" required>
-            <button type="submit">Upload</button>
+            <div style='height: 0px;width: 0px; overflow:hidden;'>
+                <input type="file" id="file-input" name="file" required>
+            </div>
+            <div class="uploadControls">
+                <button type="submit">Upload the selected file</button>
+                <div id="fileSelectModalTrigger">Click to select a file for upload</div>
+                <div id="selectedFile">No file has been selected</div>
+            </div>
+          
         </form>
     </div>
-
-    <script src="script.js"></script>
+    <script type="module" src="./script/main.js"></script>
 </body>
 </html>
