<%- '<!DOCTYPE html>' %>
<html lang="en">

<head>
  <title>Kieran's Image Machine</title>
  <link rel="stylesheet" href="/static/index.css">
  <script src="/static/main.js"></script>
  <%- include('partials/metadata') %>
</head>

<body>
  <div id="app">
    <p id="title">Kieran's Image Machine</p>
    <form id="form" action="upload" method="post" enctype="multipart/form-data">
      <label id="upload" class="uploading">
        <input id="image" type="file" name="image">
        <div id="loading"></div>
        <span id="text">Loading...</span><br>
        <span id="accepted">Supported File Types: <b>png, jpg, gif</b></span>
      </label>
      <input id="key" type="text" name="key" placeholder="Key (optional)">
    </form>
    <div id="links">
      <a id="delete">Delete Upload</a>
      <a draggable="false" href="/api" rel="noreferrer">API</a>
    </div>
  </div>
  <div id="drag">
    <p id="text">Drop Image To Upload</p>
  </div>
  <div id="build">
    <span id="version">Version <%- process.env.VERSION %></span>
  </div>
</body>

</html>
<script>
  /**/
</script>
<%- include('partials/generated') %>