diff options
Diffstat (limited to 'client/index.html')
| -rw-r--r-- | client/index.html | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/client/index.html b/client/index.html new file mode 100644 index 0000000..82614e9 --- /dev/null +++ b/client/index.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>File Share</title> + <link rel="stylesheet" href="assets/styles.css"> +</head> + +<body> + <div id="root"> + <div class="header"> + <h2 class="header__title">File Share</h2> + </div> + <form id="upload__form" style="display: none;"> + <div class="upload__container"> + <div class="upload__input__overlay"> + <p class="upload__input__overlay__text">Choose a file or drag it here</p> + </div> + <input type="file" class="upload__input" name="file"> + <button type="submit" class="upload__button" id="upload__btn">Upload</button> + </div> + </form> + <div class="file__details" id="file__details" style="display: none;"> + <p class="file__details__text" id="file__name"></p> + <p class="file__details__text" id="file__size"></p> + <div class="file__details__button__container"> + <button class="download__button" id="download__btn">Download</button> + <button class="download__button" id="copy__btn">Copy Link</button> + </div> + </div> + <div class="upload__result" id="upload__result">Error Placeholder</div> + </div> + + <script src="assets/index.js"></script> +</body> + +</html> |