<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta name="theme-color" content="#003b61">
  <link rel="icon" href="/favicon.ico">
  <title>Morrisby</title>
  <link href="/assets/browserNotSupported.css" rel="stylesheet">

  <script>
    window.addEventListener('load', function () {
      var script = document.createElement("script");
      script.innerHTML = "if (document.getElementById('scriptLoadingFailedMessage')) document.getElementById('scriptLoadingFailedMessage').style.display = 'block';";
      document.body.appendChild(script);
    });
  </script>
  <script type="module" crossorigin src="/assets/index-DBwGeR24.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/style-CliIxOgY.css">
</head>

<body>
  <noscript>
    <strong>We're sorry but Morrisby doesn't work properly without JavaScript enabled. Please enable it to
      continue.</strong>
  </noscript>

  <div id="app">
    <div id="scriptLoadingFailedMessage">
      <div class="sadFace">&#x1F641;</div>
      <h1>Sorry, your browser isn't supported</h1>
      <p>
        Please try one of these alternatives or speak to your network administrator
      <ul>
        <li>
          <a href="https://www.google.co.uk/chrome/" target="_blank" rel="noopener noreferrer">
            <img src="/assets/images/chrome.svg" alt="Google Chrome" width="25" height="25">
            Google Chrome
          </a>
        </li>
        <li>
          <a href="https://www.mozilla.org/firefox/download/" target="_blank" rel="noopener noreferrer">
            <img src="/assets/images/firefox.svg" alt="Firefox" width="25" height="25">
            Firefox
          </a>
        </li>
        <li>
          <a href="https://www.microsoft.com/edge" target="_blank" rel="noopener noreferrer">
            <img src="/assets/images/microsoft-edge.svg" alt="Microsoft Edge" width="25" height="25">
            Microsoft Edge
          </a>
        </li>
      </ul>
      </p>
    </div>

    <div style="margin: calc(50vh - 100px) calc(50vw - 100px);">
      <img src="/assets/images/loading.svg">
    </div>
  </div>
  <!-- built files will be auto injected -->
  <script>
    if (!Object.entries) {
      Object.entries = function (obj) {
        var ownProps = Object.keys(obj),
          ownValues = Object.values(obj),
          i = ownProps.length,
          resArray = new Array(i); // preallocate the Array
        while (i--)
          resArray[i] = [ownProps[i], ownValues[i]];

        return resArray;
      };
    } //Array(2)["ownProps[i]","ownValues[i]"]

    if (!Element.prototype.matches) {
      Element.prototype.matches =
        Element.prototype.msMatchesSelector ||
        Element.prototype.webkitMatchesSelector;
    }

    if (!Element.prototype.closest) {
      Element.prototype.closest = function (s) {
        var el = this;

        do {
          if (Element.prototype.matches.call(el, s)) return el;
          el = el.parentElement || el.parentNode;
        } while (el !== null && el.nodeType === 1);
        return null;
      };
    }
  </script>
</body>

</html>