<!DOCTYPE html>
<html>
<head>

  <meta charset="utf-8">
  <title>All your basedomains are belong to Q42</title>
  <meta name="description" content="For great justice!">

  <!-- Facebook Meta Tags -->
  <meta property="og:url" content="https://www.q42.nl/">
  <meta property="og:type" content="website">
  <meta property="og:title" content="All your basedomains are belong to Q42">
  <meta property="og:description" content="For great justice!">
  <meta property="og:image" content="https://images.prismic.io/q42-site/b7dfee9a-552c-4599-bdd5-3a319b2a0e4e_q42-opengraph.png">

  <!-- Twitter Meta Tags -->
  <meta name="twitter:card" content="summary_large_image">
  <meta property="twitter:domain" content="q42.nl">
  <meta property="twitter:url" content="https://www.q42.nl/">
  <meta name="twitter:title" content="All your basedomains are belong to Q42">
  <meta name="twitter:description" content="For great justice!">
  <meta name="twitter:image" content="https://images.prismic.io/q42-site/b7dfee9a-552c-4599-bdd5-3a319b2a0e4e_q42-opengraph.png">

  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap" rel="stylesheet">
  
  <style>
  html, body {
    margin: 0;
    height: 100%;
  }
  
  body {
    background-color: #222;
    background-image: url("q42-nerd-2021.png");
    background-size: cover;
    background-position: center 60%;
    background-repeat: no-repeat;
  }
  .banner {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-55%);
    background-color: #84bc2d;
    border-radius: 100px;
    color: white;
    font-size: 20px;
    padding: 20px 30px;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.5);
    font-family: 'Lato', sans-serif;
    text-align: center;
  }

  @media (max-width: 600px) {
      .banner{
        font-size: 15px;
        padding: 10px 30px;
    }
}
  </style>
</head>
<body unresolved touch-action="auto">
  <div class="banner">All your basedomains are belong to <a href="http://q42.nl/en">Q42</a></div>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-2714808-26', 'auto');
    ga('send', 'pageview');
    ga('send', 'event', 'domain', window.location.host);
  </script>
</body>
</html>
