Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta property="og:image" content="//dota2-roulette.ru/img/rulet.jpg">
- <!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <meta name="og:title" content="Extra-Roulette.com: Easy skins for you."/>
- <title>Extra-Roulette.com — JACKPOT</title>
- <meta name="keywords" content="roulette cs:go, dota and cs roul, dota 2, dota 2 skin betting, dota 2 jackpot, dota 2 items, dota 2 betting" />
- <meta name="description" content="Best CS:GO & DOTA 2 roulette." />
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
- <link href="css/fonts.css" rel="stylesheet">
- <link href="css/style.min.css?v=21" rel="stylesheet">
- <link type="text/css" href="css/scroll.min.css" rel="stylesheet" media="all" />
- <link rel="stylesheet" href="css/hint.min.css" type="text/css">
- <link rel="icon" type="image/png" href="/img/favicon.png" sizes="16x16">
- <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <script>
- var GLOBAL = {token: '5skorulpa5mbtrsgc0unv5eu90', userId: '1'};
- </script>
- <script>
- var STEAM_ID = "76561197960981074";
- var LOGIN_HASH = "SyT1SkgIgD2LzH2hGSH8idkrreRkwLoy1apoQyTqpCcZ5LAPw3YHMnGp3nO8";
- var LOGIN_ID = "3288";
- var _sid = "76561197960981074";
- var GOQ = "0";
- var WS = null;
- var site_name = "Extra-Roulette.com";
- </script>
- </head>
- <body id="general">
- <header>
- <a href="/" id="logo" class="active-menu">
- <img src="img/logo.png" alt="CS-GO"/>
- <span class="text">CS:GO</span>
- </a>
- <a href="/dota2" id="shopItem" class="no-active-menu">
- <img src="img/logo.png" alt="DOTA 2"/>
- <span class="text">DOTA 2</span>
- </a>
- <div class="profile">
- <div class="table">
- <div class="sub">
- <ul>
- <li><a href="/settings">Settings</a></li>
- <li><a href="/logout">Exit</a></li>
- </ul>
- </div>
- <div class="avatar">
- <img src="https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/2a/2adffa5c25c98633022b3df35b06933d625a9abc_full.jpg">
- </div>
- <div class="name">-GoV- Capra =DD</div>
- <div class="arrow"></div>
- </div>
- </div>
- <ul id="menu">
- <li class='menuItem_1'>
- <div>
- <a href="/">PLAY</a>
- </div>
- </li>
- <li class='menuItem_2 '>
- <div>
- <a href="/top">TOP</a>
- </div>
- </li>
- <li class='menuItem_3 '>
- <div>
- <a href="/history">HISTORY</a>
- </div>
- </li>
- <li class='menuItem_4 '>
- <div>
- <a href="/about">ABOUT</a>
- </div>
- </li>
- </ul>
- <div id='shortMenu'>
- <div class='shortMenuButton'>
- <div>
- </div>
- <div>
- </div>
- <div>
- </div>
- </div>
- <ul id="shoertMenuUl">
- <li class='menuItem_1 active'>
- <div>
- <a href="/">PLAY</a>
- </div>
- </li>
- <li class='menuItem_2'>
- <div>
- <a href="/top">TOP</a>
- </div>
- </li>
- <li class='menuItem_3'>
- <div>
- <a href="/about">ABOUT</a>
- </div>
- </li>
- <li class='menuItem_4'>
- <div>
- <a href="/history">HISTORY</a>
- </div>
- </li>
- <li class='menuItem_6'>
- <div>
- <a href="/settings">Settings</a>
- </div>
- </li>
- <li class='menuItem_7'>
- <div>
- <a href="/logout">Exit</a>
- </div>
- </li>
- </ul>
- </div>
- </header>
- <script>
- var steam_game_id = 730;
- var GGG = 0 ;
- var HOST = "ws://91.134.132.207:8187";
- </script>
- <section>
- <h1 class="h1_hidden">Roulette CS:GO</h1>
- <div class="room_main_roulette">
- <div class="rul_a">
- <div id="caruselLine"><div class="str_rr"></div><div class="str_ll"></div></div>
- <div id="aCanvas">
- <div id="casesCarusel"></div>
- </div>
- </div>
- </div>
- <div class="room_low_roulette">
- <div class="rul_a">
- <div id="caruselLine"><div class="str_rr"></div><div class="str_ll"></div></div>
- <div id="aCanvas">
- <div id="casesCarusel"></div>
- </div>
- </div>
- </div>
- <article id="leftA">
- <div class="room_main">
- <div class="buttons">
- <div class="button"><a class="site" href="/deposit?act=site" target="_blank">bet from site</a></div>
- <div class="button"><a class="client" href="/deposit?act=client" target="_blank">bet from client</a></div>
- </div>
- </div>
- <div id="gameInfo">
- <div class="roomsSelect">
- <div class="room active main" data-name="main">
- <div class="roomName">MAIN ROOM</div>
- <div class="roomBank">0$</div>
- <div class="clearFix"></div>
- <div class="roomDesc">min: 10$</div>
- <div id="quickRate"></div>
- </div>
- </div>
- <div class="room_main">
- <div class="gameNum">
- <div id="gameNum">loading game...</div>
- <div id="tradeProcess">processing trades..</div>
- </div>
- <div id="myDep" class="topText" style="display: none;">
- You deposited <b><span id="userCountItems" style="display: inline;"></span></b> for the sum <b><span id="userTotalPrice" style="display: inline;"></span>$</b>, Your chance <b><span class="chance" style="display: inline;">%</span></b>
- </div>
- <div class="stats"></div>
- </div>
- </div>
- <div class="contact">
- <div class="social">
- <a class="social_fb" href="https://www.facebook.com/" target="_blank"></a>
- <a class="social_tw" href="https://twitter.com/" target="_blank"></a>
- </div>
- <a class="support" href="/support">SUPPORT</a>
- </div>
- </article>
- <article id="centerA">
- <div class="room_main">
- <div class="rollete_stat">
- <div class="rollete_stat_game">GAMES<br> TODAY<b><span id="countGames">X</span></b></div>
- <div class="rollete_stat_online">CURRENTLY PLAYERS<br> ONLINE<b><span class="online">X</span></b></div>
- <div class="rollete_stat_pr">LARGEST JACKPOT<br> TODAY<b><span class="maxSum">X</span></b></div>
- </div>
- <div class="rullet">
- <div class="rullet_inner">
- <div class="circleInner">
- </div>
- <div class="rullete_stat">
- <div class="rullete_time"><span class='rullete_time_text'>Round ends in: <b><span class="timer" style="display:inline;">0:00</span></b></span></div>
- <div class="rullete_item"><span class='rullete_item_text'>TOTAL SKINS: <b><span id="totalItems" style="display:inline;">X</span></b></span></div>
- <div class="rullete_shans"><span class='rullete_shans_text'>Your chance: <b><span class="chance" style="display:inline;">0%</span></b></span></div>
- </div>
- <div id="rulleteIn" class="rulleteIn">
- <div class="rullete_jk">JACKPOT<br><b class="rullete_sum">~<span id='rulleteGeneralSum'>0</span>$</b></div>
- <div class="rullete_pb">Last winner <b class="name_victory" id="lastWinner"><a href="#"></a></b></div>
- </div>
- </div>
- </div>
- </div>
- </article>
- <article id="rightA">
- <div id="chatButtons">
- <a class="hide_chat" href="#"></a>
- <a class="show_chat" href="#"></a>
- </div>
- <div id="chat">
- <div class="chat_body">
- <div class="chat_message">
- </div>
- <div class="c"></div>
- <div class="textarea_chat">
- <form id="chatForm" onsubmit="return sendMsg();">
- <textarea class="chat_textarea" placeholder="Enter your message..."></textarea>
- <div class="chat_buttons">
- <a href="#" class="rulles js-open-modal" data-modal-id="popup">Chat rules</a>
- <input type="submit" class="submit_chat" value="Send">
- </div>
- </form>
- </div>
- </div>
- </div>
- </article>
- </section>
- <script type="text/javascript">
- var LANG_GAME = JSON.parse('{"PLACED":"placed","SKIN":"skin","SKINA":"skins","SKINS":"skins","FOR":"for","WINNER":"Winner","JACKPOT":"Jackpot","CHANCE":"Chance to Win","GAME":"game","TRADE_CANCEL":"Trade was canceled","REASON":"Reason:","ERROR_1":"The presence of prohibited skins:","ERROR_2":"A maximum of 10 skins per trade","ERROR_3":"The total value of the items is less than permissible in the selected room","ERROR_4":"We could not estimate some skins from your trade. To accelerate process, please write to a support. <br>Find out what specific things have not been evaluated, you can see \\\"Settings\\\"","ERROR_5":"Mobile Authenticator is enabled you have less than 7 days.","ERROR_6":"The total value of the items is higher than permissible in the selected room"}');
- var roomsCfg = JSON.parse('{"main":{"name":"main","game_countdown":"240","max_skins_per_game":"130","min_sum_skins_trade":"2.00","max_sum_skins_trade":"0.00"},"low":{"name":"low","game_countdown":"60","max_skins_per_game":"100","min_sum_skins_trade":"0.20","max_sum_skins_trade":"2.50"}}');
- </script>
- <script type="text/javascript" src="js/moment.min.js"></script>
- <script type="text/javascript" src="js/moment.locale_ru.js"></script>
- <script>moment.locale('en');</script>
- <script type="text/javascript" src="js/livestamp.min.js"></script>
- <script type="text/javascript" src="js/game.js?30"></script>
- <audio id="ratesAudio">
- <source src="/audio/notify.ogg" type="audio/ogg">
- <source src="/audio/notify.mp3" type="audio/mp3">
- <source src="/audio/notify.wav" type="audio/wav">
- </audio>
- <audio id="errorAuido">
- <source src="/audio/warning.mp3" type="audio/mp3">
- </audio>
- <script src="js/jquery.knob.min.js"></script>
- <script src="js/scroll.js"></script>
- <script src="js/user.js?27"></script>
- <script src="js/jquery.easing.min.js"></script>
- <script src="js/jquery.actual.min.js"></script>
- <script src="js/jquery.animateNumber.min.js"></script>
- <script src="/js/jquery.countdown.min.js"></script>
- <script src="/js/bootstrap-notify.min.js"></script>
- <script type="text/javascript" src="js/main.js"></script>
- <script type='text/javascript'>
- var rouletteMargin = 0;
- GLOBAL['selectedRoom'] = 'main';
- var circlesRenderCfg =
- {time: {colors: {bg: 'ddc4c4', fg: '993333'}, width: '470'},
- item: {colors: {bg: 'd9e8e8', fg: '99cccc'}, width: '410'},
- shans: {colors: {bg: 'f7e8c9', fg: 'ffcc66'}, width: '350'}};
- // генерация круга
- function generateCircle(num, type, thickness, val, max) {
- return '<div class="cricleAlignment_' + num + '"><input class="knob ' + type + '" data-num="' + num + '"data-angleOffset="90"data-rotation="anticlockwise" data-readOnly="true" data-angleArc="270" data-min="0" data-max="' + max + '" data-bgColor="#' + circlesRenderCfg[type]['colors']['bg'] + '" data-fgColor="#' + circlesRenderCfg[type]['colors']['fg'] + '" data-displayInput=false data-width="' + circlesRenderCfg[type]['width'] + '" data-height="' + circlesRenderCfg[type]['width'] + '"data-thickness="' + thickness + '" value="' + val + '"></div>';
- }
- // меняем значения кругов
- function changeCircle(circleClass, toVal)
- {
- $(circleClass).animate({value: toVal},
- {
- duration: 950,
- easing: 'swing',
- progress: function ()
- {
- $(circleClass).val(Math.ceil(this.value)).trigger('change');
- }
- });
- }
- $(document).ready(function () {
- // обработка комнат
- $('.room').on('click', function () {
- if ($(this).hasClass('active')) {
- return;
- }
- previousRoom = $('.room.active').data('name');
- $('.room.active').removeClass('active');
- GLOBAL['selectedRoom'] = $(this).data('name');
- $(this).addClass('active');
- $('.room_' + previousRoom).hide();
- $('.room_' + previousRoom + '_roulette .rul_a').addClass('room_roulette_hidden');
- $('.room_' + GLOBAL['selectedRoom']).show();
- $('.room_' + GLOBAL['selectedRoom'] + '_roulette .rul_a').removeClass('room_roulette_hidden');
- updatePageTitle(roomsCfg[GLOBAL['selectedRoom']]['totalGameSum'], GLOBAL['selectedRoom']);
- });
- // модальное окно / правила чата
- var appendthis = ("<div class='modal-overlay js-modal-close'></div>");
- $('a[data-modal-id]').on('click', function (e) {
- e.preventDefault();
- $("body").append(appendthis);
- $(".modal-overlay").fadeTo(500, 0.7);
- //$(".js-modalbox").fadeIn(500);
- var modalBox = $(this).attr('data-modal-id');
- $('#' + modalBox).fadeIn($(this).data());
- });
- $(document).on('click', '.js-modal-close, .modal-overlay', function () {
- $(".modal-box, .modal-overlay").fadeOut(500, function () {
- $(".modal-overlay").remove();
- setTimeout(function () {
- var video = $("#youtubePlayer").attr("src");
- $("#youtubePlayer").attr("src", "");
- $("#youtubePlayer").attr("src", video);
- }, 500);
- });
- });
- $(window).resize(function () {
- $("#howto").css({
- top: ($(window).height() - $("#howto").outerHeight()) / 2,
- left: ($(window).width() - $("#howto").outerWidth()) / 2
- });
- $("#popup").css({
- top: ($(window).height() - $("#popup").outerHeight()) / 2,
- left: ($(window).width() - $("#popup").outerWidth()) / 2
- });
- });
- $(window).resize();
- // скролл бары
- $(".chat_message").mCustomScrollbar({
- advanced: {
- updateOnContentResize: true
- },
- scrollButtons: {enable: true},
- theme: "dark-thick"
- });
- $(".stats").mCustomScrollbar({scrollButtons: {enable: true}, theme: "dark-thick", setHeight: '10%'});
- $('.hide_chat').click(function ()
- {
- var leftM = (document.documentElement.clientWidth - leftA.clientWidth * 2) / 2;
- rightA.style.width = "0";
- $('#chat').hide("slow");
- $('.rul_a, #leftA, #centerA, #rightA ').animate({left: leftM + "px", }, 1500);
- $('.hide_chat').fadeOut(500);
- $('.show_chat').show("slow");
- });
- $('.show_chat').click(function ()
- {
- $('#chat').show("slow");
- if (document.documentElement.clientWidth > 800)
- {
- rightA.style.width = "24%";
- leftM = (document.documentElement.clientWidth - (leftA.clientWidth * 2 + document.getElementById('rightA').clientWidth + (document.documentElement.clientWidth * 0.05))) / 2;
- rightM = (document.documentElement.clientWidth - (leftA.clientWidth * 2 + document.getElementById('rightA').clientWidth)) / 2 + (document.documentElement.clientWidth * 0.025);
- $('.rul_a, #leftA, #centerA').animate({left: leftM + "px", }, 1000);
- $('#rightA').animate({left: rightM + "px", }, 1000);
- }
- if (document.documentElement.clientWidth <= 800)
- {
- rightA.style.width = "320px";
- leftM = (document.documentElement.clientWidth - document.getElementById('leftA').clientWidth) / 2;
- rightM = (document.documentElement.clientWidth - document.getElementById('rightA').clientWidth) / 2;
- $('.rul_a, #leftA, #centerA').animate({left: leftM + "px", }, 1000);
- $('#rightA').animate({left: rightM + "px", }, 1000);
- }
- $('#rightA').show("slow");
- $('.show_chat').fadeOut(500);
- $('.hide_chat').show("slow");
- });
- $(document).on('click', '.trade_del', function ()
- {
- $(this).parent().hide();
- });
- });
- obj = this;
- obj.starter = function ()
- {
- obj.resizer();
- }
- // ресайз леовго блока
- function leftBlockResize(roomName) {
- var minus = 0;
- var prefix = '';
- roomName = typeof roomName !== 'undefined' ? roomName : '';
- if (roomName.length > 1) {
- var prefix = genRoomPrefix(roomName);
- var prefixRoulette = genRoomRulPrefix(roomName);
- // добавляем высоту рулетки
- var rouletteMargin = $(prefixRoulette + '.rul_a').actual('outerHeight', {includeMargin: true});
- if (roomsCfg[roomName]['rouletteStarted']) {
- if ($(prefixRoulette + '.rul_a').actual('height') == 0) {
- rouletteMargin += GLOBAL['rouletteAvatarSize'];
- console.log('rMarg: ' + rouletteMargin);
- }
- minus += rouletteMargin - 10;
- }
- }
- minus += $(prefix + '.buttons').outerHeight(true) + $('.attention').outerHeight(true) + $('.roomsSelect').outerHeight(true) + $('.gameNum:visible').outerHeight(true) + $('.contact').outerHeight(true);
- // console.log($(prefix + ' .buttons').outerHeight(true) + ' ' + $('.attention').outerHeight(true) + ' ' + $('.roomsSelect').outerHeight(true) + ' ' + $('.gameNum:visible').outerHeight(true) + ' ' + $('.contact').outerHeight(true));
- //console.log('startMinux: ' + minus);
- // добавляем высоту блока "Вы поставили "
- if ($(prefix + '#myDep').css('display') != 'none') {
- if (GLOBAL['selectedRoom'] == roomName) {
- minus += $(prefix + '#myDep').outerHeight(true) - 5;
- } else {
- minus += $(prefix + '#myDep').outerHeight(true) + $(prefix + '#myDep').actual('height') - 5;
- //console.log('addMyDep: ' + $(prefix + '#myDep').outerHeight(true));
- }
- }
- //console.log('EndMinus: ' + minus);
- //console.log('size: ' + $(window).height() + '-' + $('header').height() + '-' + minus);
- size = ($(window).height() - $('header').height() - minus) + 'px';
- //console.log(document.documentElement.clientHeight + '-' + document.getElementsByTagName('header')[0].clientHeight + '-' + '360');
- //console.log('size: ' + size);
- $(prefix + '.stats').animate({height: size}, 700, 'linear');
- }
- obj.resizer = function ()
- {
- if (obj.resizeTimer)
- {
- clearTimeout(obj.resizeTimer);
- }
- var dataThickness = '.15';
- var margin = 80;
- var rul_a = $('.rul_a')[0];
- if ($(rul_a).hasClass('room_roulette_hidden')) {
- $(rul_a).removeClass('room_roulette_hidden');
- GLOBAL['rouletteAvatarSize'] = $(rul_a).actual('height');
- $(rul_a).addClass('room_roulette_hidden');
- } else {
- GLOBAL['rouletteAvatarSize'] = $('.rul_a').actual('height');
- }
- $.each(roomsCfg, function (index, room) {
- var circlesInner = '';
- circlesInner += generateCircle(1, 'time', ".15", 100, 100);
- circlesInner += generateCircle(2, 'item', ".15", 0, 100);
- circlesInner += generateCircle(3, 'shans', ".15", 0, 100);
- $(genRoomPrefix(room['name']) + '.circleInner').html(circlesInner);
- });
- //$('.circleInner').html(inner);
- var circles = $('.knob');
- var leftA = document.getElementById('leftA');
- var centerA = document.getElementById('centerA');
- var rightA = document.getElementById('rightA');
- //настройка кругов при изменении разшерения
- var i = 0;
- while (circles[i])
- {
- clientWidth = $(window).width();
- if ((clientWidth <= 1800) && (clientWidth > 1600))
- {
- dataThickness = '.14';
- margin = 70;
- }
- if ((clientWidth <= 1600) && (clientWidth > 1300))
- {
- dataThickness = '.17';
- margin = 60;
- }
- if ((clientWidth <= 1300) && (clientWidth > 800))
- {
- dataThickness = '.21';
- margin = 50;
- }
- if ((clientWidth <= 800) && (clientWidth > 0))
- {
- dataThickness = '.25';
- margin = 40;
- }
- var cNum = $(circles[i]).data('num') - 1;
- $(circles[i]).data('width', (centerA.clientWidth - margin * cNum));
- $(circles[i]).data('height', (centerA.clientWidth - margin * cNum));
- $(circles[i]).data('thickness', dataThickness);
- i++;
- }
- // запускаем круги
- $('.knob').knob();
- // запускаем таймеры
- //$('.timer').countdown('');
- $.each(roomsCfg, function (index, room) {
- var prefix = genRoomPrefix(room['name']);
- $(prefix + '.rulleteIn').css('marginTop', (centerA.clientWidth - $(prefix + '.rulleteIn').actual('height')) / 2);
- });
- //горизонтальная адаптация основных блоков
- if (clientWidth > 800)
- {
- leftM = (clientWidth - (leftA.clientWidth * 2 + document.getElementById('rightA').clientWidth + (clientWidth * 0.05))) / 2;
- rightM = (clientWidth - (leftA.clientWidth * 2 + document.getElementById('rightA').clientWidth)) / 2 + (clientWidth * 0.025);
- $('.rul_a, #leftA, #centerA').css({left: leftM + "px"});
- $('#rightA').css({left: rightM + "px"});
- }
- if (clientWidth <= 800)
- {
- leftM = (clientWidth - document.getElementById('leftA').clientWidth) / 2;
- rightM = (clientWidth - document.getElementById('rightA').clientWidth) / 2;
- $('.rul_a, #leftA, #centerA').css({left: leftM + "px"});
- $('#rightA').css({left: rightM + "px"});
- }
- var leftExSize = document.getElementsByClassName('topText')[0].clientHeight;
- leftExSize = leftExSize + document.getElementsByClassName('buttons')[0].clientHeight + document.getElementsByClassName('gameNum')[0].clientHeight
- leftExSize = leftExSize + document.getElementsByClassName('contact')[0].clientHeight;
- // вертикальная адаптация
- //~ alert(leftExSize);
- sizeChat = (document.documentElement.clientHeight - $('.textarea_chat').outerHeight(true) - $('header').outerHeight(true) - 70) + 6 + 'px';
- $('.chat_message').animate({height: sizeChat}, 700);
- centerA.style.height = leftA.clientHeight + 'px';
- rightA.style.height = leftA.clientHeight + 'px';
- leftBlockResize();
- }
- $(document).ready(function () {
- obj.starter();
- window.onresize = function ()
- {
- obj.resizeTimer = setTimeout(function () {
- obj.resizer()
- }, 500);
- }
- });
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment