55 lines
2.8 KiB
HTML
55 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
|
</head>
|
|
<body>
|
|
<div class="navbar-wrapper">
|
|
<div class="navbar">
|
|
<img src="{{ url_for('static', filename='navbar/logo.svg') }}" alt="Логотип" class="logo">
|
|
<div class="search-container">
|
|
<div class="search-icon-container">
|
|
<img src="{{ url_for('static', filename='navbar/search-icon.svg') }}" alt="Поиск" class="search-icon">
|
|
<img src="{{ url_for('static', filename='navbar/search-hover.svg') }}" alt="Поиск (hover)"
|
|
class="search-hover-icon">
|
|
</div>
|
|
<input type="text" placeholder="Поиск" class="search-input" onfocus="this.placeholder=''" onblur="this.placeholder='Поиск'">
|
|
<div class="icon-container">
|
|
<img src="{{ url_for('static', filename='navbar/video-icon.svg') }}" alt="Видео" class="video-icon">
|
|
<img src="{{ url_for('static', filename='navbar/tray-icon.svg') }}" alt="Поднос" class="tray-icon">
|
|
<div class="dropdown-menu">
|
|
<div class="dropdown-item">Пункт 1</div>
|
|
<div class="dropdown-item">Пункт 2</div>
|
|
<div class="dropdown-item">Пункт 3</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="translate-btn">
|
|
<img src="{{ url_for('static', filename='navbar/translate-icon.svg') }}" alt="Перевод"
|
|
class="translate-icon">
|
|
<img src="{{ url_for('static', filename='navbar/translate-hover.svg') }}" alt="Перевод (hover)"
|
|
class="translate-hover-icon">
|
|
</div>
|
|
<nav class="menu">
|
|
<a href="/videos">ВИДЕО</a>
|
|
<a href="/">АРТЫ</a>
|
|
<a href="/comics">МАНГА</a>
|
|
<a href="/gifs">ГИФКИ</a>
|
|
</nav>
|
|
<div class="auth-container">
|
|
<div class="discord-icon-container">
|
|
<img src="{{ url_for('static', filename='navbar/discord-icon.svg') }}" alt="Discord"
|
|
class="discord-icon">
|
|
<img src="{{ url_for('static', filename='navbar/discord-hover.svg') }}" alt="Discord Hover"
|
|
class="discord-hover-icon">
|
|
</div>
|
|
<a href="{{ url_for('auth.login') }}"><button class="login-btn">ВОЙТИ</button></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='js/navbar.js') }}"></script>
|
|
</body>
|
|
</html> |