Skip to content

Commit

Permalink
Update upload page
Browse files Browse the repository at this point in the history
  • Loading branch information
monyasau committed Sep 27, 2024
1 parent ecfa555 commit 23aaa27
Showing 1 changed file with 22 additions and 8 deletions.
30 changes: 22 additions & 8 deletions public/upload.html
Original file line number Diff line number Diff line change
@@ -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>

0 comments on commit 23aaa27

Please sign in to comment.