index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Arabic Transcriptions</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
     <style>.github-fork-ribbon:before { background-color: #333; }</style>
</head>

<body>
    <a class="d-print-none github-fork-ribbon left-top" href="https://github.com/saraedum/arabic-transcriptions" data-ribbon="Fork me on GitHub" title="Fork me on GitHub">Fork me on GitHub</a>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
</body>

</html>