Zein/hentai_manga_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0_0_1

Browse Source
This commit is contained in:
Vinejar
2025-03-30 03:51:35 +03:00
parent 9d4585f573
commit c634edd56d
3 changed files with 50 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
templates/manga_view.html
View File

@@ -5,16 +5,26 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ manga.original_title }}</title> <title>{{ manga.original_title }}</title>
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'css/manga_view.css' %}">
<script src="{% static 'js/script.js' %}" defer></script> <script src="{% static 'js/manga_view.js' %}" defer></script>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>{{ manga.original_title }}</h1>
<!-- Основной контейнер для контента --> <!-- Основной контейнер для контента -->
<div class="content-wrapper"> <div class="content-wrapper">
<div class="chapter">
<ul style="display: block">
<li class="breadcrumb">
<a href="/manga/111">Каталог</a>
<span>-</span>
<a href="/manga/111">{{ manga.original_title }}</a>
</li>
</ul>
</div>
<!-- Бокс с изображением --> <!-- Бокс с изображением -->
<div class="image-box" id="imageBox"> <div class="image-box" id="imageBox">
<img id="mangaImage" src="" alt="Страница"> <img id="mangaImage" src="" alt="Страница">
@@ -32,7 +42,7 @@
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
</div>
<!-- Выпадающий список страниц --> <!-- Выпадающий список страниц -->
<div class="page postload"> <div class="page postload">
@@ -45,5 +55,8 @@
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>

28
templates/static/css/style.css → templates/static/css/manga_view.css
View File

@@ -1,7 +1,13 @@
/* Основные стили */ /* Основные стили */
.content-wrapper { .centered-box {
position: relative; width: 800px;
min-height: 500px; margin: 0 auto; /* Автоматические отступы по бокам */
background: #f0f0f0;
padding: 20px;
align-content: center;
}
.centered-box > *{
margin: 10px 15px;
} }
.image-box { .image-box {
@@ -24,7 +30,7 @@
.manga-grid { .manga-grid {
display: grid; display: grid;
grid-template-columns: repeat(6, 102px); grid-template-columns: repeat(9, 102px);
gap: 10px; gap: 10px;
justify-content: center; justify-content: center;
margin: 0 auto; margin: 0 auto;
@@ -53,6 +59,20 @@
transform: scale(1.05); transform: scale(1.05);
} }
.breadcrumb {
font-weight: bold;
list-style: none;
text-decoration: none;
}
li.breadcrumb > a {
text-decoration: none !important;
color: green;
}
/* Адаптивность */ /* Адаптивность */
@media (max-width: 768px) { @media (max-width: 768px) {
.manga-grid { .manga-grid {

0
templates/static/js/script.js → templates/static/js/manga_view.js
View File