aboutsummaryrefslogtreecommitdiff
path: root/listing.htm
diff options
context:
space:
mode:
authorcbdev <cb@cbcdn.com>2021-07-15 00:14:33 +0200
committercbdev <cb@cbcdn.com>2021-07-15 00:14:33 +0200
commit590870b9ec56f22cd7d7b785b6464ff1b6c46b9d (patch)
tree5b55bc6e2587baa2724a457176ec973678e5b874 /listing.htm
downloadcargohold-590870b9ec56f22cd7d7b785b6464ff1b6c46b9d.tar.gz
cargohold-590870b9ec56f22cd7d7b785b6464ff1b6c46b9d.tar.bz2
cargohold-590870b9ec56f22cd7d7b785b6464ff1b6c46b9d.zip
Initial skeleton
Diffstat (limited to 'listing.htm')
-rw-r--r--listing.htm54
1 files changed, 54 insertions, 0 deletions
diff --git a/listing.htm b/listing.htm
new file mode 100644
index 0000000..0421eec
--- /dev/null
+++ b/listing.htm
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <title>cargohold</title>
+ <link rel="stylesheet" href="assets/cargohold.css" />
+ <link rel="icon" href="assets/cargohold.ico" />
+ </head>
+ <body>
+ <div id="header">
+ cargohold
+ </div>
+ <div id="container">
+ <div class="tab-wrap">
+ <input type="radio" id="tab-view" name="tabs" class="tab" checked>
+ <label for="tab-view">View</label>
+
+ <input type="radio" id="tab-upload" name="tabs" class="tab">
+ <label for="tab-upload">Upload</label>
+
+ <div class="tab-content">
+ <div id="dirlisting">
+ <div>
+ <span class="name">File Name</span>
+ <span class="name">File Size</span>
+ </div>
+ <div>
+ <span class="name">File Name</span>
+ <span class="name">File Size</span>
+ </div>
+ </div>
+ </div>
+ <div class="tab-content">
+ <div id="upload">
+ <form action="upload" method="post" enctype="multipart/form-data">
+ <label for="files" id="selector-label">
+ △ Select files to upload
+ <input type="file" id="files" name="files" multiple>
+ </label>
+ <input type="submit" value="Start upload" name="submit" id="file-submit">
+
+ </form>
+ </div>
+ <div id="storage">
+ Storage space left: 2GB / 2GB <br/>
+ <progress value="70" max="100">70 %</progress>
+ </div>
+ </div>
+ </div>
+ </div>
+ <script src="assets/cargohold.js"></script>
+ </body>
+</html>