hagrid-keyserver--hagrid/dist/templates/upload/upload.html.hbs

{{#> layout }}
<div class="ui">
  <center><h2>Upload your key</h2></center>

  <form action="/upload/submit" method="POST" enctype="multipart/form-data">
    <div class="upload">
      <input type="file" id="keytext" name="keytext" autofocus class="fileUpload" placeholder="Your public key"/>
      <button type="submit" class="uploadButton button">
        <img src="/assets/upload.svg" style="width: 1em;"> Upload
      </button>
    </div>
  </form>

  <p>
    Need more info? Check our <a target="_blank" href="/about">intro</a> and <a target="_blank" href="/about/usage">usage guide</a>!
  </p>

  <script>
    var body = document.getElementsByTagName("body")[0];

     body.addEventListener('dragover', function(e) {
        e.preventDefault();
        e.stopPropagation();
      }, false);

      body.addEventListener('drop', function(e) {
        e.preventDefault();
        e.stopPropagation();
        if (e.dataTransfer) {
          document.getElementById('keytext').files = e.dataTransfer.files;
        }
    }, false);
  </script>
</div>
{{/layout}}