diff options
Diffstat (limited to 'client/index.html')
| -rw-r--r-- | client/index.html | 74 |
1 files changed, 40 insertions, 34 deletions
diff --git a/client/index.html b/client/index.html index 4cec1db..8c433ab 100644 --- a/client/index.html +++ b/client/index.html @@ -1,42 +1,48 @@ -<!DOCTYPE html> +<!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> -<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> + <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" /> + <div + class="upload__progress" + id="upload__progress" + style="display: none" + > + <div class="upload__progress__fill" id="progress__fill"></div> + </div> + <button type="submit" class="upload__button" id="upload__btn"> + Upload + </button> </div> - <input type="file" class="upload__input" name="file"> - <div class="upload__progress" id="upload__progress" style="display: none;"> - <div class="upload__progress__fill" id="progress__fill"></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> - <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 class="upload__result" id="upload__result">Error Placeholder</div> </div> - <div class="upload__result" id="upload__result">Error Placeholder</div> - </div> - - <script src="assets/index.js"></script> -</body> + <script src="assets/index.js"></script> + </body> </html> |