Жесткое ревью кода
This commit is contained in:
parent
0551e1bf1e
commit
85304dbe24
217
admin.html
217
admin.html
@ -1,101 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<script
|
||||
type="module"
|
||||
src="./node_modules/bootstrap/dist/js/bootstrap.min.js"
|
||||
></script>
|
||||
<link
|
||||
href="./node_modules/bootstrap/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./static/css/base.css" />
|
||||
<link rel="stylesheet" href="./static/css/admin.css" />
|
||||
<title>Админка</title>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="./static/images/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./static/css/base.css">
|
||||
<link rel="stylesheet" href="./static/css/admin.css">
|
||||
<title>LiveCinema</title>
|
||||
</head>
|
||||
<body class="d-flex flex-column min-vh-100">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img
|
||||
src="./static/images/logo-livecinema-small.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block"
|
||||
/>
|
||||
LiveCinema
|
||||
</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div
|
||||
class="collapse navbar-collapse justify-content-end"
|
||||
id="navbarNavDropdown"
|
||||
>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="index.html">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex-fill d-flex flex-column px-1 px-md-2">
|
||||
<div class="control-group py-2">
|
||||
<button id="items-add" class="btn btn-light">
|
||||
Добавить фильм (диалог)
|
||||
</button>
|
||||
</div>
|
||||
<table
|
||||
class="table table-sm table-responsive table-bordered border-primary table-hover"
|
||||
id="table"
|
||||
>
|
||||
<div class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">№</th>
|
||||
<th scope="col">Название</th>
|
||||
<th scope="col">Жанр</th>
|
||||
<th scope="col" class="text-center">
|
||||
<span class="d-none d-sm-block"> Логлайн </span
|
||||
><i class="bi bi-clock-history d-block d-sm-none"></i>
|
||||
</th>
|
||||
<th scope="col" class="text-center">
|
||||
<span class="d-none d-sm-block"> Длительность </span
|
||||
><i class="bi bi-clock-history d-block d-sm-none"></i>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Постучись в мою дверь</td>
|
||||
<td>Драма</td>
|
||||
<td>
|
||||
Это какой-то очередной слезливый сериал про великую любовь и
|
||||
Серкана Болата
|
||||
</td>
|
||||
<td>2:03</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</div>
|
||||
</table>
|
||||
</main>
|
||||
|
||||
<body class="d-flex flex-column min-vh-100">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img src="./static/img/logo_livecinema.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block">
|
||||
LiveCinema
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="index.html">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex-fill d-flex flex-column px-1 px-md-2">
|
||||
<div class="control-group py-2">
|
||||
<button id="items-add" class="btn btn-light">Добавить фильм (диалог)</button>
|
||||
</div>
|
||||
<table class="table table-sm table-responsive table-bordered border-primary table-hover" id="table">
|
||||
<div class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">№</th>
|
||||
<th scope="col">Название</th>
|
||||
<th scope="col">Жанр</th>
|
||||
<th scope="col" class="text-center">
|
||||
<span class="d-none d-sm-block">
|
||||
Логлайн
|
||||
</span><i class="bi bi-clock-history d-block d-sm-none"></i>
|
||||
</th>
|
||||
<th scope="col" class="text-center">
|
||||
<span class="d-none d-sm-block">
|
||||
Длительность
|
||||
</span><i class="bi bi-clock-history d-block d-sm-none"></i>
|
||||
</th>
|
||||
<footer class="container-fluid py-1">
|
||||
<span> © 2023, Live Cinema. All rights reserved. </span>
|
||||
</footer>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Постучись в мою дверь</td>
|
||||
<td>Драма</td>
|
||||
<td>Это какой-то очередной слезливый сериал про великую любовь и Серкана Болата</td>
|
||||
<td>2:03</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</div>
|
||||
|
||||
</table>
|
||||
</main>
|
||||
|
||||
<footer class="container-fluid py-1">
|
||||
<span>
|
||||
© 2023, Live Cinema. All rights reserved.
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="./static/js/admin.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script type="module" src="./static/js/admin.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,241 +1,396 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<script
|
||||
type="module"
|
||||
src="./node_modules/bootstrap/dist/js/bootstrap.min.js"
|
||||
></script>
|
||||
<link
|
||||
href="./node_modules/bootstrap/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./static/css/base.css" />
|
||||
<link rel="stylesheet" href="./static/css/caregoryfilm.css" />
|
||||
<title>LiveCinema</title>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="./static/images/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./static/css/base.css">
|
||||
<!-- <link rel="stylesheet" href="./static/css/catalog.css"> -->
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img
|
||||
src="./static/images/logo-livecinema-small.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block"
|
||||
/>
|
||||
LiveCinema
|
||||
</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div
|
||||
class="collapse navbar-collapse justify-content-end"
|
||||
id="navbarNavDropdown"
|
||||
>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<link rel="stylesheet" href="./static/css/caregoryfilm.css">
|
||||
<title>LiveCinema</title>
|
||||
</head>
|
||||
<main class="flex-fill d-flex justify-content-center">
|
||||
<div
|
||||
class="content d-flex w-100 flex-column justify-content-around mb-5"
|
||||
id="films"
|
||||
>
|
||||
<div
|
||||
class="categories-row d-flex flex-column flex-md-row justify-content-around mt-5 mb-5"
|
||||
>
|
||||
<div
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
>
|
||||
<img
|
||||
src="./static/img/img2.webp"
|
||||
class="img-fluid rounded-3"
|
||||
id="img1"
|
||||
/>
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-heart"
|
||||
viewBox="0 0 16 16"
|
||||
id="heart-icons"
|
||||
>
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-clock-history"
|
||||
viewBox="0 0 16 16"
|
||||
id="time-icons"
|
||||
>
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"
|
||||
/>
|
||||
<path
|
||||
d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"
|
||||
/>
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю
|
||||
информацию чуть позже, когда будет в процессе приготовления 3
|
||||
лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img src="./static/img/logo_livecinema.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block">
|
||||
LiveCinema
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
>
|
||||
<img src="./static/img/img2.webp" class="rounded-3" />
|
||||
|
||||
<main class="flex-fill d-flex justify-content-center">
|
||||
<div class="content d-flex w-100 flex-column justify-content-around mb-5" id="films">
|
||||
<!-- <img onmouseover="imgText_Visible()" src="./static/img/img2.webp" class="rounded-3"> -->
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-heart"
|
||||
viewBox="0 0 16 16"
|
||||
id="heart-icons"
|
||||
>
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-clock-history"
|
||||
viewBox="0 0 16 16"
|
||||
id="time-icons"
|
||||
>
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"
|
||||
/>
|
||||
<path
|
||||
d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"
|
||||
/>
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Комедия</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю
|
||||
информацию чуть позже, когда будет в процессе приготовления 3
|
||||
лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="categories-row d-flex flex-column flex-md-row justify-content-around mt-5 mb-5">
|
||||
<div class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0">
|
||||
<div
|
||||
class="categories-row d-flex flex-column flex-md-row justify-content-around mt-5"
|
||||
>
|
||||
<div
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
>
|
||||
<img src="./static/img/img2.webp" class="rounded-3" />
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-heart"
|
||||
viewBox="0 0 16 16"
|
||||
id="heart-icons"
|
||||
>
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-clock-history"
|
||||
viewBox="0 0 16 16"
|
||||
id="time-icons"
|
||||
>
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"
|
||||
/>
|
||||
<path
|
||||
d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"
|
||||
/>
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Драма</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю
|
||||
информацию чуть позже, когда будет в процессе приготовления 3
|
||||
лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
>
|
||||
<img src="./static/img/img2.webp" class="rounded-3" />
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-heart"
|
||||
viewBox="0 0 16 16"
|
||||
id="heart-icons"
|
||||
>
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-clock-history"
|
||||
viewBox="0 0 16 16"
|
||||
id="time-icons"
|
||||
>
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"
|
||||
/>
|
||||
<path
|
||||
d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"
|
||||
/>
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Комедия</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю
|
||||
информацию чуть позже, когда будет в процессе приготовления 3
|
||||
лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<img src="./static/img/img2.webp" class="img-fluid rounded-3" id="img1">
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<div
|
||||
class="categories-row d-flex flex-column flex-md-row justify-content-around mt-5"
|
||||
>
|
||||
<div
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
>
|
||||
<img src="./static/img/img2.webp" class="rounded-3" />
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-heart"
|
||||
viewBox="0 0 16 16"
|
||||
id="heart-icons"
|
||||
>
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-clock-history"
|
||||
viewBox="0 0 16 16"
|
||||
id="time-icons"
|
||||
>
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"
|
||||
/>
|
||||
<path
|
||||
d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"
|
||||
/>
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Драма</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю
|
||||
информацию чуть позже, когда будет в процессе приготовления 3
|
||||
лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
>
|
||||
<img src="./static/img/img2.webp" class="rounded-3" />
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-heart"
|
||||
viewBox="0 0 16 16"
|
||||
id="heart-icons"
|
||||
>
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="currentColor"
|
||||
class="bi bi-clock-history"
|
||||
viewBox="0 0 16 16"
|
||||
id="time-icons"
|
||||
>
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"
|
||||
/>
|
||||
<path
|
||||
d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"
|
||||
/>
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Комедия</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю
|
||||
информацию чуть позже, когда будет в процессе приготовления 3
|
||||
лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid py-1">
|
||||
<span> © 2023 LiveCinema Бакальская Е. Д. </span>
|
||||
</footer>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-heart" viewBox="0 0 16 16" id="heart-icons">
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-clock-history" viewBox="0 0 16 16" id="time-icons">
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
|
||||
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю информацию чуть позже, когда будет в
|
||||
процессе приготовления 3 лаба...
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0">
|
||||
<img src="./static/img/img2.webp" class="rounded-3">
|
||||
|
||||
<!-- <img onmouseover="imgText_Visible()" src="./static/img/img2.webp" class="rounded-3"> -->
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-heart" viewBox="0 0 16 16" id="heart-icons">
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-clock-history" viewBox="0 0 16 16" id="time-icons">
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
|
||||
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Комедия</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю информацию чуть позже, когда будет в
|
||||
процессе приготовления 3 лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="categories-row d-flex flex-column flex-md-row justify-content-around mt-5">
|
||||
<div class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0">
|
||||
<img src="./static/img/img2.webp" class="rounded-3">
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-heart" viewBox="0 0 16 16" id="heart-icons">
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-clock-history" viewBox="0 0 16 16" id="time-icons">
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
|
||||
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Драма</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю информацию чуть позже, когда будет в
|
||||
процессе приготовления 3 лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0">
|
||||
<img src="./static/img/img2.webp" class="rounded-3">
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-heart" viewBox="0 0 16 16" id="heart-icons">
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-clock-history" viewBox="0 0 16 16" id="time-icons">
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
|
||||
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Комедия</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю информацию чуть позже, когда будет в
|
||||
процессе приготовления 3 лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="categories-row d-flex flex-column flex-md-row justify-content-around mt-5">
|
||||
<div class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0">
|
||||
<img src="./static/img/img2.webp" class="rounded-3">
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-heart" viewBox="0 0 16 16" id="heart-icons">
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-clock-history" viewBox="0 0 16 16" id="time-icons">
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
|
||||
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Драма</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю информацию чуть позже, когда будет в
|
||||
процессе приготовления 3 лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0">
|
||||
<img src="./static/img/img2.webp" class="rounded-3">
|
||||
<div class="icons w-50 d-flex justify-content-around mt-1 mb-1">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-heart" viewBox="0 0 16 16" id="heart-icons">
|
||||
<path
|
||||
d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
|
||||
class="bi bi-clock-history" viewBox="0 0 16 16" id="time-icons">
|
||||
<path
|
||||
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z" />
|
||||
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z" />
|
||||
<path
|
||||
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<!-- <span class="category-name text-center mt-2">Комедия</span> -->
|
||||
<div class="tooltip-content text-center w-50">
|
||||
<p>
|
||||
Некая информация об этом фильме. Вы сможете узнать всю информацию чуть позже, когда будет в
|
||||
процессе приготовления 3 лаба...
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid py-1">
|
||||
<span>
|
||||
© 2023 LiveCinema Бакальская Е. Д.
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="./static/js/categoryfilm.js">
|
||||
// var newImg = document.getElementById("img1").src = "./static/img/11.jpeg";
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script type="module" src="./static/js/categoryfilm.js">
|
||||
// var newImg = document.getElementById("img1").src = "./static/img/11.jpeg";
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
199
data.json
199
data.json
@ -2,226 +2,59 @@
|
||||
"categories": [
|
||||
{
|
||||
"id": 1,
|
||||
"title": "Драма",
|
||||
"name": "Драма",
|
||||
"img": "./static/img/img1.webp"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"title": "Комедия",
|
||||
"name": "Комедия",
|
||||
"img": "./static/img/img2.webp"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"title": "Боевик",
|
||||
"name": "Боевик",
|
||||
"img": "./static/img/img3.webp"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"title": "Триллер",
|
||||
"name": "Триллер",
|
||||
"img": "./static/img/img4.webp"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"title": "Фантастика",
|
||||
"name": "Фантастика",
|
||||
"img": "./static/img/img5.webp"
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"title": "Детектив",
|
||||
"name": "Детектив",
|
||||
"img": "./static/img/img6.webp"
|
||||
}
|
||||
],
|
||||
"drama": [
|
||||
{
|
||||
"id": 1,
|
||||
"title": "Драма",
|
||||
"img": "./static/images-genres/drama/img1.jpg"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"title": "Драма",
|
||||
"img": "./static/images-genres/drama/img2.jpg"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"title": "Драма",
|
||||
"img": "./static/images-genres/drama/img3.jpg"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"title": "Драма",
|
||||
"img": "./static/images-genres/drama/img4.jpg"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"title": "Драма",
|
||||
"img": "./static/images-genres/drama/img6.jpg"
|
||||
}
|
||||
],
|
||||
"comedy": [
|
||||
{
|
||||
"id": 1,
|
||||
"title": "Комедия",
|
||||
"img": "./static/images-genres/comedy/img1.jpg"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"title": "Комедия",
|
||||
"img": "./static/images-genres/comedy/img2.jpg"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"title": "Комедия",
|
||||
"img": "./static/images-genres/comedy/img3.jpg"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"title": "Комедия",
|
||||
"img": "./static/images-genres/comedy/img4.jpg"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"title": "Комедия",
|
||||
"img": "./static/images-genres/comedy/img6.jpg"
|
||||
}
|
||||
],
|
||||
"warfilm": [
|
||||
{
|
||||
"id": 1,
|
||||
"title": "Боевик",
|
||||
"img": "./static/images-genres/warfilms/img1.jpg"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"title": "Боевик",
|
||||
"img": "./static/images-genres/warfilms/img2.webp"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"title": "Боевик",
|
||||
"img": "./static/images-genres/warfilms/img3.jpeg"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"title": "Боевик",
|
||||
"img": "./static/images-genres/warfilms/img4.jpg"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"title": "Боевик",
|
||||
"img": "./static/images-genres/warfilms/img5.jpeg"
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"title": "Боевик",
|
||||
"img": "./static/images-genres/warfilms/img6.jpeg"
|
||||
}
|
||||
],
|
||||
"triller": [
|
||||
{
|
||||
"id": 1,
|
||||
"title": "Триллер",
|
||||
"img": "./static/images-genres/triller/img1.jpeg"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"title": "Триллер",
|
||||
"img": "./static/images-genres/triller/img2.jpg"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"title": "Триллер",
|
||||
"img": "./static/images-genres/triller/img3.jpg"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"title": "Триллер",
|
||||
"img": "./static/images-genres/triller/img4.jpg"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"title": "Триллер",
|
||||
"img": "./static/images-genres/triller/img5.jpg"
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"title": "Триллер",
|
||||
"img": "./static/images-genres/triller/img6.jpg"
|
||||
}
|
||||
],
|
||||
"detective": [
|
||||
{
|
||||
"id": 1,
|
||||
"title": "Детектив",
|
||||
"img": "./static/images-genres/detective/img1.jpeg"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"title": "Детектив",
|
||||
"img": "./static/images-genres/detective/img2.jpg"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"title": "Детектив",
|
||||
"img": "./static/images-genres/detective/img3.jpуg"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"title": "Детектив",
|
||||
"img": "./static/images-genres/detective/img4.jpg"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"title": "Детектив",
|
||||
"img": "./static/images-genres/detective/img5.jpg"
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"title": "Детектив",
|
||||
"img": "./static/images-genres/detective/img6.jpg"
|
||||
}
|
||||
],
|
||||
"lines": [
|
||||
{
|
||||
"itemsID": "1",
|
||||
"logline": "Романтическая комедия",
|
||||
"img": "",
|
||||
"time": "2:03"
|
||||
},
|
||||
{
|
||||
"itemsID": "2",
|
||||
"logline": "Фильм о Великой Отечественной Войне",
|
||||
"img": "",
|
||||
"time": "2:40"
|
||||
},
|
||||
{
|
||||
"itemsID": "3",
|
||||
"logline": "Мультфильм-мюзикл",
|
||||
"img": "",
|
||||
"time": "2:03"
|
||||
}
|
||||
],
|
||||
"movies": [
|
||||
{
|
||||
"id": 1,
|
||||
"name": "Постучись в мою дверь",
|
||||
"categoryId": 1,
|
||||
"logline": "Какой-то очередной романтический фильм, где ктко-то кого-то любит, а кто-то нет, грустно :(",
|
||||
"time": "2:03"
|
||||
"desc": "Какой-то очередной романтический фильм, где ктко-то кого-то любит, а кто-то нет, грустно :(",
|
||||
"duration": "2:03",
|
||||
"img": "https://placehold.co/160x230/png"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"name": "А зори здесь тихие",
|
||||
"categoryId": 2,
|
||||
"logline": "Фильм про войну, здесь больше нечего сказать",
|
||||
"time": "2:54"
|
||||
"desc": "Фильм про войну, здесь больше нечего сказать",
|
||||
"duration": "2:54",
|
||||
"img": "https://placehold.co/160x230/png"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"name": "Леди Баг и Супер Кот",
|
||||
"categoryId": 1,
|
||||
"logline": "Божья коровка и кот пытаются найти друг друга и спасают мир от бабочек",
|
||||
"time": "1:03"
|
||||
"desc": "Божья коровка и кот пытаются найти друг друга и спасают мир от бабочек",
|
||||
"duration": "1:03",
|
||||
"img": "https://placehold.co/160x230/png"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
260
index.html
260
index.html
@ -1,109 +1,159 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<script
|
||||
type="module"
|
||||
src="./node_modules/bootstrap/dist/js/bootstrap.min.js"
|
||||
></script>
|
||||
<link
|
||||
href="./node_modules/bootstrap/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./static/css/base.css" />
|
||||
<link rel="stylesheet" href="./static/css/index.css" />
|
||||
<title>Главная</title>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="./static/images/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./static/css/base.css">
|
||||
<link rel="stylesheet" href="./static/css/index.css">
|
||||
<title>LiveCinema</title>
|
||||
</head>
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img
|
||||
src="./static/images/logo-livecinema-small.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block"
|
||||
/>
|
||||
LiveCinema
|
||||
</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div
|
||||
class="collapse navbar-collapse justify-content-end"
|
||||
id="navbarNavDropdown"
|
||||
>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="index.html">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex-fill d-flex justify-content-center">
|
||||
<div class="page flex-fill d-flex flex-column" id="main-page">
|
||||
<div class="row flex-fill">
|
||||
<div
|
||||
class="col d-none d-md-flex flex-column justify-content-around align-items-center"
|
||||
>
|
||||
<img
|
||||
src="./static/images/barbie-smeetsya.jpg"
|
||||
class="w-75 img-fluid rounded-5"
|
||||
/>
|
||||
<img
|
||||
src="./static/images/barbie-i-monogo-kenov.webp"
|
||||
class="w-75 img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="promo-text-block col d-flex flex-column justify-content-around align-content-center"
|
||||
>
|
||||
<span class="text-center promo-top"> Кино месяца </span>
|
||||
<span class="text-center promo-middle"> Barbie </span>
|
||||
<span class="text-center promo-bottom">
|
||||
Марго Роби и Райан Гослинг
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="col d-none d-md-flex flex-column justify-content-around align-items-center"
|
||||
>
|
||||
<img
|
||||
src="./static/images/barbie-v-zerkale.jpg"
|
||||
class="w-75 img-fluid rounded-5"
|
||||
/>
|
||||
<img
|
||||
src="./static/images/barbie-i-barbieland.jpg"
|
||||
class="w-75 img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img src="./static/img/logo_livecinema.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block">
|
||||
LiveCinema
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="index.html">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex-fill d-flex justify-content-center">
|
||||
<div class="page flex-fill d-flex flex-column" id="main-page">
|
||||
<div class="row flex-fill">
|
||||
<div class="col d-none d-md-flex flex-column justify-content-around align-items-center">
|
||||
<img src="./static/img/frame1.jpg" class="w-75 img-fluid rounded-5">
|
||||
<img src="./static/img/frame2.webp" class="w-75 img-fluid rounded-5">
|
||||
</div>
|
||||
<div class="promo-text-block col d-flex flex-column justify-content-around align-content-center">
|
||||
<span class="text-center promo-top">
|
||||
Кино месяца
|
||||
</span>
|
||||
<span class="text-center promo-middle">
|
||||
Barbie
|
||||
</span>
|
||||
<span class="text-center promo-bottom">
|
||||
Марго Роби и Райан Гослинг
|
||||
</span>
|
||||
</div>
|
||||
<div class="col d-none d-md-flex flex-column justify-content-around align-items-center">
|
||||
<img src="./static/img/frame3.jpg" class="w-75 img-fluid rounded-5">
|
||||
<img src="./static/img/frame4.jpg" class="w-75 img-fluid rounded-5">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="carouselExample" class="carousel slide d-block d-md-none">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="./static/img/frame1.jpg" class="d-block w-100">
|
||||
</div>
|
||||
<div class="carousel-item active">
|
||||
<img src="./static/img/frame2.webp" class="d-block w-100">
|
||||
</div>
|
||||
<div class="carousel-item active">
|
||||
<img src="./static/img/frame3.jpg" class="d-block w-100">
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample"
|
||||
data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample"
|
||||
data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<div id="carouselExample" class="carousel slide d-block d-md-none">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img
|
||||
src="./static/images/barbie-smeetsya.jpg"
|
||||
class="d-block w-100"
|
||||
/>
|
||||
</div>
|
||||
<div class="carousel-item active">
|
||||
<img
|
||||
src="./static/images/barbie-i-monogo-kenov.webp"
|
||||
class="d-block w-100"
|
||||
/>
|
||||
</div>
|
||||
<div class="carousel-item active">
|
||||
<img
|
||||
src="./static/images/barbie-v-zerkale.jpg"
|
||||
class="d-block w-100"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
class="carousel-control-prev"
|
||||
type="button"
|
||||
data-bs-target="#carouselExample"
|
||||
data-bs-slide="prev"
|
||||
>
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button
|
||||
class="carousel-control-next"
|
||||
type="button"
|
||||
data-bs-target="#carouselExample"
|
||||
data-bs-slide="next"
|
||||
>
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
199
into.html
199
into.html
@ -1,83 +1,119 @@
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<script
|
||||
type="module"
|
||||
src="./node_modules/bootstrap/dist/js/bootstrap.min.js"
|
||||
></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="./node_modules/bootstrap/dist/css/bootstrap.min.css"
|
||||
/>
|
||||
<link
|
||||
rel="./node_modules/@fortawesome/fontawesome-free/css/all.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./static/css/base.css" />
|
||||
<link rel="stylesheet" href="./static/css/into.css" />
|
||||
<title>LiveCinema</title>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="./static/images/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LiveCinema</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
|
||||
<link rel="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./static/css/base.css">
|
||||
<link rel="stylesheet" href="./static/css/into.css">
|
||||
</head>
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img
|
||||
src="./static/images/logo-livecinema-small.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block"
|
||||
/>
|
||||
LiveCinema
|
||||
</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div
|
||||
class="collapse navbar-collapse justify-content-end"
|
||||
id="navbarNavDropdown"
|
||||
>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img src="./static/img/logo_livecinema.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block">
|
||||
LiveCinema
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex-fill d-flex" id="main-page">
|
||||
<div
|
||||
class="container d-flex flex-column justify-content-around align-items-center"
|
||||
>
|
||||
<p
|
||||
class="mt-4 d-flex flex-column align-items-center align-content-center"
|
||||
>
|
||||
Имя пользователя / электронная почта
|
||||
</p>
|
||||
<div class="mb-2 w-50">
|
||||
<input
|
||||
id="username"
|
||||
class="form-control"
|
||||
placeholder="Имя пользователя / Эл. Почта"
|
||||
type="text"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<p class="d-flex flex-column align-items-center">Пароль</p>
|
||||
<div class="mb-2 w-50">
|
||||
<input
|
||||
id="password"
|
||||
class="form-control"
|
||||
placeholder="Пароль"
|
||||
type="text"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<main class="flex-fill d-flex" id="main-page">
|
||||
<div class="mt-4 h-25 d-flex flex-column justify-content-center mb-4">
|
||||
<a href="lk.html"
|
||||
><button type="button" class="btn btn-light">Войти</button></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div class="container d-flex flex-column justify-content-around align-items-center">
|
||||
|
||||
<p class="mt-4 d-flex flex-column align-items-center align-content-center">
|
||||
Имя пользователя / электронная почта
|
||||
</p>
|
||||
<div class="mb-2 w-50">
|
||||
<input id="username" class="form-control" placeholder="Имя пользователя / Эл. Почта" type="text"
|
||||
required>
|
||||
</div>
|
||||
|
||||
<p class="d-flex flex-column align-items-center">
|
||||
Пароль
|
||||
</p>
|
||||
<div class="mb-2 w-50">
|
||||
<input id="password" class="form-control" placeholder="Пароль" type="text" required>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 h-25 d-flex flex-column justify-content-center mb-4">
|
||||
<a href="lk.html"><button type="button" class="btn btn-light">Войти</button></a>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- <main class="flex-fill d-flex" id="main-page">
|
||||
<!-- <main class="flex-fill d-flex" id="main-page">
|
||||
<div class="container d-flex flex-column justify-content-around align-items-center h-100">
|
||||
<div class="h-25 d-flex flex-column align-items-center justify-content-around w-100">
|
||||
<p class="row d-flex flex-column align-items-center">
|
||||
@ -99,14 +135,11 @@
|
||||
</div>
|
||||
</main> -->
|
||||
|
||||
|
||||
|
||||
<!-- <footer class="footer mt-auto justify-content-start align-items-end">
|
||||
<!-- <footer class="footer mt-auto justify-content-start align-items-end">
|
||||
2023, Live Cinema. All rights reserved.
|
||||
</footer> -->
|
||||
<footer class="container-fluid py-1 sticky-bottom">
|
||||
<span>
|
||||
© 2023, Live Cinema. All rights reserved.
|
||||
</span>
|
||||
</footer>
|
||||
</body>
|
||||
<footer class="container-fluid py-1 sticky-bottom">
|
||||
<span> © 2023, Live Cinema. All rights reserved. </span>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
377
katalog.html
377
katalog.html
@ -1,153 +1,238 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<script
|
||||
type="module"
|
||||
src="./node_modules/bootstrap/dist/js/bootstrap.min.js"
|
||||
></script>
|
||||
<link
|
||||
href="./node_modules/bootstrap/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./static/css/base.css" />
|
||||
<link rel="stylesheet" href="./static/css/catalog.css" />
|
||||
<title>Каталог</title>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="./static/images/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./static/css/base.css">
|
||||
<link rel="stylesheet" href="./static/css/catalog.css">
|
||||
<title>LiveCinema</title>
|
||||
</head>
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img
|
||||
src="./static/images/logo-livecinema-small.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block"
|
||||
/>
|
||||
LiveCinema
|
||||
</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div
|
||||
class="collapse navbar-collapse justify-content-end"
|
||||
id="navbarNavDropdown"
|
||||
>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img src="./static/img/logo_livecinema.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block">
|
||||
LiveCinema
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex-fill d-flex justify-content-center">
|
||||
<div
|
||||
class="content d-flex flex-column justify-content-around"
|
||||
id="content"
|
||||
>
|
||||
<div
|
||||
class="categories-row d-flex flex-column flex-md-row justify-content-around mt-5"
|
||||
>
|
||||
<a
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html"
|
||||
>
|
||||
<img src="./static/img/img1.webp" class="rounded-3" />
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
<a
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html"
|
||||
>
|
||||
<img src="./static/img/img1.webp" class="rounded-3" />
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
<a
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html"
|
||||
>
|
||||
<img src="./static/img/img1.webp" class="rounded-3" />
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="categories-row d-flex flex-column flex-md-row justify-content-around mt-0 mt-md-5"
|
||||
>
|
||||
<a
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html"
|
||||
>
|
||||
<img src="./static/img/img1.webp" class="rounded-3" />
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
<a
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html"
|
||||
>
|
||||
<img src="./static/img/img1.webp" class="rounded-3" />
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
<a
|
||||
class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html"
|
||||
>
|
||||
<img src="./static/img/img1.webp" class="rounded-3" />
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<main class="flex-fill d-flex justify-content-center">
|
||||
<div class="content d-flex flex-column justify-content-around" id="content">
|
||||
<div class="categories-row d-flex flex-column flex-md-row justify-content-around mt-5">
|
||||
<a class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html">
|
||||
<img src="./static/img/img1.webp" class="rounded-3">
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
<a class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html">
|
||||
<img src="./static/img/img1.webp" class="rounded-3">
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
<a class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html">
|
||||
<img src="./static/img/img1.webp" class="rounded-3">
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="premiers-row d-flex justify-content-center my-5">
|
||||
<div id="carouselExampleCaptions" class="carousel slide w-100">
|
||||
<div class="carousel-indicators">
|
||||
<button
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide-to="0"
|
||||
class="active"
|
||||
aria-current="true"
|
||||
aria-label="Slide 1"
|
||||
></button>
|
||||
<button
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide-to="1"
|
||||
aria-label="Slide 2"
|
||||
></button>
|
||||
<button
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide-to="2"
|
||||
aria-label="Slide 3"
|
||||
></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img
|
||||
src="./static/img/img11.webp"
|
||||
class="d-block w-100"
|
||||
alt="..."
|
||||
/>
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5>После навсегда</h5>
|
||||
<p>
|
||||
Хардин едет в Португалию, чтобы вернуть Тессу и утраченное
|
||||
вдохновение. Финальная часть романтической саги
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
src="./static/img/img12.webp"
|
||||
class="d-block w-100"
|
||||
alt="..."
|
||||
/>
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5>Посредники</h5>
|
||||
<p>
|
||||
Мать в компании двух мошенников ищет приемную семью для
|
||||
своего ребенка. Драма режиссера «Магазинных воришек»
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img
|
||||
src="./static/img/img13.webp"
|
||||
class="d-block w-100"
|
||||
alt="..."
|
||||
/>
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5>Королевский корги</h5>
|
||||
<p>
|
||||
Коротколапый любимец британской короны попадает в приют.
|
||||
Мультфильм о собачках, где есть Елизавета II и Трамп
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button
|
||||
class="carousel-control-prev"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide="prev"
|
||||
>
|
||||
<span
|
||||
class="carousel-control-prev-icon"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button
|
||||
class="carousel-control-next"
|
||||
type="button"
|
||||
data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide="next"
|
||||
>
|
||||
<span
|
||||
class="carousel-control-next-icon"
|
||||
aria-hidden="true"
|
||||
></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid py-1">
|
||||
<span> © 2023 LiveCinema Бакальская Е. Д. </span>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
<div class="categories-row d-flex flex-column flex-md-row justify-content-around mt-0 mt-md-5">
|
||||
<a class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html">
|
||||
<img src="./static/img/img1.webp" class="rounded-3">
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
<a class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html">
|
||||
<img src="./static/img/img1.webp" class="rounded-3">
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
<a class="category-card d-flex flex-column justify-content-center align-items-center mb-5 mb-md-0"
|
||||
href="/categoryfilm.html">
|
||||
<img src="./static/img/img1.webp" class="rounded-3">
|
||||
<span class="category-name text-center mt-2">Драма</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="premiers-row d-flex justify-content-center my-5">
|
||||
<div id="carouselExampleCaptions" class="carousel slide w-100">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0"
|
||||
class="active" aria-current="true" aria-label="Slide 1"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
|
||||
aria-label="Slide 2"></button>
|
||||
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
|
||||
aria-label="Slide 3"></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="./static/img/img11.webp" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5>После навсегда</h5>
|
||||
<p>Хардин едет в Португалию, чтобы вернуть Тессу и утраченное вдохновение. Финальная
|
||||
часть романтической саги</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="./static/img/img12.webp" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5>Посредники</h5>
|
||||
<p>Мать в компании двух мошенников ищет приемную семью для своего ребенка. Драма
|
||||
режиссера «Магазинных воришек»</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="./static/img/img13.webp" class="d-block w-100" alt="...">
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h5>Королевский корги</h5>
|
||||
<p>Коротколапый любимец британской короны попадает в приют. Мультфильм о собачках, где
|
||||
есть Елизавета II и Трамп</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
|
||||
data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid py-1">
|
||||
<span>
|
||||
© 2023 LiveCinema Бакальская Е. Д.
|
||||
</span>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
<script type="module" src="./static/js/katalog.js"></script>
|
||||
|
||||
</html>
|
||||
<script type="module" src="./static/js/katalog.js"></script>
|
||||
</html>
|
||||
|
||||
357
lk.html
357
lk.html
@ -1,157 +1,234 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<script
|
||||
type="module"
|
||||
src="./node_modules/bootstrap/dist/js/bootstrap.min.js"
|
||||
></script>
|
||||
<link
|
||||
href="./node_modules/bootstrap/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link
|
||||
href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./static/css/base.css" />
|
||||
<link rel="stylesheet" href="./static/css/lk.css" />
|
||||
<title>Профиль</title>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="./static/images/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./static/css/base.css">
|
||||
<link rel="stylesheet" href="./static/css/lk.css">
|
||||
<!-- <link rel="stylesheet" href="./static/css/lk2.css"> -->
|
||||
<title>LiveCinema</title>
|
||||
</head>
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img
|
||||
src="./static/images/logo-livecinema-small.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block"
|
||||
/>
|
||||
LiveCinema
|
||||
</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div
|
||||
class="collapse navbar-collapse justify-content-end"
|
||||
id="navbarNavDropdown"
|
||||
>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img src="./static/img/logo_livecinema.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block">
|
||||
LiveCinema
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="flex-fill d-flex justify-content-center">
|
||||
<div class="container-fluid d-flex flex-column justify-content-around">
|
||||
<div
|
||||
class="title-category d-flex flex-row justify-content-around align-items-center mt-5"
|
||||
>
|
||||
<span class="text-center"> Избранное </span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-container d-flex flex-column flex-md-row justify-content-around mt-3 mb-3"
|
||||
>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<main class="flex-fill d-flex justify-content-center">
|
||||
<div class="container-fluid d-flex flex-column justify-content-around">
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="title-category d-flex flex-row justify-content-around align-items-center mt-5">
|
||||
<span class="text-center">
|
||||
Избранное
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-container d-flex flex-column flex-md-row justify-content-around mt-3 mb-3">
|
||||
<div
|
||||
class="card-container d-flex flex-column flex-md-row justify-content-around mt-3 mb-3"
|
||||
>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
<div
|
||||
class="title-category d-flex flex-row justify-content-around align-items-center mt-3 mb-3"
|
||||
>
|
||||
<span class="text-center"> Посмотреть позже </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div
|
||||
class="card-container d-flex flex-column flex-md-row justify-content-around mb-3 mt-3"
|
||||
>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="card-container d-flex flex-column flex-md-row justify-content-around mt-3 mb-3">
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
<div
|
||||
class="card-container d-flex flex-column flex-md-row justify-content-around mt-3 mb-5"
|
||||
>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="title-category d-flex flex-row justify-content-around align-items-center mt-3 mb-3">
|
||||
<span class="text-center">
|
||||
Посмотреть позже
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="card-container d-flex flex-column flex-md-row justify-content-around mb-3 mt-3">
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-container d-flex flex-column flex-md-row justify-content-around mt-3 mb-5">
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3">
|
||||
<img src="./static/fotos/11.jpeg" alt="" class="img-fluid rounded-5">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid py-1">
|
||||
<span>
|
||||
© 2023 LiveCinema Бакальская Е. Д.
|
||||
</span>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<div
|
||||
class="card-image-no-wathing d-flex flex-column justify-content-center align-items-center mb-md-0 mb-3"
|
||||
>
|
||||
<img
|
||||
src="./static/fotos/11.jpeg"
|
||||
alt=""
|
||||
class="img-fluid rounded-5"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid py-1">
|
||||
<span> © 2023 LiveCinema Бакальская Е. Д. </span>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
228
logIn.html
228
logIn.html
@ -1,113 +1,129 @@
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<script
|
||||
type="module"
|
||||
src="./node_modules/bootstrap/dist/js/bootstrap.min.js"
|
||||
></script>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="./node_modules/bootstrap/dist/css/bootstrap.min.css"
|
||||
/>
|
||||
<link
|
||||
rel="./node_modules/@fortawesome/fontawesome-free/css/all.min.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<link rel="stylesheet" href="./static/css/base.css" />
|
||||
<link rel="stylesheet" href="./static/css/logIn.css" />
|
||||
<title>Вход</title>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href="./static/images/favicon.svg"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LiveCinema</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
|
||||
<link rel="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="./static/css/base.css">
|
||||
<link rel="stylesheet" href="./static/css/logIn.css">
|
||||
</head>
|
||||
<body class="d-flex flex-column">
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img
|
||||
src="./static/images/logo-livecinema-small.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block"
|
||||
/>
|
||||
LiveCinema
|
||||
</a>
|
||||
<button
|
||||
class="navbar-toggler"
|
||||
type="button"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown"
|
||||
aria-controls="navbarNavDropdown"
|
||||
aria-expanded="false"
|
||||
aria-label="Toggle navigation"
|
||||
>
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div
|
||||
class="collapse navbar-collapse justify-content-end"
|
||||
id="navbarNavDropdown"
|
||||
>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<body class="d-flex flex-column">
|
||||
<main class="flex-fill d-flex" id="main-page">
|
||||
<div
|
||||
class="container d-flex flex-column justify-content-center align-items-center"
|
||||
>
|
||||
<p class="mt-4 d-flex flex-column align-items-center">
|
||||
Имя пользователя / электронная почта
|
||||
</p>
|
||||
<div class="mb-4 w-50">
|
||||
<input
|
||||
id="username"
|
||||
class="form-control"
|
||||
placeholder="Имя пользователя / Эл. Почта"
|
||||
type="text"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- <header>
|
||||
<nav class="navbar">
|
||||
<div class="container-fluid">
|
||||
<div class="logo h-100">
|
||||
<img src="./static/fotos/logotip_LC.png" alt="" height="40">
|
||||
<a class="navbar-brand">LiveCinema</a>
|
||||
</div>
|
||||
<div class="navbar-nav d-flex flex-row w-50 justify-content-around">
|
||||
<a class="nav-link" href="./index.html">Главная страница</a>
|
||||
<a class="nav-link" href="./katalog.html">Каталог</a>
|
||||
<a class="nav-link" href="./logIn.html">Регистрация</a>
|
||||
<a class="nav-link" href="./into.html">Вход</a>
|
||||
<a class="nav-link" href="./subscribe.html">Подписка</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header> -->
|
||||
<p class="d-flex flex-column align-items-center">Пароль</p>
|
||||
<div class="mb-4 w-50">
|
||||
<input
|
||||
id="password"
|
||||
class="form-control"
|
||||
placeholder="Пароль"
|
||||
type="text"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<header class="sticky-top">
|
||||
<nav class="navbar navbar-expand-lg navbar-dark">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand d-flex align-items-center">
|
||||
<img src="./static/img/logo_livecinema.png"
|
||||
class="d-inline-block align-text-top me-4 d-none d-sm-block">
|
||||
LiveCinema
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
|
||||
aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Главная</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="katalog.html">Каталог</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="logIn.html">Регистрация</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="into.html">Вход</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="subscribe.html">Подписка</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="admin.html">Админка</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<p class="d-flex flex-column align-items-center">Пароль повторно</p>
|
||||
<div class="mb-4 w-50">
|
||||
<input
|
||||
id="passwordrepeat"
|
||||
class="form-control"
|
||||
placeholder="Пароль повторно"
|
||||
type="text"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 h-25 d-flex flex-column justify-content-center mb-4">
|
||||
<button type="button" class="btn btn-light">
|
||||
Зарегистрироваться
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<main class="flex-fill d-flex" id="main-page">
|
||||
|
||||
<div class="container d-flex flex-column justify-content-center align-items-center">
|
||||
|
||||
<p class="mt-4 d-flex flex-column align-items-center">
|
||||
Имя пользователя / электронная почта
|
||||
</p>
|
||||
<div class="mb-4 w-50">
|
||||
<input id="username" class="form-control" placeholder="Имя пользователя / Эл. Почта" type="text"
|
||||
required>
|
||||
</div>
|
||||
|
||||
<p class="d-flex flex-column align-items-center">
|
||||
Пароль
|
||||
</p>
|
||||
<div class="mb-4 w-50">
|
||||
<input id="password" class="form-control" placeholder="Пароль" type="text" required>
|
||||
</div>
|
||||
|
||||
<p class="d-flex flex-column align-items-center">
|
||||
Пароль повторно
|
||||
</p>
|
||||
<div class="mb-4 w-50">
|
||||
<input id="passwordrepeat" class="form-control" placeholder="Пароль повторно" type="text" required>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 h-25 d-flex flex-column justify-content-center mb-4">
|
||||
<button type="button" class="btn btn-light">Зарегистрироваться</button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="container-fluid py-1">
|
||||
<span>
|
||||
© 2023, Live Cinema. All rights reserved.
|
||||
</span>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<footer class="container-fluid py-1">
|
||||
<span> © 2023, Live Cinema. All rights reserved. </span>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
main {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
background-image: url("../fotos/films.jpg");
|
||||
background-image: url("../images/background-films.jpg");
|
||||
background-blend-mode: multiply;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
@ -39,5 +39,5 @@ main {
|
||||
}
|
||||
|
||||
#item-show {
|
||||
background-image: url("../fotos/11.jpeg");
|
||||
background-image: url("../images/barbie-dumaet.jpg");
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
main {
|
||||
background-image: url('../img/bg.png');
|
||||
background-image: url('../images/background-films.jpg');
|
||||
background-color: rgba(0, 0, 0, 0.75);
|
||||
background-blend-mode: multiply;
|
||||
background-repeat: round;
|
||||
|
||||
@ -58,7 +58,7 @@ a:hover {
|
||||
}
|
||||
|
||||
#main-page {
|
||||
background-image: url("../img/barbie_big.png");
|
||||
background-image: url("../images/barbie-v-mashine.png");
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
@ -5,7 +5,7 @@ main {
|
||||
|
||||
body {
|
||||
background-color: #D8BAFF;
|
||||
background-image: url("../img/logotip_LC.png");
|
||||
background-image: url("../images/logo-livecinema.png");
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
@ -1,7 +1,6 @@
|
||||
main {
|
||||
font-family: Candara;
|
||||
background-image: linear-gradient(to bottom, #806f9f, rgb(21, 16, 54));
|
||||
/* background-image: url("../fotos/11.jpeg"); */
|
||||
color: white;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@ -3,5 +3,5 @@
|
||||
font-size: 30px;
|
||||
font-family: Candara;
|
||||
background-image: linear-gradient(to bottom, #b69fe1, rgb(40, 34, 79));
|
||||
background-image: url("../fotos/11.jpeg");
|
||||
background-image: url("../images/barbie-dumaet.jpg");
|
||||
}
|
||||
@ -1,6 +1,6 @@
|
||||
main {
|
||||
background-color: rgb(0, 0, 0);
|
||||
background-image: url("../fotos/logo_light.png");
|
||||
background-image: url("../images/logo-livecinema-light.png");
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
#mainSubscribe {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
background-image: url("../fotos/films.jpg");
|
||||
background-image: url("../images/background-films.jpg");
|
||||
background-blend-mode: multiply;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 119 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 221 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 207 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 224 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 141 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 57 KiB |
|
Before Width: | Height: | Size: 630 KiB After Width: | Height: | Size: 630 KiB |
|
Before Width: | Height: | Size: 596 KiB After Width: | Height: | Size: 596 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 624 KiB After Width: | Height: | Size: 624 KiB |
|
Before Width: | Height: | Size: 248 KiB After Width: | Height: | Size: 248 KiB |
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 258 KiB After Width: | Height: | Size: 258 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 493 KiB After Width: | Height: | Size: 493 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 115 KiB After Width: | Height: | Size: 115 KiB |
|
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 411 KiB After Width: | Height: | Size: 411 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 431 KiB After Width: | Height: | Size: 431 KiB |
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 71 KiB After Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 396 KiB After Width: | Height: | Size: 396 KiB |
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 443 KiB After Width: | Height: | Size: 443 KiB |
|
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 282 KiB After Width: | Height: | Size: 282 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 197 KiB After Width: | Height: | Size: 197 KiB |
|
Before Width: | Height: | Size: 174 KiB After Width: | Height: | Size: 174 KiB |
|
Before Width: | Height: | Size: 552 KiB After Width: | Height: | Size: 552 KiB |
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
BIN
static/images/cover-placeholder160x230.png
Normal file
BIN
static/images/cover-placeholder160x230.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 198 KiB After Width: | Height: | Size: 198 KiB |
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 396 KiB After Width: | Height: | Size: 396 KiB |
|
Before Width: | Height: | Size: 74 KiB After Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 601 KiB After Width: | Height: | Size: 601 KiB |
|
Before Width: | Height: | Size: 7.8 KiB After Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 8.9 KiB |
|
Before Width: | Height: | Size: 103 KiB After Width: | Height: | Size: 103 KiB |
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 452 KiB After Width: | Height: | Size: 452 KiB |
|
Before Width: | Height: | Size: 131 KiB After Width: | Height: | Size: 131 KiB |
|
Before Width: | Height: | Size: 105 KiB After Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
35
static/images/favicon.svg
Normal file
35
static/images/favicon.svg
Normal file
@ -0,0 +1,35 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="248.000000pt" height="80.000000pt" viewBox="0 0 248.000000 80.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,80.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M1440 701 c-46 -7 -104 -33 -115 -51 -3 -5 -23 -11 -43 -12 -20 -1
|
||||
-1 -5 43 -8 64 -5 70 -7 29 -8 -53 -2 -84 -22 -84 -55 0 -8 -6 -22 -12 -29 -7
|
||||
-7 -14 -28 -16 -45 -3 -30 -1 -33 25 -34 27 -2 27 -2 3 -6 -14 -3 -28 -10 -32
|
||||
-17 -11 -16 -10 -67 3 -126 10 -49 12 -50 47 -51 l37 -2 -35 -7 -35 -7 40 -3
|
||||
c33 -3 35 -4 12 -7 -48 -7 -24 -28 39 -33 l59 -6 -50 -4 -50 -5 30 -20 c24
|
||||
-17 44 -20 120 -19 81 1 84 1 30 -6 -33 -4 123 -7 348 -8 266 -1 407 1 407 8
|
||||
0 6 -12 10 -27 11 -16 0 -37 4 -48 9 -14 6 -7 8 25 7 l45 -2 3 43 c3 35 0 42
|
||||
-15 42 -17 1 -17 1 0 11 9 5 17 14 17 19 0 6 -146 10 -379 10 l-380 0 -28 24
|
||||
c-26 23 -28 29 -28 101 0 72 2 78 28 101 l28 24 380 0 379 0 0 34 c0 19 -6 37
|
||||
-12 39 -10 4 -10 6 0 6 6 1 12 10 12 20 0 16 -8 21 -42 24 l-43 4 43 1 c30 1
|
||||
42 6 42 17 0 13 -46 15 -352 16 -194 0 -364 2 -378 3 -14 2 -45 0 -70 -3z m35
|
||||
-21 c-28 -12 -37 -12 -30 0 3 6 16 10 28 9 21 0 21 -1 2 -9z m-122 -277 c-13
|
||||
-2 -33 -2 -45 0 -13 2 -3 4 22 4 25 0 35 -2 23 -4z"/>
|
||||
<path d="M222 581 c-4 -118 -4 -119 20 -124 23 -4 23 -4 1 -6 -17 -1 -23 -7
|
||||
-23 -26 0 -14 -1 -28 -2 -32 -2 -5 22 -11 52 -14 l55 -6 -52 -1 c-39 -2 -53
|
||||
-6 -53 -16 0 -8 -12 -17 -27 -19 l-28 -4 28 -2 28 -1 -2 -77 c-2 -107 -3 -103
|
||||
32 -103 17 0 28 -4 24 -10 -4 -7 140 -10 427 -9 238 1 415 5 393 9 l-40 7 43
|
||||
2 42 1 0 70 0 70 -360 0 -360 0 -1 33 c-1 17 0 44 1 59 1 22 -3 27 -27 31
|
||||
l-28 4 28 2 c26 1 27 4 27 50 0 43 -3 50 -22 54 l-23 4 22 2 c21 1 22 5 21 86
|
||||
l-2 85 -95 0 -96 0 -3 -119z m101 2 c-13 -2 -35 -2 -50 0 -16 2 -5 4 22 4 28
|
||||
0 40 -2 28 -4z m-20 -320 c-7 -2 -19 -2 -25 0 -7 3 -2 5 12 5 14 0 19 -2 13
|
||||
-5z"/>
|
||||
<path d="M1238 583 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
|
||||
<path d="M168 223 c6 -2 18 -2 25 0 6 3 1 5 -13 5 -14 0 -19 -2 -12 -5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 458 KiB After Width: | Height: | Size: 458 KiB |
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 8.2 KiB |
|
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 156 KiB After Width: | Height: | Size: 156 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 86 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user