<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style.css" />
    <title>Sociomantic Labs | Programmatic Display for eCommerce</title>
    <script>
      console.log(
        "                        .\n" +
          "                       / \\\n" +
          "                     /     \\\n" +
          "                   /         \\\n" +
          "                  .           .\n" +
          "                /´             `\\\n" +
          "               /.               .\\\n" +
          "                \\               /\n" +
          "                  ;           |\n" +
          "                  |           ;\n" +
          "                  |           |\n" +
          "                  |(0)     (0)|           ___.--,\n" +
          "         _.._     ;           |    _.---'`__.-( (_.\n" +
          "  __.--'`_.. '._.\\            \\.-' ,.--'`     `\"\"`\n" +
          " ( ,.--'`   ',__ /./;   ;, '.__.'`    __\n" +
          ' _`) )  .---.__.\' / |   |\\   \\__..--""  """--.,_\n' +
          "`---' .'.''-._.-'`_./  /\\ '.  \\ _.-~~~````~~~-._`-.__.'\n" +
          "      | |  .' _.-' |  |  \\  \\  '.               `~---`\n" +
          "       \\ \\/ .'     \\  \\   '. '-._)\n" +
          "        \\/ /        \\  \\    `=.__`~-.\n" +
          '        / /\\         `) )    / / `"".`\\\n' +
          "  , _.-'.'\\ \\        / /    ( (     / /\n" +
          "   `--~`   ) )    .-'.'      '.'.  | (\n" +
          "          (/`    ( (`          ) )  '-;\n" +
          "           `      '-;         (-')\n\n"
      );
    </script>
    <script>
      var buffer = "";
      var secret = "travolta";
      var handler = function(ev) {
        var char = String.fromCharCode(ev.which);
        buffer += char;
        if (buffer === secret.substr(0, buffer.length)) {
          if (buffer.length === secret.length) {
            document.body.style.backgroundImage = "url(travolta.gif)";
            document.removeEventListener("keypress", handler);
          }
        } else {
          buffer = char;
        }
      };
      document.addEventListener("keypress", handler);
    </script>
  </head>
  <body>
    <div class="goodbye">
      <div id="sociobot"></div>
      <h1>This is goodbye</h1>
      <div class="goodbye-text">
        dunnhumby no longer offer services via Sociomantic.<br />
        For information on our Digital Offsite Service please
        <a href="https://www.dunnhumby.com/solutions/digital-offsite"
          >click here</a
        >
      </div>
      <img
        alt="sociomantic from dunnhumby"
        src="sociomantic.svg"
        width="148"
        height="36"
      />
    </div>
  </body>
</html>
