63 lines
2.2 KiB
HTML
63 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
{% load static %}
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}{{ manga.original_title }}{% endblock %}</title>
|
|
<link rel="stylesheet" href="{% static 'css/manga_view.css' %}">
|
|
<!-- Меняем размер пикч -->
|
|
<style>
|
|
:root {
|
|
/* Масштабы */
|
|
--page-scale: 0.7; /* Для страниц манги */
|
|
/* Общие настройки */
|
|
--preview-scale: 0.9; /* Масштаб превью (0.5-1.5) */
|
|
--grid-columns: 7; /* Число столбцов */
|
|
--grid-gap: 10px; /* Фиксированный отступ (в пикселях) */
|
|
|
|
/* Базовые размеры превью (до масштабирования) */
|
|
--preview-base-width: 170px;
|
|
--preview-base-height: 240px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="main-container">
|
|
<!-- Хедер -->
|
|
<header class="navigation-box">
|
|
<ul>
|
|
<li class="breadcrumb">
|
|
<a href="/manga/111">Каталог</a>
|
|
<span>-</span>
|
|
<a href="/manga/111">{{ manga.original_title }}</a>
|
|
{% block page_title %}{% endblock %}
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
|
|
<!-- Основной контент -->
|
|
<main class="content-area">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<!-- Футер -->
|
|
<footer class="footer-navigation">
|
|
<div class="dropdown-box">
|
|
<select id="page-selector" onchange="changePage(this)">
|
|
{% block page_options %}{% endblock %}
|
|
</select>
|
|
</div>
|
|
<div class="page-buttons">
|
|
{% block page_buttons %}{% endblock %}
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script>
|
|
function changePage(select) {
|
|
window.location.href = select.value;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |