index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>The ultimate decoder</title>
    <style type="text/css">
      #output  {
        min-height:100px;
        width:260px;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="main.css">
  </head>
  <body>
    <script src="ctf-crypto-js.js"></script>
    
    <!-- Include all decoders here -->
    <script src="decoders/hex.js"></script>
    <script src="decoders/base64.js"></script>
    <div class="titlebox">
      <h1>The ultimate decoder</h1>
      A javascript tool to attempt to decode any input.<br>
      <a href="https://github.com/evigeant/ctf-crypto-js">https://github.com/evigeant/ctf-crypto-js</a>
    </div>
    
    <div class="inputbox">
      <form action="" onsubmit="return false;">
        <input id="input" name="input" type="text">
        <input id="submit" type="submit" onclick="process(document.getElementById('input').value, document.getElementById('output'));">
      </form>
    </div>
    <div id="output">
    </div>
  </body>
</html>