diff options
Diffstat (limited to 'static/index.html')
| -rw-r--r-- | static/index.html | 55 |
1 files changed, 37 insertions, 18 deletions
diff --git a/static/index.html b/static/index.html index 57d8ea0..6207ac7 100644 --- a/static/index.html +++ b/static/index.html @@ -7,6 +7,7 @@ border: 1px solid black; position: relative; padding: 3px; + margin-right: 5px; } #percent { @@ -19,32 +20,50 @@ background-color: green; width: 0%; } + canvas {display: block;} + body { + background: black; + position: relative; + } + #upload-section { + opacity: 0.9; + background-color: white; + position: absolute; + top: 5px; + left: 5px; + padding-left: 5px; + } </style> </head> <body> -<img src="./img/nyancat.gif" width="200px" height="140px" /> -<h1>Upload File</h1> -<form id="uploadForm" - enctype="multipart/form-data" - action="/api/upload" - method="post"> - <input type="file" id="userFileInput" name="userFile"/> -</form> -<span id="status"></span> +<canvas id="c"></canvas> +<div id="upload-section"> + <h1>Upload File</h1> + <form id="uploadForm" + enctype="multipart/form-data" + action="/api/upload" + method="post"> + <input type="file" id="userFileInput" name="userFile" /> + </form> + <span id="status"></span> -<div id="progress"> - <span id="percent">0%</span> + <div id="progress"> + <span id="percent">0%</span> - <div id="bar"></div> -</div> + <div id="bar"></div> + </div> -<div id="uploadedlist" style="padding-top: 20px"> - <h2>Uploaded Files</h2> - <span id="filenames"> - </span> + <div id="uploadedlist" style="padding-top: 20px; padding-bottom: 5px"> + <h2>Uploaded Files</h2> + <span id="filenames"> + </span> + </div> +</div> +<div id="cute" style="position: absolute; bottom: 10px; left: 10px"> + <img src="./img/nyancat.gif" width="200px" height="140px" /> </div> -<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> +<script src="./js/jquery.min.js"></script> <script src="./js/upload.js"></script> </body> </html>
\ No newline at end of file |