API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 18th, 2019
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 80.18 KB | None | 0 0
raw download clone embed print report
  1. <html><head><style type="text/css">.tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;transition:none!important}.tippy-popper{max-width:350px;-webkit-perspective:700px;perspective:700px;z-index:9999;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper[data-html]{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{width:23px;height:23px;fill:#333;bottom:-15px;margin:0 6px}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] .tippy-backdrop{-webkit-transform-origin:0 100%;transform-origin:0 100%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(5.5) translate(-50%,25%);transform:scale(5.5) translate(-50%,25%);opacity:1}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,25%);transform:scale(1) translate(-50%,25%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{width:23px;height:23px;fill:#333;top:-15px;margin:0 6px}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{-webkit-transform:rotate(0);transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] .tippy-backdrop{-webkit-transform-origin:0 -100%;transform-origin:0 -100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(5.5) translate(-50%,-125%);transform:scale(5.5) translate(-50%,-125%);opacity:1}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,-125%);transform:scale(1) translate(-50%,-125%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:30% 0 0 30%}.tippy-popper[x-placement^=left] .tippy-roundarrow{width:23px;height:23px;fill:#333;right:-15px;margin:4px 0}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] .tippy-backdrop{-webkit-transform-origin:100% 0;transform-origin:100% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(5.5) translate(33%,-50%);transform:scale(5.5) translate(33%,-50%);opacity:1}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(33%,-50%);transform:scale(1.5) translate(33%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 30% 30% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{width:23px;height:23px;fill:#333;left:-15px;margin:4px 0}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] .tippy-backdrop{-webkit-transform-origin:-100% 0;transform-origin:-100% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(5.5) translate(-133%,-50%);transform:scale(5.5) translate(-133%,-50%);opacity:1}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(-133%,-50%);transform:scale(1.5) translate(-133%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.9rem;padding:.3rem .6rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip[data-size=small]{padding:.2rem .4rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.4rem .8rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-animatefill] .tippy-content{-webkit-transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98),-webkit-clip-path cubic-bezier(.46,.1,.52,.98)}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{-webkit-transition-timing-function:cubic-bezier(.53,2,.36,.85);transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip[data-inertia][data-state=hidden]{-webkit-transition-timing-function:ease;transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-backdrop{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:26%;left:50%;top:50%;z-index:-1;-webkit-transition:all cubic-bezier(.46,.1,.52,.98);transition:all cubic-bezier(.46,.1,.52,.98)}.tippy-backdrop:after{content:"";float:left;padding-top:100%}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%)}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(5% 50% at 50% 50%);clip-path:ellipse(5% 50% at 50% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 0 50%);clip-path:ellipse(135% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(25% 100% at 0 50%);clip-path:ellipse(25% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 100% 50%);clip-path:ellipse(135% 100% at 100% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(25% 100% at 100% 50%);clip-path:ellipse(25% 100% at 100% 50%)}@media (max-width:360px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}</style>
  2. <title>HSLO</title>
  3. <meta name="robots" content="noindex">
  4. <meta name="googlebot" content="noindex">
  5. <meta name="version" content="5.2.5">
  6. <meta name="renderer-type" content="Canvas">
  7. <script src="https://connect.facebook.net/en_US/sdk.js?hash=e1a24ed3ed9a8bbf778d382e1c0ecfe6&amp;ua=modern_es6" async="" crossorigin="anonymous"></script><script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/api2/v1551681158638/recaptcha__en.js"></script><script type="text/javascript" src="https://mgx-one.nl/siniri/hslo/lib.js"></script>
  8. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css">
  9. <link href="https://fonts.googleapis.com/css?family=Oswald:300,400|Raleway:300,400,500|Ubuntu:400,500,700" rel="stylesheet">
  10. <link rel="stylesheet" type="text/css" href="https://mgx-one.nl/siniri/hslo/bundle.css?v=638443767">
  11. <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&amp;render=explicit"></script>
  12. <script type="text/javascript" src="//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.0"></script>
  13. <script src="https://apis.google.com/js/platform.js" gapi_processed="true"></script>
  14. <script src="https://unpkg.com/tippy.js@2.0.4/dist/tippy.all.min.js"></script>
  15. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  16. <style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
  17. .fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0;margin:0;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#1d3c78;box-shadow:white 0 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
  18. .fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}</style></head>
  19. <body>
  20. <div id="loading-screen">
  21. <div class="maou-circle-container">
  22. <div class="maou-circle p1"></div>
  23. <div class="maou-circle p2"></div>
  24. <div class="maou-circle p3"></div>
  25. </div>
  26. <div class="message">Please wait</div>
  27. </div>
  28. <div id="captchaWindow" style="display:none; position:absolute; top:0px; left:0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index:500">
  29. <div id="verifyUser" style="position:absolute; top:50%; left:50%; margin-left:-152px; margin-top:-40px;"></div>
  30. </div>
  31. <div id="anouncement"></div>
  32. <div id="huds">
  33. <div id="leaderboard-hud">
  34. <div id="leaderboard-head">Leaderboard</div>
  35. <div id="leaderboard-positions">
  36. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">1</span></span>
  37. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">2</span></span>
  38. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">3</span></span>
  39. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">4</span></span>
  40. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">5</span></span>
  41. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">6</span></span>
  42. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">7</span></span>
  43. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">8</span></span>
  44. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">9</span></span>
  45. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">10</span></span>
  46. <span class="lb-position"><span lbdata="name"></span> <span lbdata="position">100</span></span>
  47. </div>
  48. <div id="leaderboard-chart">
  49. <div class="chart-bar red"></div>
  50. <div class="chart-bar green"></div>
  51. <div class="chart-bar blue"></div>
  52. </div>
  53. </div>
  54.  
  55. <div id="message-hud">
  56. <div id="emojiContainer"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/angry.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/angry-1.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/cool.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/crying.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/crying-1.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/embarrassed.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/happy.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/happy-1.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/happy-2.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/in-love.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/kiss.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/laughing.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/laughing-1.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/poo.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/sad.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/sad-1.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/shocked.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/shocked-1.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/sick.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/sleeping.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/thinking.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/tongue.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/tongue-1.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/vomit.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/wink.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/thinking-distort.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/pepe-thumbsup.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/pepe-hype.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/pepe-tears2much.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/pepe-gunfire.gif" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/pepe-okgame.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/pepe-heart.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/parrot-thuglife.gif" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/blob-happy.png" class="emojiPreview"><img src="https://mgx-one.nl/siniri/cdn/images/emojis/leny.png" class="emojiPreview"></div>
  57. <input id="message" hstr="placeholder.huds.enterChatMsg" placeholder="Enter chat message...">
  58. </div>
  59.  
  60. <div id="chatroom" style="display: none;"></div>
  61.  
  62. <div id="stats-hud"><i class="fas fa-lock"></i></div>
  63.  
  64. <div id="targeting-hud">
  65. <div>
  66. <div class="spectate-mode-btn active" id="spectate-mode-top"><i class="fas fa-video"></i></div>
  67. <div class="spectate-mode-btn" id="spectate-mode-mouse"><i class="fas fa-mouse-pointer"></i></div>
  68. <div class="spectate-mode-btn" id="spectate-mode-target"><i class="fas fa-bullseye"></i></div>
  69. </div>
  70. <div id="targeting-no-1" class="static"><span hstr="html.huds.targeting_bigCellVp">BIGGEST CELL VIEWPORT</span> <i class="fas fa-video"></i></div>
  71. <div id="targeting-mouse" class="static"><span hstr="html.huds.targeting_followVp">VIEWPORT FOLLOWING MOUSE</span> <i class="fas fa-mouse-pointer"></i></div>
  72. <div id="targeting-players">
  73. <div class="static"><span hstr="html.huds.targeting_players">TARGETING PLAYERS</span> <i class="fas fa-bullseye"></i></div>
  74. <div id="targeting-player1"><span class="nick">Target 1</span> [<span class="mass">NOT SELECTED</span>]</div>
  75. <div id="targeting-player2"><span class="nick">Target 2</span> [<span class="mass">NOT SELECTED</span>]</div>
  76. <div id="targeting-playersMass"><span hstr="html.huds.targeting_totalMass">TOTAL MASS</span> [<span class="mass">0</span>]</div>
  77. </div>
  78. </div>
  79.  
  80. <div id="teamlist-hud">
  81. <div id="teamlist-head">
  82. <i class="fas fa-bars" aria-hidden="true"></i> <span hstr="html.huds.teamlist_title">Team Players</span>
  83. </div>
  84. <div id="teamlist-positions"></div>
  85. <div id="info-tp">
  86. <div id="teamlist-alive" class="team-info"><i class="fas fa-play"></i> <span>0</span></div>
  87. <div id="teamlist-totalmass" class="team-info"><i class="fas fa-volleyball-ball"></i> <span>0</span></div>
  88. </div>
  89. </div>
  90.  
  91. <div id="minimap-hud">
  92. <div class="minimap-grid">
  93. <div class="minimap-row">
  94. <div class="minimap-sector">A1</div>
  95. <div class="minimap-sector">A2</div>
  96. <div class="minimap-sector">A3</div>
  97. <div class="minimap-sector">A4</div>
  98. <div class="minimap-sector">A5</div>
  99. </div>
  100. <div class="minimap-row">
  101. <div class="minimap-sector">B1</div>
  102. <div class="minimap-sector">B2</div>
  103. <div class="minimap-sector">B3</div>
  104. <div class="minimap-sector">B4</div>
  105. <div class="minimap-sector">B5</div>
  106. </div>
  107. <div class="minimap-row">
  108. <div class="minimap-sector">C1</div>
  109. <div class="minimap-sector">C2</div>
  110. <div class="minimap-sector">C3</div>
  111. <div class="minimap-sector">C4</div>
  112. <div class="minimap-sector">C5</div>
  113. </div>
  114. <div class="minimap-row">
  115. <div class="minimap-sector">D1</div>
  116. <div class="minimap-sector">D2</div>
  117. <div class="minimap-sector">D3</div>
  118. <div class="minimap-sector">D4</div>
  119. <div class="minimap-sector">D5</div>
  120. </div>
  121. <div class="minimap-row">
  122. <div class="minimap-sector">E1</div>
  123. <div class="minimap-sector">E2</div>
  124. <div class="minimap-sector">E3</div>
  125. <div class="minimap-sector">E4</div>
  126. <div class="minimap-sector">E5</div>
  127. </div>
  128. </div>
  129.  
  130. <canvas id="minimap-nodes" width="200" height="200"></canvas>
  131. </div>
  132.  
  133. <div id="notifications"></div>
  134. </div>
  135.  
  136. <div id="menu-overlay">
  137. <div class="menu-bar">
  138. <div class="menu-bar-button" id="login-facebook">
  139. <i class="fab fa-facebook-f"></i>
  140. </div>
  141. <div class="menu-bar-button" id="login-google">
  142. <i class="fab fa-google"></i>
  143. </div>
  144. <div class="menu-bar-button" id="logout">
  145. <i class="fas fa-sign-out-alt"></i>
  146. </div>
  147. <div class="menu-bar-ip" id="ip-box"></div>
  148. </div>
  149.  
  150. <div class="menu-blur"></div>
  151. <div class="control-bar-container">
  152. <div class="control-bar">
  153. <div class="bar-button-container">
  154. <div class="bar-button-bg left settings"></div>
  155. <div class="bar-button-bg center dummy"></div>
  156. <div class="bar-button-bg right play"></div>
  157. <div class="bar-button-bg right spectate"></div>
  158. <div class="bar-button-bg right inputs"></div>
  159. <div class="bar-button-bg right theme"></div>
  160. </div>
  161. <div class="bar-button-container">
  162. <div class="bar-button" id="button-settings">
  163. <i class="material-icons">tune</i>
  164. <div class="text">
  165. <span hstr="html.mainMenu.btn_settings">Settings</span>
  166. </div>
  167. </div>
  168. <div class="bar-button dummy"></div>
  169. <div class="bar-button" id="button-play">
  170. <i class="material-icons">play_arrow</i>
  171. <div class="text">
  172. <span hstr="html.mainMenu.btn_play">Play</span>
  173. </div>
  174. </div>
  175. <div class="bar-button" id="button-spectate">
  176. <i class="material-icons">remove_red_eye</i>
  177. <div class="text">
  178. <span hstr="html.mainMenu.btn_spectate">Spectate</span>
  179. </div>
  180. </div>
  181. <div class="bar-button" id="button-inputs">
  182. <i class="material-icons">keyboard</i>
  183. <div class="text">
  184. <span hstr="html.mainMenu.btn_inputs">Inputs</span>
  185. </div>
  186. </div>
  187. <div class="bar-button" id="button-theme">
  188. <i class="material-icons">color_lens</i>
  189. <div class="text">
  190. <span hstr="html.mainMenu.btn_theme">Theme</span>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. <div class="bar-circle-outer">
  196. <div class="bar-circle">
  197. <div class="skin-preview" style="background: url(&quot;https://i.imgur.com/HIPT5O0.png&quot;);"></div>
  198. </div>
  199. </div>
  200. <div class="skin-wheel">
  201. <div class="skin-wheel-bg"></div>
  202. <div class="skin-selector one" value="1" style="background: url(&quot;https://i.imgur.com/HIPT5O0.png&quot;);"></div>
  203. <div class="skin-selector two" value="2"></div>
  204. <div class="skin-selector three" value="3"></div>
  205. <div class="skin-selector four" value="4"></div>
  206. <div class="skin-selector five" value="5"></div>
  207. <div class="skin-selector six" value="6"></div>
  208. <div class="skin-selector seven" value="7"></div>
  209. <div class="skin-selector eight" value="8"></div>
  210. </div>
  211. </div>
  212.  
  213. <div id="player-data">
  214. <button id="streamMode"><i class="fas fa-eye"></i></button>
  215. <div>
  216. <input class="menu-inputs" id="tag" placeholder="Tag" maxlength="10">
  217. <input class="menu-inputs" id="nick" placeholder="Nick 1" maxlength="15">
  218. <input class="menu-inputs" id="nick2" placeholder="Nick 2" maxlength="15">
  219. </div>
  220. <input class="menu-inputs" id="skin" placeholder="Skin URL (imgur)" maxlength="60">
  221. <div class="party-box">
  222. <button class="menu-button" id="join-party">
  223. <span hstr="html.mainMenu.btn_join">Join</span>
  224. </button>
  225. <input class="menu-inputs" id="party-token" placeholder="Room code">
  226. <button class="menu-button" id="create-party">
  227. <span hstr="html.mainMenu.btn_create">Create</span>
  228. </button>
  229. </div>
  230. <div>
  231. <select id="gamemode" class="menu-inputs">
  232. <option value=":party">Party</option>
  233. </select>
  234. <select class="menu-inputs" id="regions"></select>
  235. </div>
  236. <div class="decorator"></div>
  237. </div>
  238.  
  239.  
  240. <div id="settings" class="menu-panel">
  241. <div class="settings-close"><i class="fas fa-times" aria-hidden="true"></i></div>
  242. <div class="settings-container ps ps--theme_default" data-ps-id="5685d859-7daa-b308-875c-9bc05b0d520a">
  243. <div class="row">
  244. <span class="title" hstr="html.settingMenu.language">Language</span>
  245. <span class="settings-options" type="options" name="language">
  246. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  247. <b value="EN" class="active">English</b>
  248. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  249. </span>
  250. </div>
  251. <div class="row divider"></div>
  252. <div class="row">
  253. <span class="title" hstr="html.settingMenu.CellAnimation">Animation delay</span>
  254. <span class="settings-options" type="range" name="CellAnimation">
  255. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  256. <span value="140" step="10" min="100" max="200" class="outer"><span class="inner" style="width: 40px;"></span></span>
  257. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  258. <span class="range-value">[140]</span>
  259. </span>
  260. </div>
  261. <div class="row">
  262. <span class="title" hstr="html.settingMenu.eatAnimation">Cell eat [sucking] animation</span>
  263. <span class="settings-options" type="options" name="eatAnimation">
  264. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  265. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  266. <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  267. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  268. </span>
  269. </div>
  270. <div class="row">
  271. <span class="title" hstr="html.settingMenu.cellTextAnimation">Cell text animation</span>
  272. <span class="settings-options" type="options" name="cellTextAnimation">
  273. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  274. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  275. <b value="stepped" hstr="html.settingMenu.opt_stepped">Stepped</b>
  276. <b value="on" hstr="html.settingMenu.opt_linear" class="active">Linear</b>
  277. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  278. </span>
  279. </div>
  280. <div class="row divider"></div>
  281. <div class="row">
  282. <span class="title" hstr="html.settingMenu.zoomSpeed">Zoom speed</span>
  283. <span class="settings-options" type="range" name="zoomSpeed">
  284. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  285. <span value="92" step="2" min="70" max="96" class="outer"><span class="inner" style="width: 84px;"></span></span>
  286. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  287. <span class="range-value">[92]</span>
  288. </span>
  289. </div>
  290. <div class="row">
  291. <span class="title" hstr="html.settingMenu.cameraSpeed">Camera speed [2 default]</span>
  292. <span class="settings-options" type="range" name="cameraSpeed">
  293. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  294. <span value="2" step="1" min="1" max="20" class="outer"><span class="inner" style="width: 5px;"></span></span>
  295. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  296. <span class="range-value">[2]</span>
  297. </span>
  298. </div>
  299. <div class="row">
  300. <span class="title" hstr="html.settingMenu.autoZoom">Auto zoom</span>
  301. <span class="settings-options" type="options" name="autoZoom">
  302. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  303. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  304. <b value="on" hstr="html.settingMenu.opt_on">On</b>
  305. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  306. </span>
  307. </div>
  308. <div class="row divider"></div>
  309. <div class="row">
  310. <span class="title" hstr="html.settingMenu.autoHideText">Auto hide text</span>
  311. <span class="settings-options" type="options" name="autoHideText">
  312. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  313. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  314. <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  315. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  316. </span>
  317. </div>
  318. <div class="row">
  319. <span class="title" hstr="html.settingMenu.hideOwnNick">Hide own nick</span>
  320. <span class="settings-options" type="options" name="hideOwnNick">
  321. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  322. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  323. <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  324. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  325. </span>
  326. </div>
  327. <div class="row">
  328. <span class="title" hstr="html.settingMenu.hideOwnMass">Hide own mass</span>
  329. <span class="settings-options" type="options" name="hideOwnMass">
  330. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  331. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  332. <b value="on" hstr="html.settingMenu.opt_on">On</b>
  333. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  334. </span>
  335. </div>
  336. <div class="row divider"></div>
  337. <div class="row">
  338. <span class="title" hstr="html.settingMenu.cellNick">Cell nick</span>
  339. <span class="settings-options" type="options" name="cellNick">
  340. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  341. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  342. <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  343. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  344. </span>
  345. </div>
  346. <div class="row">
  347. <span class="title" hstr="html.settingMenu.nickShadow">Nick shadow</span>
  348. <span class="settings-options" type="options" name="nickShadow">
  349. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  350. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  351. <b value="performance" hstr="html.settingMenu.opt_perf">Performance</b>
  352. <b value="normal" hstr="html.settingMenu.opt_normal">Normal</b>
  353. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  354. </span>
  355. </div>
  356. <div class="row">
  357. <span class="title" hstr="html.settingMenu.cellMass">Cell mass</span>
  358. <span class="settings-options" type="options" name="cellMass">
  359. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  360. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  361. <b value="shortened" hstr="html.settingMenu.opt_shortened" class="active">Shortened</b>
  362. <b value="full" hstr="html.settingMenu.opt_full">Full</b>
  363. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  364. </span>
  365. </div>
  366. <div class="row">
  367. <span class="title" hstr="html.settingMenu.massShadow">Mass shadow</span>
  368. <span class="settings-options" type="options" name="massShadow">
  369. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  370. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  371. <b value="performance" hstr="html.settingMenu.opt_perf">Performance</b>
  372. <b value="normal" hstr="html.settingMenu.opt_normal">Normal</b>
  373. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  374. </span>
  375. </div>
  376. <div class="row">
  377. <span class="title" hstr="html.settingMenu.virusMass">Virus Mass</span>
  378. <span class="settings-options" type="options" name="virusMass">
  379. <i class="fa fa-chevron-left" aria-hidden="true"></i>
  380. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  381. <b value="text" hstr="html.settingMenu.opt_text" class="active">Text</b>
  382. <b value="fill" hstr="html.settingMenu.opt_fill">Fill</b>
  383. <i class="fa fa-chevron-right" aria-hidden="true"></i>
  384. </span>
  385. </div>
  386. <div class="row divider"></div>
  387. <div class="row">
  388. <span class="title" hstr="html.settingMenu.borderGlow">Border Glow</span>
  389. <span class="settings-options" type="options" name="borderGlow">
  390. <i class="fa fa-chevron-left" aria-hidden="true"></i>
  391. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  392. <b value="on" hstr="html.settingMenu.opt_on">On</b>
  393. <i class="fa fa-chevron-right" aria-hidden="true"></i>
  394. </span>
  395. </div>
  396. <div class="row">
  397. <span class="title" hstr="html.settingMenu.virusGlow">virusGlow</span>
  398. <span class="settings-options" type="options" name="virusGlow">
  399. <i class="fa fa-chevron-left" aria-hidden="true"></i>
  400. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  401. <b value="on" hstr="html.settingMenu.opt_on">On</b>
  402. <i class="fa fa-chevron-right" aria-hidden="true"></i>
  403. </span>
  404. </div>
  405. <div class="row divider"></div>
  406. <div class="row">
  407. <span class="title" hstr="html.settingMenu.urlSkins">URL skins</span>
  408. <span class="settings-options" type="options" name="urlSkins">
  409. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  410. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  411. <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  412. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  413. </span>
  414. </div>
  415. <div class="row divider"></div>
  416. <div class="row">
  417. <span class="title" hstr="html.settingMenu.bgSectors">Background sectors</span>
  418. <span class="settings-options" type="options" name="bgSectors">
  419. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  420. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  421. <b value="onlyLines" hstr="html.settingMenu.opt_onlyLines">Only lines</b>
  422. <b value="snowflakes" hstr="html.settingMenu.opt_snowflakes">Snowflakes</b>
  423. <b value="normal" hstr="html.settingMenu.opt_normal" class="active">Normal</b>
  424. <b value="fantasy" hstr="html.settingMenu.opt_fantasy">Fantasy</b>
  425. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  426. </span>
  427. </div>
  428. <div class="row divider"></div>
  429. <div class="row">
  430. <span class="title" hstr="html.settingMenu.food">Food</span>
  431. <span class="settings-options" type="options" name="food">
  432. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  433. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  434. <b value="monoColored" hstr="html.settingMenu.opt_singleClr" class="active">Mono colored</b>
  435. <b value="rainbow" hstr="html.settingMenu.opt_rainbow">Rainbow</b>
  436. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  437. </span>
  438. </div>
  439. <div class="row">
  440. <span class="title" hstr="html.settingMenu.foodGlow">Food Glow [Mono colored]</span>
  441. <span class="settings-options" type="options" name="foodGlow">
  442. <i class="fa fa-chevron-left" aria-hidden="true"></i>
  443. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  444. <b value="on" hstr="html.settingMenu.opt_on">On</b>
  445. <i class="fa fa-chevron-right" aria-hidden="true"></i>
  446. </span>
  447. </div>
  448. <div class="row divider"></div>
  449. <div class="row">
  450. <span class="title" hstr="html.settingMenu.cursorLine">Cursor lines</span>
  451. <span class="settings-options" type="options" name="cursorLine">
  452. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  453. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  454. <b value="on" hstr="html.settingMenu.opt_on">On</b>
  455. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  456. </span>
  457. </div>
  458. <div class="row">
  459. <span class="title" hstr="html.settingMenu.multiboxRing">Multibox Ring</span>
  460. <span class="settings-options" type="options" name="multiboxRing">
  461. <i class="fa fa-chevron-left" aria-hidden="true"></i>
  462. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  463. <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  464. <i class="fa fa-chevron-right" aria-hidden="true"></i>
  465. </span>
  466. </div>
  467. <div class="row">
  468. <span class="title" hstr="html.settingMenu.maouCircleSkin">Maou Circle Skin</span>
  469. <span class="settings-options" type="options" name="maouCircleSkin">
  470. <i class="fa fa-chevron-left" aria-hidden="true"></i>
  471. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  472. <b value="on" hstr="html.settingMenu.opt_on">On</b>
  473. <i class="fa fa-chevron-right" aria-hidden="true"></i>
  474. </span>
  475. </div>
  476. <div class="row">
  477. <span class="title" hstr="html.settingMenu.teamIndicator">Teammate indicator</span>
  478. <span class="settings-options" type="options" name="teamIndicator">
  479. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  480. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  481. <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  482. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  483. </span>
  484. </div>
  485. <div class="row divider"></div>
  486. <div class="row">
  487. <span class="title" hstr="html.settingMenu.chatType">Chat type</span>
  488. <span class="settings-options" type="options" name="chatType">
  489. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  490. <b value="chatroom" hstr="html.settingMenu.opt_chatroom">Chatroom</b>
  491. <b value="popup" hstr="html.settingMenu.opt_popup" class="active">Pop up chat</b>
  492. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  493. </span>
  494. </div>
  495. <div class="row">
  496. <span class="title" hstr="html.settingMenu.targeting">Cell Targeting [Spectate mode]</span>
  497. <span class="settings-options" type="options" name="targeting">
  498. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  499. <b value="off" hstr="html.settingMenu.opt_off" class="active">Off</b>
  500. <b value="on" hstr="html.settingMenu.opt_on">On</b>
  501. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  502. </span>
  503. </div>
  504. <div class="row">
  505. <span class="title" hstr="html.settingMenu.sounds">Sounds</span>
  506. <span class="settings-options" type="options" name="sounds">
  507. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  508. <b value="off" hstr="html.settingMenu.opt_off">Off</b>
  509. <b value="on" hstr="html.settingMenu.opt_on" class="active">On</b>
  510. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  511. </span>
  512. </div>
  513. <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  514. </div>
  515. <div id="inputs" class="menu-panel">
  516. <div class="inputs-tab-bar">
  517. <span class="inputs-tab active" target="#hotkeys"><i class="fas fa-keyboard"></i> <span hstr="html.hkMenu.title">Hotkeys</span></span>
  518.  
  519. <span class="inputs-tab" target="#mouse"><i class="fas fa-mouse-pointer"></i> <span hstr="html.mouseMenu.title">Mouse</span></span>
  520.  
  521. <span class="inputs-tab" target="#commands"><i class="fas fa-comments"></i> <span hstr="html.commandsMenu.title">Commands</span></span>
  522.  
  523. <span class="inputs-tab close" target="#close"><i class="fas fa-times" aria-hidden="true"></i></span>
  524. </div>
  525. <div class="inputs-menu-container">
  526. <div id="hotkeys" class="inputs-menu active ps ps--theme_default" data-ps-id="eb4edff1-b03e-6881-6b52-41976539a16d">
  527. <div class="row" name="toggleMenuKey">
  528. <span class="title" hstr="html.hkMenu.toggleMenuKey">Toggle main menu</span>
  529. <input class="key" value="ESC">
  530. </div>
  531. <div class="row" name="feedKey">
  532. <span class="title" hstr="html.hkMenu.feedKey">Feed</span>
  533. <input class="key" value="W">
  534. </div>
  535. <div class="row" name="macroFeedKey">
  536. <span class="title" hstr="html.hkMenu.macroFeedKey">Macro feed</span>
  537. <input class="key" value="Q">
  538. </div>
  539. <div class="row" name="splitKey">
  540. <span class="title" hstr="html.hkMenu.splitKey">Split</span>
  541. <input class="key" value="SPACE">
  542. </div>
  543. <div class="row" name="doubleSplitKey">
  544. <span class="title" hstr="html.hkMenu.doubleSplitKey">Double split</span>
  545. <input class="key" value="E">
  546. </div>
  547. <div class="row" name="split16Key">
  548. <span class="title" hstr="html.hkMenu.split16Key">Split 16</span>
  549. <input class="key" value="R">
  550. </div>
  551. <div class="row" name="multiboxTab">
  552. <span class="title">Multibox switch</span>
  553. <input class="key" value="TAB">
  554. </div>
  555. <div class="row" name="togglemultiboxRing">
  556. <span class="title" hstr="html.hkMenu.togglemultiboxRing">Toggle Multibox ring</span>
  557. <input class="key" value="L">
  558. </div>
  559. <div class="row" name="togglemaouCircleSkin">
  560. <span class="title" hstr="html.hkMenu.togglemaouCircleSkin">Toggle Maou circle skin</span>
  561. <input class="key" value="K">
  562. </div>
  563. <div class="row" name="stopKey">
  564. <span class="title" hstr="html.hkMenu.stopKey">Stop cell movement</span>
  565. <input class="key" value="S">
  566. </div>
  567. <div class="row" name="chatKey">
  568. <span class="title" hstr="html.hkMenu.chatKey">Toggle chat</span>
  569. <input class="key" value="Enter">
  570. </div>
  571. <div class="row" name="freeSpectateKey">
  572. <span class="title" hstr="html.hkMenu.freeSpectateKey">Toggle spectate mode</span>
  573. <input class="key" value="Y">
  574. </div>
  575. <div class="row" name="toggleNick">
  576. <span class="title" hstr="html.hkMenu.toggleNick">Toggle cell nick</span>
  577. <input class="key" value="N">
  578. </div>
  579. <div class="row" name="toggleMass">
  580. <span class="title" hstr="html.hkMenu.toggleMass">Toggle cell mass</span>
  581. <input class="key" value="M">
  582. </div>
  583. <div class="row" name="toggleSkin">
  584. <span class="title" hstr="html.hkMenu.toggleSkin">Toggle skin</span>
  585. <input class="key" value="A">
  586. </div>
  587. <div class="row" name="toggleFood">
  588. <span class="title" hstr="html.hkMenu.toggleFood">Toggle food</span>
  589. <input class="key" value="F">
  590. </div>
  591. <div class="row" name="respawnKey">
  592. <span class="title" hstr="html.hkMenu.respawnKey">Quick respawn</span>
  593. <input class="key" value="TILDE">
  594. </div>
  595. <div class="row" name="command0Key">
  596. <span class="title" hstr="html.hkMenu.command0Key">Command 0</span>
  597. <input class="key" value="0">
  598. </div>
  599. <div class="row" name="command1Key">
  600. <span class="title" hstr="html.hkMenu.command1Key">Command 1</span>
  601. <input class="key" value="1">
  602. </div>
  603. <div class="row" name="command2Key">
  604. <span class="title" hstr="html.hkMenu.command2Key">Command 2</span>
  605. <input class="key" value="2">
  606. </div>
  607. <div class="row" name="command3Key">
  608. <span class="title" hstr="html.hkMenu.command3Key">Command 3</span>
  609. <input class="key" value="3">
  610. </div>
  611. <div class="row" name="command4Key">
  612. <span class="title" hstr="html.hkMenu.command4Key">Command 4</span>
  613. <input class="key" value="4">
  614. </div>
  615. <div class="row" name="command5Key">
  616. <span class="title" hstr="html.hkMenu.command5Key">Command 5</span>
  617. <input class="key" value="5">
  618. </div>
  619. <div class="row" name="command6Key">
  620. <span class="title" hstr="html.hkMenu.command6Key">Command 6</span>
  621. <input class="key" value="6">
  622. </div>
  623. <div class="row" name="command7Key">
  624. <span class="title" hstr="html.hkMenu.command7Key">Command 7</span>
  625. <input class="key" value="7">
  626. </div>
  627. <div class="row" name="command8Key">
  628. <span class="title" hstr="html.hkMenu.command8Key">Command 8</span>
  629. <input class="key" value="8">
  630. </div>
  631. <div class="row" name="command9Key">
  632. <span class="title" hstr="html.hkMenu.command9Key">Command 9</span>
  633. <input class="key" value="9">
  634. </div>
  635. <div class="row" name="zoom1key">
  636. <span class="title" hstr="html.hkMenu.zoom1key">Zoom level 1</span>
  637. <input class="key" value="ALT+1">
  638. </div>
  639. <div class="row" name="zoom2key">
  640. <span class="title" hstr="html.hkMenu.zoom2key">Zoom level 2</span>
  641. <input class="key" value="ALT+2">
  642. </div>
  643. <div class="row" name="zoom3key">
  644. <span class="title" hstr="html.hkMenu.zoom3key">Zoom level 3</span>
  645. <input class="key" value="ALT+3">
  646. </div>
  647. <div class="row" name="zoom4key">
  648. <span class="title" hstr="html.hkMenu.zoom4key">Zoom level 4</span>
  649. <input class="key" value="ALT+4">
  650. </div>
  651. <div class="row" name="zoom5key">
  652. <span class="title" hstr="html.hkMenu.zoom5key">Zoom level 5</span>
  653. <input class="key" value="ALT+5">
  654. </div>
  655. <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  656. <div id="mouse" class="inputs-menu ps ps--theme_default" data-ps-id="166dee0e-031d-5636-5814-c6296cea63fb">
  657. <div class="row">
  658. <span class="title" hstr="html.mouseMenu.lmb">Left click</span>
  659. <span class="mouse-options" type="options" name="leftClick">
  660. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  661. <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
  662. <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  663. <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  664. <b value="split" hstr="html.mouseMenu.split">Split</b>
  665. <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  666. <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  667. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  668. </span>
  669. </div>
  670. <div class="row">
  671. <span class="title" hstr="html.mouseMenu.scroll">Middle click</span>
  672. <span class="mouse-options" type="options" name="middleClick">
  673. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  674. <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
  675. <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  676. <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  677. <b value="split" hstr="html.mouseMenu.split">Split</b>
  678. <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  679. <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  680. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  681. </span>
  682. </div>
  683. <div class="row">
  684. <span class="title" hstr="html.mouseMenu.rmb">Right click</span>
  685. <span class="mouse-options" type="options" name="rightClick">
  686. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  687. <b value="off" hstr="html.mouseMenu.off" class="active">Off</b>
  688. <b value="feed" hstr="html.mouseMenu.feed">Feed</b>
  689. <b value="macroFeed" hstr="html.mouseMenu.macroFeed">Macro feed</b>
  690. <b value="split" hstr="html.mouseMenu.split">Split</b>
  691. <b value="doubleSplit" hstr="html.mouseMenu.doubleSplit">Double split</b>
  692. <b value="split16" hstr="html.mouseMenu.split16">Split 16</b>
  693. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  694. </span>
  695. </div>
  696. <div class="row mouse-targeting-info">
  697. <span hstr="html.mouseMenu.targeting_h1">Targeting</span>:
  698. <br><br>
  699. <span hstr="html.mouseMenu.rmb">Right click</span>:
  700. <br>
  701. <span hstr="html.mouseMenu.targeting_txt1">Lock target 1</span>
  702. <br><br>
  703. <span hstr="html.mouseMenu.lmb">Left click</span>:
  704. <br>
  705. <span hstr="html.mouseMenu.targeting_txt2">Lock target 2</span>
  706. <br><br>
  707. <span hstr="html.mouseMenu.targeting_txt3">Middle click or Toggle spectate key</span>:
  708. <br>
  709. <span hstr="html.mouseMenu.targeting_txt4">Toggle top cell mode to follow mouse mode</span>
  710. <br>
  711. <span hstr="html.mouseMenu.targeting_txt5">Toggle targeting mode to follow mouse mode</span>
  712. <br>
  713. <span hstr="html.mouseMenu.targeting_txt6">Toggle follow mouse mode to top cell mode</span>
  714. <br>
  715. </div>
  716. <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  717. <div id="commands" class="inputs-menu ps ps--theme_default" data-ps-id="17594eae-76be-5df6-9f6e-8b93c615f0b0">
  718. <div class="row">
  719. <span class="command-input-box"><i>0</i><input placeholder="Command 0" id="command0"></span>
  720. </div>
  721. <div class="row">
  722. <span class="command-input-box"><i>1</i><input placeholder="Command 1" id="command1"></span>
  723. </div>
  724. <div class="row">
  725. <span class="command-input-box"><i>2</i><input placeholder="Command 2" id="command2"></span>
  726. </div>
  727. <div class="row">
  728. <span class="command-input-box"><i>3</i><input placeholder="Command 3" id="command3"></span>
  729. </div>
  730. <div class="row">
  731. <span class="command-input-box"><i>4</i><input placeholder="Command 4" id="command4"></span>
  732. </div>
  733. <div class="row">
  734. <span class="command-input-box"><i>5</i><input placeholder="Command 5" id="command5"></span>
  735. </div>
  736. <div class="row">
  737. <span class="command-input-box"><i>6</i><input placeholder="Command 6" id="command6"></span>
  738. </div>
  739. <div class="row">
  740. <span class="command-input-box"><i>7</i><input placeholder="Command 7" id="command7"></span>
  741. </div>
  742. <div class="row">
  743. <span class="command-input-box"><i>8</i><input placeholder="Command 8" id="command8"></span>
  744. </div>
  745. <div class="row">
  746. <span class="command-input-box"><i>9</i><input placeholder="Command 9" id="command9"></span>
  747. </div>
  748. <div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;"><div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__scrollbar-y-rail" style="top: 0px; right: 0px;"><div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
  749. </div>
  750. </div>
  751. <div id="theme" class="menu-panel">
  752. <div class="theme-close">X</div>
  753. <div class="theme-container">
  754. <div class="row">
  755. <span class="title" hstr="html.themeMenu.selectedPreset">Theme preset</span>
  756. <span class="theme-options" type="options" name="selectedPreset">
  757. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  758. <b value="HSLO v2">HSLO v2</b>
  759. <b value="HSLO v3">HSLO v3</b>
  760. <b value="HSLO v4">HSLO v4</b>
  761. <b value="Pastels">Pastels</b>
  762. <b value="Agarplus v2">Agarplus v2</b>
  763. <b value="Ogario v4">Ogario v4</b>
  764. <b value="HKG">HKG</b>
  765. <b value="Yin">Yin</b>
  766. <b value="VNDOT">VNDOT</b>
  767. <b value="OZYDOT">OZYDOT</b>
  768. <b value="Fantasy">Fantasy</b>
  769. <b value="custom" class="active">Custom</b>
  770. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  771. </span>
  772. </div>
  773. <div class="row">
  774. <span class="title" hstr="html.themeMenu.cursor">Cursor</span>
  775. <span class="theme-options" type="range" name="cursor">
  776. <img src="" id="cursorDisplay">
  777. <div id="cursorOff">[OFF] </div>
  778. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  779. <span value="13" step="1" min="1" max="15" class="outer"><span class="inner"></span></span>
  780. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  781. <span class="range-value">[0]</span>
  782. </span>
  783. </div>
  784. <div class="row">
  785. <span class="title" hstr="html.themeMenu.chatFontSize">Chat font size</span>
  786. <span class="theme-options" type="range" name="chatFontSize">
  787. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  788. <span value="14" step="1" min="10" max="24" class="outer"><span class="inner"></span></span>
  789. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  790. <span class="range-value">[0]</span>
  791. </span>
  792. </div>
  793. <div class="row">
  794. <span class="title" hstr="html.themeMenu.lbSize">Leaderboard size</span>
  795. <span class="theme-options" type="range" name="lbSize">
  796. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  797. <span value="100" step="5" min="70" max="200" class="outer"><span class="inner"></span></span>
  798. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  799. <span class="range-value">[0]</span>
  800. </span>
  801. </div>
  802. <div class="row">
  803. <span class="title" hstr="html.themeMenu.minimapSize">Minimap size</span>
  804. <span class="theme-options" type="range" name="minimapSize">
  805. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  806. <span value="200" step="5" min="100" max="250" class="outer"><span class="inner"></span></span>
  807. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  808. <span class="range-value">[0]</span>
  809. </span>
  810. </div>
  811. <div class="row">
  812. <span class="title" hstr="html.themeMenu.skinBorder">Skin border</span>
  813. <span class="theme-options" type="range" name="skinBorder">
  814. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  815. <span value="90" step="5" min="70" max="100" class="outer"><span class="inner"></span></span>
  816. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  817. <span class="range-value">[0]</span>
  818. </span>
  819. </div>
  820. <div class="row">
  821. <span class="title" hstr="html.themeMenu.cellTransparency">Cell transparency</span>
  822. <span class="theme-options" type="range" name="cellTransparency">
  823. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  824. <span value="100" step="5" min="40" max="100" class="outer"><span class="inner"></span></span>
  825. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  826. <span class="range-value">[0]</span>
  827. </span>
  828. </div>
  829. <div class="row">
  830. <span class="title" hstr="html.themeMenu.lightenCellColor">Lighten cell color</span>
  831. <span class="theme-options" type="range" name="lightenCellColor">
  832. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  833. <span value="100" step="5" min="40" max="100" class="outer"><span class="inner"></span></span>
  834. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  835. <span class="range-value">[0]</span>
  836. </span>
  837. </div>
  838. <div class="row">
  839. <span class="title" hstr="html.themeMenu.borderColor">Border color</span>
  840. <span class="theme-options" type="colorpicker">
  841. <input id="borderColor" opacity="0">
  842. </span>
  843. </div>
  844. <div class="row">
  845. <span class="title" ostr="html.themeMenu.borderGlow">Border Glow</span>
  846. <span class="theme-options" type="colorpicker">
  847. <input id="borderGlow" opacity="0">
  848. </span>
  849. </div>
  850. <div class="row">
  851. <span class="title" hstr="html.themeMenu.borderWidth">Border width</span>
  852. <span class="theme-options" type="range" name="borderWidth">
  853. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  854. <span value="60" step="2" min="2" max="150" class="outer"><span class="inner"></span></span>
  855. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  856. <span class="range-value">[0]</span>
  857. </span>
  858. </div>
  859. <div class="row">
  860. <span class="title" hstr="html.themeMenu.borderGlowSize">Border Glow Size</span>
  861. <span class="theme-options" type="range" name="borderGlowSize">
  862. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  863. <span value="20" step="1" min="5" max="40" class="outer"><span class="inner"></span></span>
  864. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  865. <span class="range-value">[0]</span>
  866. </span>
  867. </div>
  868. <div class="row">
  869. <span class="title" hstr="html.themeMenu.gridColor">Grid color</span>
  870. <span class="theme-options" type="colorpicker">
  871. <input id="gridColor" opacity="0">
  872. </span>
  873. </div>
  874. <div class="row">
  875. <span class="title" hstr="html.themeMenu.gridTextColor">Grid text color</span>
  876. <span class="theme-options" type="colorpicker">
  877. <input id="gridTextColor" opacity="0">
  878. </span>
  879. </div>
  880. <div class="row">
  881. <span class="title" hstr="html.themeMenu.gridTextSize">Grid text size</span>
  882. <span class="theme-options" type="range" name="gridTextSize">
  883. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  884. <span value="1500" step="100" min="500" max="2000" class="outer"><span class="inner"></span></span>
  885. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  886. <span class="range-value">[0]</span>
  887. </span>
  888. </div>
  889. <div class="row">
  890. <span class="title" hstr="html.themeMenu.gridTextFont">Grid text font</span>
  891. <span class="theme-options" type="options" name="gridTextFont">
  892. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  893. <b value="ubuntu">Ubuntu</b>
  894. <b value="raleway">Raleway</b>
  895. <b value="cursive">Cursive</b>
  896. <b value="monospace">Monospace</b>
  897. <b value="serif">Serif</b>
  898. <b value="sans-serif">Sans serif</b>
  899. <b value="oswald" class="active">Oswald</b>
  900. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  901. </span>
  902. </div>
  903. <div class="row">
  904. <span class="title" hstr="html.themeMenu.gridWidth">Grid width</span>
  905. <span class="theme-options" type="range" name="gridWidth">
  906. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  907. <span value="10" step="2" min="2" max="150" class="outer"><span class="inner"></span></span>
  908. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  909. <span class="range-value">[0]</span>
  910. </span>
  911. </div>
  912. <div class="row">
  913. <span class="title" hstr="html.themeMenu.nickColor">Nick color</span>
  914. <span class="theme-options" type="colorpicker">
  915. <input id="nickColor" opacity="0">
  916. </span>
  917. </div>
  918. <div class="row">
  919. <span class="title" hstr="html.themeMenu.nickStrokeColor">Nick stroke color</span>
  920. <span class="theme-options" type="colorpicker">
  921. <input id="nickStrokeColor" opacity="0">
  922. </span>
  923. </div>
  924. <div class="row">
  925. <span class="title" hstr="html.themeMenu.cellNickSize">Nick size</span>
  926. <span class="theme-options" type="range" name="cellNickSize">
  927. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  928. <span value="100" step="5" min="100" max="200" class="outer"><span class="inner"></span></span>
  929. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  930. <span class="range-value">[0]</span>
  931. </span>
  932. </div>
  933. <div class="row">
  934. <span class="title" hstr="html.themeMenu.nickFont">Nick font</span>
  935. <span class="theme-options" type="options" name="nickFont">
  936. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  937. <b value="ubuntu">Ubuntu</b>
  938. <b value="raleway">Raleway</b>
  939. <b value="cursive">Cursive</b>
  940. <b value="monospace">Monospace</b>
  941. <b value="serif">Serif</b>
  942. <b value="sans-serif">Sans serif</b>
  943. <b value="oswald" class="active">Oswald</b>
  944. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  945. </span>
  946. </div>
  947. <div class="row">
  948. <span class="title" hstr="html.themeMenu.massColor">Mass color</span>
  949. <span class="theme-options" type="colorpicker">
  950. <input id="massColor" opacity="0">
  951. </span>
  952. </div>
  953. <div class="row">
  954. <span class="title" hstr="html.themeMenu.massStrokeColor">Mass stroke color</span>
  955. <span class="theme-options" type="colorpicker">
  956. <input id="massStrokeColor" opacity="0">
  957. </span>
  958. </div>
  959. <div class="row">
  960. <span class="title" hstr="html.themeMenu.cellMassSize">Mass size</span>
  961. <span class="theme-options" type="range" name="cellMassSize">
  962. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  963. <span value="100" step="5" min="100" max="200" class="outer"><span class="inner"></span></span>
  964. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  965. <span class="range-value">[0]</span>
  966. </span>
  967. </div>
  968. <div class="row">
  969. <span class="title" hstr="html.themeMenu.massFont">Mass font</span>
  970. <span class="theme-options" type="options" name="massFont">
  971. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  972. <b value="ubuntu">Ubuntu</b>
  973. <b value="raleway">Raleway</b>
  974. <b value="cursive">Cursive</b>
  975. <b value="monospace">Monospace</b>
  976. <b value="serif">Serif</b>
  977. <b value="sans-serif">Sans serif</b>
  978. <b value="oswald" class="active">Oswald</b>
  979. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  980. </span>
  981. </div>
  982. <div class="row">
  983. <span class="title" hstr="html.themeMenu.foodColor">Food color</span>
  984. <span class="theme-options" type="colorpicker">
  985. <input id="foodColor" opacity="0">
  986. </span>
  987. </div>
  988. <div class="row">
  989. <span class="title" ostr="html.themeMenu.foodGlow">Food Glow</span>
  990. <span class="theme-options" type="colorpicker">
  991. <input id="foodGlow" opacity="0">
  992. </span>
  993. </div>
  994. <div class="row">
  995. <span class="title" hstr="html.themeMenu.foodSize">Food size</span>
  996. <span class="theme-options" type="range" name="foodSize">
  997. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  998. <span value="4" step="1" min="1" max="10" class="outer"><span class="inner"></span></span>
  999. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  1000. <span class="range-value">[0]</span>
  1001. </span>
  1002. </div>
  1003. <div class="row">
  1004. <span class="title" hstr="html.themeMenu.foodGlowSize">Food Glow Size</span>
  1005. <span class="theme-options" type="range" name="foodGlowSize">
  1006. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  1007. <span value="20" step="1" min="5" max="40" class="outer"><span class="inner"></span></span>
  1008. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  1009. <span class="range-value">[0]</span>
  1010. </span>
  1011. </div>
  1012. <div class="row">
  1013. <span class="title" hstr="html.themeMenu.virusColor">Virus color</span>
  1014. <span class="theme-options" type="colorpicker">
  1015. <input id="virusColor" opacity="0">
  1016. </span>
  1017. </div>
  1018. <div class="row">
  1019. <span class="title" ostr="html.themeMenu.virusGlow">Virus Glow</span>
  1020. <span class="theme-options" type="colorpicker">
  1021. <input id="virusGlow" opacity="0">
  1022. </span>
  1023. </div>
  1024. <div class="row">
  1025. <span class="title" hstr="html.themeMenu.virusBorderColor">Virus border color</span>
  1026. <span class="theme-options" type="colorpicker">
  1027. <input id="virusBorderColor" opacity="0">
  1028. </span>
  1029. </div>
  1030. <div class="row">
  1031. <span class="title" hstr="html.themeMenu.virusBorderWidth">virus border width</span>
  1032. <span class="theme-options" type="range" name="virusBorderWidth">
  1033. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  1034. <span value="10" step="1" min="1" max="25" class="outer"><span class="inner"></span></span>
  1035. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  1036. <span class="range-value">[0]</span>
  1037. </span>
  1038. </div>
  1039. <div class="row">
  1040. <span class="title" hstr="html.themeMenu.virusGlowSize">Virus Glow Size</span>
  1041. <span class="theme-options" type="range" name="virusGlowSize">
  1042. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  1043. <span value="20" step="1" min="5" max="40" class="outer"><span class="inner"></span></span>
  1044. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  1045. <span class="range-value">[0]</span>
  1046. </span>
  1047. </div>
  1048. <div class="row">
  1049. <span class="title" hstr="html.themeMenu.backgroundColor">Background color</span>
  1050. <span class="theme-options" type="colorpicker">
  1051. <input id="backgroundColor" opacity="0">
  1052. </span>
  1053. </div>
  1054. <div class="row">
  1055. <span class="title" hstr="html.themeMenu.indicatorSize">Teammate indicator size</span>
  1056. <span class="theme-options" type="range" name="indicatorSize">
  1057. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  1058. <span value="70" step="5" min="50" max="150" class="outer"><span class="inner"></span></span>
  1059. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  1060. <span class="range-value">[0]</span>
  1061. </span>
  1062. </div>
  1063. <div class="row">
  1064. <span class="title">Active cell stroke [multibox]</span>
  1065. <span class="theme-options" type="colorpicker">
  1066. <input id="multiboxActive" opacity="0">
  1067. </span>
  1068. </div>
  1069. <div class="row">
  1070. <span class="title">Inactive cell stroke [multibox]</span>
  1071. <span class="theme-options" type="colorpicker">
  1072. <input id="multiboxInactive" opacity="0">
  1073. </span>
  1074. </div>
  1075. <div class="row">
  1076. <span class="title">Multibox Ring Width</span>
  1077. <span class="theme-options" type="range" name="multiboxRingWidth">
  1078. <i class="fas fa-chevron-left" aria-hidden="true"></i>
  1079. <span value="10" step="2" min="2" max="100" class="outer"><span class="inner"></span></span>
  1080. <i class="fas fa-chevron-right" aria-hidden="true"></i>
  1081. <span class="range-value">[0]</span>
  1082. </span>
  1083. </div>
  1084. <div class="row">
  1085. <span class="title" hstr="html.themeMenu.team1color">Team 1 color [Double Tag Mode]</span>
  1086. <span class="theme-options" type="colorpicker">
  1087. <input id="team1color" opacity="0">
  1088. </span>
  1089. </div>
  1090. <div class="row">
  1091. <span class="title" hstr="html.themeMenu.team2color">Team 2 color [Double Tag Mode]</span>
  1092. <span class="theme-options" type="colorpicker">
  1093. <input id="team2color" opacity="0">
  1094. </span>
  1095. </div>
  1096. </div>
  1097. </div>
  1098. </div>
  1099. <canvas id="canvas" width="980" height="1475"></canvas>
  1100. <script type="text/javascript" src="https://mgx-one.nl/siniri/hslo/siniri.js?v=9266"></script>
  1101.  
  1102. <div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; width: 0px; height: 0px;"><div><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="https://staticxx.facebook.com/connect/xd_arbiter/r/vy-MhgbfL4v.js?version=44#channel=f2356ec4f8c3d78&amp;origin=https%3A%2F%2Fmgx-one.nl" style="border: none;"></iframe></div><div><iframe name="fa8deac6664" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://www.facebook.com/connect/ping?client_id=677505792353827&amp;domain=mgx-one.nl&amp;origin=1&amp;redirect_uri=https%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter%2Fr%2Fvy-MhgbfL4v.js%3Fversion%3D44%23cb%3Df2ee18790934494%26domain%3Dmgx-one.nl%26origin%3Dhttps%253A%252F%252Fmgx-one.nl%252Ff2356ec4f8c3d78%26relation%3Dparent&amp;response_type=token%2Csigned_request&amp;sdk=joey" style="display: none;"></iframe></div></div></div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!