<!--

 ██████╗ ███╗   ██╗███████╗                                             
██╔═══██╗████╗  ██║██╔════╝                                             
██║   ██║██╔██╗ ██║█████╗                                               
██║   ██║██║╚██╗██║██╔══╝                                               
╚██████╔╝██║ ╚████║███████╗                                             
 ╚═════╝ ╚═╝  ╚═══╝╚══════╝                                             
███╗   ██╗██╗ ██████╗ ██╗  ██╗████████╗                                 
████╗  ██║██║██╔════╝ ██║  ██║╚══██╔══╝                                 
██╔██╗ ██║██║██║  ███╗███████║   ██║                                    
██║╚██╗██║██║██║   ██║██╔══██║   ██║                                    
██║ ╚████║██║╚██████╔╝██║  ██║   ██║                                    
╚═╝  ╚═══╝╚═╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝                                    
 ██████╗ ███████╗███████╗                                               
██╔═══██╗██╔════╝██╔════╝                                               
██║   ██║█████╗  █████╗                                                 
██║   ██║██╔══╝  ██╔══╝                                                 
╚██████╔╝██║     ██║                                                    
 ╚═════╝ ╚═╝     ╚═╝                                                    
███████╗                                                                
╚══════╝                                                                
 ██╗ █████╗      ██████╗  ██████╗████████╗                              
███║██╔══██╗    ██╔═══██╗██╔════╝╚══██╔══╝                              
╚██║╚██████║    ██║   ██║██║        ██║                                 
 ██║ ╚═══██║    ██║   ██║██║        ██║                                 
 ██║ █████╔╝    ╚██████╔╝╚██████╗   ██║                                 
 ╚═╝ ╚════╝      ╚═════╝  ╚═════╝   ╚═╝                                 
 ██████╗     ██████╗ ███╗   ███╗                                        
██╔════╝     ██╔══██╗████╗ ████║                                        
███████╗     ██████╔╝██╔████╔██║                                        
██╔═══██╗    ██╔═══╝ ██║╚██╔╝██║                                        
╚██████╔╝    ██║     ██║ ╚═╝ ██║                                        
 ╚═════╝     ╚═╝     ╚═╝     ╚═╝                                        
█████╗                                                                  
╚════╝                                                                  
████████╗██████╗  █████╗ ██╗███╗   ██╗███████╗██████╗  ██████╗ ████████╗
╚══██╔══╝██╔══██╗██╔══██╗██║████╗  ██║██╔════╝██╔══██╗██╔═══██╗╚══██╔══╝
   ██║   ██████╔╝███████║██║██╔██╗ ██║███████╗██████╔╝██║   ██║   ██║   
   ██║   ██╔══██╗██╔══██║██║██║╚██╗██║╚════██║██╔═══╝ ██║   ██║   ██║   
   ██║   ██║  ██║██║  ██║██║██║ ╚████║███████║██║     ╚██████╔╝   ██║   
   ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝╚══════╝╚═╝      ╚═════╝    ╚═╝   
███████╗ █████╗  ██████╗████████╗ ██████╗ ██████╗ ██╗   ██╗             
██╔════╝██╔══██╗██╔════╝╚══██╔══╝██╔═══██╗██╔══██╗╚██╗ ██╔╝             
█████╗  ███████║██║        ██║   ██║   ██║██████╔╝ ╚████╔╝              
██╔══╝  ██╔══██║██║        ██║   ██║   ██║██╔══██╗  ╚██╔╝               
██║     ██║  ██║╚██████╗   ██║   ╚██████╔╝██║  ██║   ██║                
╚═╝     ╚═╝  ╚═╝ ╚═════╝   ╚═╝    ╚═════╝ ╚═╝  ╚═╝   ╚═╝                
                                                                 
-->

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>ONE NIGHT OFF @TRAINSPOT FACTORY</title>
        <meta name="description" content="Thursday 19 October, from 18:00 at trainspot factory! Empty the barrels. Only beer and sausages.">

        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

        <meta property="og:type" content="Website" />
        <meta property="og:site_name" content="ONE NIGHT OFF" />
        <meta property="og:url" content="http://onenightoff.jp/" />
        <meta property="og:title" content="ONE NIGHT OFF @TRAINSPOT FACTORY" />
        <meta property="og:description" content="Thursday 19 October, from 18:00 at trainspot factory! Empty the barrels. Only beer and sausages." />
        <meta property="og:image" content="http://onenightoff.jp/img/share.jpg" />

        <link rel="stylesheet" href="css/main.css">
    </head>
    <body>
        <header>
            Thursday 19 October. <span>From 18.00, <a href="https://www.google.be/maps/place/TRAINSPOT+KK/@35.701133,139.7856953,17z/data=!3m1!4b1!4m5!3m4!1s0x60188eb12e7dd4a9:0x68a88f46a456ed54!8m2!3d35.701133!4d139.787884" target="_blank">trainspot factory</a>.</span>
        </header>

        <a class="trainspot" href="http://www.trainspot.jp" target="_blank">
            <img src="img/trainspot.svg" alt="trainspot kk logo" />
        </a>

        <div class="container">
            <div id="scene" class="scene">
                <div class="layer" data-depth="0.60">
                    <img class="wave" src="img/wave.svg" />
                </div>
                <div class="layer" data-depth="0.20">
                    <div class="circle blue big" style="top:30%;"></div>
                </div>
                <div class="layer" data-depth="0.70">
                    <div class="circle white medium" style="top:65%;"></div>
                </div>
                <div class="layer" data-depth="0.40">
                    <div class="text small position-1">Just no excuses.</div>
                </div>
                <div class="layer" data-depth="0.30">
                    <div class="text position-2">Just some <span class="shakedatbooty fast">🍻</span> and <span class="shakedatbooty fast">🌭</span>.</div>
                </div>
                <div class="layer" data-depth="0.70">
                    <div class="text small position-3 ">Just in downtown Asakusabashi.</div>
                </div>
                <div class="layer" data-depth="0.50">
                    <div class="text position-4 ">Just no reason.</div>
                </div>
                <div class="layer" data-depth="0.60">
                    <div class="text big position-5">Just be there!</div>
                </div>
                <div class="layer" data-depth="1.00">
                    <img class="logo" src="img/one_night_off.svg" />
                </div>
            </div>
        </div>

        <script src="js/parallax.min.js"></script>
        <script>
            var scene = document.getElementById('scene');
	        var parallax = new Parallax(scene);
        </script>

        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-80594009-1','auto');ga('send','pageview');
        </script>
    </body>
</html>