LivelyPuer/PIbd-24_Boiko_M.S._InternetProgramming
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
LivelyPuer 2025-02-15 17:34:39 +04:00
commit d01dded3d1
14 changed files with 508 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.idea/.gitignore generated vendored Normal file
View File

@ -0,0 +1,5 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/

8
.idea/modules.xml generated Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/site2025.iml" filepath="$PROJECT_DIR$/.idea/site2025.iml" />
</modules>
</component>
</project>

12
.idea/site2025.iml generated Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

73
about.html Normal file
View File

@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>О фильме - Груз 200</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="films.html">Фильмы</a></li>
<li><a href="seriales.html">Сериалы</a></li>
<li><a href="reviews.html">Рецензии</a></li>
</ul>
</nav>
<div class="logo">
<img src="resources/logo.webp" alt="Online Cinema Theater Logo">
</div>
</header>
<main>
<section class="movie-details">
<div class="movie-poster">
<img src="resources/movies/gruz.jpeg" alt="Movie Poster">
</div>
<div class="movie-info">
<h1>Груз 200</h1>
<table>
<tr>
<th class="header-th">Продолжительность</th>
<td>1 час 50 минут</td>
</tr>
<tr>
<th class="header-th">Год выпуска</th>
<td>2007</td>
</tr>
<tr>
<th class="header-th">Страна</th>
<td>Россия</td>
</tr>
<tr>
<th class="header-th">Режиссер</th>
<td>Алексей Балабанов</td>
</tr>
<tr>
<th class="header-th">Жанр</th>
<td>триллер, драма, криминал</td>
</tr>
</table>
<br>
<p>Описание:</p>
<p>
Груз 200 - это история о двух братьях, которые вместе с другими людьми отправляются в грузовике на
поиски золота в Африке.
Однако путь к цели оказывается опасным и сложным, и братья сталкиваются с различными препятствиями, в
том числе с коррупцией и жестокостью.
</p>
<iframe width="560" height="315"
src="https://www.youtube.com/embed/dQw4w9WgXcQ?si=iaZ0q33EJFBzeIZ_?autoplay=1"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</section>
</main>
<footer>
<p>&copy; 2022 Online Cinema Theater. All rights reserved.</p>
</footer>
</body>
</html>

53
catalog.html Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Cinema Theater - Catalog</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="films.html">Фильмы</a></li>
<li><a href="seriales.html">Сериалы</a></li>
<li><a href="reviews.html">Рецензии</a></li>
</ul>
</nav>
<div class="logo">
<img src="resources/logo.webp" alt="Online Cinema Theater Logo">
</div>
</header>
<main>
<section class="movie-catalog">
<h2>Каталог фильмов</h2>
<div class="genre-filter">
<label for="genre-select">Выберите жанр:</label>
<select id="genre-select">
<option value="all">Все жанры</option>
<option value="action">Боевик</option>
<option value="comedy">Комедия</option>
<option value="drama">Драма</option>
<option value="crime">Криминал</option>
<option value="thriller">Триллер</option>
</select>
</div>
<div class="movie-list">
<div class="movie-card">
<img src="resources/movies/gruz.jpeg" alt="Movie Poster">
<h3>Груз 200</h3>
<p>Режиссер: Алексей Балабанов</p>
<p>Жанр: триллер драма криминал</p>
<p>Год выпуска: 2007</p>
<a href="about.html" class="watch-now-btn">Смотреть сейчас</a>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2022 Online Cinema Theater. All rights reserved.</p>
</footer></body>
</html>

19
description.txt Normal file
View File

