This commit is contained in:
aneuhmanh 2025-07-12 19:17:03 +03:00
commit e0f6d9d69d
112398 changed files with 618157 additions and 0 deletions

View File

@ -0,0 +1,266 @@
file:///home/aneuhmanh/Artberry-web/templates/navbar.html {"mtime":1752183993910,"ctime":1752183993910,"size":7180,"etag":"3egkqslp17ej","orphaned":false,"typeId":""}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel=stylesheet href="{{ url_for('static', filename='css/reset.css') }}">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
</head>
<body>
<div class="header">
<div class="navbar">
<div class="logo-search-container">
<div class="logo-container">
<img src="{{ url_for('static', filename='navbar/logo-art.svg') }}">
<img src="{{ url_for('static', filename='navbar/logo-text.svg') }}">
</div>
<div class="search">
<div class="search__input">
<div class="search__input-field">
<img src="{{ url_for('static', filename='navbar/search.svg') }}">
<input class="search_input" placeholder="Поиск">
</div>
<div class="search__dropdown-btn">
<img src="{{ url_for('static', filename='navbar/video-icon.svg') }}" width="33px" height="24px">
<img src="{{ url_for('static', filename='navbar/tray-icon.svg') }}">
</div>
</div>
<div class="search__rand-btn">
<img alt="" src="{{ url_for('static', filename='navbar/random-icon.svg') }}" width="20px" height="19px" style="flex-shrink: 0;">
</div>
</div>
</div>
<div class="categories">
<div class="categories__btn"><span class="H2">ВИДЕО</span><img src="{{ url_for('static', filename='navbar/lock.svg') }}"></div>
<div class="categories__btn"><span class="H2">ГИФКИ</span><img src="{{ url_for('static', filename='navbar/lock.svg') }}"></div>
<div class="categories__btn"><span class="H2">МАНГА</span></div>
<div class="categories__btn"><span class="H2">АРТЫ</span></div>
</div>
<div class="discord-icon-login-btn">
<img alt="" src="{{ url_for('static', filename='navbar/discord-icon.svg') }}">
<div class="login-btn">
<span class="Buttons2">ВОЙТИ</span>
</div>
</div>
</div>
<div class="subnav">
<div class="subnav__btn subnav__start H2 H2-subnav"><span>ТЕГИ</span><img src="{{ url_for('static', filename='navbar/lock.svg') }}"></div>
<div class="subnav__btn H2 H2-subnav"><span>КАТЕГОРИИ</span><img src="{{ url_for('static', filename='navbar/lock.svg') }}"></div>
<div class="subnav__btn H2 H2-subnav"><span>ПЕРСОНАЖИ</span><img src="{{ url_for('static', filename='navbar/lock.svg') }}"></div>
<div class="subnav__btn subnav__end H2 H2-subnav"><span>КОЛЛЕКЦИИ</span><img src="{{ url_for('static', filename='navbar/lock.svg') }}"></div>
</div>
</body>
</html>
<style>
:root {
--NewViolet: rgba(70, 65, 153, 1);
--Black: rgba(5, 4, 10, 1);
--White: rgba(255, 255, 255, 1);
--Light-Violet: rgba(135, 132, 201, 1);
}
body {
display: inline-flex;
flex-direction: column;
align-items: center;
background: var(--Black, #05040A);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 100%;
}
.subnav{
display: flex;
width: 1500px;
max-width: 1500px;
justify-content: space-between;
align-items: center;
}
.subnav__start{
border-radius: 5px 0px 0px 20px;
border-right: 1px solid var(--Light-Violet, #8784C9);
background: var(--NewViolet, #464199);
}
.subnav__end{
border-radius: 0px 5px 20px 0px;
border-left: 1px solid var(--Light-Violet, #8784C9);
background: var(--NewViolet, #464199);
}
.subnav__btn{
display: flex;
height: 50px;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
border-right: 1px solid var(--Light-Violet, #8784C9);
background: var(--NewViolet, #464199);
}
.header {
display: flex;
height: 170px;
padding: 0px 210px;
flex-direction: column;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.navbar {
display: flex;
width: 1500px;
max-width: 1500px;
padding: 30px 0px;
justify-content: space-between;
align-items: center;
}
.subnav {
display: flex;
width: 1500px;
max-width: 1500px;
justify-content: space-between;
align-items: center;
}
.logo-search-container {
display: flex;
min-width: 267px;
max-width: 732px;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
}
.logo-container {
display: flex;
padding-right: 40px;
align-items: center;
gap: 10px;
}
.search {
display: flex;
align-items: center;
gap: 15px;
flex: 1 0 0;
}
.search__input {
display: flex;
height: 60px;
min-width: 200px;
max-width: 385px;
padding: 15px;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
border-radius: 20px;
border: 2px solid var(--NewViolet, #464199);
}
.search__rand-btn {
display: flex;
height: 60px;
padding: 15px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px;
background: var(--NewViolet, #464199);
}
.search__input-field {
display: flex;
align-items: center;
gap: 5px;
flex: 1 0 0;
}
.search_input {
color: var(--Light-Violet, #8784C9);
width:100%;
font-family: Nunito;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.search_input::placeholder{
color: var(--Light-Violet, #8784C9);
opacity:1;
}
.search__dropdown-btn {
display: flex;
padding-left: 10px;
justify-content: center;
align-items: center;
gap: 5px;
}
.categories {
display: flex;
min-width: 300px;
max-width: 450px;
padding: 0px 10px;
justify-content: space-between;
align-items: center;
flex: 1 0 0;
}
.H2-subnav {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.H2 {
color: var(--White, #FFF);
font-family: Nunito;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.categories__btn {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.discord-icon-login-btn {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px;
}
.login-btn {
display: flex;
padding: 10px 15px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 20px;
background: var(--NewViolet, #464199);
}
.Buttons2 {
color: var(--White, #FFF);
font-family: Nunito;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
</style>

Binary file not shown.

View File

@ -0,0 +1 @@
{"python.locator":"native","python.analysis.usePullDiagnostics":true,"python.analysis.enableEditableInstalls":true,"chat.edits2.enabled":false}

Some files were not shown because too many files have changed in this diff Show More