<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anilibria Custom Interface</title>
<link rel="stylesheet" href="./libs/materialdesign-icons/css/materialdesignicons.min.css">
<link rel="stylesheet" href="./css/style.min.css?t1445">
<link rel="icon" href="./imgs/logo.webp">
<script src="./libs/player.js"></script>
<script src="./js/dist/all.min.js?t2012"></script>
</head>
<body>
<div class="dnone">
<img src="./imgs/poster-placeholder.jpg" class="poster-placeholder">
<div class="component alert" data-id="alert-id-reference">
<div class="content"></div>
<button class="close-alert" data-close-alert-id="alert-id-reference">
<span class="mdi mdi-close"></span>
</button>
</div>
</div>
<div class="app">
<div class="global-alerts-container"></div>
<button class="std-btn btn-primary go-to-top">
<span class="mdi mdi-chevron-up"></span>
</button>
<div class="component navbar">
<div class="container navbar-container">
<div class="logo-wrapper">
<div class="logo">
<a href="#page:home" class="logo-link">
<img src="./imgs/logo.webp" alt="Anilibria">
Anilibria Cusi
</a>
</div>
</div>
<div class="search-bar-wrapper">
<div class="component search-bar">
<div class="form-group search-field-container">
<input
type="search"
name="search"
class="std-input search-field"
value=""
placeholder="Поиск"
>
<button class="submit">
<span class="mdi mdi-magnify"></span>
</button>
</div>
</div>
</div>
<div class="navigation-main-wrapper">
<nav class="component navigation-main">
<ul class="nav-list">
<li class="nav-list-item">
<a href="#page:home" class="nav-link">Главная</a>
</li>
<li class="nav-list-item">
<a href="#page:genres" class="nav-link">Жанры</a>
</li>
<li class="nav-list-item">
<a
href="#page:favourites"
class="nav-link"
>Избранное</a>
</li>
<li class="nav-list-item">
<a
href="#page:new-series"
class="std-btn btn-primary create-uadpost"
>
Новые серии
</a>
</li>
</ul>
</nav>
</div>
<div class="userbar-wrapper">
<div class="auth-btns-group">
<a
href="#page:login"
class="std-btn btn-success go-login-page-btn dnone"
>Войти</a>
<button
class="std-btn btn-default logout-btn dnone"
>Выйти</button>
</div>
</div>
<button class="btn-nav-on-mob-show">
<span class="mdi mdi-menu state-inactive"></span>
<span class="mdi mdi-close state-active"></span>
</button>
</div>
</div>
<div class="container page-container">
<div class="page login" id="login" data-title="Вход в Anilibria">
<div class="card login-form">
<form>
<div class="form-group">
<label for="email" class="form-label">E-mail или логин</label>
<input
type="text"
id="email"
name="email"
class="std-input"
placeholder="E-mail или логин"
>
</div>
<div class="form-group">
<label for="passwd" class="form-label">Пароль</label>
<input
type="password"
id="passwd"
name="passwd"
class="std-input"
placeholder="Пароль"
>
</div>
<div class="form-group form-btns">
<button class="std-btn btn-success submit-btn">Войти</button>
<div>
<a href="https://www.anilibria.tv/pages/login.php" target="_blank">Регистрация</a>
</div>
</div>
</form>
</div>
</div>
<div class="page favourites" id="favourites" data-title="Избранное">
<div class="card">
<div class="page-head">
<h2 class="page-title">Избранное</h2>
<div class="preload-spinner"></div>
</div>
<div class="render-container grid"></div>
</div>
</div>
<div class="page not-found" id="not-found" data-title="404 Not Found">
<div class="card card-transparent">
<h1>404</h1>
<h2>Not Found :(</h2>
</div>
</div>
<div class="page home" id="home" data-title="Последнее добавленое">
<div class="card card-transparent">
<div class="page-head">
<h2 class="page-title">Последнее добавленое</h2>
<div class="preload-spinner"></div>
</div>
<div class="render-container grid"></div>
<div class="more-btn-wrap">
<div class="preload-spinner dnone"></div>
<button class="std-btn btn-primary more-btn">Загрузить ещё</button>
</div>
</div>
</div>
<div class="page single" id="single">
<div class="card">
<div class="preload-spinner"></div>
<div class="render-container main-render"></div>
</div>
<div class="card card-transparent relevant">
<div class="render-container grid relevant-items-render"></div>
</div>
</div>
<div class="page search" id="search" data-title="Поиск">
<div class="card card-transparent">
<div class="page-head">
<h2 class="page-title">Поиск</h2>
<div class="preload-spinner"></div>
</div>
<div class="render-container grid"></div>
<div class="more-btn-wrap">
<div class="preload-spinner dnone"></div>
<button class="std-btn btn-primary more-btn">Загрузить ещё</button>
</div>
</div>
</div>
<div class="page new-series" id="new-series" data-title="Новые серии">
<div class="card card-transparent">
<div class="page-head">
<h2 class="page-title">Новые серии</h2>
<div class="preload-spinner"></div>
</div>
<div class="render-container grid"></div>
</div>
</div>
<div class="page genres" id="genres" data-title="Поиск по жанрам">
<div class="card card-transparent">
<div class="page-head">
<h2 class="page-title">По жанрам</h2>
<div class="preload-spinner"></div>
</div>
<div class="render-genres"></div>
<div class="render-container grid"></div>
<div class="more-btn-wrap">
<div class="preload-spinner dnone"></div>
<button class="std-btn btn-primary more-btn">Загрузить ещё</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