@ -0,0 +1,19 @@
Главная
Назначение:
Главная страница служит входной точкой для пользователей. Здесь отображаются актуальные новости, новинки, рекомендации и подборки фильмов и сериалов. На этой странице можно найти краткий обзор самых популярных и свежих материалов, а также быстрый доступ к основным разделам сайта (каталог, фильмы, сериалы, рецензии). Кроме того, здесь часто располагается строка поиска для быстрого поиска нужного контента.
Каталог
Назначение:
Страница каталога объединяет все доступные материалы в едином списке. Пользователь может использовать фильтры (жанр, год выпуска, рейтинг, страна производства и т. д.) и сортировку для быстрого поиска интересующего контента. Каталог может быть разбит на подкатегории (например, по типу контента: фильмы, сериалы, мультфильмы), что делает навигацию более удобной и интуитивной.
Фильмы
Назначение:
Эта страница посвящена исключительно кинофильмах. Здесь представлены фильмы в виде карточек с миниатюрами, кратким описанием, информацией о режиссёре и актёрском составе, а также рейтингами и отзывами пользователей. Помимо просмотра полного списка, предусмотрена возможность фильтрации по жанрам (драма, комедия, боевик и т.д.), году выпуска, популярности и другим критериям. Также на странице может присутствовать раздел с рекомендациями и подборками от редакции.
Сериалы
Назначение:
На странице сериалов пользователи найдут коллекцию телесериалов, распределённых по жанрам, сезонам и эпизодам. Здесь предусмотрен удобный механизм навигации по сезонам и сериям, а также информация о рейтингах, краткое описание сюжета и основные данные о сериале (актерский состав, режиссёр, продолжительность сезона и т.д.). В этом разделе могут быть как новинки, так и классические сериалы, что позволяет пользователям выбрать что-то по своему вкусу.
Рецензии
Назначение:
Страница рецензий предоставляет пользователям возможность ознакомиться с профессиональными и пользовательскими отзывами о фильмах и сериалах. Здесь публикуются обзоры, аналитические статьи и оценки, которые помогут посетителям сделать выбор перед просмотром. Рецензии могут сопровождаться комментариями, рейтингами и ссылками на детальные обзоры, а также предоставлять возможность сортировки по жанрам, дате публикации или популярности обзора.

58
films.html Normal file
View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Cinema Theater</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="films.html">Фильмы</a></li>
<li><a href="seriales.html">Сериалы</a></li>
<li><a href="reviews.html">Рецензии</a></li>
</ul>
</nav>
<div class="logo">
<img src="resources/logo.webp" alt="Online Cinema Theater Logo">
</div>
</header>
<main>
<section class="featured-movies">
<h2>Оновные фильмы</h2>
<div class="movie-list">
<div class="movie-card">
<img src="resources/movies/gruz.jpeg" alt="Movie Poster">
<h3>Груз 200</h3>
<p>Режиссер: Алексей Балабанов</p>
<p>Жанр: триллер драма криминал</p>
<p>Год выпуска: 2007</p>
<a href="about.html" class="watch-now-btn">Смотреть сейчас</a>
</div>
</div>
</section>
<section class="upcoming-movies">
<h2>Предтоящие фильмы</h2>
<div class="movie-list">
<div class="movie-list">
<div class="movie-card">
<img src="resources/movies/gruz.jpeg" alt="Movie Poster">
<h3>Груз 200</h3>
<p>Режиссер: Алексей Балабанов</p>
<p>Жанр: триллер драма криминал</p>
<p>Год выпуска: 2025</p>
<a href="about.html" class="watch-now-btn">Смотреть сейчас</a>
</div>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2022 Online Cinema Theater. All rights reserved.</p>
</footer>
</body>
</html>

58
index.html Normal file
View File

@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Cinema Theater</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="films.html">Фильмы</a></li>
<li><a href="seriales.html">Сериалы</a></li>
<li><a href="reviews.html">Рецензии</a></li>
</ul>
</nav>
<div class="logo">
<img src="resources/logo.webp" alt="Online Cinema Theater Logo">
</div>
</header>
<main>
<section class="featured-movies">
<h2>Оновные фильмы</h2>
<div class="movie-list">
<div class="movie-card">
<img src="resources/movies/gruz.jpeg" alt="Movie Poster">
<h3>Груз 200</h3>
<p>Режиссер: Алексей Балабанов</p>
<p>Жанр: триллер драма криминал</p>
<p>Год выпуска: 2007</p>
<a href="about.html" class="watch-now-btn">Смотреть сейчас</a>
</div>
</div>
</section>
<section class="upcoming-movies">
<h2>Предтоящие фильмы</h2>
<div class="movie-list">
<div class="movie-list">
<div class="movie-card">
<img src="resources/movies/gruz.jpeg" alt="Movie Poster">
<h3>Груз 200</h3>
<p>Режиссер: Алексей Балабанов</p>
<p>Жанр: триллер драма криминал</p>
<p>Год выпуска: 2025</p>
<a href="about.html" class="watch-now-btn">Смотреть сейчас</a>
</div>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2022 Online Cinema Theater. All rights reserved.</p>
</footer>
</body>
</html>

