API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 31st, 2014
653
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.97 KB | None | 0 0
raw download clone embed print report
  1. <html class="js"><head>
  2.     <title>PAYDAY: CRIMEFEST</title>
  3.  
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.     <link rel="icon" href="favicon.ico">
  6.     <link rel="stylesheet" type="text/css" href="css/style.css">
  7.     <link rel="stylesheet" href="css/lightbox.css" media="screen">
  8.     <script id="www-widgetapi-script" src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflaDqD2T/www-widgetapi.js" async=""></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script src="https://www.youtube.com/iframe_api"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><style type="text/css"></style>
  9.     <script src="js/lightbox-2.6.min.js"></script>
  10.  
  11.     <script type="text/javascript">
  12.     // Music button toggle
  13.     function toggle(el){
  14.     if(el.className!="pause")
  15.         {
  16.             el.src='img/music_off.png';
  17.             el.className="pause";
  18.             bg_audio.pause();
  19.         }
  20.         else if(el.className=="pause")
  21.         {
  22.             el.src='img/music_on.png';
  23.             el.className="play";
  24.             bg_audio.play();
  25.         }
  26.        
  27.         return false;
  28.     }
  29.  
  30.     // Youtube Embedded Player
  31.     document.documentElement.className = 'js'; 
  32.     var tag = document.createElement('script');
  33.     tag.src = "https://www.youtube.com/iframe_api";
  34.     var firstScriptTag = document.getElementsByTagName('script')[0];
  35.     firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  36.  
  37.     var player1, player2, player3;
  38.     var audio_turned_on
  39.  
  40.     function onPlayerStateChange(event) {
  41.         var audiocontrol = document.getElementById("audioctrl");
  42.  
  43.         if(event.data == YT.PlayerState.ENDED || event.data == YT.PlayerState.PAUSED) {
  44.             if(audio_turned_on && audiocontrol.className == "pause")
  45.                 toggle(audiocontrol);
  46.         }
  47.         else if(event.data == YT.PlayerState.PLAYING) {
  48.             if(audiocontrol.className != "pause"){
  49.                 toggle(audiocontrol);
  50.                 audio_turned_on = true;
  51.             }
  52.             else {
  53.                 audio_turned_on = false;
  54.             }
  55.         }
  56.     }
  57.  
  58.     function onYouTubeIframeAPIReady() {
  59.         player1 = new YT.Player('jw_trailer', { width: '600', height: '360', videoId: 'f8ZMDfO88Xs', playerVars: { controls: 1, showinfo: 0 , modestbranding: 1, wmode: "opaque" }, events: { 'onStateChange': onPlayerStateChange} });
  60.         player2 = new YT.Player('jw_trailer2', { width: '600', height: '360', videoId: 'Kqoob2gAIPY', playerVars: { controls: 1, showinfo: 0 , modestbranding: 1, wmode: "opaque" }, events: { 'onStateChange': onPlayerStateChange} });
  61.         player3 = new YT.Player('jw_trailer3', { width: '600', height: '360', videoId: '2AUmvWm5ZDQ', playerVars: { controls: 1, showinfo: 0 , modestbranding: 1, wmode: "opaque" }, events: { 'onStateChange': onPlayerStateChange} });
  62.     }
  63.  
  64.     // BG Parallax
  65.     $(window).scroll(function(e){
  66.         var scrolled = $(window).scrollTop();
  67.         $('.bg').css('top',-(scrolled*0.2)+'px');
  68.         if (scrolled < 230) { $('.logo').css('top',(scrolled*0.6)+45+'px'); }
  69.     });
  70.  
  71.     $(document).ready(function() {
  72.         // Fade Overlay
  73.         $(window).scroll(function () {
  74.             if ($(this).scrollTop() < 300) { $('.overlay').stop().animate({opacity: 0}, 500); }
  75.             if ($(this).scrollTop() > 500) { $('.overlay').stop().animate({opacity: 1}, 500); }
  76.            
  77.             $('.logo').stop().animate({opacity: 1}, 500);
  78.          });
  79.     });
  80.     </script>
  81.  
  82.     <script>
  83.       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  84.       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  85.       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  86.       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  87.  
  88.       ga('create', 'UA-48410904-1', 'overkillsoftware.com');
  89.       ga('send', 'pageview');
  90.     </script>
  91.  
  92.     </head><body><map name="result">
  93.         <area shape="rect" coords="528,594,559,617" href="http://www.overkillsoftware.com/crimefest_results/" target="_blank" border="0" alt="Crimefest Result">
  94.     </map>
  95.    
  96.     <map name="oct16">
  97.         <area shape="rect" coords="376,71,1004,327" href="http://store.steampowered.com/app/24240/" target="_blank" border="0" alt="Payday: The Heist free for 24 hours">
  98.         <area shape="rect" coords="376,349,695,528" href="http://store.steampowered.com/app/218620/" target="_blank" border="0" alt="Payday 2">
  99.         <area shape="rect" coords="695,349,1004,528" href="http://store.steampowered.com//app/24240/" target="_blank" border="0" alt="Payday: The Heist">
  100.     </map>
  101.    
  102.     <map name="oct18">
  103.         <area shape="rect" coords="376,76,1004,258" href="http://www.twitch.tv/thecreatures" target="_blank" border="0" alt="The Creatures and Dreamhack">
  104.     </map>
  105.    
  106.     <map name="oct19">
  107.         <area shape="rect" coords="395,70,530,223" href="img/day_oct_19_mask1.png" data-lightbox="mask1" border="0" alt="Evil Clown">
  108.         <area shape="rect" coords="560,60,660,225" href="img/day_oct_19_mask2.png" data-lightbox="mask2" border="0" alt="Evil Clown">
  109.         <area shape="rect" coords="375,455,877,490" href="http://steamcommunity.com/games/218620" target="_blank" border="0" alt="Offical Payday 2 Group on Steam">
  110.         <area shape="rect" coords="524,517,567,535" href="http://steamcommunity.com/games/218620/announcements/detail/221000454009903610" target="_blank" border="0" alt="More">
  111.     </map>
  112.    
  113.     <map name="oct20">
  114.         <area shape="rect" coords="524,2135,567,2153" href="http://steamcommunity.com/games/218620/announcements/detail/221000653215151241" target="_blank" border="0" alt="More">
  115.     </map>
  116.    
  117.     <map name="oct21">
  118.         <area shape="rect" coords="395,280,686,424" href="img/day_oct_21_screen1.jpg" data-lightbox="mask" border="0" alt="Screen 1">
  119.         <area shape="rect" coords="694,280,985,424" href="img/day_oct_21_screen2.jpg" data-lightbox="mask" border="0" alt="Screen 2">
  120.         <area shape="rect" coords="424,574,773,1107" href="img/day_oct_21_mask.png" data-lightbox="mask" border="0" alt="Old Hoxton Mask">
  121.         <area shape="rect" coords="837,595,928,1081" href="img/day_oct_21_shiv.png" data-lightbox="shiv" border="0" alt="Old Hoxton Shiv">
  122.         <area shape="rect" coords="525,1778,565,1796" href="http://steamcommunity.com/games/218620/announcements/detail/221000653379143062" target="_blank" border="0" alt="More">
  123.         <area shape="rect" coords="782,1818,826,1842" href="https://www.youtube.com/watch?v=Hmp1da7pXTw" target="_blank" border="0" alt="The Hoxton Breakout Trailer">
  124.     </map>
  125.    
  126.     <map name="oct22">
  127.         <area shape="rect" coords="525,4647,565,4666" href="http://steamcommunity.com/games/218620/announcements/detail/221000774076715767" target="_blank" border="0" alt="More">
  128.     </map>
  129.    
  130.     <map name="oct23">
  131.         <area shape="rect" coords="402,222,530,368" href="img/day_oct_19_mask1.png" data-lightbox="mask" border="0" alt="Evil Clown">
  132.         <area shape="rect" coords="572,208,660,370" href="img/day_oct_19_mask2.png" data-lightbox="mask" border="0" alt="Evil Clown">
  133.         <area shape="rect" coords="714,206,814,372" href="img/day_oct_23_mask1.png" data-lightbox="mask" border="0" alt="Evil Clown">
  134.         <area shape="rect" coords="864,222,970,368" href="img/day_oct_23_mask2.png" data-lightbox="mask" border="0" alt="Evil Clown">
  135.         <area shape="rect" coords="375,741,1003,1018" href="http://charityfest.net" target="_blank" border="0" alt="Charity Fest">
  136.         <area shape="rect" coords="375,1390,1003,1743" href="http://blog.counter-strike.net/index.php/2014/10/10704/" target="_blank" border="0" alt="Halloween Mask-Erade in CS:GO">
  137.         <area shape="rect" coords="763,3203,944,3222" href="http://lions.gt/JohnWickTix" target="_blank" border="0" alt="John Wick">
  138.         <area shape="rect" coords="375,3290,658,3309" href="http://www.facebook.com/JohnWickMovie" target="_blank" border="0" alt="Facebook">
  139.         <area shape="rect" coords="375,3320,639,3337" href="http://www.twitter.com/JohnWickMovie" target="_blank" border="0" alt="Twitter">
  140.         <area shape="rect" coords="375,3348,574,3365" href="http://www.JohnWickTheMovie.com" target="_blank" border="0" alt="John Wick">
  141.         <area shape="rect" coords="375,3435,623,3452" href="http://overkillsoftware.com/crimefest_results" target="_blank" border="0" alt="Crimefest">
  142.         <area shape="rect" coords="375,3464,625,3482" href="http://www.twitter.com/OVERKILL_TM" target="_blank" border="0" alt="Overkill">
  143.         <area shape="rect" coords="375,3491,556,3508" href="http://www.starbreeze.com" target="_blank" border="0" alt="Starbreeze">
  144.         <area shape="rect" coords="524,3776,565,3793" href="http://steamcommunity.com/games/218620/announcements/detail/221000774232433038" target="_blank" border="0" alt="More">
  145.     </map>
  146.    
  147.     <map name="oct24">
  148.         <area shape="rect" coords="655,266,1004,462" href="img/day_oct_24_screen1.png" data-lightbox="mask" border="0" alt="Screenshot">
  149.         <area shape="rect" coords="376,1060,576,1172" href="img/day_oct_24_screen2.png" data-lightbox="mask" border="0" alt="Screenshot">
  150.         <area shape="rect" coords="590,1060,789,1172" href="img/day_oct_24_screen3.jpg" data-lightbox="mask" border="0" alt="Screenshot">
  151.         <area shape="rect" coords="804,1060,1004,1172" href="img/day_oct_24_screen4.png" data-lightbox="mask" border="0" alt="Screenshot">
  152.         <area shape="rect" coords="511,1740,868,2005" href="img/day_oct_24_tatsuto.jpg" data-lightbox="mask" border="0" alt="">
  153.         <area shape="rect" coords="525,2139,565,2156" href="http://steamcommunity.com/games/218620/announcements/detail/221000927211180687" target="_blank" border="0" alt="More">
  154.     </map>
  155.    
  156.     <map name="oct25">
  157.         <area shape="rect" coords="524,2458,567,2476" href="http://steamcommunity.com/games/218620/announcements/detail/221001048838361958" target="_blank" border="0" alt="More">
  158.     </map>
  159.    
  160.     <map name="oct26">
  161.         <area shape="rect" coords="375,146,1003,449" href="img/day_oct_26_spas12.png" data-lightbox="shotgun" border="0" alt="Shotgun">
  162.         <area shape="rect" coords="463,993,931,1503" href="img/day_oct_26_mask.png" data-lightbox="mask" border="0" alt="Mask">
  163.         <area shape="rect" coords="524,1823,567,1840" href="http://steamcommunity.com/games/218620/announcements/detail/221001118005685353" target="_blank" border="0" alt="More">
  164.     </map>
  165.    
  166.     <map name="oct27">
  167.         <area shape="rect" coords="415,97,1306,727" href="img/day_oct_27_wallpaper.jpg" target="_blank" border="0" alt="Wallpaper">
  168.         <area shape="rect" coords="855,735,895,754" href="http://steamcommunity.com/games/218620/announcements/detail/221001202444492902" target="_blank" border="0" alt="More">
  169.     </map>
  170.  
  171.  
  172.     <audio id="bg_audio" autoplay="" loop="">
  173.         <source src="audio/this_is_our_time_128kbps.mp3">
  174.         <source src="audio/this_is_our_time_128kbps.ogg">
  175.     </audio>
  176.     <div id="audiocontrols">
  177.         <input type="image" src="img/music_on.png" class="play" id="audioctrl" onclick="toggle(this);">
  178.     </div>
  179.  
  180.     <div class="background"></div>
  181.  
  182.     <div class="container">
  183.         <div class="intro">
  184.             <img src="img/intro_texture.png" class="intro_txt" width="1100px" height="653px" border="0">
  185.             <img src="img/header.png" class="header" width="1100px" height="662px" border="0">
  186.             <img src="img/intro.png" class="header intro_txt" width="1100px" height="694px" border="0" usemap="#result">
  187.             <img src="img/logo.png" class="logo" width="1100px" height="153px" border="0">
  188.         </div>
  189.  
  190.         <a name="16oct"><img src="img/day_oct_16.png" class="day" width="1100px" height="826px" border="0" usemap="#oct16"></a>
  191.         <a name="17oct"><img src="img/day_oct_17.png" class="day" width="1100px" height="648px" border="0" usemap="#oct17"></a>
  192.         <a name="18oct"><img src="img/day_oct_18.png" class="day" width="1100px" height="468px" border="0" usemap="#oct18"></a>
  193.         <a name="19oct"><img src="img/day_oct_19.png" class="day" width="1100px" height="577px" border="0" usemap="#oct19"></a>
  194.         <a name="20oct"><img src="img/day_oct_20.png" class="day" width="1100px" height="2199px" border="0" usemap="#oct20"></a>
  195.         <a name="21oct"><img src="img/day_oct_21.png" class="day" width="1100px" height="1912px" border="0" usemap="#oct21"></a>
  196.         <a name="22oct"><img src="img/day_oct_22.png" class="day" width="1100px" height="4760px" border="0" usemap="#oct22"></a>
  197.         <a name="23oct"><img src="img/day_oct_23.png" class="day" width="1100px" height="3859px" border="0" usemap="#oct23"></a>
  198.         <a name="24oct"><img src="img/day_oct_24.png" class="day" width="1100px" height="2233px" border="0" usemap="#oct24"></a>
  199.         <a name="25oct"><img src="img/day_oct_25.png" class="day" width="1100px" height="2558px" border="0" usemap="#oct25"></a>
  200.         <a name="26oct"><img src="img/day_oct_26.png" class="day" width="1100px" height="1906px" border="0" usemap="#oct26"></a>
  201.         <a name="27oct"><img src="img/day_oct_27.png" class="last_day" width="1600px" height="804px" border="0" usemap="#oct27"></a>
  202.  
  203.         <iframe id="jw_trailer" class="jw_movie" style="z-index:0;" frameborder="0" allowfullscreen="1" title="YouTube video player" width="600" height="360" src="https://www.youtube.com/embed/f8ZMDfO88Xs?controls=1&amp;showinfo=0&amp;modestbranding=1&amp;wmode=opaque&amp;enablejsapi=1&amp;origin=http%3A%2F%2Fwww.overkillsoftware.com"></iframe>
  204.         <iframe id="jw_trailer2" class="jw_movie2" style="z-index:0;" frameborder="0" allowfullscreen="1" title="YouTube video player" width="600" height="360" src="https://www.youtube.com/embed/Kqoob2gAIPY?controls=1&amp;showinfo=0&amp;modestbranding=1&amp;wmode=opaque&amp;enablejsapi=1&amp;origin=http%3A%2F%2Fwww.overkillsoftware.com"></iframe>
  205.         <iframe id="jw_trailer3" class="jw_movie3" style="z-index:0;" frameborder="0" allowfullscreen="1" title="YouTube video player" width="600" height="360" src="https://www.youtube.com/embed/2AUmvWm5ZDQ?controls=1&amp;showinfo=0&amp;modestbranding=1&amp;wmode=opaque&amp;enablejsapi=1&amp;origin=http%3A%2F%2Fwww.overkillsoftware.com"></iframe>
  206.  
  207.         <img src="img/overlay.png" class="overlay" width="1000px" height="100px" border="0">
  208.     </div>
  209.  
  210. <div id="lightboxOverlay" class="lightboxOverlay" style="display: none;"></div><div id="lightbox" class="lightbox" style="display: none;"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src=""><div class="lb-nav"><a class="lb-prev" href=""></a><a class="lb-next" href=""></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!