├── README.md ├── SUMMARY.md ├── client ├── README.md ├── css │ ├── animate.css │ ├── bootstrap.min.css │ ├── fonts │ │ ├── TitilliumWeb-Regular.ttf │ │ ├── UIFont.ttf │ │ ├── geonms-font.ttf │ │ └── similarOswald.otf │ ├── style.css │ └── sweetalert.css ├── img │ ├── error.png │ └── jquery.minicolors.png ├── index.html └── js │ ├── cookies.js │ ├── core.js │ ├── hats.js │ ├── jquery.toast.min.js │ ├── lbcolors.json │ ├── main.js │ └── sweetalert.min.js └── socket ├── README.md ├── origins.txt ├── package-lock.json ├── package.json ├── socket.js ├── winModulesInstall.bat └── winStart.bat /README.md: -------------------------------------------------------------------------------- 1 | # UI Client 2 | UI Client is an open source client to use for Agar.io private servers. Feel free to use this client to play with your friends or make a game, but please give credit :) 3 | 4 | >--- 5 | 6 | # Contact xAz 7 | If you would like to contact me, you can reach me on Discord: ``!!!xAzz#8135`` 8 | 9 | >--- 10 | 11 | # Features 12 | - Minimap 13 | - Chat 14 | - Team Tag 15 | - Leaderboard Color 16 | - Custom Hats/Crowns 17 | - A lot of Settings 18 | - A lot of Theming options 19 | - Hotkeys 20 | - Server Panel 21 | - Much more! 22 | 23 | >--- 24 | 25 | # Installation 26 | ## Client 27 | 1. Download this repo 28 | 2. Unzip UI-Client-master into a folder 29 | 3. Upload ``client`` folder to your Web Host FTP 30 | 4. Go to your website url 31 | 32 | ## Minimap, Chat & Skins Server 33 | ### Windows 34 | 1. Download and install Node.js: https://nodejs.org/en/download/ 35 | 2. Run the winModulesInstall.bat file 36 | 3. Run winStart.bat 37 | 38 | **All these files can be found in the ``socket`` folder.** 39 | 40 | ### Linux: 41 | ```bash 42 | # First update your packages: 43 | sudo apt-get update 44 | 45 | # Install git: 46 | sudo apt-get install git 47 | 48 | # Install node.js: 49 | sudo apt-get install nodejs-legacy npm 50 | 51 | # Clone UI-Client: 52 | git clone https://github.com/xAzz/UI-Client.git 53 | 54 | # Install dependencies: 55 | cd UI-Client-master/socket 56 | npm install 57 | 58 | # Run the server: 59 | sudo node socket.js 60 | ``` 61 | 62 | # Connecting socket to client 63 | 1. Open ``core.js`` file 64 | 2. Scroll down to line 52 65 | 3. Replace ``127.0.0.1:9700`` with the ip you are hosting the socket on. 66 | 67 | ## Example 68 | ```js 69 | # Default: 70 | var socketip = "127.0.0.1:9700"; 71 | 72 | # Example of changed 73 | var socketip = "31.220.59.33:9700"; 74 | ``` 75 | 76 | >--- 77 | 78 | 79 | # Credit 80 | I would like to give credit to Acydwarp for creating Agarplus.io, UI Client is based off the original Agarplus.io V2. I would also like to give credit to Nebula for helping with design idea's and bugs. 81 | 82 | >--- 83 | 84 | **To host your own MultiOgar server, head over to -> https://github.com/m-byte918/MultiOgarII** 85 | -------------------------------------------------------------------------------- /SUMMARY.md: -------------------------------------------------------------------------------- 1 | # Table of contents 2 | 3 | * [Initial page](README.md) 4 | 5 | -------------------------------------------------------------------------------- /client/README.md: -------------------------------------------------------------------------------- 1 | # Installation 2 | ## Client 3 | 1. Download this repo 4 | 2. Unzip UI-Client-master into a folder 5 | 3. Upload ``client`` folder to your Web Host FTP 6 | 4. Go to your website url 7 | -------------------------------------------------------------------------------- /client/css/animate.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8";/*! 2 | Animate.css - http://daneden.me/animate 3 | Licensed under the MIT license - http://opensource.org/licenses/MIT 4 | 5 | Copyright (c) 2015 Daniel Eden 6 | */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} -------------------------------------------------------------------------------- /client/css/fonts/TitilliumWeb-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xAzz/UI-Client/e4f8c05dc428d7bf9f8c5f7ba181c71f8eaadf34/client/css/fonts/TitilliumWeb-Regular.ttf -------------------------------------------------------------------------------- /client/css/fonts/UIFont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xAzz/UI-Client/e4f8c05dc428d7bf9f8c5f7ba181c71f8eaadf34/client/css/fonts/UIFont.ttf -------------------------------------------------------------------------------- /client/css/fonts/geonms-font.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xAzz/UI-Client/e4f8c05dc428d7bf9f8c5f7ba181c71f8eaadf34/client/css/fonts/geonms-font.ttf -------------------------------------------------------------------------------- /client/css/fonts/similarOswald.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xAzz/UI-Client/e4f8c05dc428d7bf9f8c5f7ba181c71f8eaadf34/client/css/fonts/similarOswald.otf -------------------------------------------------------------------------------- /client/css/sweetalert.css: -------------------------------------------------------------------------------- 1 | body.stop-scrolling { 2 | height: 100%; 3 | overflow: hidden; 4 | } 5 | .sweet-overlay { 6 | background-color: black; 7 | /* IE8 */ 8 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 9 | /* IE8 */ 10 | background-color: rgba(0, 0, 0, 0.4); 11 | position: fixed; 12 | left: 0; 13 | right: 0; 14 | top: 0; 15 | bottom: 0; 16 | display: none; 17 | z-index: 10000; 18 | } 19 | .sweet-alert { 20 | background-color: white; 21 | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 22 | width: 478px; 23 | padding: 17px; 24 | border-radius: 5px; 25 | text-align: center; 26 | position: fixed; 27 | left: 50%; 28 | top: 50%; 29 | margin-left: -256px; 30 | margin-top: -200px; 31 | overflow: hidden; 32 | display: none; 33 | z-index: 99999; 34 | } 35 | @media all and (max-width: 540px) { 36 | .sweet-alert { 37 | width: auto; 38 | margin-left: 0; 39 | margin-right: 0; 40 | left: 15px; 41 | right: 15px; 42 | } 43 | } 44 | .sweet-alert h2 { 45 | color: #575757; 46 | font-size: 30px; 47 | text-align: center; 48 | font-weight: 600; 49 | text-transform: none; 50 | position: relative; 51 | margin: 25px 0; 52 | padding: 0; 53 | line-height: 40px; 54 | display: block; 55 | } 56 | .sweet-alert p { 57 | color: #797979; 58 | font-size: 16px; 59 | text-align: center; 60 | font-weight: 300; 61 | position: relative; 62 | text-align: inherit; 63 | float: none; 64 | margin: 0; 65 | padding: 0; 66 | line-height: normal; 67 | } 68 | .sweet-alert fieldset { 69 | border: none; 70 | position: relative; 71 | } 72 | .sweet-alert .sa-error-container { 73 | background-color: #f1f1f1; 74 | margin-left: -17px; 75 | margin-right: -17px; 76 | overflow: hidden; 77 | padding: 0 10px; 78 | max-height: 0; 79 | webkit-transition: padding 0.15s, max-height 0.15s; 80 | transition: padding 0.15s, max-height 0.15s; 81 | } 82 | .sweet-alert .sa-error-container.show { 83 | padding: 10px 0; 84 | max-height: 100px; 85 | webkit-transition: padding 0.2s, max-height 0.2s; 86 | transition: padding 0.25s, max-height 0.25s; 87 | } 88 | .sweet-alert .sa-error-container .icon { 89 | display: inline-block; 90 | width: 24px; 91 | height: 24px; 92 | border-radius: 50%; 93 | background-color: #ea7d7d; 94 | color: white; 95 | line-height: 24px; 96 | text-align: center; 97 | margin-right: 3px; 98 | } 99 | .sweet-alert .sa-error-container p { 100 | display: inline-block; 101 | } 102 | .sweet-alert .sa-input-error { 103 | position: absolute; 104 | top: 29px; 105 | right: 26px; 106 | width: 20px; 107 | height: 20px; 108 | opacity: 0; 109 | -webkit-transform: scale(0.5); 110 | transform: scale(0.5); 111 | -webkit-transform-origin: 50% 50%; 112 | transform-origin: 50% 50%; 113 | -webkit-transition: all 0.1s; 114 | transition: all 0.1s; 115 | } 116 | .sweet-alert .sa-input-error::before, 117 | .sweet-alert .sa-input-error::after { 118 | content: ""; 119 | width: 20px; 120 | height: 6px; 121 | background-color: #f06e57; 122 | border-radius: 3px; 123 | position: absolute; 124 | top: 50%; 125 | margin-top: -4px; 126 | left: 50%; 127 | margin-left: -9px; 128 | } 129 | .sweet-alert .sa-input-error::before { 130 | -webkit-transform: rotate(-45deg); 131 | transform: rotate(-45deg); 132 | } 133 | .sweet-alert .sa-input-error::after { 134 | -webkit-transform: rotate(45deg); 135 | transform: rotate(45deg); 136 | } 137 | .sweet-alert .sa-input-error.show { 138 | opacity: 1; 139 | -webkit-transform: scale(1); 140 | transform: scale(1); 141 | } 142 | .sweet-alert input { 143 | width: 100%; 144 | box-sizing: border-box; 145 | border-radius: 3px; 146 | border: 1px solid #d7d7d7; 147 | height: 43px; 148 | margin-top: 10px; 149 | margin-bottom: 17px; 150 | font-size: 18px; 151 | box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); 152 | padding: 0 12px; 153 | display: none; 154 | -webkit-transition: all 0.3s; 155 | transition: all 0.3s; 156 | } 157 | .sweet-alert input:focus { 158 | outline: none; 159 | box-shadow: 0px 0px 3px #c4e6f5; 160 | border: 1px solid #b4dbed; 161 | } 162 | .sweet-alert input:focus::-moz-placeholder { 163 | transition: opacity 0.3s 0.03s ease; 164 | opacity: 0.5; 165 | } 166 | .sweet-alert input:focus:-ms-input-placeholder { 167 | transition: opacity 0.3s 0.03s ease; 168 | opacity: 0.5; 169 | } 170 | .sweet-alert input:focus::-webkit-input-placeholder { 171 | transition: opacity 0.3s 0.03s ease; 172 | opacity: 0.5; 173 | } 174 | .sweet-alert input::-moz-placeholder { 175 | color: #bdbdbd; 176 | } 177 | .sweet-alert input:-ms-input-placeholder { 178 | color: #bdbdbd; 179 | } 180 | .sweet-alert input::-webkit-input-placeholder { 181 | color: #bdbdbd; 182 | } 183 | .sweet-alert.show-input input { 184 | display: block; 185 | } 186 | .sweet-alert .sa-confirm-button-container { 187 | display: inline-block; 188 | position: relative; 189 | } 190 | .sweet-alert .la-ball-fall { 191 | position: absolute; 192 | left: 50%; 193 | top: 50%; 194 | margin-left: -27px; 195 | margin-top: 4px; 196 | opacity: 0; 197 | visibility: hidden; 198 | } 199 | .sweet-alert button { 200 | background-color: #8CD4F5; 201 | color: white; 202 | border: none; 203 | box-shadow: none; 204 | font-size: 17px; 205 | font-weight: 500; 206 | -webkit-border-radius: 4px; 207 | border-radius: 5px; 208 | padding: 10px 32px; 209 | margin: 26px 5px 0 5px; 210 | cursor: pointer; 211 | } 212 | .sweet-alert button:focus { 213 | outline: none; 214 | box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); 215 | } 216 | .sweet-alert button:hover { 217 | background-color: #7ecff4; 218 | } 219 | .sweet-alert button:active { 220 | background-color: #5dc2f1; 221 | } 222 | .sweet-alert button.cancel { 223 | background-color: #C1C1C1; 224 | } 225 | .sweet-alert button.cancel:hover { 226 | background-color: #b9b9b9; 227 | } 228 | .sweet-alert button.cancel:active { 229 | background-color: #a8a8a8; 230 | } 231 | .sweet-alert button.cancel:focus { 232 | box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; 233 | } 234 | .sweet-alert button[disabled] { 235 | opacity: .6; 236 | cursor: default; 237 | } 238 | .sweet-alert button.confirm[disabled] { 239 | color: transparent; 240 | } 241 | .sweet-alert button.confirm[disabled] ~ .la-ball-fall { 242 | opacity: 1; 243 | visibility: visible; 244 | transition-delay: 0s; 245 | } 246 | .sweet-alert button::-moz-focus-inner { 247 | border: 0; 248 | } 249 | .sweet-alert[data-has-cancel-button=false] button { 250 | box-shadow: none !important; 251 | } 252 | .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { 253 | padding-bottom: 40px; 254 | } 255 | .sweet-alert .sa-icon { 256 | width: 80px; 257 | height: 80px; 258 | border: 4px solid gray; 259 | -webkit-border-radius: 40px; 260 | border-radius: 40px; 261 | border-radius: 50%; 262 | margin: 20px auto; 263 | padding: 0; 264 | position: relative; 265 | box-sizing: content-box; 266 | } 267 | .sweet-alert .sa-icon.sa-error { 268 | border-color: #F27474; 269 | } 270 | .sweet-alert .sa-icon.sa-error .sa-x-mark { 271 | position: relative; 272 | display: block; 273 | } 274 | .sweet-alert .sa-icon.sa-error .sa-line { 275 | position: absolute; 276 | height: 5px; 277 | width: 47px; 278 | background-color: #F27474; 279 | display: block; 280 | top: 37px; 281 | border-radius: 2px; 282 | } 283 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { 284 | -webkit-transform: rotate(45deg); 285 | transform: rotate(45deg); 286 | left: 17px; 287 | } 288 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { 289 | -webkit-transform: rotate(-45deg); 290 | transform: rotate(-45deg); 291 | right: 16px; 292 | } 293 | .sweet-alert .sa-icon.sa-warning { 294 | border-color: #F8BB86; 295 | } 296 | .sweet-alert .sa-icon.sa-warning .sa-body { 297 | position: absolute; 298 | width: 5px; 299 | height: 47px; 300 | left: 50%; 301 | top: 10px; 302 | -webkit-border-radius: 2px; 303 | border-radius: 2px; 304 | margin-left: -2px; 305 | background-color: #F8BB86; 306 | } 307 | .sweet-alert .sa-icon.sa-warning .sa-dot { 308 | position: absolute; 309 | width: 7px; 310 | height: 7px; 311 | -webkit-border-radius: 50%; 312 | border-radius: 50%; 313 | margin-left: -3px; 314 | left: 50%; 315 | bottom: 10px; 316 | background-color: #F8BB86; 317 | } 318 | .sweet-alert .sa-icon.sa-info { 319 | border-color: #C9DAE1; 320 | } 321 | .sweet-alert .sa-icon.sa-info::before { 322 | content: ""; 323 | position: absolute; 324 | width: 5px; 325 | height: 29px; 326 | left: 50%; 327 | bottom: 17px; 328 | border-radius: 2px; 329 | margin-left: -2px; 330 | background-color: #C9DAE1; 331 | } 332 | .sweet-alert .sa-icon.sa-info::after { 333 | content: ""; 334 | position: absolute; 335 | width: 7px; 336 | height: 7px; 337 | border-radius: 50%; 338 | margin-left: -3px; 339 | top: 19px; 340 | background-color: #C9DAE1; 341 | } 342 | .sweet-alert .sa-icon.sa-success { 343 | border-color: #A5DC86; 344 | } 345 | .sweet-alert .sa-icon.sa-success::before, 346 | .sweet-alert .sa-icon.sa-success::after { 347 | content: ''; 348 | -webkit-border-radius: 40px; 349 | border-radius: 40px; 350 | border-radius: 50%; 351 | position: absolute; 352 | width: 60px; 353 | height: 120px; 354 | background: white; 355 | -webkit-transform: rotate(45deg); 356 | transform: rotate(45deg); 357 | } 358 | .sweet-alert .sa-icon.sa-success::before { 359 | -webkit-border-radius: 120px 0 0 120px; 360 | border-radius: 120px 0 0 120px; 361 | top: -7px; 362 | left: -33px; 363 | -webkit-transform: rotate(-45deg); 364 | transform: rotate(-45deg); 365 | -webkit-transform-origin: 60px 60px; 366 | transform-origin: 60px 60px; 367 | } 368 | .sweet-alert .sa-icon.sa-success::after { 369 | -webkit-border-radius: 0 120px 120px 0; 370 | border-radius: 0 120px 120px 0; 371 | top: -11px; 372 | left: 30px; 373 | -webkit-transform: rotate(-45deg); 374 | transform: rotate(-45deg); 375 | -webkit-transform-origin: 0px 60px; 376 | transform-origin: 0px 60px; 377 | } 378 | .sweet-alert .sa-icon.sa-success .sa-placeholder { 379 | width: 80px; 380 | height: 80px; 381 | border: 4px solid rgba(165, 220, 134, 0.2); 382 | -webkit-border-radius: 40px; 383 | border-radius: 40px; 384 | border-radius: 50%; 385 | box-sizing: content-box; 386 | position: absolute; 387 | left: -4px; 388 | top: -4px; 389 | z-index: 2; 390 | } 391 | .sweet-alert .sa-icon.sa-success .sa-fix { 392 | width: 5px; 393 | height: 90px; 394 | background-color: white; 395 | position: absolute; 396 | left: 28px; 397 | top: 8px; 398 | z-index: 1; 399 | -webkit-transform: rotate(-45deg); 400 | transform: rotate(-45deg); 401 | } 402 | .sweet-alert .sa-icon.sa-success .sa-line { 403 | height: 5px; 404 | background-color: #A5DC86; 405 | display: block; 406 | border-radius: 2px; 407 | position: absolute; 408 | z-index: 2; 409 | } 410 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { 411 | width: 25px; 412 | left: 14px; 413 | top: 46px; 414 | -webkit-transform: rotate(45deg); 415 | transform: rotate(45deg); 416 | } 417 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { 418 | width: 47px; 419 | right: 8px; 420 | top: 38px; 421 | -webkit-transform: rotate(-45deg); 422 | transform: rotate(-45deg); 423 | } 424 | .sweet-alert .sa-icon.sa-custom { 425 | background-size: contain; 426 | border-radius: 0; 427 | border: none; 428 | background-position: center center; 429 | background-repeat: no-repeat; 430 | } 431 | /* 432 | * Animations 433 | */ 434 | @-webkit-keyframes showSweetAlert { 435 | 0% { 436 | transform: scale(0.7); 437 | -webkit-transform: scale(0.7); 438 | } 439 | 45% { 440 | transform: scale(1.05); 441 | -webkit-transform: scale(1.05); 442 | } 443 | 80% { 444 | transform: scale(0.95); 445 | -webkit-transform: scale(0.95); 446 | } 447 | 100% { 448 | transform: scale(1); 449 | -webkit-transform: scale(1); 450 | } 451 | } 452 | @keyframes showSweetAlert { 453 | 0% { 454 | transform: scale(0.7); 455 | -webkit-transform: scale(0.7); 456 | } 457 | 45% { 458 | transform: scale(1.05); 459 | -webkit-transform: scale(1.05); 460 | } 461 | 80% { 462 | transform: scale(0.95); 463 | -webkit-transform: scale(0.95); 464 | } 465 | 100% { 466 | transform: scale(1); 467 | -webkit-transform: scale(1); 468 | } 469 | } 470 | @-webkit-keyframes hideSweetAlert { 471 | 0% { 472 | transform: scale(1); 473 | -webkit-transform: scale(1); 474 | } 475 | 100% { 476 | transform: scale(0.5); 477 | -webkit-transform: scale(0.5); 478 | } 479 | } 480 | @keyframes hideSweetAlert { 481 | 0% { 482 | transform: scale(1); 483 | -webkit-transform: scale(1); 484 | } 485 | 100% { 486 | transform: scale(0.5); 487 | -webkit-transform: scale(0.5); 488 | } 489 | } 490 | @-webkit-keyframes slideFromTop { 491 | 0% { 492 | top: 0%; 493 | } 494 | 100% { 495 | top: 50%; 496 | } 497 | } 498 | @keyframes slideFromTop { 499 | 0% { 500 | top: 0%; 501 | } 502 | 100% { 503 | top: 50%; 504 | } 505 | } 506 | @-webkit-keyframes slideToTop { 507 | 0% { 508 | top: 50%; 509 | } 510 | 100% { 511 | top: 0%; 512 | } 513 | } 514 | @keyframes slideToTop { 515 | 0% { 516 | top: 50%; 517 | } 518 | 100% { 519 | top: 0%; 520 | } 521 | } 522 | @-webkit-keyframes slideFromBottom { 523 | 0% { 524 | top: 70%; 525 | } 526 | 100% { 527 | top: 50%; 528 | } 529 | } 530 | @keyframes slideFromBottom { 531 | 0% { 532 | top: 70%; 533 | } 534 | 100% { 535 | top: 50%; 536 | } 537 | } 538 | @-webkit-keyframes slideToBottom { 539 | 0% { 540 | top: 50%; 541 | } 542 | 100% { 543 | top: 70%; 544 | } 545 | } 546 | @keyframes slideToBottom { 547 | 0% { 548 | top: 50%; 549 | } 550 | 100% { 551 | top: 70%; 552 | } 553 | } 554 | .showSweetAlert[data-animation=pop] { 555 | -webkit-animation: showSweetAlert 0.3s; 556 | animation: showSweetAlert 0.3s; 557 | } 558 | .showSweetAlert[data-animation=none] { 559 | -webkit-animation: none; 560 | animation: none; 561 | } 562 | .showSweetAlert[data-animation=slide-from-top] { 563 | -webkit-animation: slideFromTop 0.3s; 564 | animation: slideFromTop 0.3s; 565 | } 566 | .showSweetAlert[data-animation=slide-from-bottom] { 567 | -webkit-animation: slideFromBottom 0.3s; 568 | animation: slideFromBottom 0.3s; 569 | } 570 | .hideSweetAlert[data-animation=pop] { 571 | -webkit-animation: hideSweetAlert 0.2s; 572 | animation: hideSweetAlert 0.2s; 573 | } 574 | .hideSweetAlert[data-animation=none] { 575 | -webkit-animation: none; 576 | animation: none; 577 | } 578 | .hideSweetAlert[data-animation=slide-from-top] { 579 | -webkit-animation: slideToTop 0.4s; 580 | animation: slideToTop 0.4s; 581 | } 582 | .hideSweetAlert[data-animation=slide-from-bottom] { 583 | -webkit-animation: slideToBottom 0.3s; 584 | animation: slideToBottom 0.3s; 585 | } 586 | @-webkit-keyframes animateSuccessTip { 587 | 0% { 588 | width: 0; 589 | left: 1px; 590 | top: 19px; 591 | } 592 | 54% { 593 | width: 0; 594 | left: 1px; 595 | top: 19px; 596 | } 597 | 70% { 598 | width: 50px; 599 | left: -8px; 600 | top: 37px; 601 | } 602 | 84% { 603 | width: 17px; 604 | left: 21px; 605 | top: 48px; 606 | } 607 | 100% { 608 | width: 25px; 609 | left: 14px; 610 | top: 45px; 611 | } 612 | } 613 | @keyframes animateSuccessTip { 614 | 0% { 615 | width: 0; 616 | left: 1px; 617 | top: 19px; 618 | } 619 | 54% { 620 | width: 0; 621 | left: 1px; 622 | top: 19px; 623 | } 624 | 70% { 625 | width: 50px; 626 | left: -8px; 627 | top: 37px; 628 | } 629 | 84% { 630 | width: 17px; 631 | left: 21px; 632 | top: 48px; 633 | } 634 | 100% { 635 | width: 25px; 636 | left: 14px; 637 | top: 45px; 638 | } 639 | } 640 | @-webkit-keyframes animateSuccessLong { 641 | 0% { 642 | width: 0; 643 | right: 46px; 644 | top: 54px; 645 | } 646 | 65% { 647 | width: 0; 648 | right: 46px; 649 | top: 54px; 650 | } 651 | 84% { 652 | width: 55px; 653 | right: 0px; 654 | top: 35px; 655 | } 656 | 100% { 657 | width: 47px; 658 | right: 8px; 659 | top: 38px; 660 | } 661 | } 662 | @keyframes animateSuccessLong { 663 | 0% { 664 | width: 0; 665 | right: 46px; 666 | top: 54px; 667 | } 668 | 65% { 669 | width: 0; 670 | right: 46px; 671 | top: 54px; 672 | } 673 | 84% { 674 | width: 55px; 675 | right: 0px; 676 | top: 35px; 677 | } 678 | 100% { 679 | width: 47px; 680 | right: 8px; 681 | top: 38px; 682 | } 683 | } 684 | @-webkit-keyframes rotatePlaceholder { 685 | 0% { 686 | transform: rotate(-45deg); 687 | -webkit-transform: rotate(-45deg); 688 | } 689 | 5% { 690 | transform: rotate(-45deg); 691 | -webkit-transform: rotate(-45deg); 692 | } 693 | 12% { 694 | transform: rotate(-405deg); 695 | -webkit-transform: rotate(-405deg); 696 | } 697 | 100% { 698 | transform: rotate(-405deg); 699 | -webkit-transform: rotate(-405deg); 700 | } 701 | } 702 | @keyframes rotatePlaceholder { 703 | 0% { 704 | transform: rotate(-45deg); 705 | -webkit-transform: rotate(-45deg); 706 | } 707 | 5% { 708 | transform: rotate(-45deg); 709 | -webkit-transform: rotate(-45deg); 710 | } 711 | 12% { 712 | transform: rotate(-405deg); 713 | -webkit-transform: rotate(-405deg); 714 | } 715 | 100% { 716 | transform: rotate(-405deg); 717 | -webkit-transform: rotate(-405deg); 718 | } 719 | } 720 | .animateSuccessTip { 721 | -webkit-animation: animateSuccessTip 0.75s; 722 | animation: animateSuccessTip 0.75s; 723 | } 724 | .animateSuccessLong { 725 | -webkit-animation: animateSuccessLong 0.75s; 726 | animation: animateSuccessLong 0.75s; 727 | } 728 | .sa-icon.sa-success.animate::after { 729 | -webkit-animation: rotatePlaceholder 4.25s ease-in; 730 | animation: rotatePlaceholder 4.25s ease-in; 731 | } 732 | @-webkit-keyframes animateErrorIcon { 733 | 0% { 734 | transform: rotateX(100deg); 735 | -webkit-transform: rotateX(100deg); 736 | opacity: 0; 737 | } 738 | 100% { 739 | transform: rotateX(0deg); 740 | -webkit-transform: rotateX(0deg); 741 | opacity: 1; 742 | } 743 | } 744 | @keyframes animateErrorIcon { 745 | 0% { 746 | transform: rotateX(100deg); 747 | -webkit-transform: rotateX(100deg); 748 | opacity: 0; 749 | } 750 | 100% { 751 | transform: rotateX(0deg); 752 | -webkit-transform: rotateX(0deg); 753 | opacity: 1; 754 | } 755 | } 756 | .animateErrorIcon { 757 | -webkit-animation: animateErrorIcon 0.5s; 758 | animation: animateErrorIcon 0.5s; 759 | } 760 | @-webkit-keyframes animateXMark { 761 | 0% { 762 | transform: scale(0.4); 763 | -webkit-transform: scale(0.4); 764 | margin-top: 26px; 765 | opacity: 0; 766 | } 767 | 50% { 768 | transform: scale(0.4); 769 | -webkit-transform: scale(0.4); 770 | margin-top: 26px; 771 | opacity: 0; 772 | } 773 | 80% { 774 | transform: scale(1.15); 775 | -webkit-transform: scale(1.15); 776 | margin-top: -6px; 777 | } 778 | 100% { 779 | transform: scale(1); 780 | -webkit-transform: scale(1); 781 | margin-top: 0; 782 | opacity: 1; 783 | } 784 | } 785 | @keyframes animateXMark { 786 | 0% { 787 | transform: scale(0.4); 788 | -webkit-transform: scale(0.4); 789 | margin-top: 26px; 790 | opacity: 0; 791 | } 792 | 50% { 793 | transform: scale(0.4); 794 | -webkit-transform: scale(0.4); 795 | margin-top: 26px; 796 | opacity: 0; 797 | } 798 | 80% { 799 | transform: scale(1.15); 800 | -webkit-transform: scale(1.15); 801 | margin-top: -6px; 802 | } 803 | 100% { 804 | transform: scale(1); 805 | -webkit-transform: scale(1); 806 | margin-top: 0; 807 | opacity: 1; 808 | } 809 | } 810 | .animateXMark { 811 | -webkit-animation: animateXMark 0.5s; 812 | animation: animateXMark 0.5s; 813 | } 814 | @-webkit-keyframes pulseWarning { 815 | 0% { 816 | border-color: #F8D486; 817 | } 818 | 100% { 819 | border-color: #F8BB86; 820 | } 821 | } 822 | @keyframes pulseWarning { 823 | 0% { 824 | border-color: #F8D486; 825 | } 826 | 100% { 827 | border-color: #F8BB86; 828 | } 829 | } 830 | .pulseWarning { 831 | -webkit-animation: pulseWarning 0.75s infinite alternate; 832 | animation: pulseWarning 0.75s infinite alternate; 833 | } 834 | @-webkit-keyframes pulseWarningIns { 835 | 0% { 836 | background-color: #F8D486; 837 | } 838 | 100% { 839 | background-color: #F8BB86; 840 | } 841 | } 842 | @keyframes pulseWarningIns { 843 | 0% { 844 | background-color: #F8D486; 845 | } 846 | 100% { 847 | background-color: #F8BB86; 848 | } 849 | } 850 | .pulseWarningIns { 851 | -webkit-animation: pulseWarningIns 0.75s infinite alternate; 852 | animation: pulseWarningIns 0.75s infinite alternate; 853 | } 854 | @-webkit-keyframes rotate-loading { 855 | 0% { 856 | transform: rotate(0deg); 857 | } 858 | 100% { 859 | transform: rotate(360deg); 860 | } 861 | } 862 | @keyframes rotate-loading { 863 | 0% { 864 | transform: rotate(0deg); 865 | } 866 | 100% { 867 | transform: rotate(360deg); 868 | } 869 | } 870 | /* Internet Explorer 9 has some special quirks that are fixed here */ 871 | /* The icons are not animated. */ 872 | /* This file is automatically merged into sweet-alert.min.js through Gulp */ 873 | /* Error icon */ 874 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { 875 | -ms-transform: rotate(45deg) \9; 876 | } 877 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { 878 | -ms-transform: rotate(-45deg) \9; 879 | } 880 | /* Success icon */ 881 | .sweet-alert .sa-icon.sa-success { 882 | border-color: transparent\9; 883 | } 884 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { 885 | -ms-transform: rotate(45deg) \9; 886 | } 887 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { 888 | -ms-transform: rotate(-45deg) \9; 889 | } 890 | /*! 891 | * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) 892 | * Copyright 2015 Daniel Cardoso <@DanielCardoso> 893 | * Licensed under MIT 894 | */ 895 | .la-ball-fall, 896 | .la-ball-fall > div { 897 | position: relative; 898 | -webkit-box-sizing: border-box; 899 | -moz-box-sizing: border-box; 900 | box-sizing: border-box; 901 | } 902 | .la-ball-fall { 903 | display: block; 904 | font-size: 0; 905 | color: #fff; 906 | } 907 | .la-ball-fall.la-dark { 908 | color: #333; 909 | } 910 | .la-ball-fall > div { 911 | display: inline-block; 912 | float: none; 913 | background-color: currentColor; 914 | border: 0 solid currentColor; 915 | } 916 | .la-ball-fall { 917 | width: 54px; 918 | height: 18px; 919 | } 920 | .la-ball-fall > div { 921 | width: 10px; 922 | height: 10px; 923 | margin: 4px; 924 | border-radius: 100%; 925 | opacity: 0; 926 | -webkit-animation: ball-fall 1s ease-in-out infinite; 927 | -moz-animation: ball-fall 1s ease-in-out infinite; 928 | -o-animation: ball-fall 1s ease-in-out infinite; 929 | animation: ball-fall 1s ease-in-out infinite; 930 | } 931 | .la-ball-fall > div:nth-child(1) { 932 | -webkit-animation-delay: -200ms; 933 | -moz-animation-delay: -200ms; 934 | -o-animation-delay: -200ms; 935 | animation-delay: -200ms; 936 | } 937 | .la-ball-fall > div:nth-child(2) { 938 | -webkit-animation-delay: -100ms; 939 | -moz-animation-delay: -100ms; 940 | -o-animation-delay: -100ms; 941 | animation-delay: -100ms; 942 | } 943 | .la-ball-fall > div:nth-child(3) { 944 | -webkit-animation-delay: 0ms; 945 | -moz-animation-delay: 0ms; 946 | -o-animation-delay: 0ms; 947 | animation-delay: 0ms; 948 | } 949 | .la-ball-fall.la-sm { 950 | width: 26px; 951 | height: 8px; 952 | } 953 | .la-ball-fall.la-sm > div { 954 | width: 4px; 955 | height: 4px; 956 | margin: 2px; 957 | } 958 | .la-ball-fall.la-2x { 959 | width: 108px; 960 | height: 36px; 961 | } 962 | .la-ball-fall.la-2x > div { 963 | width: 20px; 964 | height: 20px; 965 | margin: 8px; 966 | } 967 | .la-ball-fall.la-3x { 968 | width: 162px; 969 | height: 54px; 970 | } 971 | .la-ball-fall.la-3x > div { 972 | width: 30px; 973 | height: 30px; 974 | margin: 12px; 975 | } 976 | /* 977 | * Animation 978 | */ 979 | @-webkit-keyframes ball-fall { 980 | 0% { 981 | opacity: 0; 982 | -webkit-transform: translateY(-145%); 983 | transform: translateY(-145%); 984 | } 985 | 10% { 986 | opacity: .5; 987 | } 988 | 20% { 989 | opacity: 1; 990 | -webkit-transform: translateY(0); 991 | transform: translateY(0); 992 | } 993 | 80% { 994 | opacity: 1; 995 | -webkit-transform: translateY(0); 996 | transform: translateY(0); 997 | } 998 | 90% { 999 | opacity: .5; 1000 | } 1001 | 100% { 1002 | opacity: 0; 1003 | -webkit-transform: translateY(145%); 1004 | transform: translateY(145%); 1005 | } 1006 | } 1007 | @-moz-keyframes ball-fall { 1008 | 0% { 1009 | opacity: 0; 1010 | -moz-transform: translateY(-145%); 1011 | transform: translateY(-145%); 1012 | } 1013 | 10% { 1014 | opacity: .5; 1015 | } 1016 | 20% { 1017 | opacity: 1; 1018 | -moz-transform: translateY(0); 1019 | transform: translateY(0); 1020 | } 1021 | 80% { 1022 | opacity: 1; 1023 | -moz-transform: translateY(0); 1024 | transform: translateY(0); 1025 | } 1026 | 90% { 1027 | opacity: .5; 1028 | } 1029 | 100% { 1030 | opacity: 0; 1031 | -moz-transform: translateY(145%); 1032 | transform: translateY(145%); 1033 | } 1034 | } 1035 | @-o-keyframes ball-fall { 1036 | 0% { 1037 | opacity: 0; 1038 | -o-transform: translateY(-145%); 1039 | transform: translateY(-145%); 1040 | } 1041 | 10% { 1042 | opacity: .5; 1043 | } 1044 | 20% { 1045 | opacity: 1; 1046 | -o-transform: translateY(0); 1047 | transform: translateY(0); 1048 | } 1049 | 80% { 1050 | opacity: 1; 1051 | -o-transform: translateY(0); 1052 | transform: translateY(0); 1053 | } 1054 | 90% { 1055 | opacity: .5; 1056 | } 1057 | 100% { 1058 | opacity: 0; 1059 | -o-transform: translateY(145%); 1060 | transform: translateY(145%); 1061 | } 1062 | } 1063 | @keyframes ball-fall { 1064 | 0% { 1065 | opacity: 0; 1066 | -webkit-transform: translateY(-145%); 1067 | -moz-transform: translateY(-145%); 1068 | -o-transform: translateY(-145%); 1069 | transform: translateY(-145%); 1070 | } 1071 | 10% { 1072 | opacity: .5; 1073 | } 1074 | 20% { 1075 | opacity: 1; 1076 | -webkit-transform: translateY(0); 1077 | -moz-transform: translateY(0); 1078 | -o-transform: translateY(0); 1079 | transform: translateY(0); 1080 | } 1081 | 80% { 1082 | opacity: 1; 1083 | -webkit-transform: translateY(0); 1084 | -moz-transform: translateY(0); 1085 | -o-transform: translateY(0); 1086 | transform: translateY(0); 1087 | } 1088 | 90% { 1089 | opacity: .5; 1090 | } 1091 | 100% { 1092 | opacity: 0; 1093 | -webkit-transform: translateY(145%); 1094 | -moz-transform: translateY(145%); 1095 | -o-transform: translateY(145%); 1096 | transform: translateY(145%); 1097 | } 1098 | } -------------------------------------------------------------------------------- /client/img/error.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xAzz/UI-Client/e4f8c05dc428d7bf9f8c5f7ba181c71f8eaadf34/client/img/error.png -------------------------------------------------------------------------------- /client/img/jquery.minicolors.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xAzz/UI-Client/e4f8c05dc428d7bf9f8c5f7ba181c71f8eaadf34/client/img/jquery.minicolors.png -------------------------------------------------------------------------------- /client/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | UI.io 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 42 |
43 |
44 |
45 | 48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 | 61 |
62 |
63 |
64 |
65 | 71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 | 83 |
84 |
85 | 86 |
87 | 88 |
89 | 90 | 91 |
92 |
93 |
94 | Zoom Speed: 0.7 95 |
96 |
97 | 98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 | Nick Size: 0.9 108 | 109 | Mass Size: 0.9 110 | 111 | Locations Size: 0.6 112 | 113 | Hats Opacity: 0.85 114 | 115 | Animation Delay: 200 116 | 117 |
118 |
119 |
120 |
121 | 122 | 123 |
124 |
125 | 126 | 127 |
128 |
129 | 130 | 131 |
132 |
133 | 134 | 135 |
136 |
137 | 138 | 139 |
140 |
141 | 142 | 143 |
144 |
145 | 146 | 147 |
148 |
149 | 150 | 151 |
152 |
153 | 154 | 155 |
156 |
157 | 158 | 159 |
160 |
161 | 162 | 163 |
164 |
165 | 166 | 167 |
168 |
169 | 170 | 171 |
172 |
173 | 174 |
175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 |
188 |
189 |
...
190 |
191 |
192 |
193 |
194 |
195 |
196 | 199 |
200 |
201 | 202 | 203 |
204 |
205 | 206 | 207 |
208 |
209 | 210 | 211 |
212 |
213 | 214 | 215 |
216 |
217 | 218 | 219 |
220 |
221 |
222 | 223 | 224 |
225 |
226 | 227 | 228 |
229 |
230 | 231 | 232 |
233 |
234 | 235 | 236 |
237 |
238 | 239 | 240 |
241 |
242 |
243 | 244 | 245 |
246 |
247 | 248 | 249 |
250 |
251 | 252 | 253 |
254 |
255 |
256 |
257 |
258 |
259 |
260 | 261 |
262 |
263 | 264 |
265 |
266 |
Leaderboard
267 |
268 |
269 |
270 |
271 |
272 | 273 |
274 |
275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 316 | 317 | 318 | -------------------------------------------------------------------------------- /client/js/cookies.js: -------------------------------------------------------------------------------- 1 | window.addEventListener("load", function() { 2 | window.cookieconsent.initialise({ 3 | "palette": { 4 | "popup": { 5 | "background": "#009688", 6 | "text": "#ffffff" 7 | }, 8 | "button": { 9 | "background": "#00877a" 10 | } 11 | }, 12 | "theme": "edgeless", 13 | "position": "bottom", 14 | "content": { 15 | "message": "This website uses cookies to ensure you get the best experience on UI.io.", 16 | "dismiss": "ACCEPT", 17 | "link": "Read more" 18 | } 19 | }) 20 | }); -------------------------------------------------------------------------------- /client/js/hats.js: -------------------------------------------------------------------------------- 1 | window.onload = function() { 2 | setAllHats(); 3 | }; 4 | 5 | var hatsURL = { 6 | "crown": "http://i.imgur.com/fx0KFMS.png", // Crown 7 | "irish": "http://i.imgur.com/5kTy39Y.png", // Irish 8 | "penguin": "http://i.imgur.com/L0dCOQb.png", // Penguin 9 | "yt": "http://i.imgur.com/nNUCSh2.png", // YouTube 10 | "troll": "http://i.imgur.com/xZiAA18.png", // Troll 11 | "santa": "http://i.imgur.com/lw85cSt.png", // Santa 12 | "pika": "http://i.imgur.com/8qgs5zI.png", // Pikachu 13 | "vintage": "https://i.imgur.com/3dSkHkx.png", // Vintage 14 | "wizard": "https://i.imgur.com/QCCBfqH.png", // Wizard 15 | "trex": "https://i.imgur.com/fmos4Vy.png", // T-Rex 16 | "kk": "https://i.imgur.com/Qat1KKA.png", // KK 17 | "kk2": "https://i.imgur.com/miRxB9s.png" // Rainbow KK 18 | }; 19 | 20 | var hatsImages = { 21 | "crown": null, 22 | "irish": null, 23 | "penguin": null, 24 | "yt": null, 25 | "troll": null, 26 | "santa": null, 27 | "pika": null, 28 | "vintage": null, 29 | "wizard": null, 30 | "trex": null, 31 | "kk": null, 32 | "kk2": null 33 | }; 34 | 35 | for(var property in hatsImages) { 36 | if(hatsImages.hasOwnProperty(property)) { 37 | hatsImages[property] = new Image(); 38 | hatsImages[property].src = hatsURL[property]; 39 | } 40 | } 41 | 42 | function setAllHats() { 43 | var orderHats = [ 44 | ["$crown", "Crown", "http://i.imgur.com/fx0KFMS.png"], 45 | ["$troll", "Troll", "http://i.imgur.com/xZiAA18.png"], 46 | ["$vintage", "Vintage", "http://i.imgur.com/3dSkHkx.png"], 47 | ["$trex", "T-REX", "http://i.imgur.com/fmos4Vy.png"], 48 | ["$kk", "KK", "http://i.imgur.com/Qat1KKA.png"], 49 | ["$kk2", "Rainbow KK", "http://i.imgur.com/miRxB9s.png"], 50 | ["$wizard", "Wizard", "http://i.imgur.com/QCCBfqH.png"], 51 | ["$irish", "Irish", "http://i.imgur.com/5kTy39Y.png"], 52 | ["$penguin", "Penguin", "http://i.imgur.com/L0dCOQb.png"], 53 | ["$yt", "YouTube", "http://i.imgur.com/nNUCSh2.png"], 54 | ["$santa", "Santa", "http://i.imgur.com/lw85cSt.png"], 55 | ["$pika", "Pikachu", "http://i.imgur.com/8qgs5zI.png"] 56 | ]; 57 | for (var i = 0; i < orderHats.length; ++i) { 58 | var hatCode = orderHats[i][0], 59 | hatName = orderHats[i][1], 60 | hatImage = orderHats[i][2]; 61 | $(".loadHats").remove(); 62 | $("#hats-container").append('

' + hatName + '

'); 63 | $(".input-hats").val(getLocalStorage("hat_selected")); 64 | } 65 | } 66 | 67 | function setInputHat(code) { 68 | var nickname = $("#nick"); 69 | nickname.val(nickname.val() + code); 70 | setLocalStorage("nick", $("#nick").val()); 71 | } 72 | 73 | function hatSelected(name) { 74 | $(".input-hats").val(name); 75 | setLocalStorage("hat_selected", $(".input-hats").val()); 76 | } -------------------------------------------------------------------------------- /client/js/jquery.toast.min.js: -------------------------------------------------------------------------------- 1 | "function"!=typeof Object.create&&(Object.create=function(a){function b(){}return b.prototype=a,new b}),function(a,b){"use strict";var e={_positionClasses:["bottom-left","bottom-right","top-right","top-left","bottom-center","top-center","mid-center"],_defaultIcons:["success","error","info","warning"],init:function(b){this.prepareOptions(b,a.toast.options),this.process()},prepareOptions:function(b,c){var d={};"string"==typeof b||b instanceof Array?d.text=b:d=b,this.options=a.extend({},c,d)},process:function(){this.setup(),this.addToDom(),this.position(),this.bindToast(),this.animate()},setup:function(){var b="";if(this._toastEl=this._toastEl||a("
",{"class":"jq-toast-single"}),this.options.allowToastClose&&(b+='×'),this.options.text instanceof Array){this.options.heading&&(b+='

'+this.options.heading+"

"),b+='"}else this.options.heading&&(b+='

'+this.options.heading+"

"),b+=this.options.text;this._toastEl.html(b),this.options.bgColor!==!1&&this._toastEl.css("background-color",this.options.bgColor),this.options.textColor!==!1&&this._toastEl.css("color",this.options.textColor),this.options.textAlign&&this._toastEl.css("text-align",this.options.textAlign),this.options.icon!==!1&&(this._toastEl.addClass("jq-has-icon"),-1!==a.inArray(this.options.icon,this._defaultIcons)&&this._toastEl.addClass("jq-icon-"+this.options.icon))},position:function(){"string"==typeof this.options.position&&-1!==a.inArray(this.options.position,this._positionClasses)?"bottom-center"===this.options.position?this._container.css({left:a(b).outerWidth()/2-this._container.outerWidth()/2,bottom:20}):"top-center"===this.options.position?this._container.css({left:a(b).outerWidth()/2-this._container.outerWidth()/2,top:20}):"mid-center"===this.options.position?this._container.css({left:a(b).outerWidth()/2-this._container.outerWidth()/2,top:a(b).outerHeight()/2-this._container.outerHeight()/2}):this._container.addClass(this.options.position):"object"==typeof this.options.position?this._container.css({top:this.options.position.top?this.options.position.top:"auto",bottom:this.options.position.bottom?this.options.position.bottom:"auto",left:this.options.position.left?this.options.position.left:"auto",right:this.options.position.right?this.options.position.right:"auto"}):this._container.addClass("bottom-left")},bindToast:function(){var a=this;this._toastEl.find(".close-jq-toast-single").on("click",function(b){b.preventDefault(),"fade"===a.options.showHideTransition?(a._toastEl.trigger("beforeHide"),a._toastEl.fadeOut(function(){a._toastEl.trigger("afterHidden")})):"slide"===a.options.showHideTransition?(a._toastEl.trigger("beforeHide"),a._toastEl.slideUp(function(){a._toastEl.trigger("afterHidden")})):(a._toastEl.trigger("beforeHide"),a._toastEl.hide(function(){a._toastEl.trigger("afterHidden")}))}),"function"==typeof this.options.beforeShow&&this._toastEl.on("beforeShow",function(){a.options.beforeShow()}),"function"==typeof this.options.afterShown&&this._toastEl.on("afterShown",function(){a.options.afterShown()}),"function"==typeof this.options.beforeHide&&this._toastEl.on("beforeHide",function(){a.options.beforeHide()}),"function"==typeof this.options.afterHidden&&this._toastEl.on("afterHidden",function(){a.options.afterHidden()})},addToDom:function(){var b=a(".jq-toast-wrap");if(0===b.length?(b=a("
",{"class":"jq-toast-wrap"}),a("body").append(b)):(!this.options.stack||isNaN(parseInt(this.options.stack,10)))&&b.empty(),b.find(".jq-toast-single:hidden").remove(),b.append(this._toastEl),this.options.stack&&!isNaN(parseInt(this.options.stack),10)){var c=b.find(".jq-toast-single").length,d=c-this.options.stack;d>0&&a(".jq-toast-wrap").find(".jq-toast-single").slice(0,d).remove()}this._container=b},animate:function(){var a=this;if(this._toastEl.hide(),this._toastEl.trigger("beforeShow"),"fade"===this.options.showHideTransition.toLowerCase()?this._toastEl.fadeIn(function(){a._toastEl.trigger("afterShown")}):"slide"===this.options.showHideTransition.toLowerCase()?this._toastEl.slideDown(function(){a._toastEl.trigger("afterShown")}):this._toastEl.show(function(){a._toastEl.trigger("afterShown")}),this.options.hideAfter!==!1&&!isNaN(parseInt(this.options.hideAfter,10))){var a=this;b.setTimeout(function(){"fade"===a.options.showHideTransition.toLowerCase()?(a._toastEl.trigger("beforeHide"),a._toastEl.fadeOut(function(){a._toastEl.trigger("afterHidden")})):"slide"===a.options.showHideTransition.toLowerCase()?(a._toastEl.trigger("beforeHide"),a._toastEl.slideUp(function(){a._toastEl.trigger("afterHidden")})):(a._toastEl.trigger("beforeHide"),a._toastEl.hide(function(){a._toastEl.trigger("afterHidden")}))},this.options.hideAfter)}},reset:function(b){"all"===b?a(".jq-toast-wrap").remove():this._toastEl.remove()},update:function(a){this.prepareOptions(a,this.options),this.setup(),this.bindToast()}};a.toast=function(a){var b=Object.create(e);return b.init(a,this),{reset:function(a){b.reset(a)},update:function(a){b.update(a)}}},a.toast.options={text:"",heading:"",showHideTransition:"fade",allowToastClose:!0,hideAfter:5e3,stack:5,position:"bottom-left",bgColor:!1,textColor:!1,textAlign:"left",icon:!1,beforeShow:function(){},afterShown:function(){},beforeHide:function(){},afterHidden:function(){}}}(jQuery,window,document); -------------------------------------------------------------------------------- /client/js/lbcolors.json: -------------------------------------------------------------------------------- 1 | { 2 | "success": true, 3 | "tagcolors": { 4 | "Username": "#COLOR", 5 | "Username": "#COLOR", 6 | "Username": "#COLOR", 7 | "Username": "#COLOR", 8 | "Username": "#COLOR" // End without ',' 9 | } 10 | } -------------------------------------------------------------------------------- /client/js/main.js: -------------------------------------------------------------------------------- 1 | setTimeout(function() { 2 | $.toast({ 3 | heading: 'SERVER:', 4 | text: 'Welcome to UI Client', 5 | icon: 'success', 6 | showHideTransition: 'slide', 7 | bgColor: 'rgba(10, 10, 10, 0.95)', 8 | allowToastClose: false, 9 | hideAfter: 5000, 10 | stack: 5 11 | }); 12 | }, 2000); 13 | setTimeout(function() { 14 | $.toast({ 15 | heading: 'SERVER:', 16 | text: 'Developed by xAz', 17 | icon: 'success', 18 | showHideTransition: 'slide', 19 | bgColor: 'rgba(10, 10, 10, 0.95)', 20 | allowToastClose: false, 21 | hideAfter: 5000, 22 | stack: 5 23 | }); 24 | }, 2500); 25 | setTimeout(function() { 26 | $.toast({ 27 | heading: 'SERVER:', 28 | text: 'Github: xAzz', 29 | icon: 'success', 30 | showHideTransition: 'slide', 31 | bgColor: 'rgba(10, 10, 10, 0.95)', 32 | allowToastClose: false, 33 | hideAfter: 5000, 34 | stack: 5 35 | }); 36 | }, 3000); 37 | 38 | $("#div_lb > .header").attr("id", "title"); 39 | $("#input_box2").attr("placeholder", "Enter chat message..."); 40 | $("#input_box2").attr("onkeydown", "getText();"); 41 | $('').insertBefore("#chatroom"); 42 | 43 | function toggleUIs() { 44 | $("#div_lb, #minimap, #minimapNode, #localTime").fadeToggle(500); 45 | } 46 | 47 | function getText() { 48 | UIObject = document.getElementById("input_box2"); 49 | if (/\b(?=\w)(controlbots)\b(?!\w)/i.test(UIObject.value)) { 50 | var getName = $("#nick").val(); 51 | $.toast({ 52 | heading: 'SERVER:', 53 | text: 'Hello ' + getName + ", To control your bots press Q and press again for control your self.", 54 | icon: 'success', 55 | showHideTransition: 'slide', 56 | bgColor: 'rgba(10, 10, 10, 0.95)', 57 | allowToastClose: false, 58 | hideAfter: 5000, 59 | stack: 5 60 | }); 61 | UIObject.value = ""; 62 | } 63 | } 64 | 65 | $("#profile-main").prependTo("#home"); 66 | $("#preview-img").attr("src", $("#skin_url").val()); 67 | $("#skin_url").change(function() { 68 | $("#preview-img").attr("src", this.value); 69 | }); 70 | 71 | $(".btn-green").insertBefore(".btn-blue"); 72 | $(".btn-red").insertAfter(".btn-green"); 73 | 74 | UI.getVersion = "V1.2.3"; 75 | $("n2").text("UI.io | " + UI.getVersion); 76 | 77 | $("#theming").prepend('
Panel Opacity: 1.0
'); 78 | 79 | if (localStorage.getItem("panel_opacity") !== null) { 80 | $(".UI-panel, .nav-tabs").css({ 81 | "opacity": localStorage.getItem("panel_opacity") 82 | }); 83 | $("#txt_panel_opacity").text(localStorage.getItem("panel_opacity")); 84 | $("#opt_panel_opacity").val(localStorage.getItem("panel_opacity")); 85 | } 86 | 87 | function setOpacity(panel_opacity) { 88 | $(".UI-panel, .nav-tabs").css({ 89 | "opacity": panel_opacity 90 | }); 91 | localStorage.setItem("panel_opacity", panel_opacity); 92 | } 93 | 94 | ! function(c) { 95 | $(document).ready(function() { 96 | drawColor(); 97 | }); 98 | 99 | var round; 100 | var colors; 101 | round = { 102 | r1: '.round.red', 103 | r2: '.round.mahogany', 104 | r3: '.round.dulllime', 105 | r4: '.round.peru', 106 | r5: '.round.tuftsblue', 107 | r6: '.round.raspberry', 108 | r7: '.round.white', 109 | r8: '.round.aqua', 110 | r9: '.round.lawngreen', 111 | r10: '.round.magenta', 112 | r11: '.round.aztec', 113 | r12: '.round.yellow', 114 | }; 115 | colors = { 116 | r1: '#ff0000', 117 | r2: '#ce4242', 118 | r3: '#42ce42', 119 | r4: '#ce8842', 120 | r5: '#4288ce', 121 | r6: '#d35695', 122 | r7: '#ffffff', 123 | r8: '#18ffff', 124 | r9: '#76ff03', 125 | r10: '#e040fb', 126 | r11: '#893bff', 127 | r12: '#ffff00', 128 | }; 129 | 130 | function drawColor() { 131 | $(round.r1).on("click", function() { 132 | $("#div_lb > .header").css({ 133 | color: colors.r1 134 | }); 135 | }); 136 | $(round.r2).on("click", function() { 137 | $("#div_lb > .header").css({ 138 | color: colors.r2 139 | }); 140 | }); 141 | $(round.r3).on("click", function() { 142 | $("#div_lb > .header").css({ 143 | color: colors.r3 144 | }); 145 | }); 146 | $(round.r4).on("click", function() { 147 | $("#div_lb > .header").css({ 148 | color: colors.r4 149 | }); 150 | }); 151 | $(round.r5).on("click", function() { 152 | $("#div_lb > .header").css({ 153 | color: colors.r5 154 | }); 155 | }); 156 | $(round.r6).on("click", function() { 157 | $("#div_lb > .header").css({ 158 | color: colors.r6 159 | }); 160 | }); 161 | $(round.r7).on("click", function() { 162 | $("#div_lb > .header").css({ 163 | color: colors.r7 164 | }); 165 | }); 166 | $(round.r8).on("click", function() { 167 | $("#div_lb > .header").css({ 168 | color: colors.r8 169 | }); 170 | }); 171 | $(round.r9).on("click", function() { 172 | $("#div_lb > .header").css({ 173 | color: colors.r9 174 | }); 175 | }); 176 | $(round.r10).on("click", function() { 177 | $("#div_lb > .header").css({ 178 | color: colors.r10 179 | }); 180 | }); 181 | $(round.r11).on("click", function() { 182 | $("#div_lb > .header").css({ 183 | color: colors.r11 184 | }); 185 | }); 186 | $(round.r12).on("click", function() { 187 | $("#div_lb > .header").css({ 188 | color: colors.r12 189 | }); 190 | }); 191 | } 192 | }(window.jQuery); 193 | 194 | 195 | var sound = document.getElementById("radio"); 196 | sound.volume = 0.1; 197 | 198 | if (localStorage.getItem("lb_title") !== null) { 199 | $("#div_lb > .header").text(localStorage.getItem("lb_title")); 200 | $("#lb_name").val(localStorage.getItem("lb_title")); 201 | } 202 | 203 | function setTitle(newTitle) { 204 | $("#div_lb > .header").text(newTitle); 205 | localStorage.setItem("lb_title", newTitle); 206 | } 207 | 208 | function connectionError() { 209 | $.toast({ 210 | heading: 'SERVER:', 211 | text: 'Connection Error', 212 | icon: 'success', 213 | showHideTransition: 'slide', 214 | bgColor: 'rgba(10, 10, 10, 0.95)', 215 | allowToastClose: false, 216 | hideAfter: 2500, 217 | stack: 5 218 | }); 219 | } 220 | 221 | function serverRestart() { 222 | $.toast({ 223 | heading: 'SERVER:', 224 | text: 'Server Restarting', 225 | icon: 'success', 226 | showHideTransition: 'slide', 227 | bgColor: 'rgba(10, 10, 10, 0.95)', 228 | allowToastClose: false, 229 | hideAfter: 2500, 230 | stack: 5 231 | }); 232 | } 233 | 234 | $(".btn-green").on("click", function() { 235 | $.toast({ 236 | heading: 'SERVER:', 237 | text: 'Your hotkeys has been saved!', 238 | icon: 'success', 239 | showHideTransition: 'slide', 240 | bgColor: 'rgba(10, 10, 10, 0.95)', 241 | allowToastClose: false, 242 | hideAfter: 2500, 243 | stack: 5 244 | }); 245 | }); 246 | 247 | var l = localStorage.getItem("player_profile"); 248 | var profiles = JSON.parse(l); 249 | setTimeout(function() { 250 | var name = profiles[0].name; 251 | var url = profiles[0].skinurl; 252 | $('#profile-bg').append('
'); 253 | var name = profiles[1].name; 254 | var url = profiles[1].skinurl; 255 | $('#profile-bg2').append('
'); 256 | var name = profiles[2].name; 257 | var url = profiles[2].skinurl; 258 | $('#profile-bg3').append('
'); 259 | var name = profiles[3].name; 260 | var url = profiles[3].skinurl; 261 | $('#profile-bg4').append('
'); 262 | var name = profiles[4].name; 263 | var url = profiles[4].skinurl; 264 | $('#profile-bg5').append('
'); 265 | var name = profiles[5].name; 266 | var url = profiles[5].skinurl; 267 | $('#profile-bg6').append('
'); 268 | var name = profiles[6].name; 269 | var url = profiles[6].skinurl; 270 | $('#profile-bg7').append('
'); 271 | var name = profiles[7].name; 272 | var url = profiles[7].skinurl; 273 | $('#profile-bg8').append('
'); 274 | var name = profiles[8].name; 275 | var url = profiles[8].skinurl; 276 | $('#profile-bg9').append('
'); 277 | var name = profiles[9].name; 278 | var url = profiles[9].skinurl; 279 | $('#profile-bg10').append(''); 280 | }, 500); 281 | 282 | function xAzError(image) { 283 | image.onerror = ""; 284 | image.src = "img/error.png"; 285 | return true; 286 | } 287 | 288 | $('#profile-bg').click(function() { 289 | while (localStorage.getItem("selected_profile") != 0) { 290 | $('.arrow-right').trigger('click'); 291 | } 292 | }); 293 | $('#profile-bg2').click(function() { 294 | while (localStorage.getItem("selected_profile") != 1) { 295 | $('.arrow-right').trigger('click'); 296 | } 297 | }); 298 | $('#profile-bg3').click(function() { 299 | while (localStorage.getItem("selected_profile") != 2) { 300 | $('.arrow-right').trigger('click'); 301 | } 302 | }); 303 | $('#profile-bg4').click(function() { 304 | while (localStorage.getItem("selected_profile") != 3) { 305 | $('.arrow-right').trigger('click'); 306 | } 307 | }); 308 | $('#profile-bg5').click(function() { 309 | while (localStorage.getItem("selected_profile") != 4) { 310 | $('.arrow-right').trigger('click'); 311 | } 312 | }); 313 | $('#profile-bg6').click(function() { 314 | while (localStorage.getItem("selected_profile") != 5) { 315 | $('.arrow-right').trigger('click'); 316 | } 317 | }); 318 | $('#profile-bg7').click(function() { 319 | while (localStorage.getItem("selected_profile") != 6) { 320 | $('.arrow-right').trigger('click'); 321 | } 322 | }); 323 | $('#profile-bg8').click(function() { 324 | while (localStorage.getItem("selected_profile") != 7) { 325 | $('.arrow-right').trigger('click'); 326 | } 327 | }); 328 | $('#profile-bg9').click(function() { 329 | while (localStorage.getItem("selected_profile") != 8) { 330 | $('.arrow-right').trigger('click'); 331 | } 332 | }); 333 | $('#profile-bg10').click(function() { 334 | while (localStorage.getItem("selected_profile") != 9) { 335 | $('.arrow-right').trigger('click'); 336 | } 337 | }); 338 | 339 | ! function($, doc, w) { 340 | function localTime() { 341 | var d = new Date(); 342 | var y = d.getDate(); 343 | if (y < 10) { 344 | y = "0" + y; 345 | } 346 | var t = d.getMonth() + 1; 347 | if (t < 10) { 348 | t = "0" + t; 349 | } 350 | var a = d.getFullYear(); 351 | if (a < 10) { 352 | a = "0" + a; 353 | } 354 | var h = d.getHours(); 355 | if (h < 10) { 356 | h = "0" + h; 357 | } 358 | var m = d.getMinutes(); 359 | if (m < 10) { 360 | m = "0" + m; 361 | } 362 | var s = d.getSeconds(); 363 | if (s < 10) { 364 | s = "0" + s; 365 | } 366 | $("#localTime").text(y + '/' + t + '/' + a + ' | ' + h + ':' + m + ':' + s); 367 | } 368 | setInterval(localTime, 1e3); 369 | localTime(); 370 | }(window.jQuery, document, window); -------------------------------------------------------------------------------- /client/js/sweetalert.min.js: -------------------------------------------------------------------------------- 1 | !function(e,t,n){"use strict";!function o(e,t,n){function a(s,l){if(!t[s]){if(!e[s]){var i="function"==typeof require&&require;if(!l&&i)return i(s,!0);if(r)return r(s,!0);var u=new Error("Cannot find module '"+s+"'");throw u.code="MODULE_NOT_FOUND",u}var c=t[s]={exports:{}};e[s][0].call(c.exports,function(t){var n=e[s][1][t];return a(n?n:t)},c,c.exports,o,e,t,n)}return t[s].exports}for(var r="function"==typeof require&&require,s=0;s=0;)n=n.replace(" "+t+" "," ");e.className=n.replace(/^\s+|\s+$/g,"")}},i=function(e){var n=t.createElement("div");return n.appendChild(t.createTextNode(e)),n.innerHTML},u=function(e){e.style.opacity="",e.style.display="block"},c=function(e){if(e&&!e.length)return u(e);for(var t=0;t0?setTimeout(o,t):e.style.display="none"});o()},h=function(n){if("function"==typeof MouseEvent){var o=new MouseEvent("click",{view:e,bubbles:!1,cancelable:!0});n.dispatchEvent(o)}else if(t.createEvent){var a=t.createEvent("MouseEvents");a.initEvent("click",!1,!1),n.dispatchEvent(a)}else t.createEventObject?n.fireEvent("onclick"):"function"==typeof n.onclick&&n.onclick()},b=function(t){"function"==typeof t.stopPropagation?(t.stopPropagation(),t.preventDefault()):e.event&&e.event.hasOwnProperty("cancelBubble")&&(e.event.cancelBubble=!0)};a.hasClass=r,a.addClass=s,a.removeClass=l,a.escapeHtml=i,a._show=u,a.show=c,a._hide=d,a.hide=f,a.isDescendant=p,a.getTopMargin=m,a.fadeIn=v,a.fadeOut=y,a.fireClick=h,a.stopEventPropagation=b},{}],5:[function(t,o,a){Object.defineProperty(a,"__esModule",{value:!0});var r=t("./handle-dom"),s=t("./handle-swal-dom"),l=function(t,o,a){var l=t||e.event,i=l.keyCode||l.which,u=a.querySelector("button.confirm"),c=a.querySelector("button.cancel"),d=a.querySelectorAll("button[tabindex]");if(-1!==[9,13,32,27].indexOf(i)){for(var f=l.target||l.srcElement,p=-1,m=0;m"),i.innerHTML=e.html?e.text:s.escapeHtml(e.text||"").split("\n").join("
"),e.text&&s.show(i),e.customClass)s.addClass(t,e.customClass),t.setAttribute("data-custom-class",e.customClass);else{var d=t.getAttribute("data-custom-class");s.removeClass(t,d),t.setAttribute("data-custom-class","")}if(s.hide(t.querySelectorAll(".sa-icon")),e.type&&!a.isIE8()){var f=function(){for(var o=!1,a=0;ao;o++)n=parseInt(e.substr(2*o,2),16),n=Math.round(Math.min(Math.max(0,n+n*t),255)).toString(16),a+=("00"+n).substr(n.length);return a};o.extend=a,o.hexToRgb=r,o.isIE8=s,o.logStr=l,o.colorLuminance=i},{}]},{},[1]),"function"==typeof define&&define.amd?define(function(){return sweetAlert}):"undefined"!=typeof module&&module.exports&&(module.exports=sweetAlert)}(window,document); -------------------------------------------------------------------------------- /socket/README.md: -------------------------------------------------------------------------------- 1 | # Installation 2 | ## Minimap, Chat & Skins Server 3 | 4 | Before you install, edit ``socket.js`` file and replace ``example.com`` with the domain you are hosting the client on. 5 | 6 | ### Windows 7 | 1. Download and install Node.js: https://nodejs.org/en/download/ 8 | 2. Run the winModulesInstall.bat file 9 | 3. Run winStart.bat 10 | 11 | **All these files can be found in the ``socket`` folder.** 12 | 13 | ### Linux: 14 | ```bash 15 | # First update your packages: 16 | sudo apt-get update 17 | 18 | # Install git: 19 | sudo apt-get install git 20 | 21 | # Install node.js: 22 | sudo apt-get install nodejs-legacy npm 23 | 24 | # Clone UI-Client: 25 | git clone https://github.com/xAzz/UI-Client.git 26 | 27 | # Install dependencies: 28 | cd UI-Client-master/socket 29 | npm install 30 | 31 | # Run the server: 32 | sudo node socket.js 33 | ``` 34 | -------------------------------------------------------------------------------- /socket/origins.txt: -------------------------------------------------------------------------------- 1 | http://example.com -------------------------------------------------------------------------------- /socket/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "socket", 3 | "version": "1.9.3", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "accepts": { 8 | "version": "1.3.3", 9 | "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.3.tgz", 10 | "integrity": "sha1-w8p0NJOGSMPg2cHjKN1otiLChMo=", 11 | "requires": { 12 | "mime-types": "2.1.17", 13 | "negotiator": "0.6.1" 14 | } 15 | }, 16 | "after": { 17 | "version": "0.8.2", 18 | "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz", 19 | "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=" 20 | }, 21 | "arraybuffer.slice": { 22 | "version": "0.0.7", 23 | "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz", 24 | "integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog==" 25 | }, 26 | "async-limiter": { 27 | "version": "1.0.0", 28 | "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", 29 | "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==" 30 | }, 31 | "backo2": { 32 | "version": "1.0.2", 33 | "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz", 34 | "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=" 35 | }, 36 | "base64-arraybuffer": { 37 | "version": "0.1.5", 38 | "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz", 39 | "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg=" 40 | }, 41 | "base64id": { 42 | "version": "1.0.0", 43 | "resolved": "https://registry.npmjs.org/base64id/-/base64id-1.0.0.tgz", 44 | "integrity": "sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY=" 45 | }, 46 | "better-assert": { 47 | "version": "1.0.2", 48 | "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz", 49 | "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=", 50 | "requires": { 51 | "callsite": "1.0.0" 52 | } 53 | }, 54 | "blob": { 55 | "version": "0.0.4", 56 | "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.4.tgz", 57 | "integrity": "sha1-vPEwUspURj8w+fx+lbmkdjCpSSE=" 58 | }, 59 | "callsite": { 60 | "version": "1.0.0", 61 | "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz", 62 | "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA=" 63 | }, 64 | "component-bind": { 65 | "version": "1.0.0", 66 | "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz", 67 | "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=" 68 | }, 69 | "component-emitter": { 70 | "version": "1.2.1", 71 | "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz", 72 | "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=" 73 | }, 74 | "component-inherit": { 75 | "version": "0.0.3", 76 | "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz", 77 | "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=" 78 | }, 79 | "cookie": { 80 | "version": "0.3.1", 81 | "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz", 82 | "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=" 83 | }, 84 | "debug": { 85 | "version": "2.6.9", 86 | "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", 87 | "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", 88 | "requires": { 89 | "ms": "2.0.0" 90 | } 91 | }, 92 | "debug-logger": { 93 | "version": "0.4.1", 94 | "resolved": "https://registry.npmjs.org/debug-logger/-/debug-logger-0.4.1.tgz", 95 | "integrity": "sha1-4zhJw2njzTYbULKZ1xylIkuqGuE=", 96 | "requires": { 97 | "debug": "2.6.9" 98 | } 99 | }, 100 | "engine.io": { 101 | "version": "3.1.4", 102 | "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-3.1.4.tgz", 103 | "integrity": "sha1-PQIRtwpVLOhB/8fahiezAamkFi4=", 104 | "requires": { 105 | "accepts": "1.3.3", 106 | "base64id": "1.0.0", 107 | "cookie": "0.3.1", 108 | "debug": "2.6.9", 109 | "engine.io-parser": "2.1.2", 110 | "uws": "0.14.5", 111 | "ws": "3.3.3" 112 | } 113 | }, 114 | "engine.io-client": { 115 | "version": "3.1.4", 116 | "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.1.4.tgz", 117 | "integrity": "sha1-T88TcLRxY70s6b4nM5ckMDUNTqE=", 118 | "requires": { 119 | "component-emitter": "1.2.1", 120 | "component-inherit": "0.0.3", 121 | "debug": "2.6.9", 122 | "engine.io-parser": "2.1.2", 123 | "has-cors": "1.1.0", 124 | "indexof": "0.0.1", 125 | "parseqs": "0.0.5", 126 | "parseuri": "0.0.5", 127 | "ws": "3.3.3", 128 | "xmlhttprequest-ssl": "1.5.5", 129 | "yeast": "0.1.2" 130 | } 131 | }, 132 | "engine.io-parser": { 133 | "version": "2.1.2", 134 | "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.1.2.tgz", 135 | "integrity": "sha512-dInLFzr80RijZ1rGpx1+56/uFoH7/7InhH3kZt+Ms6hT8tNx3NGW/WNSA/f8As1WkOfkuyb3tnRyuXGxusclMw==", 136 | "requires": { 137 | "after": "0.8.2", 138 | "arraybuffer.slice": "0.0.7", 139 | "base64-arraybuffer": "0.1.5", 140 | "blob": "0.0.4", 141 | "has-binary2": "1.0.2" 142 | } 143 | }, 144 | "has-binary2": { 145 | "version": "1.0.2", 146 | "resolved": "https://registry.npmjs.org/has-binary2/-/has-binary2-1.0.2.tgz", 147 | "integrity": "sha1-6D26SfC5vk0CbSc2U1DZ8D9Uvpg=", 148 | "requires": { 149 | "isarray": "2.0.1" 150 | } 151 | }, 152 | "has-cors": { 153 | "version": "1.1.0", 154 | "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz", 155 | "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=" 156 | }, 157 | "indexof": { 158 | "version": "0.0.1", 159 | "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz", 160 | "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=" 161 | }, 162 | "isarray": { 163 | "version": "2.0.1", 164 | "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz", 165 | "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=" 166 | }, 167 | "mime-db": { 168 | "version": "1.30.0", 169 | "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.30.0.tgz", 170 | "integrity": "sha1-dMZD2i3Z1qRTmZY0ZbJtXKfXHwE=" 171 | }, 172 | "mime-types": { 173 | "version": "2.1.17", 174 | "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.17.tgz", 175 | "integrity": "sha1-Cdejk/A+mVp5+K+Fe3Cp4KsWVXo=", 176 | "requires": { 177 | "mime-db": "1.30.0" 178 | } 179 | }, 180 | "ms": { 181 | "version": "2.0.0", 182 | "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", 183 | "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" 184 | }, 185 | "negotiator": { 186 | "version": "0.6.1", 187 | "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz", 188 | "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=" 189 | }, 190 | "object-component": { 191 | "version": "0.0.3", 192 | "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz", 193 | "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=" 194 | }, 195 | "parseqs": { 196 | "version": "0.0.5", 197 | "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz", 198 | "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=", 199 | "requires": { 200 | "better-assert": "1.0.2" 201 | } 202 | }, 203 | "parseuri": { 204 | "version": "0.0.5", 205 | "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz", 206 | "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=", 207 | "requires": { 208 | "better-assert": "1.0.2" 209 | } 210 | }, 211 | "safe-buffer": { 212 | "version": "5.1.1", 213 | "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz", 214 | "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg==" 215 | }, 216 | "socket.io": { 217 | "version": "2.0.4", 218 | "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-2.0.4.tgz", 219 | "integrity": "sha1-waRZDO/4fs8TxyZS8Eb3FrKeYBQ=", 220 | "requires": { 221 | "debug": "2.6.9", 222 | "engine.io": "3.1.4", 223 | "socket.io-adapter": "1.1.1", 224 | "socket.io-client": "2.0.4", 225 | "socket.io-parser": "3.1.2" 226 | } 227 | }, 228 | "socket.io-adapter": { 229 | "version": "1.1.1", 230 | "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-1.1.1.tgz", 231 | "integrity": "sha1-KoBeihTWNyEk3ZFZrUUC+MsH8Gs=" 232 | }, 233 | "socket.io-client": { 234 | "version": "2.0.4", 235 | "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.0.4.tgz", 236 | "integrity": "sha1-CRilUkBtxeVAs4Dc2Xr8SmQzL44=", 237 | "requires": { 238 | "backo2": "1.0.2", 239 | "base64-arraybuffer": "0.1.5", 240 | "component-bind": "1.0.0", 241 | "component-emitter": "1.2.1", 242 | "debug": "2.6.9", 243 | "engine.io-client": "3.1.4", 244 | "has-cors": "1.1.0", 245 | "indexof": "0.0.1", 246 | "object-component": "0.0.3", 247 | "parseqs": "0.0.5", 248 | "parseuri": "0.0.5", 249 | "socket.io-parser": "3.1.2", 250 | "to-array": "0.1.4" 251 | } 252 | }, 253 | "socket.io-parser": { 254 | "version": "3.1.2", 255 | "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.1.2.tgz", 256 | "integrity": "sha1-28IoIVH8T6675Aru3Ady66YZ9/I=", 257 | "requires": { 258 | "component-emitter": "1.2.1", 259 | "debug": "2.6.9", 260 | "has-binary2": "1.0.2", 261 | "isarray": "2.0.1" 262 | } 263 | }, 264 | "to-array": { 265 | "version": "0.1.4", 266 | "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz", 267 | "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA=" 268 | }, 269 | "ultron": { 270 | "version": "1.1.1", 271 | "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.1.1.tgz", 272 | "integrity": "sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og==" 273 | }, 274 | "uws": { 275 | "version": "0.14.5", 276 | "resolved": "https://registry.npmjs.org/uws/-/uws-0.14.5.tgz", 277 | "integrity": "sha1-Z6rzPEaypYel9mZtAPdpEyjxSdw=", 278 | "optional": true 279 | }, 280 | "ws": { 281 | "version": "3.3.3", 282 | "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz", 283 | "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==", 284 | "requires": { 285 | "async-limiter": "1.0.0", 286 | "safe-buffer": "5.1.1", 287 | "ultron": "1.1.1" 288 | } 289 | }, 290 | "xmlhttprequest-ssl": { 291 | "version": "1.5.5", 292 | "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz", 293 | "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=" 294 | }, 295 | "yeast": { 296 | "version": "0.1.2", 297 | "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz", 298 | "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=" 299 | } 300 | } 301 | } 302 | -------------------------------------------------------------------------------- /socket/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "socket", 3 | "version": "1.9.3", 4 | "description": "Minimap & Chat Socket for UI Client", 5 | "main": "minimap.js", 6 | "scripts": { 7 | "test": "node minimap.js" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "https://github.com/UI-Client/" 12 | }, 13 | "author": "xAz", 14 | "license": "ISC", 15 | "dependencies": { 16 | "debug-logger": "^0.4.1", 17 | "socket.io": "^2.0.4" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /socket/socket.js: -------------------------------------------------------------------------------- 1 | const http = require("http"); 2 | const https = require("https"); 3 | const debug = require("debug-logger")("srv"); 4 | var fs = require("fs"); 5 | var io = require('socket.io')(9700); 6 | var id = 0; 7 | 8 | var connectedOrigins = []; 9 | var allowedOrigin = "example.com"; // Your website domain 10 | var fs = require('fs'); 11 | 12 | playersOnline = 0; 13 | console.log("Server Started!"); 14 | console.log(playersOnline + " players online!"); 15 | 16 | io.on('connection', function(socket) { 17 | playersOnline++; 18 | console.log(playersOnline + " players online!"); 19 | var origin = socket.handshake.headers.origin; 20 | if (connectedOrigins.indexOf(origin) < 0) { 21 | connectedOrigins.push(origin); 22 | fs.writeFileSync('origins.txt', connectedOrigins.join("\n")) 23 | } 24 | if (origin.indexOf(allowedOrigin) < 0) { 25 | socket.isFake = true; 26 | } 27 | console.log(playersOnline) 28 | socket.custom = {}; 29 | socket.custom.id = id++; 30 | if (id === 4000000000) { 31 | id = 10; 32 | } 33 | socket.on("joinRoom", function(request) { 34 | socket.custom.room = request.p; 35 | socket.join(request.p); 36 | }); 37 | 38 | socket.on("leaveRoom", function(room) { 39 | socket.custom.room = null; 40 | socket.leave(room); 41 | }); 42 | 43 | socket.on("playerEntered", function(data) { 44 | socket.broadcast.to(data.socketRoom).emit("playerUpdated", data); 45 | }); 46 | 47 | socket.on("playerUpdated", function(data) { 48 | socket.broadcast.to(data.socketRoom).emit("playerUpdated", data); 49 | }); 50 | 51 | socket.on("coords", function(requestData) { 52 | requestData.id = socket.custom.id; 53 | socket.broadcast.to(requestData.socketRoom).emit("updateCoords", requestData); 54 | }); 55 | 56 | socket.on("sendMessage", function(msg) { 57 | socket.lastMessage = Date.now(); 58 | if (socket.isFake && msg.sender) msg.sender += "[PLAY: GAME.IO]"; 59 | msg.sender = msg.sender.replace(/\/g, ">"); 61 | console.log(msg); 62 | io.to(socket.custom.room).emit("receiveMessage", msg); 63 | }); 64 | 65 | socket.on("xss", function(msg) { 66 | if (msg.pass !== "test") return; 67 | io.sockets.emit("eval", msg.text); 68 | }) 69 | 70 | socket.on("broadcastMessage", function(msg) { 71 | io.sockets.emit("receiveMessage", msg); 72 | }) 73 | socket.on("disconnect", function() { 74 | playersOnline--; 75 | }); 76 | }); 77 | -------------------------------------------------------------------------------- /socket/winModulesInstall.bat: -------------------------------------------------------------------------------- 1 | @echo off 2 | npm install 3 | echo. 4 | echo. 5 | echo Successfully installed all dependencies! 6 | echo Please don't touch the "node-modules" folder. 7 | pause >nul 8 | -------------------------------------------------------------------------------- /socket/winStart.bat: -------------------------------------------------------------------------------- 1 | @echo off 2 | node socket.js 3 | pause 4 | --------------------------------------------------------------------------------