<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />

    <script type="text/javascript">

        /* Google Analytics */

        var _gaq = _gaq || [];

        var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js';

        _gaq.push(['_require', 'inpage_linkid', pluginUrl]);

        _gaq.push(['_setAccount', 'UA-1462416-1']);

        _gaq.push(['_setDomainName', '.jaap.nl']);

        _gaq.push(['_trackPageview']);



        (function () {

            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

        })();

    </script>

    <title>Jaap.NL in onderhoud</title>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <style type="text/css">

    body {

      padding: 0;
      margin: 0;

    }

    html {

      padding: 0;
      margin: 0;
      overflow: hidden;
    }

    .background-container {

      position: absolute;
      width: 100%;
      height: 1000px; 
      background: url('/pacman/LeidenNetherlands.jpg');
      background-size: cover;
      background-position: 50% 0;
      background-repeat: no-repeat;
    }

    .main-content {

      font-family: 'Open Sans', sans-serif;
      position: relative;
      margin: 0 auto;
      width: 95%;
    }

    .main-content h1 {
      font-family: 'Open Sans', sans-serif;
      padding: 15px 0 0 0;
      position: relative;
      text-align: center;
      color: #d32013;
      background: rgba(255, 255, 255, 0.5);
      padding: 15px;
      width: 95%;
      margin: 0 auto;
    }

      @font-face {
      font-family: 'BDCartoonShoutRegular';
        src: url('BD_Cartoon_Shout-webfont.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      }
      #pacman {
        height:450px;
        width:342px;
        margin:20px auto;
      }
      #shim { 
        font-family: BDCartoonShoutRegular; 
        position:absolute;
        visibility:hidden
      }
      h1 { font-family: BDCartoonShoutRegular; text-align:center; }
      a { text-decoration:none; }
    </style>

</head>

<body>
  <div class="background-container">
    <div class="main-content">
      <h1>
        Jaap.nl is momenteel in onderhoud, rond 06:00 zal de site weer werken. In de tussentijd kunt u genieten van Pac-Man!
      </h1>
      <div id="pacman"></div>
      <script src="pacman.js"></script>
      <script src="modernizr-1.5.min.js"></script>  
    </div>  
  </div>

  <script>

    var el = document.getElementById("pacman");

    if (Modernizr.canvas && Modernizr.localstorage && 
        Modernizr.audio && (Modernizr.audio.ogg || Modernizr.audio.mp3)) {
      window.setTimeout(function () { PACMAN.init(el, "./"); }, 0);
    } else { 
      el.innerHTML = "Sorry, needs a decent browser<br /><small>" + 
        "(firefox 3.6+, Chrome 4+, Opera 10+ and Safari 4+)</small>";
    }
  </script>

</body>
</html>
