alert

gistfile1.txt

<div id="warn">
  <style>
    #warn-wrap {
      background-color: #f7f7f7;
      color: #646464;
      fill: darkslategray;
      height: 100vh;
      position: fixed;
      width: 100vw;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol", "Roboto";
    }
    #warn-wrap #buttons {
      background: #f7f7f7;
      box-shadow: 0 -22px 40px rgb(247, 247, 247);
      margin: 0;
      max-width: 736px;
      padding-left: 0px;
      padding-right: 48px;
      position: fixed;
      z-index: 2;
      right: 0;
    }

    .interstitial-wrapper {
      box-sizing: border-box;
      font-size: 1em;
      line-height: 1.6em;
      margin: 14vh auto 0;
      max-width: 600px;
      width: 100%;
    }

    @media (max-width: 420px) and (orientation: portrait),
      (max-height: 560px) .interstitial-wrapper {
      box-sizing: border-box;
      margin: 7vh auto 12px;
      padding: 0 24px;
      position: relative;
    }

    @media (max-width: 420px) and (min-height: 401px) and (min-width: 240px),
      (max-height: 560px) and (min-height: 240px) and (min-width: 421px) .interstitial-wrapper {
      max-width: 736px;
    }

    #main-content {
      padding-bottom: 40px;
    }
    #main-content h1 {
      font-weight: lighter;
    }
    #main-content .icon {
      height: 72px;
      filter: grayscale(50%);
      font-size: 58px;
      -webkit-user-select: none;
      display: inline-block;
      background-repeat: no-repeat;
      background-size: 100%;
    }
    #main-content .icon > svg {
      position: absolute;
    }
    #main-content .icon > span > .icon-c {
      position: absolute;
    }
    #main-content .icon > span > .icon-x {
      position: absolute;
      font-size: 64px;
      margin-left: -5px;
    }

    @media (max-width: 420px) and (orientation: portrait),
      (max-height: 560px) .interstitial-wrapper {
      box-sizing: border-box;
      margin: 7vh auto 12px;
      padding: 0 24px;
      position: relative;
    }
    @media (max-width: 420px) and (min-height: 401px) and (min-width: 240px),
      (max-height: 560px) and (min-height: 240px) and (min-width: 421px) .interstitial-wrapper {
      max-width: 736px;
    }

    button.rr {
      border: 0;
      border-radius: 2px;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      float: right;
      font-size: 0.875em;
      margin: 0;
      padding: 10px 24px;
      transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
      user-select: none;
      background: rgb(66, 133, 244);
      font-family: Roboto-Regular, Helvetica;
      font-size: 0.933em;
      font-weight: 600;
      margin: 6px 0;
      text-transform: uppercase;
      transform: translatez(0);
    }

    @media (max-width: 420px) button.rr, [dir='rtl'] button.rr, {
      float: none;
      font-size: 0.825em;
      font-weight: 400;
      margin: 0;
      text-transform: uppercase;
      width: 100%;
    }

    [dir="rtl"] button.rr {
      float: left;
    }

    button.rr:active {
      background: rgb(50, 102, 213);
      outline: 0;
    }

    button.rr:hover {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }
  </style>
  <div id="warn-wrap">
    <div id="main-frame-error" class="interstitial-wrapper">
      <div id="main-content" jstcache="0">
        <div
          class="icon icon-generic"
          jseval="updateIconClass(this.classList, iconClass)"
          alt=""
          jstcache="1"
        >
          <span class="icon-c">🍪</span>
          <span class="icon-x">❌</span>
        </div>

        <div id="main-message" jstcache="0">
          <div>
            <h1>
              Hello!
            </h1>
          </div>

          <!----><br /><!---->
          Please enable third-party
          <span class="notranslate">"Cookies"</span> for the following adresses:
          <!----><br /><!---->
          <b><span id="webb"></span></b> and also
          <b><span>translate.googleusercontent.com</span></b>
          
          <!----><br /><!---->
          (This is the default option for web Browsers).
          <!----><br /><!---->
          Otherwise we cannot offer the translation due to technical
          limitations.
          <!----><br /><!---->
          You can enable them by clicking on the Lock icon near the Website
          Address, then click
          <span class="notranslate">"Cookies"</span> and then click "Blocked"
          and then select our Website and Click "Allow" in the bottom left
          corner.
          <!----><br /><!---->
          Please reload the page after doing so, to show this site in the
          requested language.
        </div>
      </div>

      <div id="buttons" class="nav-wrapper suggested-right" jstcache="0">
        <div id="control-buttons" jstcache="0">
          <button
            id="reload-button"
            class="rr blue-button text-button"
            onclick="location.reload();"
          >
            Reload
          </button>
        </div>
      </div>
    </div>
  </div>
</div>