index.html

<!DOCTYPE html>
<html>

<head>
  <link href="https://fonts.googleapis.com/css?family=Share+Tech+Mono" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
    integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  <link rel="stylesheet" href="../public/stylesheets/main.css">

  <script src="../public/components/jquery/dist/jquery.min.js"></script>
  <script src="../public/components/keymaster/keymaster.js"></script>

  <script>
    // this is a fucking hack, don't know how to properly handle this *cries inside*
    var exports = {};

    if (navigator.userAgent.includes("Electron")) {
      window.$ = window.jQuery = require("../public/components/jquery/dist/jquery.min.js");
    }
  </script>

</head>

<body>
  <div id="loading">
    <i class="fas fa-spinner fa-spin fa-2x fa-fw margin-bottom"></i>
  </div>
  <div id="content"></div>
  <webview id="webview" allowtransparency disablewebsecurity partition="trusted"></webview>

  <script src="./platform.js"></script>
</body>

</html>