<!doctype html>

<html lang="nl">

<head>
    <meta charset="utf-8">

    <title>Pukkelpop 2015</title>
    <meta name="description" content="Pukkelpop 2015 - 20, 21 &amp; 22 Augustus" />

    <!-- Opengraph Meta-Tags (More info: http://developers.facebook.com/docs/opengraph) -->
    <meta property="fb:app_id" content="345375953334"/>
                        <meta property="og:site_name" content="Pukkelpop">
                                    <meta property="og:type" content="website">
                                    <meta property="og:image" content="http://www.pukkelpop.be/assets/default/images/share.png">
                                    <meta property="og:url" content="http://www.pukkelpop.be/nl/">
                
    <!-- iPhone Optimized -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no">

    <!-- Icons (Apple default iPhone icon 57x57px) -->
    <link rel="shortcut icon" href="http://www.pukkelpop.be/assets/default/images/favicons/favicon.ico" />
    <link rel="apple-touch-icon" href="http://www.pukkelpop.be/assets/default/images/favicons/touch-icon.jpg" />

    <!-- Google+ -->
    <link href="https://plus.google.com/111477516595576061877" rel="publisher" />

    <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

</head>
<body>
    <img src="http://www.pukkelpop.be/assets/default/images/PKP_full-15.gif" alt="Pukkelpop 2015" width="940" height="529" class="gif" />
    <video width="100%" height="85%" id="video" autoplay loop poster="http://www.pukkelpop.be/assets/default/images/PKP_full-15.png">
        <source src="http://www.pukkelpop.be/assets/default/movies/PKP_full-15.mp4" type="video/mp4">
        <source src="http://www.pukkelpop.be/assets/default/movies/PKP_full-15.webm" type="video/webm">
        <source src="http://www.pukkelpop.be/assets/default/movies/PKP_full-15.ogg" type="video/ogg">
        <img src="http://www.pukkelpop.be/assets/default/images/PKP_full-15.gif" alt="Pukkelpop 2015" width="100%" />
    </video>
    <div id="wishlist">
        <a href="http://www.pukkelpop.be/nl/announcement/" class="button">Pukkelpop in jouw jeugdhuis? &#9654;</a>
        <a href="http://www.pukkelpop.be/nl/pkpwishlist/" class="button button--alt">Submit your #PKP15 wishlist &#9654;</a>
    </div>
    <div id="sound">
        <a href="https://soundcloud.com/ltglofficial" target="_blank">soundtrack by LTGL</a> -
        <a href="#" id="mute" onclick="mute(); return false;">activate sound</a>
    </div>
    <style>html, body {padding: 0;margin: 0;overflow: hidden;height: 100%;min-height: 100%;min-width: 320px;position: relative;width: 100%;background: #fff;}video {background: #fff;position: absolute;z-index: 1;width: 100%;height: 85%;}#wishlist {display: block;position: absolute;left: 0;bottom: 40px;min-width: 320px;width: 100%;z-index: 2;text-align: center;}#wishlist .button {display: inline-block;background: #ec1f64;padding: 10px;margin: 10px;color: #fff;font-size: 16px;line-height: 20px;text-decoration: none;font-family: Montserrat, sans-serif;text-transform: uppercase;text-align: center;}#wishlist .button--alt {background: #171b46;}#wishlist .button:hover {background: #3eb691;}#sound {position: absolute;bottom: 10px;left: 50%;margin-left: -160px;display: block;width: 320px;text-align: center;font-size: 14px;line-height: 20px;font-family: Montserrat, sans-serif;text-align: center;}#sound a {color: #0072d2;text-decoration: none;font-family: Montserrat, sans-serif;}#sound a:hover {color: #ec1f64;}@media screen and (max-width: 1025px) {.gif {width: 100%;height: auto;max-width: 940px;position: absolute;z-index: 1;top: 20%;left: 50%;margin: -35% 0 0 -470px;}#mute {display: none;}}@media screen and (max-width: 941px) {#wishlist {}.gif {margin-left: 0;left: 0;}}@media screen and (min-width: 1025px) {.gif {display: none;}}</style>

    <!-- Url's -->
    <script type="text/javascript">
        var Config = {
            baseUrl: "http://www.pukkelpop.be/nl/",
            siteUrl: "http://www.pukkelpop.be/"
        };
        var validationMessages = {
            required: "Dit veld is verplicht in te vullen",
            email: "Het opgegeven e-mailadres is niet correct! Kan je dit even controleren?"
        };
    </script>

    <script>
        
        document.getElementById('video').muted = true;
        document.getElementById('mute').innerHTML = (document.getElementById('video').muted ? 'activate sound' : 'turn off sound');
        function mute()
        {
            document.getElementById('video').muted = !document.getElementById('video').muted;
            document.getElementById('mute').innerHTML = (document.getElementById('video').muted ? 'activate sound' : 'turn off sound');
        }
        
    </script>

            <!-- Google Analytics -->
        <script type="text/javascript">
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-7786910-1']);
            _gaq.push(['_setDomainName', location.hostname]);
            _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>
    </body>
</html>