Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <link rel="stylesheet" href="/static/css/animate.css">
- <link rel="stylesheet" href="/static/css/bootstrap/bootstrap.min.css">
- <link rel="stylesheet" href="/static/css/bootstrap/datepicker.css">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="keywords" content="home, page, osu, osu private server, osu server, gatari, osu!, private, server, osu приватный сервер, приватный сервер, гатари, ripple, akatsuki, osugatari">
- <meta name="description" content="osu!gatari is a private osu! server,">
- <meta name="robots" content="index, follow">
- <meta property="vk:image" content="https://pp.userapi.com/c844416/v844416059/1ca81d/v5_zV6VajXk.jpg" />
- <script src="/static/js/jquery/jquery.min.js"></script>
- <script> var lang = "en"; </script>
- <script src="/static/js/jquery/i18nextXHRBackend.min.js"></script>
- <script src="/static/js/jquery/i18next.min.js"></script>
- <script src="/static/js/i18n.js"></script>
- <script src="/static/js/jquery/jquery.pjax.js?1337228"></script>
- <script src="/static/js/jquery/twemoji.min.js"></script>
- <script src="/static/js/bootstrap/popper.min.js"></script>
- <script src="/static/js/bootstrap/bootstrap.min.js"></script>
- <script src="/static/js/bootstrap/bootstrap-select.min.js"></script>
- <script src="/static/js/bootstrap/bootstrap-datepicker.js"></script>
- <script src="/static/js/socket_module.js"></script>
- <script src="/static/js/pace.min.js"></script>
- <script src="/static/js/vue_modules/vue.min.js"></script>
- <script src="/static/js/vue_modules/vue-axios-plugin.min.js"></script>
- <script src="/static/js/vue_modules/vue-timeago.min.js"></script>
- <link rel="icon" type="image/png" href="/static/favicons/favicon-32x32.png" sizes="32x32">
- <link rel="icon" type="image/png" href="/static/favicons/favicon-16x16.png" sizes="16x16">
- <link rel="shortcut icon" href="/static/favicons/favicon.ico">
- <link href="https://fonts.googleapis.com/css?family=Exo+2:300,300i,400,400i,500,500i,600,600i,700,700i,800" rel="stylesheet">
- <link rel="stylesheet" href="/static/css/fontawesome/css/fontawesome-all.min.css">
- <link rel="stylesheet" href="/static/css/main.css?1337228">
- <meta charset="utf-8" />
- <script>
- var myUserId = null;
- var token = null;
- $(function () {
- $(document).pjax("a[target!='_blank'][href!='#'][href]", '#content');
- if (typeof twemoji !== "undefined") {
- $(".twemoji").each(function(k, v) { twemoji.parse(v); });
- }
- });
- </script>
- </head>
- <body>
- <div id="app">
- <div id="header">
- <div class="header-bg">
- <div class="container">
- <div class="row navbar">
- <div class="header-navbar-left">
- <a href="/home" class="logo-all">
- <div class="logo-fill"></div>
- <div class="logo"></div>
- </a>
- <div class="navbar-left-hidden">
- <a href="/leaderboard/osu/pp" class="nav-item nav-link router-link "> leaderboard</a>
- <div class="nav-select">
- <a href="/beatmaps" class="nav-item nav-link router-link ">
- beatmaps
- </a>
- </div>
- <div class="nav-select dropdown">
- <a class="nav-item nav-link router-link " id="helpdropdown" data-toggle="dropdown" aria-expanded="false">
- community
- </a>
- <div class="leaderboard-dropdown" aria-labelledby="helpdropdown">
- <a href='/community/clans' class="drop-single">
- <span class="drop-text"> clans </span>
- </a>
- <a href='/community/matches' class="drop-single">
- <span class="drop-text"> matches </span>
- </a>
- <a href='/community/plays' class="drop-single">
- <span class="drop-text"> top plays </span>
- </a>
- </div>
- </div>
- <div class="nav-select dropdown">
- <a class="nav-item nav-link router-link " id="helpdropdown" data-toggle="dropdown" aria-expanded="false">
- help
- </a>
- <div class="leaderboard-dropdown" aria-labelledby="helpdropdown">
- <a class="drop-single" href="/about">
- <span class="drop-text"> about </span>
- </a>
- <a class="drop-single" href="/docs/rules">
- <span class="drop-text"> rules </span>
- </a>
- <a class="drop-single" href="/docs/faq">
- <span class="drop-text"> FAQ </span>
- </a>
- <a class="drop-single" href="/docs">
- <span class="drop-text"> documentation </span>
- </a>
- <hr>
- <a class="drop-single" href="http://sig.gatari.pw/">
- <span class="drop-text"> signature generator </span>
- </a>
- <a class="drop-single" target="_blank" href="https://storage.gatari.pw/switcher.zip">
- <span class="drop-text"> server switcher </span>
- </a>
- <a class="drop-single" target="_blank" href="https://discord.gg/2DJXQga">
- <span class="drop-text"> chat (Discord) </span>
- </a>
- <a class="drop-single" target="_blank" href="https://vk.com/im?sel=-139469474">
- <span class="drop-text"> contact support </span>
- </a>
- </div>
- </div>
- </div>
- </div>
- <div class="header-menu">
- <nav class="navbar navbar-expand-lg navbar-light">
- <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
- <div class="navbar-nav">
- <a href="/support" class="header-button druzban-button router-link "><i class="fas fa-heart"></i></a>
- <div class="search-block">
- <input type="text" id="query" v-model.trim="query" @keyup.enter="redirect()" class="main-search" autocomplete="off" placeholder="">
- <div style="display: none;" class="main-search--result" v-show="query != ''">
- <div class="main-search--header">
- <% results == null ? 'No results found' : 'Results' %>
- </div>
- <a :href="'/u/'+user.id" v-for="user in results" :class="'search-sinlge-user'+((user.privileges & 1) == 0 ? ' restricted' : '')" :style="'background-image: url(https://a.gatari.pw/'+user.id">
- <div class="search-user-avatar" :style="'background-image: url(https://a.gatari.pw/'+user.id"></div>
- <div class="search-user-content">
- <span class="search-user-nickname">
- <% user.username %>
- </span>
- <div class="user-content">
- <div class="search-user-flag">
- <img :src="'/static/images/flags/'+user.country+'.png'" class="search-user-flag">
- </div>
- </div>
- </div>
- </a>
- </div>
- </div>
- <div>
- <a @click="showLogin()" href="#" class="header-avatar"></a>
- </div>
- </div>
- </div>
- </nav>
- </div>
- <div class="mobile-user">
- <a @click="showLogin()" :class="'header-avatar'+(!mobHeader ? '' : ' hidden')" href="#"></a>
- <input v-model="mobHeader" id="collapse-btn" type="checkbox">
- <label for="collapse-btn" class="collapse-button"> <i class="fas fa-bars"></i> </label>
- </div>
- </div>
- <div class="container flex-dropdown">
- <transition enter-active-class="animated fadeInDown" leave-active-class="animated fadeOutUp">
- <div v-show="login.form" style="display: none;" @click="login.user = {}" :class="'dropdown-login-bg'+(!login.user && login.error ? ' error' : '')">
- <transition enter-active-class="animated fadeInDown" leave-active-class="animated fadeOutUp">
- <div v-show="!login.user && login.error" class="login-error">
- <% login.error %>
- </div>
- </transition>
- <div class="dropdown-login-content">
- <div class="dropdown-login-stroke"> Sign In To Proceed </div>
- <form>
- <input @keyup.enter="auth()" autocomplete="off" v-model="login.login" type="text" class="login-form" placeholder="username">
- <input @keyup.enter="auth()" autocomplete="off" v-model="login.password" type="password" class="login-form login-form-password" placeholder="password">
- </form>
- <a @click="login.form = false" class="login-forgot" href="/recover"> Recover my password </a>
- <button @click="auth()" :class="'login-btn'+(login.login == '' || login.password == '' || (!login.user && login.error) ? ' disabled' : '')">
- Sign in <i class="fas fa-sign-in-alt login-icon"></i>
- </button>
- </div>
- <transition enter-active-class="animated flipInX" leave-active-class="animated flipOutX">
- <div v-show="login.login == '' && login.password == ''" class="login-registrate">
- <div class="dropdown-login-content">
- <div class="login-registrate-stroke1">
- Don't have an account?
- </div>
- <div class="login-registrate-stroke2">
- Feel free to sign up to our server!
- </div>
- <a @click="login.form = false" href="/register" class="registrate-login-block-btn">
- Register <i class="fa fa-key login-icon"></i>
- </a>
- </div>
- </div>
- </transition>
- </div>
- </transition>
- </div>
- </div>
- </div>
- <transition enter-active-class="animated slideInDown" leave-active-class="animated slideOutUp">
- <div v-show="mobHeader" style="display: none;" class="mobile-header">
- <div class="mobile-header--head">
- <a @click="showLogin()" href="#" class="mobile-header--user">
- <div class="mobile-header--avatar"></div>
- <div class="mobile-header--username">
- Guest
- </div>
- </a>
- </div>
- <div class="mobile-search">
- <input v-model="query" class="search-input"><span class="search-lens fa fa-search"></span>
- <div class="search-results" style="display: none;" v-show="query != ''">
- <a v-for="user in results" :href="'/u/'+user.id" class="result-user" @click="mobHeader = false">
- <div class="user-avatar" :style="'background-image: url(https://a.gatari.pw/'+user.id+');'"></div>
- <div>
- <span class="user-flag donor-flag" :style="'background-image: url(/static/images/flags/'+user.country+'.png);'"> </span>
- <% user.username %>
- </div>
- </a>
- </div>
- </div>
- <div class="mobile-header--content">
- <a href="/leaderboard/osu/pp" @click="mobHeader = false" class="mobile-header--single">
- <span class="header-block--title">leaderboard </span>
- </a>
- <div @click="expand" class="mobile-header--single">
- <span class="header-block--title">beatmaps </span>
- <div class="sub-menu hidden">
- <a @click="mobHeader = false" href="/beatmaps" class="sub-menu-block">
- <i class="fas fa-angle-right"></i> listing
- </a>
- </div>
- </div>
- <div href="#" @click="expand" class="mobile-header--single">
- <span class="header-block--title">community </span>
- <div class="sub-menu hidden">
- <a @click="mobHeader = false" href="/community/clans" class="sub-menu-block">
- <i class="fas fa-angle-right"></i> clans
- </a>
- <a @click="mobHeader = false" href="/community/matches" class="sub-menu-block">
- <i class="fas fa-angle-right"></i> matches
- </a>
- <a @click="mobHeader = false" href="/community/plays" class="sub-menu-block">
- <i class="fas fa-angle-right"></i> top plays
- </a>
- </div>
- </div>
- <a href="/support" @click="mobHeader = false" class="mobile-header--single">
- <span class="header-block--title">support </span>
- </a>
- </div>
- </div>
- </transition>
- </div>
- <script>
- var badge = null;
- </script>
- <script src="/static/js/vue/header.js?1337228"></script>
- <div id="content">
- <div id="home">
- <title> home | gatari </title>
- <link onload='onLoad()' rel="stylesheet" href="/static/css/pages/home.css">
- <div class="container">
- <div class="col-lg-12">
- <div class="main-block">
- <div class="telka"></div>
- <div class="content">
- <div class="status">
- <span>
- <span style="color: #2094ca;" class="counter-text"> 11752 </span> total users
- </span>
- <span style="margin-left: 16px;">
- <span class="counter-text"> 186 </span> online users
- </span>
- </div>
- <span class="text-lg">
- osu!gatari
- </span>
- <span class="text-sm">
- Welcome to the best osu! server osu!gatari. On this website you will find all the information regarding the osu!gatari server: players leaderboard, maps list, how to start playing and much more.
- </span>
- <div class="buttons">
- <a href="/register" class="home-btn btn-key"> sign up with a key </a>
- <a href="/docs/key" class="home-btn btn-how" style="margin-left: 6px;"> how to get a key
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="col-lg-12 d-flex justify-content-center">
- <a href="/about" class="features">
- see the full list of features here <div class="logo"></div>
- </a>
- </div>
- </div>
- </div>
- </div>
- <div class="footer-bg">
- <div class="container">
- <div class="row">
- <div class="col">
- <div class="footer-info-block">
- <a class="footer-title">Help</a>
- <ul>
- <li><a href='/docs/faq'>FAQ</a></li>
- <li><a href='/docs/rules'>Rules</a></li>
- <li><a href='https://storage.gatari.pw/switcher.zip'>Switcher</a></li>
- <li><a href='/docs/connect'>How to connect</a></li>
- </ul>
- </div>
- <div class="footer-info-block">
- <a class="footer-title">Socials</a>
- <ul>
- <li><a href='https://www.youtube.com/channel/UCLFkw3w1tfbXKb0SXrZqCCA/' target="_blank">Youtube</a></li>
- <li><a href='https://discord.gg/2DJXQga' target="_blank">Discord</a></li>
- <li><a href='https://twitter.com/osugatari' target="_blank">Twitter</a></li>
- <li><a href='https://vk.com/osu.gatari' target="_blank">VK group</a></li>
- </ul>
- </div>
- <div class="footer-info-block">
- <a class="footer-title">Dev</a>
- <ul>
- <li><a href='https://p.datadoghq.com/sb/b9ca40a05-52c240bede' target="_blank">Status</a></li>
- <li><a href='https://trello.com/b/ufzRC7vS/backlog'>Trello</a></li>
- <li><a href='/team'>Team</a></li>
- <li><a href='https://github.com/xxdstem?tab=repositories' target="_blank">Source code</a></li>
- </ul>
- </div>
- <div class="footer-logo">
- <span>osu!gatari</span>
- <br>
- <a class="subtitle"> private osu! server</a>
- </div>
- <div class="dropup dropup-language dropup-block">
- <div class="language">
- Language
- <img src="/static/images/flags/GB.png" class="dropup-flags">
- </div>
- <div class="dropup-content">
- <ul>
- <li @click="lang = 'en'" class="language-select selected">
- English
- <img src="/static/images/flags/GB.png" class="dropup-flags">
- </li>
- <li @click="lang = 'ru'" class="language-select ">
- Русский
- <img src="/static/images/flags/RU.png" class="dropup-flags">
- </li>
- <li @click="lang = 'fr'" class="language-select ">
- Français
- <img src="/static/images/flags/FR.png" class="dropup-flags">
- </li>
- <li @click="lang = 'ko'" class="language-select ">
- 한국어
- <img src="/static/images/flags/KR.png" class="dropup-flags">
- </li>
- <li @click="lang = 'pt'" class="language-select ">
- Português
- <img src="/static/images/flags/BR.png" class="dropup-flags">
- </li>
- <li @click="lang = 'de'" class="language-select ">
- Deutsch
- <img src="/static/images/flags/DE.png" class="dropup-flags">
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- (function (m, e, t, r, i, k, a) {
- m[i] = m[i] || function () {
- (m[i].a = m[i].a || []).push(arguments)
- };
- m[i].l = 1 * new Date();
- k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(
- k, a)
- })
- (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
- ym(51885203, "init", {
- id: 51885203,
- clickmap: true,
- trackLinks: true,
- accurateTrackBounce: true
- });
- </script>
- <noscript>
- <div><img src="https://mc.yandex.ru/watch/51885203" style="position:absolute; left:-9999px;" alt="" /></div>
- </noscript>
- <script>
- new Vue({
- name: 'FooterBlock',
- el: '.footer-bg',
- data() {
- return {
- lang: "{'country': 'gb', 'code': 'en'}"
- }
- },
- watch: {
- lang(lang) {
- document.cookie = "language=" + lang + ";path=/;max-age=31536000";
- window.location.reload();
- }
- }
- });
- </script>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement