index.html

<!doctype html>

<head>
  <link rel="stylesheet" href="styles.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&family=Google+Material+Icons:wght@400;500;700&family=Rubik&display=swap"
    rel="stylesheet">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>

OpenAI Key: <input id="openai-key" placeholder="paste your openai key here">

<div class="translate">
  <section class="english">
    <textarea id="english" placeholder="What will it be?"></textarea>
  </section>
  <button>Speak in Metal</button>
  <section class="death-metal">
    <div id="death-metal"></div>
  </section>
</div>

<script src="dist/bundle.js"></script>