<!DOCTYPE html>
<html>
<head>
  <title>Firefox Fileshare</title>
  <script src="bundle.js"></script>
  <link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
  <link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body background="resources/background.png">

  <div class="main-window">
    <div id="page-one">
      <div class="title">
        Share your files quickly, privately and securely.
      </div>
      <div class="upload-window">
        <div id="upload-img"><img src='resources/upload.svg'/></div>
        <div>
          DRAG & DROP
        </div>
        <div class="upload">
          <div id="browse-text">
            your file/folder here or
          </div>
          <div id="browse">
            <form method="post" action="upload" enctype="multipart/form-data">
              <label for="file-upload" class="file-upload">browse.</label>
              <input id="file-upload" type="file" onchange="onChange(event)" name="fileUploaded" />
            </form>
          </div>
        </div>
      </div>
    </div>

    <div id="file-list">
      <table id="uploaded-files">
        <tr>
          <th width=30%>File</th>
          <th width=45%>Copy URL</th>
          <th width=20%>Expires in</th>
          <th width=5%>Delete</th>
        </tr>
      </table>
    </div>

  </div>
</body>
</html>