<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width" />
    <title>Site Not Found</title>

    <link rel="stylesheet" href="/css/reset.css" />
    <link rel="stylesheet" href="/css/normalize.css" />
    <link rel="stylesheet" href="/fonts/fonts.css" />
    <link rel="stylesheet" href="/css/styles.css" />
  </head>
  <body>
    <div class="flex-container">
      <div class="row">
        <div class="main-content">
          <header>
            <div id="location" class="location"></div>
            <div class="headline">
              <h1>Looks like we can’t find this site right now… (404)</h1>
            </div>
            <p>
              <em>
                The site you’re looking for isn’t here. It might have moved, or it’s just not completely setup yet.
              </em>
            </p>
          </header>
        </div>
        <div class="content-box">
          <div class="content">
            <h2>Are you a Nucleus customer?</h2>
            <p>
              Fixing this page to show your website is easy. Just
              <a href="https://app.nucleus.church/" target="_blank">go to your custom domain settings</a>
              in your Nucleus dashboard. If you need help with this, checkout the guide. Still have questions? You can
              reach out to our support team.
            </p>
            <div>
              <a
                href="https://n2help.nucleus.church/article/1216-add-connect-your-custom-domain-to-your-site"
                target="_blank"
                class="button primary"
                >View Help Guide</a
              >
            </div>
            <div>
              <a href="mailto:hello@nucleus.church" class="button secondary">Contact Nucleus Support</a>
            </div>
            <div>
              <p class="info">
                If you’ve updated settings or want to try again
                <a href="" onclick="location.reload()">click to refresh</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <script>
      function setLocation() {
        var element = document.getElementById('location');
        var hostname = window.location.hostname;
        if (hostname === '') {
          element.remove();
          return;
        }
        element.innerHTML = window.location.hostname;
      }

      setLocation();
    </script>
  </body>
</html>
