Untitled
unknown
plain_text
3 years ago
24 kB
4
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="A fast-paced online shooter, choose your weapon, unlock power-ups, track your stats and compete against other players in an arena in real time!"> <title>gats.io | Customize - Upgrade - Compete</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> <link rel="stylesheet" href="/css/a70f9e38ff015afaa9ab0aacabee2e13.css"> <link rel="shortcut icon" type="image/png" href="img/favicon.png" /> <script> var aiptag = aiptag || {}; aiptag.cmd = aiptag.cmd || []; aiptag.cmd.display = aiptag.cmd.display || []; aiptag.cmd.player = aiptag.cmd.player || []; aiptag.consented = true; aiptag.cmp = { show: true, position: "centered", button: true, buttonText: "Privacy settings", buttonPosition: "bottom-right" } </script> <script async src="//api.adinplay.com/libs/aiptag/pub/TKP/gats.io/tag.min.js"></script> </head> <body oncontextmenu="return false;"> <div id="cover"></div> <span id="loading">Loading...</span> <div class="ad-group"> <div id="adRespawnLeft" class="ad-unit-container" style="display: none;"> <div id='gats-io_300x250'> <script type='text/javascript'> aiptag.cmd.display.push(function() { aipDisplayTag.display('gats-io_300x250'); }); </script> </div> </div> <div id="adRespawnRight" class="ad-unit-container" style="display: none;"> <div id='gats-io_300x250_2'> <script type='text/javascript'> aiptag.cmd.display.push(function() { aipDisplayTag.display('gats-io_300x250_2'); }); </script> </div> </div> <div id="adRespawnTop" class="ad-unit-container" style="display: none;"> <div id='gats-io_728x90'> <script type='text/javascript'> aiptag.cmd.display.push(function() { aipDisplayTag.display('gats-io_728x90'); }); </script> </div> </div> <div id="adHome" class="ad-unit-container" style="display: none;"> <div id='gats-io_970x250'> <script type='text/javascript'> aiptag.cmd.display.push(function() { aipDisplayTag.display('gats-io_970x250'); }); </script> </div> </div> <div id="adTopLeft" class="ad-unit-container" style="display: none;"> <div id='gameadsbanner'></div> </div> </div> <script> function pubadsRefresh(){ aiptag.cmd.display.push(function() { aipDisplayTag.display('gats-io_300x250'); }); aiptag.cmd.display.push(function() { aipDisplayTag.display('gats-io_300x250_2'); }); aiptag.cmd.display.push(function() { aipDisplayTag.display('gats-io_728x90'); }); aiptag.cmd.display.push(function() { aipDisplayTag.display('gats-io_970x250'); }); //GameAdsRenew("gameadsbanner"); } </script> <div id="fgc"></div> <div id="lgc"> <img id="gatsLogo" src="img/gats_logo.png"> </div> <div id="actrls" style="display:none"> <button id="loginButton" type="button" class="auth-btn btn btn-lg" data-toggle="modal" data-target="#loginModal">Login</button> <button id="registerButton" type="button" class="auth-btn btn btn-lg" data-toggle="modal" data-target="#registerModal">Register</button> <button id="logoutButton" type="button" class="auth-btn btn btn-lg" style="display:none" onclick="logout()">Logout</button> </div> <p id="lgState" style="display:none">You are not logged in.</p> <div id="hscrs" style="display:none"> <b><p id="highScoresHeading"></p></b> <p id="hsd"></p> </div> <div class="container" id="slct"> <div id="weaponSelectionContainer"> <div id="announcementContainer"> <p id="announcementMessage"> Custom servers now have even more settings! Host with <a href="https://stats.gats.io/account/membership">Gats.io Premium!</a> </p> </div> <h1 id="weaponTitle">Weapon</h1> <div id="weaponBacking"> <img id="pistol" class="weaponSelector margin-left-5px" src="img/pistol-outline.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="Pistol"> <img id="smg" class="weaponSelector margin-left-5px" src="img/smg-outline.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="SMG"> <img id="shotgun" class="weaponSelector margin-left-5px" src="img/shotgun-outline.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="Shotgun"> <img id="assault" class="weaponSelector margin-left-5px" src="img/assault-outline.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="Assault"> <img id="sniper" class="weaponSelector margin-left-5px" src="img/bolt-action-rifle-outline.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="Sniper"> <img id="lmg" class="weaponSelector margin-left-5px" src="img/machine-gun-outline.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="LMG"> </div> </div> <div id="colorSelectionContainer"> <h1 id="colorTitle">Color</h1> <div id="colorBacking"> <img id="red" class="colorSelector" src="img/redColor.png" onclick="setSelection(this)" title="Red"> <img id="orange" class="colorSelector" src="img/orangeColor.png" onclick="setSelection(this)" title="Orange"> <img id="yellow" class="colorSelector" src="img/yellowColor.png" onclick="setSelection(this)" title="Yellow"> <img id="green" class="colorSelector" src="img/greenColor.png" onclick="setSelection(this)" title="Green"> <img id="blue" class="colorSelector" src="img/blueColor.png" onclick="setSelection(this)" title="Blue"> <img id="purple" class="colorSelector" src="img/purpleColor.png" onclick="setSelection(this)" title="Purple"> </div> </div> <div id="armorSelectionContainer"> <h1 id="armorTitle">Armor</h1> <div id="armorBacking"> <img id="noArmor" class="armorSelector" src="img/no-armor.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="No Armor"> <img id="lightArmor" class="armorSelector" src="img/light-armor.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="Light Armor"> <img id="mediumArmor" class="armorSelector" src="img/medium-armor.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="Medium Armor"> <img id="heavyArmor" class="armorSelector" src="img/heavy-armor.png" onclick="setSelection(this)" onmouseover="setSelectionBackgroundColor(this.id)" onmouseleave="setDefaultBackgroundColor(this.id)" title="Heavy Armor"> </div> </div> <div id="playButtonContainer"> <button class="game-btn" id="playButton" onclick="play()">PLAY</button> <button class="game-btn" id="reconnectButton" onclick="reloadGame()">RECONNECT</button> <div id="gameTypeButtonContainer"> <button class="game-btn" id="serversBtn" onclick="loadPublicServers()" title="Server Switcher" data-toggle="modal" data-target="#serverModal"> SERVERS </button> <select id="gametypeDropdown"> <option value="FFA">FFA</option> <option value="DOM">DOM</option> <option value="TDM">TDM</option> </select> </div> </div> </div> <div id="changeLog"> <p id="changeLogLastUpdatedText">Last Updated</p> <a id="changelogLink" target="_blank" href="https://stats.gats.io/changelog">View Changelog</a> </div> <div id="infoFooter"> <a target="_blank" href="https://stats.gats.io">Stats</a> | <a target="_blank" href="https://discord.gg/zaWZm2y">Discord</a> </div> <div id="moreGamesFooter"> <a target="_blank" href="https://ioground.com">More Games</a> </div> <div id="chatboxContainer" style="display: none"> <input type="text" class="form-control center-block" id="chatbox" placeholder="Type a message" maxlength="30"> </div> <canvas id="canvas"></canvas> <div class="modal fade" tabindex="-1" role="dialog" id="loginModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Log In</h4> </div> <div class="modal-body"> <form> <div class="form-group" id="form-group-loginUsernameOrEmail"> <label for="loginUsernameOrEmail">Username/Email:</label> <input type="email" class="form-control" id="loginUsernameOrEmail" name="loginUsernameOrEmail"> <div class="alert alert-danger" id="alert-loginUsernameOrEmail" style="display: none"></div> </div> <div class="form-group" id="form-group-loginPassword"> <label for="loginPassword">Password:</label> <input type="password" class="form-control" id="loginPassword" name="loginPassword"> <div class="alert alert-danger" id="alert-loginPassword" style="display: none"></div> </div> <p id="forgotPassword" style="display: none">Forgot your password? <a href="https://account.gats.io/password/reset" target="_blank">Click here.</a></p> <div class="checkbox" id="form-group-rememberMe"> <label><input type="checkbox" id="rememberMe" name="rememberMe" checked> Remember me</label> </div> <p>Don't have an account yet? <a onclick="switchToModal('register')">Register here.</a></p> <div class="alert alert-success" id="loggingInState" style="display:none;"> Logging in... please wait. </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="formLoginButton" onclick="login()" class="btn btn-success">Log In</button> </div> </div> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" id="registerModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Register</h4> </div> <div class="modal-body"> <form> <div class="form-group" id="form-group-username"> <label for="username">Username:</label> <input type="text" class="form-control" id="username" name="username" maxlength="12"> <div class="alert alert-danger" id="alert-username" style="display: none"></div> </div> <div class="form-group" id="form-group-registerEmail"> <label for="registerEmail">Email Address:</label> <input type="email" class="form-control" id="registerEmail" name="registerEmail"> <div class="alert alert-danger" id="alert-registerEmail" style="display: none"></div> </div> <div class="form-group" id="form-group-registerPassword"> <label for="registerPassword">Password:</label> <input type="password" class="form-control" id="registerPassword" name="registerPassword"> <div class="alert alert-danger" id="alert-registerPassword" style="display: none"></div> </div> <div class="form-group" id="form-group-registerConfirmPassword"> <label for="registerConfirmPassword">Confirm Password:</label> <input type="password" class="form-control" id="registerConfirmPassword" name="registerConfirmPassword"> <div class="alert alert-danger" id="alert-registerConfirmPassword" style="display: none"></div> </div> <p> <br>Already have an account? <a onclick="switchToModal('login')">Log In here.</a> <br>Forgot your username/password? <a href="https://account.gats.io/password/reset" target="_blank">Click here.</a> </p> <div class="alert alert-success" id="registeringState" style="display:none;"> Registering your account... please wait. </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button id="formRegisterButton" onclick="register()" class="btn btn-success">Register</button> </div> </div> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" id="serverModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Servers</h4> </div> <div class="modal-body"> <ul class="nav nav-tabs"> <li class="active"> <a data-toggle="tab" href="#publicServerTab" onclick="loadPublicServers()"> Public </a> </li> <li> <a data-toggle="tab" href="#customServerTab" onclick="loadCustomServers()"> Custom </a> </li> <li> <a data-toggle="tab" href="#privateServerTab"> Private </a> </li> <li id="hostServerTabLi"> <a data-toggle="tab" href="#hostServerTab"> Host </a> </li> </ul> <div class="tab-content"> <div id="publicServerTab" class="tab-pane fade in active"> <table class="table table-striped server-table"> <thead> <tr> <th>Game Type</th> <th>Region</th> <th>City</th> <th>Players</th> <th></th> </tr> </thead> <tbody id="publicServerTableBody" class="server-table-body"> </tbody> </table> <div class="alert alert-success" id="alreadyConnectedAlert-public" role="alert"> You are already connected to this server! </div> </div> <div id="customServerTab" class="tab-pane fade"> <table class="table table-striped server-table"> <thead> <tr> <th>Owner</th> <th>Description</th> <th>Game Type</th> <th>Location</th> <th>Players</th> <th></th> </tr> </thead> <tbody id="customServerTableBody" class="server-table-body"> </tbody> </table> <div class="alert alert-success" id="alreadyConnectedAlert-custom" role="alert"> You are already connected to this server! </div> </div> <div id="privateServerTab" class="tab-pane fade"> <label style="margin-top:10px;">Connect to a private server</label> <form id="connectToPrivateServerForm" class="form-inline" onsubmit="event.preventDefault();"> <div class="form-group"> <input type="text" class="form-control" id="shortIdInput" placeholder="Server Code"> <button id="searchForPrivateServer" class="btn btn-default">Find</button> </div> </form> <button id="connectToPrivateServerButton" class="btn btn-lg btn-success">Connect</button> <div class="alert alert-success" id="alreadyConnectedAlert-private" role="alert"> You are already connected to this server! </div> <div class="alert alert-info" id="privateServerInfo" role="alert"></div> <div class="alert alert-danger" id="privateServerAlert" role="alert"></div> </div> <div id="hostServerTab" class="tab-pane fade"> <form id="hostServerForm" style="margin-top:10px;"> <div class="row" style="margin-right:0px;"> <div class="col-md-4"> <div class="form-group"> <label for="hostRegion">Region</label> <select class="form-control" id="hostRegion"> <option value="1" selected>North America</option> <option value="5">Europe</option> </select> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="hostMaxPlayers">Capacity (1-81)</label> <input type="text" class="form-control" id="hostMaxPlayers" value="16"> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="hostPrivacy">Privacy</label> <select class="form-control" id="hostPrivacy"> <option value="0" selected>Public</option> <option value="1">Private</option> </select> </div> </div> </div> <div class="row" style="margin-right:0px;"> <div class="col-md-4"> <div class="form-group"> <label for="hostGameType">Game Type</label> <select class="form-control" id="hostGameType"> <option value="FFA" selected>FFA</option> <option value="TDM">TDM</option> <option value="DOM">DOM</option> </select> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="hostAllowedWeapons">Weapons</label> <select class="form-control" id="hostAllowedWeapons"> <option value="0" selected>Any</option> <option value="1">Pistol Only</option> <option value="2">SMG Only</option> <option value="3">Shotgun Only</option> <option value="4">Assault Only</option> <option value="5">Sniper Only</option> <option value="6">LMG Only</option> </select> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="hostAllowedArmor">Armor</label> <select class="form-control" id="hostAllowedArmor"> <option value="0" selected>Any</option> <option value="1">No Armor</option> <option value="2">Armor I Only</option> <option value="3">Armor II Only</option> <option value="4">Armor III Only</option> </select> </div> </div> </div> <div class="row" style="margin-right:0px;"> <div class="col-md-4"> <label for="hostDamageMultiplier">Damage Multiplier</label> <select class="form-control" id="hostDamageMultiplier"> <option value="0.5">0.5x</option> <option value="1.0" selected>Normal</option> <option value="1.5">1.5x</option> <option value="2.0">2.0x</option> <option value="3.0">3.0x</option> </select> </div> <div class="col-md-4"> <div class="form-group"> <label for="hostCollisionDamage">Collision Damage</label> <select class="form-control" id="hostCollisionDamage"> <option value="0" selected>None</option> <option value="1">Players</option> <option value="2">Objects</option> <option value="3">Players and Objects</option> </select> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="hostStartingUpgrades">Starting Upgrades</label> <select class="form-control" id="hostStartingUpgrades"> <option value="0" selected>None</option> <option value="1">Tier One</option> <option value="2">Tier Two</option> <option value="3">Tier Three</option> </select> </div> </div> </div> <div class="row" style="margin-right:0px;"> <div class="col-md-4"> <label for="hostPerkRecharge">Perk Recharge</label> <select class="form-control" id="hostPerkRecharge"> <option value="0.5">0.5x</option> <option value="1.0" selected>Normal</option> <option value="1.5">1.5x</option> <option value="2.0">2.0x</option> <option value="3.0">3.0x</option> <option value="5.0">5.0x</option> </select> </div> <div class="col-md-4"> <div class="form-group"> <label for="hostHealthRecharge">Health Recharge</label> <select class="form-control" id="hostHealthRecharge"> <option value="0.5">0.5x</option> <option value="1.0" selected>Normal</option> <option value="1.5">1.5x</option> <option value="2.0">2.0x</option> <option value="3.0">3.0x</option> </select> </div> </div> <div class="col-md-4"> <div class="form-group"> <label for="hostArmorRecharge">Armor Recharge</label> <select class="form-control" id="hostArmorRecharge"> <option value="0.5">0.5x</option> <option value="1.0" selected>Normal</option> <option value="1.5">1.5x</option> <option value="2.0">2.0x</option> <option value="3.0">3.0x</option> </select> </div> </div> </div> <div class="row" style="margin-right:0px;"> <div class="col-md-4"> <label for="playerSpeed">Player Speed</label> <select class="form-control" id="hostPSpeed"> <option value="0.5">0.5x</option> <option value="1.0" selected>Normal</option> <option value="1.5">1.5x</option> <option value="2.0">2.0x</option> </select> </div> <div class="col-md-4"> <label for="bulletSpeed">Bullet Speed</label> <select class="form-control" id="hostBSpeed"> <option value="0.5">0.5x</option> <option value="1.0" selected>Normal</option> <option value="1.5">1.5x</option> <option value="2.0">2.0x</option> </select> </div> <div class="col-md-4"> <label for="hostBlockDensity">Block Density</label> <select class="form-control" id="hostBlockDensity"> <option value="0.0">0%</option> <option value="0.25">25%</option> <option value="0.5">50%</option> <option value="0.75">75%</option> <option value="1.0" selected>100%</option> </select> </div> </div> <div class="row" style="margin-right:0px;"> <div class="col-md-4"> <div class="form-group"> <div class="checkbox"> <label class="host-checkbox-label"> <input type="checkbox" class="host-checkbox" id="hostBottomlessMags"> Bottomless Mags </label> </div> </div> </div> <div class="col-md-4"> <div class="form-group"> <div class="checkbox"> <label class="host-checkbox-label"> <input type="checkbox" class="host-checkbox" id="hostDisableFog"> Disable Fog </label> </div> </div> </div> <div class="col-md-4"> <div class="form-group"> <div class="checkbox"> <label class="host-checkbox-label"> <input type="checkbox" class="host-checkbox" id="hostDisableScoreSquares"> Disable Score Squares </label> </div> </div> </div> </div> <div class="row" style="margin-right:0px; text-align: center;"> <div class="col-md-12 center-block"> <div class="alert alert-danger" id="hostServerError" role="alert"></div> </div> </div> <div class="row" style="margin-right:0px;"> <div class="col-md-12"> <div class="form-group"> <label for="hostLabel">Description (Optional)</label> <input type="text" class="form-control" id="hostLabel" maxlength="48"> </div> </div> </div> <div class="row" style="margin-right:0px; text-align: center;"> <div class="col-md-12 center-block"> <button class="btn btn-success btn-lg" id="hostServerButton" type="submit">Host Server</button> <div class="alert alert-info" id="hostServerInfo" role="alert"></div> </div> </div> </form> <div id="shareServerDiv"> <h2 id="hostedServerStateHeading">Your server is running!</h2> <label>Invite link</label> <form class="form-inline" onsubmit="event.preventDefault();"> <div class="form-group"> <div class="input-group"> <input type="text" class="form-control" id="hostedServerShareUrl"> <span class="input-group-btn"> <button id="copyServerUrlButton" class="btn btn-default">Copy</button> </span> </div> </div> </form> <button id="connectToHostedServerButton" class="btn btn-lg btn-success">Connect</button> <div class="alert alert-success" id="alreadyConnectedAlert-host" role="alert"> You are already connected to this server! </div> <hr> <h2 id="hostedServerStateHeading">Manage your server</h2> <p style="margin-top:10px;">Your server will automatically stop if it has been empty for a while. A new server can be launched as soon as the old one has stopped.</p> <button id="endHostedServerButton" class="btn btn-danger">Stop Server</button> <div class="alert alert-danger" id="endServerError" role="alert"></div> </div> </div> </div> </div> <div class="modal-footer"> <b><p id="cpl"></p></b> </div> </div> </div> </div> <div class="modal fade" tabindex="-1" role="dialog" id="mobileViewModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center">Device Not Supported</h4> </div> <div class="modal-body"> <p>We're sorry, but mobile devices are not supported by gats.io.</p> <p>If you were looking for the stats website, it's available for mobile here: <a href="https://stats.gats.io">stats.gats.io</a></p> </div> </div> </div> </div> <div id="detect" class="ads ad adsbox doubleclick ad-placement carbon-ads"></div> <style> #detect { height: 1px; width: 1px; position: absolute; left: -999em; top: -999em } </style> <script src="js/d.js" type="text/javascript"></script> <script src="https://www.google.com/recaptcha/api.js?render=6LenZt4ZAAAAAF-2nPKzH9111gkjBlaJCEp8UsQV"></script> <script> function gCV() { var ca = document.cookie.split(';'); for(var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf("clv=") == 0) { return c.substring(4, c.length); } } return ""; } </script> <script> window.latestVersion = "2.1.2"; window.clientVersion = (gCV()) ? gCV() : window.latestVersion; var clientScript = document.createElement('script'); clientScript.type = 'text/javascript'; console.log('Loading client version: ' + window.clientVersion); clientScript.src = "/js/builds/" + window.clientVersion + ".js"; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(clientScript, node); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-85616256-4', 'auto'); ga('send', 'pageview'); </script> </body> </html>
Editor is loading...