frontend/index.html

   1 <!DOCTYPE html>
   2 <html>
   3     <meta charset="UTF-8">
   4     <script src="index.js"></script>
   5     <link rel="stylesheet" type="text/css" href="index.css">
   6     <head>
   7         <title>Bracket Maker</title>
   8     </head>
   9     <body>
  10         <form id="genre-form">
  11             <label for="genre-input">Pick your favorite genre:</labe>
  12             <input id="genre-input"
  13                    type="text"
  14                    list="genre-list"
  15                    placeholder="Genre Name"
  16                    autocomplete="off"/>
  17             <input id="genre-submit"
  18                    type="submit"/>
  19         </form>
  20         <canvas id="bracket"></canvas>
  21         <input id="image-upload"
  22                type="file"
  23                accept="image/*">
  24         <datalist id="genre-list"/>
  25     </body>
  26 </html>