BIN
resources/logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 241 KiB

BIN
resources/movies/gruz.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
resources/series/960.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

41
reviews.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Рецензии</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="films.html">Фильмы</a></li>
<li><a href="seriales.html">Сериалы</a></li>
<li><a href="reviews.html">Рецензии</a></li>
</ul>
</nav>
<div class="logo">
<img src="resources/logo.webp" alt="Online Cinema Theater Logo">
</div>
</header>
<main>
<section class="movie-reviews">
<article>
<h2>Груз 200</h2>
<img src="resources/movies/gruz.jpeg" alt="Movie Poster">
<p>
Рецензия: Груз 200 - это история о двух братьях, которые вместе с другими людьми отправляются в грузовике на поиски золота в Африке.
Однако путь к цели оказывается опасным и сложным, и братья сталкиваются с различными препятствиями, в том числе с коррупцией и жестокостью.
</p>
</article>
</section>
</main>
<footer>
<p>&copy; 2022 Online Cinema Theater. All rights reserved.</p>
</footer>
</body>
</html>

41
seriales.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Cinema Theater</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="catalog.html">Каталог</a></li>
<li><a href="films.html">Фильмы</a></li>
<li><a href="seriales.html">Сериалы</a></li>
<li><a href="reviews.html">Рецензии</a></li>
</ul>
</nav>
<div class="logo">
<img src="resources/logo.webp" alt="Online Cinema Theater Logo">
</div>
</header>
<main>
<section class="featured-movies">
<h2>Оновные фильмы</h2>
<div class="movie-list">
<div class="movie-card">
<img src="resources/series/960.webp" alt="Movie Poster">
<h3>Сериал: Преступление и наказание</h3>
<p>Год выпуска: 2007</p>
<a href="about.html" class="watch-now-btn">Смотреть сейчас</a>
</div>
</div>
</section>
</main>
<footer>
<p>&copy; 2022 Online Cinema Theater. All rights reserved.</p>
</footer>
</body>
</html>

140
style.css Normal file
View File

@ -0,0 +1,140 @@
/* Reset default browser styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Open Sans', sans-serif;
line-height: 1.6;
color: #fff;
background-color: #121212;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background-color: #222222;
}
nav ul {
display: flex;
list-style: none;
padding: 0;
}
nav ul li {
margin-right: 20px;
}
nav ul li a {
color: #fff;
text-decoration: none;
transition: color 0.3s ease;
}
nav ul li a:hover {
color: #ff6600;
}
.logo {
max-width: 50px;
max-height: 50px;
}
.logo img {
display: block;
width: 100%;
height: auto;
}
main {
padding: 20px;
}
.featured-movies,
.upcoming-movies {
margin-bottom: 40px;
}
.featured-movies h2,
.upcoming-movies h2 {
color: #ff6600;
}
.movie-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.movie-card {
width: 300px;
margin-bottom: 40px;
background-color: #222222;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.movie-card img {
width: 100%;
height: auto;
}
.movie-card h3 {
color: #fff;
margin: 10px 0;
}
.movie-card p {
color: #999;
margin: 5px 0;
}
.movie-card a {
display: block;
width: 100%;
background-color: #ff6600;
color: #fff;
text-align: center;
padding: 10px 0;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.movie-card a:hover {
background-color: #fff;
color: #ff6600;
}
footer {
padding: 20px;
background-color: #222222;
text-align: center;
color: #999;
}
.watch-now-btn {
display: inline-block;
padding: 10px 20px;
background-color: #ff6600;
color: #fff;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.watch-now-btn:hover {
background-color: #fff;
color: #ff6600;
}
.header-th {
color: #fff;
text-align: left;
width: 200px;
}