new-client/html/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">

    {{{ extraClientHead }}}

    {{{ cssTag }}}

    <title>Mas</title>

    <script>config = {{{ jsConfig }}}</script>

    <!-- MAS frontent version: {{{ revision }}} -->

    <style>
      html { --chakra-ui-color-mode: {{{colorMode}}}; }
    </style>

    <link rel="icon" type="image/x-icon" href="/favicon.ico">
  </head>
  <body>
    {{{ extraClientBody }}}

    <div id="root"></div>

    <script>
      const appHeight = () => document.documentElement.style.setProperty('--vh', `${window.innerHeight * .01}px`);
      window.addEventListener('resize', appHeight);
      appHeight();
    </script>

    <style>
      #root {
        position: fixed;
        width: 100vw;
        height: calc(var(--vh, 1vh) * 100);
      }
    </style>

    {{{ jsScriptTag }}}
  </body>
</html>