commit 89fa323294b9ddac10856d6c385624d75b95c618 Author: Kirill <117719052+KirillFirsof@users.noreply.github.com> Date: Mon Nov 20 12:16:25 2023 +0400 Second_laba_commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/Admin.html b/Admin.html new file mode 100644 index 0000000..b115882 --- /dev/null +++ b/Admin.html @@ -0,0 +1,260 @@ + + + + Онлайн кинотеатр + + + + + + + + + +
+
+
+
+ +
+ +

+ + Онлайн кинотеатр + +

+
+ +
+
+
+
+ + +
+
+ +
+
+
+
+
+

Выбор страницы сайта

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+

Выбор элемента для добавления

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
+

Заголовок элемента

+
+ + +
+

Загрузить файл

+
+ + +
+
+
+

Описание элемента

+
+ + +
+
+
+
+ + +
+
+
+
+ + + + + \ No newline at end of file diff --git a/Cabinet.html b/Cabinet.html new file mode 100644 index 0000000..2f250a5 --- /dev/null +++ b/Cabinet.html @@ -0,0 +1,253 @@ + + + + Онлайн кинотеатр + + + + + + + + + +
+
+
+
+ +
+ +

+ + Онлайн кинотеатр + +

+
+ +
+ +
+
+
+ + +
+
+ +
+
+
+
+

+ Личный кабинет +

+
    +
  • + Пол: Мужской +
    • +
  • + Год рождения: 1999 +
    • +
  • + Телефон: +999-999-99-99 +
    • +
  • + Почта: pochta@gmail.com +
    • +
  • + Подписка: премиум +
    • +
+ + + +
+ +
+ +
+

+ Отложенный просмотр +

+
+
+
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+

+ Мои покупки +

+
+
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/Images/81point.png b/Images/81point.png new file mode 100644 index 0000000..b7a9191 Binary files /dev/null and b/Images/81point.png differ diff --git a/Images/Carnifecks.png b/Images/Carnifecks.png new file mode 100644 index 0000000..26e3032 Binary files /dev/null and b/Images/Carnifecks.png differ diff --git a/Images/Cartoons-image.png b/Images/Cartoons-image.png new file mode 100644 index 0000000..9bbe2a7 Binary files /dev/null and b/Images/Cartoons-image.png differ diff --git a/Images/Comedy.png b/Images/Comedy.png new file mode 100644 index 0000000..5a0be55 Binary files /dev/null and b/Images/Comedy.png differ diff --git a/Images/Criminal.png b/Images/Criminal.png new file mode 100644 index 0000000..61f996d Binary files /dev/null and b/Images/Criminal.png differ diff --git a/Images/Film-image.png b/Images/Film-image.png new file mode 100644 index 0000000..404cfa5 Binary files /dev/null and b/Images/Film-image.png differ diff --git a/Images/Film1.png b/Images/Film1.png new file mode 100644 index 0000000..ac80da3 Binary files /dev/null and b/Images/Film1.png differ diff --git a/Images/Film2.png b/Images/Film2.png new file mode 100644 index 0000000..da41f21 Binary files /dev/null and b/Images/Film2.png differ diff --git a/Images/Film3.png b/Images/Film3.png new file mode 100644 index 0000000..15f2e2e Binary files /dev/null and b/Images/Film3.png differ diff --git a/Images/First-mini.png b/Images/First-mini.png new file mode 100644 index 0000000..ddf0940 Binary files /dev/null and b/Images/First-mini.png differ diff --git a/Images/First-red-mini.png b/Images/First-red-mini.png new file mode 100644 index 0000000..e0f53e0 Binary files /dev/null and b/Images/First-red-mini.png differ diff --git a/Images/First.png b/Images/First.png new file mode 100644 index 0000000..31cc45e Binary files /dev/null and b/Images/First.png differ diff --git a/Images/First24.png b/Images/First24.png new file mode 100644 index 0000000..e0f53e0 Binary files /dev/null and b/Images/First24.png differ diff --git a/Images/Gampy.png b/Images/Gampy.png new file mode 100644 index 0000000..a2e3bb2 Binary files /dev/null and b/Images/Gampy.png differ diff --git a/Images/Juls.png b/Images/Juls.png new file mode 100644 index 0000000..b7aed8c Binary files /dev/null and b/Images/Juls.png differ diff --git a/Images/Laegue.png b/Images/Laegue.png new file mode 100644 index 0000000..1164e2f Binary files /dev/null and b/Images/Laegue.png differ diff --git a/Images/League.png b/Images/League.png new file mode 100644 index 0000000..549d0df Binary files /dev/null and b/Images/League.png differ diff --git a/Images/Logotip-tv.png b/Images/Logotip-tv.png new file mode 100644 index 0000000..295e174 Binary files /dev/null and b/Images/Logotip-tv.png differ diff --git a/Images/Love12.png b/Images/Love12.png new file mode 100644 index 0000000..7939d5b Binary files /dev/null and b/Images/Love12.png differ diff --git a/Images/Match-mini.png b/Images/Match-mini.png new file mode 100644 index 0000000..a358307 Binary files /dev/null and b/Images/Match-mini.png differ diff --git a/Images/Miss.png b/Images/Miss.png new file mode 100644 index 0000000..2779181 Binary files /dev/null and b/Images/Miss.png differ diff --git a/Images/NBA.png b/Images/NBA.png new file mode 100644 index 0000000..295bb94 Binary files /dev/null and b/Images/NBA.png differ diff --git a/Images/NTV-mini.png b/Images/NTV-mini.png new file mode 100644 index 0000000..0e471ab Binary files /dev/null and b/Images/NTV-mini.png differ diff --git a/Images/NTV.png b/Images/NTV.png new file mode 100644 index 0000000..ab3aba4 Binary files /dev/null and b/Images/NTV.png differ diff --git a/Images/Nature.png b/Images/Nature.png new file mode 100644 index 0000000..e813931 Binary files /dev/null and b/Images/Nature.png differ diff --git a/Images/OK.png b/Images/OK.png new file mode 100644 index 0000000..c7bc6f8 Binary files /dev/null and b/Images/OK.png differ diff --git a/Images/Series-image.png b/Images/Series-image.png new file mode 100644 index 0000000..747abff Binary files /dev/null and b/Images/Series-image.png differ diff --git a/Images/Series1.png b/Images/Series1.png new file mode 100644 index 0000000..cb1ff79 Binary files /dev/null and b/Images/Series1.png differ diff --git a/Images/Series2.png b/Images/Series2.png new file mode 100644 index 0000000..46b14cc Binary files /dev/null and b/Images/Series2.png differ diff --git a/Images/Series3.png b/Images/Series3.png new file mode 100644 index 0000000..6fe1a4c Binary files /dev/null and b/Images/Series3.png differ diff --git a/Images/TG.png b/Images/TG.png new file mode 100644 index 0000000..21e165b Binary files /dev/null and b/Images/TG.png differ diff --git a/Images/TV.png b/Images/TV.png new file mode 100644 index 0000000..f486f2c Binary files /dev/null and b/Images/TV.png differ diff --git a/Images/VK.png b/Images/VK.png new file mode 100644 index 0000000..3467440 Binary files /dev/null and b/Images/VK.png differ diff --git a/Images/Valencia.png b/Images/Valencia.png new file mode 100644 index 0000000..b8f8d0d Binary files /dev/null and b/Images/Valencia.png differ diff --git a/Images/Viber.png b/Images/Viber.png new file mode 100644 index 0000000..23c133a Binary files /dev/null and b/Images/Viber.png differ diff --git a/Images/YouTube.png b/Images/YouTube.png new file mode 100644 index 0000000..b0a878d Binary files /dev/null and b/Images/YouTube.png differ diff --git a/Images/khl.png b/Images/khl.png new file mode 100644 index 0000000..4a3511d Binary files /dev/null and b/Images/khl.png differ diff --git a/Images/match.png b/Images/match.png new file mode 100644 index 0000000..a358307 Binary files /dev/null and b/Images/match.png differ diff --git a/Images/parents.png b/Images/parents.png new file mode 100644 index 0000000..1bf3b38 Binary files /dev/null and b/Images/parents.png differ diff --git a/Images/user-none.png b/Images/user-none.png new file mode 100644 index 0000000..459b66d Binary files /dev/null and b/Images/user-none.png differ diff --git a/JavaScript/script.js b/JavaScript/script.js new file mode 100644 index 0000000..5db1370 --- /dev/null +++ b/JavaScript/script.js @@ -0,0 +1,17 @@ +$(document).ready(function(){ + + function HideCaseBody(){ + $(this).parent().next().animate({ + 'min-height': 'toggle', + 'height': 'toggle' + }, 500); + + $(this).toggleClass('case__btn-close_open'); + }; + + + $('body').on('click', + '.case__btn-close', + HideCaseBody); + +}); \ No newline at end of file diff --git a/Katalog.html b/Katalog.html new file mode 100644 index 0000000..e263c77 --- /dev/null +++ b/Katalog.html @@ -0,0 +1,342 @@ + + + + Онлайн кинотеатр + + + + + + + + + +
+
+
+
+ +
+ +

+ + Онлайн кинотеатр + +

+
+ +
+ +
+
+
+ + +
+
+ +
+
+
+
+
+

+ Фильмы +

+ + + + +
+
+
+
+

+ Сериалы +

+ + + + +
+
+
+
+

+ Мультфильмы +

+ + + +
+
+
+ +
+
+
+ +
+
+
+ +
+

+ Подборка +

+
+ +
+
+
+

+ Комедийные сериалы +

+ + + + +
+
+
+
+

+ Криминальные фильмы +

+ + + + +
+
+
+
+

+ Натуральная красота +

+ + + +
+
+
+ +
+
+
+ +
+
+
+ +
+

+ Жанры +

+
+ +
+
    +
      +
    • + Комедии +
      • +
    • + Мультфильмы +
      • +
    • + Музыкальное +
      • +
    +
      +
    • + Боевики +
      • +
    • + Фентези +
      • +
    • + Биографии +
      • +
    +
      +
    • + Фантастика +
      • +
    • + Семейное +
      • +
    • + Военное +
      • +
    +
      +
    • + Триллеры +
      • +
    • + Милодраммы +
      • +
    • + Криминал +
      • +
    +
      +
    • + Приключения +
      • +
    • + Детективы +
      • +
    +
      +
    • + Драмы +
      • +
    • + Аниме +
      • +
    +
+
+ + +
+
+ + + + + \ No newline at end of file diff --git a/Shop.html b/Shop.html new file mode 100644 index 0000000..1d231fd --- /dev/null +++ b/Shop.html @@ -0,0 +1,261 @@ + + + + Онлайн кинотеатр + + + + + + + + + +
+
+
+
+ +
+ +

+ + Онлайн кинотеатр + +

+
+ +
+ +
+
+
+ + +
+
+ +
+
+
+

+ Рекомендации +

+
+ +
+
+ + + +
+ от 99 Р +
+
+
+ + + +
+ от 99 Р +
+
+
+ +
+
+
+ +
+
+
+ +
+

+ Рекомендации +

+
+ +
+
+ + + +
+ от 99 Р +
+
+
+ + + +
+ от 99 Р +
+
+
+ + + +
+ от 99 Р +
+
+
+ + + +
+ от 99 Р +
+
+
+ +
+
+
+ +
+
+
+ + +
+
+ + + + + \ No newline at end of file diff --git a/Sport.html b/Sport.html new file mode 100644 index 0000000..df38d11 --- /dev/null +++ b/Sport.html @@ -0,0 +1,240 @@ + + + + Онлайн кинотеатр + + + + + + + + + +
+
+
+
+ +
+ +

+ + Онлайн кинотеатр + +

+
+ +
+ +
+
+
+ + + + +
+
+ +
+ +
+
+
+ + + +
+ Сегодня в 23:15 +
+
+ Валенсия -
Реал Мадрид +
+
+
+ +
+
    +
  • +
    + Календарь трансляций +
    +
    • +
  • +
    + Футбол +
    +
    • +
  • +
    + Баскетбол +
    +
    • +
  • +
    + Киберспорт +
    +
    • +
  • +
    + Фигурное катание +
    +
    • +
  • +
    + Ещё +
    +
    • +
+
+
+

+ Смотрите в прямом эфире +

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/Styles/Admin.css b/Styles/Admin.css new file mode 100644 index 0000000..04a1a41 --- /dev/null +++ b/Styles/Admin.css @@ -0,0 +1,130 @@ +.title-h3{ + margin: 10px; + text-align: center; + font-size: 26px; + font-weight: bold; +} + +.form-section{ + display: flex; + flex-direction: column; + padding: 15px 20px; + margin: 20px 0;; + background: linear-gradient(135deg, #161616, #fff); + border-radius: 20px; +} + +.form-radio-btn { + margin-right: 10px; +} + +.form-radio-btn input[type=radio] { + display: none; +} +.form-radio-btn label { + display: block; + margin: 5px; + cursor: pointer; + padding: 0px 15px; + font-size: 20px; + line-height: 34px; + background-color: white; + border: 1px solid #999; + border-radius: 6px; + user-select: none; +} + +.form-radio-btn input[type=radio]:checked + label { + color: white; + background: #727272; +} + +.form-radio-btn label:hover { + color: #555; +} + +.form-radio-btn input[type=radio]:disabled + label { + background: #efefef; + color: #666; +} + +.text-field-label{ + display: none; +} + +.text-field-input{ + display: block; + width: 100%; + padding: 7px; + font-family: inherit; + font-size: 18px; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #bdbdbd; + border-radius: 0.25rem; +} + +.text-field-textarea{ + display: block; + width: 100%; + height: 185px; + padding: 7px; + font-family: inherit; + font-size: 18px; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #bdbdbd; + border-radius: 0.25rem; + resize: none; +} + +.submit-button-label{ + display: none; +} + +.submit-button{ + padding: 15px 20px; + margin: 20px 0; + font-size: 20px; + font-weight: bold; + color: white; + background: linear-gradient(135deg, #161616, #fff); + border: none; + border-radius: 20px; +} + +@media (max-width: 1200px) { + +} + +@media (max-width: 992px) { + + +} + +@media (max-width: 768px) { + + + +} + +@media (max-width: 576px) { + .submit-button, .text-field-textarea, .text-field-input, .form-radio-btn label{ + font-size: 14px; + } + + .title-h3{ + font-size: 20px; + } + +} + +@media (max-width: 398px) { + .title-h3{ + font-size: 16px; + } + + +} \ No newline at end of file diff --git a/Styles/Cabinet.css b/Styles/Cabinet.css new file mode 100644 index 0000000..d77f57a --- /dev/null +++ b/Styles/Cabinet.css @@ -0,0 +1,162 @@ + +.user-data-box{ + display: flex; + flex-direction: column; + margin: 30px 0; + padding: 20px 100px 20px 40px; + background: linear-gradient(135deg, #161616, #fff); + border-radius: 47px; + color: white; + font-weight: bold; +} + +.overview-list{ + background: linear-gradient(115deg, #161616, #fff); + border-radius: 47px; +} + +.overview-item{ + margin: 20px; + font-size: 20px; +} + +.change-info-button{ + display: inline-block; + margin: 10px 0 0 0; + padding: 20px; + background-color: #303030; + border: none; + border-radius: 20px; + color: white; + font-weight: bold; + font-size: 24px; +} + +.admin-button{ + display: inline-block; + margin: 10px 0 0 0; + padding: 5px; + background-color: #303030; + border: none; + border-radius: 20px; + color: white; + font-weight: bold; + font-size: 16px; +} + +.admin-button a{ + text-decoration: none; + color: white; +} + +.add-link { + display: block; + margin: 20px; + text-align: center; + font-size: 20px; + text-decoration: none; + color: black; +} + +.add-block{ + margin: 30px 0; +} + +.user-name{ + margin: 0 0 20px 0; + text-align: center; + font-size: 30px; + font-weight: bold; +} + +.add-block .image-container{ + display: block; + border-radius: 32px; + overflow: hidden; +} + +.image-container img{ + width: 100%; +} + +.title-h3{ + font-weight: bold; + font-size: 36px; +} + +.film-box .image-container{ + display: block; + border-radius: 27px; + overflow: hidden; +} + +.button-more{ + margin: 0 0 15px 0; + padding: 15px 0; + background-color: transparent; + border: none; + font-size: 24px; + font-weight: bold; +} + +@media (max-width: 1200px) { + +} + +@media (max-width: 992px) { + + .add-block{ + display: none; + } + + .film-box{ + margin: 20px 0 0 0; + } + +} + +@media (max-width: 768px) { + .user-data-box{ + padding: 20px 40px; + } + + .overview-list{ + padding: 0; + margin: 0; + } + + .overview-item{ + font-size: 14px; + } + + .change-info-button{ + padding: 7px; + font-size: 14px; + } + + .title-h3{ + font-size: 24px; + } + + .button-more{ + font-size: 20px; + } + +} + +@media (max-width: 576px) { + + +} + +@media (max-width: 398px) { + + + .title-h3{ + font-size: 24px; + } + + .button-more{ + font-size: 16px; + } +} \ No newline at end of file diff --git a/Styles/Katlog.css b/Styles/Katlog.css new file mode 100644 index 0000000..c88a87e --- /dev/null +++ b/Styles/Katlog.css @@ -0,0 +1,123 @@ +.kind{ + display: flex; + flex-direction: column; + margin: 20px 0; + height: 350px; + padding: 30px; + background: linear-gradient(135deg, #848484, #E4E4E4); + border-radius: 35px; +} + +.kind .title-h3{ + text-align: center; + font-size: 36px; + font-weight: bold; + color: #fff; +} + +.kind .image-container{ + display: flex; + justify-content: center; +} + +.button-more{ + padding: 10px; + margin: 10px; + color: #fff; + font-weight: bold; + font-size: 32px; + background-color: #727272; + border: none; + border-radius: 30px; +} + +.title-h2{ + font-size: 48px; + font-weight: 800; +} + +.category{ + margin: 20px 0; + height: 200px; + padding: 30px; + background: linear-gradient(135deg, #848484, #E4E4E4); + border-radius: 35px; + position: relative; +} + +.category .title-h3{ + font-size: 32px; + font-weight: bold; + color: #fff; +} + +.category .image-container{ + position: absolute; + bottom: 0; + right: 0; + display: flex; + justify-content: center; +} + +.category .nature-img{ + top: 0; +} + +.title-h4{ + font-size: 32px; + font-weight: bold; +} + +.genres{ + font-size: 21px; + font-weight: bold; +} + +.genres li{ + margin: 10px 0 0 0; +} + +@media (max-width: 1200px) { + +} + +@media (max-width: 992px) { + + +} + +@media (max-width: 768px) { + .title-h2{ + font-size: 24px; + } + + .category .title-h3{ + font-size: 24px; + } + + .button-more{ + padding: 4px; + font-size: 20px; + } +} + +@media (max-width: 576px) { + + +} + +@media (max-width: 398px) { + .kind .title-h3{ + font-size: 24px; + } + + .genres{ + display: flex; + flex-direction: column; + } +} + + + + + diff --git a/Styles/Main.css b/Styles/Main.css new file mode 100644 index 0000000..74e8e8e --- /dev/null +++ b/Styles/Main.css @@ -0,0 +1,144 @@ + +.subsribe-box{ + display: flex; + flex-direction: column; + columns: 2; + margin: 30px 0; + padding: 20px 100px 20px 40px; + background: linear-gradient(135deg, #161616, #fff); + border-radius: 47px; + color: white; + font-weight: bold; +} + +.subsribe-title{ + margin: 0 0 30px 0; + font-size: 48px; + font-weight: bold; +} + +.subsribe-box .text{ + font-size: 36px; + margin: 0 0 20px 0; +} + +.subsribe-box .add-info{ + font-size: 24px; + margin: 0 0 10px 0; +} + +.orange-text{ + color: #FFC047; +} + +.subsribe-box .button-subsribe{ + display: inline-block; + margin: 30px 0 0 0; + padding: 20px; + background-color: #303030; + border: none; + border-radius: 20px; + color: white; + font-weight: bold; + font-size: 24px; +} + +.add-block{ + margin: 30px 0; +} + +.add-block .image-container{ + display: block; + border-radius: 32px; + overflow: hidden; +} + +.image-container img{ + width: 100%; +} + +.title-h3{ + font-weight: bold; + font-size: 36px; +} + +.film-box .image-container{ + display: block; + border-radius: 27px; + overflow: hidden; +} + +.button-more{ + margin: 0 0 15px 0; + padding: 15px 0; + background-color: transparent; + border: none; + font-size: 24px; + font-weight: bold; +} + + +@media (max-width: 1200px) { + +} + +@media (max-width: 992px) { + + .add-block{ + display: none; + } + + .film-box{ + margin: 20px 0 0 0; + } + +} + +@media (max-width: 768px) { + .subsribe-box{ + padding: 20px 40px; + } + + .subsribe-box .text{ + font-size: 24px; + } + + .subsribe-box .add-info{ + font-size: 20px; + } + +} + +@media (max-width: 576px) { + + .subsribe-box .add-info{ + font-size: 16px; + } +} + +@media (max-width: 398px) { + .subsribe-box .text{ + font-size: 18px; + } + + .subsribe-box .add-info{ + font-size: 14px; + } + + .subsribe-box .button-subsribe{ + font-size: 16px; + } + + .title-h3{ + font-size: 24px; + } + + .button-more{ + font-size: 16px; + } +} + + + + + diff --git a/Styles/Shop.css b/Styles/Shop.css new file mode 100644 index 0000000..a0ea71d --- /dev/null +++ b/Styles/Shop.css @@ -0,0 +1,81 @@ +.title-h2{ + margin: 20px; + font-size: 40px; + font-weight: bold; +} + +.recomendation .product{ + margin: 20px 0; + position: relative; +} + +.recomendation .image-container{ + display: block; + border-radius: 27px; + overflow: hidden; +} + +.image-container img{ + width: 100%; + height: 100%; +} + +.product .price{ + display: inline-block; + padding: 7px; + background-color: #D9D9D9; + position: absolute; + top: 20px; + left: 30px; + border-radius: 20px; + font-size: 16px; + font-weight: bold; +} + +.button-more{ + padding: 10px; + margin: 10px 0 30px 0; + color: #fff; + font-weight: bold; + font-size: 32px; + background-color: #727272; + border: none; + border-radius: 30px; +} + +@media (max-width: 1200px) { + +} + +@media (max-width: 992px) { + + +} + +@media (max-width: 768px) { + .title-h2{ + margin-top: 0; + font-size: 32px; + } + + .button-more{ + padding: 4px; + font-size: 20px; + } +} + +@media (max-width: 576px) { + .title-h2{ + font-size: 26px; + } + +} + +@media (max-width: 398px) { + +} + + + + + diff --git a/Styles/Sport.css b/Styles/Sport.css new file mode 100644 index 0000000..96b8a91 --- /dev/null +++ b/Styles/Sport.css @@ -0,0 +1,150 @@ + + +.event{ + margin: 30px 0; + position: relative; +} + +.event .image-container{ + display: block; + border-radius: 50px; + overflow: hidden; +} + +.image-container img{ + width: 100%; +} + +.event .data-time{ + padding: 20px; + position: absolute; + top: 30px; + left: 50px; + font-size: 32px; + font-weight: bold; + background-color: #D9D9D9; + border-radius: 20px; +} + +.event .add-info{ + padding: 20px 60px; + position: absolute; + bottom: 30px; + left: 50px; + color: #fff; + font-size: 32px; + font-weight: bold; + background-color: #242424; + border-radius: 20px; +} + +.bottom-nav{ + padding: 0; +} + +.bottom-nav .col{ + margin: 15px 0; + +} + +.bottom-nav_item{ + height: 100%; + padding: 15px; + font-size: 20px; + font-weight: bold; + color: #fff; + text-align: center; + background: linear-gradient(#707070, #A1A1A1); + border-radius: 10px; +} + +.title-h3{ + font-size: 36px; + font-weight: bold; +} + +.translation-box{ + margin: 30px 0; +} + +.translation-box .image-container{ + display: block; + border-radius: 27px; + overflow: hidden; +} + + +@media (max-width: 1200px) { + .event .data-time{ + font-size: 24px; + } + + .event .add-info{ + padding: 20px 40px; + font-size: 24px; + } +} + +@media (max-width: 992px) { + .event .data-time{ + padding: 10px; + font-size: 20px; + } + + .event .add-info{ + padding: 10px 20px; + font-size: 20px; + } + +} + +@media (max-width: 768px) { + .event .data-time{ + padding: 5px; + font-size: 14px; + } + + .event .add-info{ + padding: 5px 10px; + font-size: 14px; + } + + .title-h3{ + font-size: 28px; + } + + .bottom-nav{ + display: flex; + flex-direction: column; + } + +} + +@media (max-width: 576px) { + .event .data-time{ + padding: 3px; + font-size: 12px; + } + + .event .add-info{ + padding: 3px 6px; + font-size: 12px; + } + + .title-h3{ + font-size: 24px; + } + +} + +@media (max-width: 398px) { + .title-h3{ + font-size: 20px; + } + +} + + + + + diff --git a/Styles/Styles.css b/Styles/Styles.css new file mode 100644 index 0000000..508751c --- /dev/null +++ b/Styles/Styles.css @@ -0,0 +1,345 @@ +body, +html{ + margin: 0; + padding: 0; + min-width: 320px; + font-family: Arial; +} + + +.header-top { + background-color: #D9D9D9; +} + + +.header-top a, h1, button{ + margin-bottom: 20px; + color: black; + text-decoration: none; + vertical-align: middle; +} + +.smart-logo{ + width: 60px; + height: 60px; + display: none; +} + +.header-top .row{ + align-items: center; +} + +.title-h1 { + padding: 20px 0 0 0; + font-weight: bold; + font-size: 36px; +} + +#login-button{ + padding: 32px 0px; + border: none; + border-radius: 20px; + background-color: #212121; + font-weight: bold; + font-size: 20px; + color: white; +} + +#login-button a{ + text-decoration: none; + color: #fff; +} + +.header-bottom{ + background-color: #C1C1C1; +} + +.nav-list{ + margin: 0; + padding: 0; + list-style-type: none; + align-items: center; +} + +.nav-item{ + display: inline-block; + margin: 30px 0 0 0; + text-align: center; +} + +.nav-item a{ + color: black; + font-weight: bold; + font-size: 20px; + text-decoration: none; +} + +.smart-nav-list{ + display: none; + flex-direction: column; +} + +.smart-nav-item{ + display: flex; + flex-direction: row; + justify-content: start; +} + +.smart-nav-item a{ + margin-right: 30px; + padding: 5px; + color: black; + font-weight: bold; + font-size: 20px; + text-decoration: none; +} + +.case__btn-close{ + display: flex; + flex-direction: column; + justify-content: space-between; + margin: 0; + padding: 10px 0 0 0; + width: 25px; + height: 25px; + transition: 0.5s; + background-color: transparent; + border: none; +} + +.stick{ + padding: 2px; + width: 100%; + background-color: #000; + border-radius: 2px; +} + +.case__btn-close_open{ + transform: rotate(360deg); + transition: 0.5s; +} + +.footer-wrap{ + background: linear-gradient(#4E4E4E, #000000); +} + +.footer-wrap a{ + text-decoration: none; + color: white; +} + + +.footer-wrap ul, li{ + list-style-type: none; +} + +.footer-wrap .footer-top{ + color: white; + font-size: 24px; + font-weight: bold; +} + +.footer-wrap .sign{ + padding-top: 45px; + font-size: 24px; + justify-content: center; +} + +.footer-wrap .row-network{ + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.footer-wrap .item-network{ + padding: 30px 0 0 0; +} + +.footer-wrap .row-addinfo{ + display: flex; + flex-direction: row; + justify-content: space-around; +} + +.footer-wrap .add-info{ + margin-top: 45px; + color: white; + font-size: 24px; + font-weight: bold; + float: left; +} + +.footer-wrap .add-info .item{ + margin-bottom: 22px; +} + +.footer-wrap .meta-text span{ + margin-top: 60px; + color: white; + font-size: 20px; +} +.footer-wrap .meta-text{ + padding-bottom: 30px; + color: white; + font-size: 20px; +} + + + +@media (max-width: 1200px) { + .footer-wrap .meta-text span{ + margin-top: 60px; + color: white; + font-size: 16px; + } +} + +@media (max-width: 992px) { + + .footer-wrap .meta-text span{ + margin-top: 40px; + color: white; + font-size: 14px; + } + + .title-h1 { + font-size: 30px; + } + + .footer-wrap .desktop-logo{ + display: none; + } + + .footer-wrap .meta-text span{ + display: block; + margin-top: 0; + text-align: center; + } + +} + +@media (max-width: 768px) { + .nav-list{ + display: none; + } + + .smart-nav-list{ + display: flex; + } + + #login-button{ + padding: 10px; + } + + .title-h1 { + font-size: 24px; + } + + .footer-wrap .row-addinfo{ + flex-direction: row; + justify-content: space-between; + } + + +} + +@media (max-width: 576px) { + .container{ + width: 400px; + } + + .title-h1 { + display: inline-block; + font-size: 24px; + } + + .desktop-logo{ + display: none; + } + + + .smart-logo{ + display: inline-block; + } + + #login-button{ + padding: 10px 0px; + border: none; + border-radius: 20px; + background-color: #212121; + font-weight: bold; + font-size: 16px; + color: white; + } + + .footer-wrap .row-addinfo{ + flex-direction: column; + justify-content: start; + margin: 10px 0; + } + + .footer-wrap .add-info{ + padding: 0; + margin: 0; + } + + .footer-wrap .add-info .item{ + margin: 5px 0; + text-align: center; + font-size: 18px; + } + + .footer-wrap .meta-text{ + text-align: center; + } + +} + +@media (max-width: 398px) { + .container{ + width: 320px; + } + + .title-h1 { + display: inline-block; + font-size: 24px; + } + + .desktop-logo{ + display: none; + } + + + .smart-logo{ + display: inline-block; + } + + #login-button{ + padding: 10px 0px; + border: none; + border-radius: 20px; + background-color: #212121; + font-weight: bold; + font-size: 16px; + color: white; + } + + .footer-wrap .item-network img{ + width: 45px; + } + + .footer-wrap .row-addinfo{ + flex-direction: space-between; + } + + .footer-wrap .add-info .item{ + font-size: 16px; + } + + +} + + + + + diff --git a/Styles/TV.css b/Styles/TV.css new file mode 100644 index 0000000..3323dbc --- /dev/null +++ b/Styles/TV.css @@ -0,0 +1,199 @@ +.sub-nav{ + padding: 0; +} + +.sub-nav .col{ + margin: 15px 0; + +} + +.sub-nav_item{ + height: 100%; + padding: 15px; + font-size: 20px; + font-weight: bold; + color: #fff; + text-align: center; + background: linear-gradient(#707070, #A1A1A1); + border-radius: 10px; +} + +.TV-box{ + position: relative; + margin: 30px 0; + height: 470px; + border-radius: 30px; + overflow: hidden; +} + +.image-container{ + display: block; + height: 100%; + position: relative; +} + +.image-container img{ + width: 100%; +} + +.channel-picture{ + display: inline-block; + position: absolute; + top: 30px; + left: 30px; + border-radius: 30px; + overflow: hidden; +} + +.channel-picture img{ + width: 100%; +} + +.watch-free{ + padding: 20px; + position: absolute; + bottom: 30px; + left: 30px; + font-size: 20px; + font-weight: bold; + background-color: #D9D9D9; + border-radius: 30px; +} + +.image-container{ + overflow: hidden; +} + +.image-container img{ + width: 100%; + height: 100%; +} + +.channel-box{ + margin: 30px 0; + padding: 0; + height: 470px; + overflow: auto; +} + +/* полоса прокрутки (скроллбар) */ +.channel-box::-webkit-scrollbar { + padding: 1px; + background-color: #404040; + border-radius: 10px; +} + +/* ползунок скроллбара */ +.channel-box::-webkit-scrollbar-thumb { + margin: 1px; + background-color: #F3F3F3; + border: 2px solid #404040; + border-radius: 10px; +} + +.channel-box::-webkit-scrollbar-thumb:hover { + background-color: #c3c3c3; +} + +.channel-box::-webkit-scrollbar-button:vertical:start:decrement { + display: none; +} + +.channel-box::-webkit-scrollbar-button:vertical:end:increment { + display: none; +} + +.channel-item{ + display: flex; + flex-direction: row; + justify-content: start; + margin: 0 0 20px 0; + padding: 6px; + background: linear-gradient(#7A7A7A, #949494); + border-radius: 15px; +} + +.channel-item .image-container{ + width: 60px; + height: 60px; + margin: 10px 20px 0 10px; + border-radius: 15px; +} + +.channel-text-box{ + color: white; +} + +.programm-time{ + font-size: 15px; + font-weight: bold; +} + +.programm-name{ + font-size: 20px; + font-weight: bold; +} + +.programm-category{ + font-weight: 200; +} + +@media (max-width: 1200px) { + .sub-nav_item{ + font-size: 18px; + } +} + +@media (max-width: 992px) { + + +} + +@media (max-width: 768px) { + .sub-nav{ + display: flex; + flex-direction: column; + } + + .TV-box{ + height: auto; + } +} + +@media (max-width: 576px) { + .channel-picture{ + width: 100px; + height: 100px; + } + + .watch-free{ + padding: 10px; + font-size: 14px; + font-weight: bold; + } + + .programm-time{ + font-size: 10px; + font-weight: bold; + } + + .programm-name{ + font-size: 15px; + font-weight: bold; + } + + .programm-category{ + font-weight: 9px; + font-weight: 200; + } + +} + +@media (max-width: 398px) { + +} + + + + + diff --git a/TV.html b/TV.html new file mode 100644 index 0000000..dd325b5 --- /dev/null +++ b/TV.html @@ -0,0 +1,279 @@ + + + + Онлайн кинотеатр + + + + + + + + + +
+
+
+
+ +
+ +

+ + Онлайн кинотеатр + +

+
+ +
+ +
+
+
+ + +
+
+ +
+
+
+
    +
  • +
    + Все каналы +
    +
    • +
  • +
    + Федеральные +
    +
    • +
  • +
    + Фильмы и сериалы +
    +
    • +
  • +
    + Научно-популярные +
    +
    • +
  • +
    + Детские +
    +
    • +
  • +
    + Ещё +
    +
    • +
+
+ +
+
+
+ + +
+ Смотреть бесплатно +
+
+
+
+
+
    +
  • + +
    +
    18:00 - 19:00
    +
    Информационный канал
    +
    Новости - 16+
    +
    +
    • +
  • + +
    +
    17:00 - 19:30
    +
    Малахов
    +
    Ток-шоу - 16+
    +
    +
    • +
  • + +
    +
    17:25 - 19:30
    +
    Футбол + Кубок России
    +
    Спорт - 0+
    +
    +
    • +
  • + +
    +
    17:45 - 18:50
    +
    За гранью
    +
    Ток-шоу - 16+
    +
    +
    • +
  • + +
    +
    18:00 - 19:00
    +
    Информационный канал
    +
    Новости - 16+
    +
    +
    • +
  • + +
    +
    18:00 - 19:00
    +
    Информационный канал
    +
    Новости - 16+
    +
    +
    • + +
+
+
+
+ + + +
+
+ + + + + \ No newline at end of file diff --git a/counter.js b/counter.js new file mode 100644 index 0000000..881e2d7 --- /dev/null +++ b/counter.js @@ -0,0 +1,9 @@ +export function setupCounter(element) { + let counter = 0 + const setCounter = (count) => { + counter = count + element.innerHTML = `count is ${counter}` + } + element.addEventListener('click', () => setCounter(counter + 1)) + setCounter(0) +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..4f88f95 --- /dev/null +++ b/index.html @@ -0,0 +1,243 @@ + + + + Онлайн кинотеатр + + + + + + + + + +
+
+
+ +
+ +
+ +

+ + Онлайн кинотеатр + +

+
+ +
+ +
+
+
+ + +
+
+ +
+
+
+
+

+ Подписка +

+ + Смотрите кино, сериалы и мультфильмы + + + Месяц за 1 Р, затем месяц за 199 Р + + + Дальше - 399 Р в месяц + + +
+ +
+ +
+

+ Фильмы бесплатно +

+
+
+
+ +
+
+ +
+
+ +
+
+
+ +
+ +
+

+ Сериалы бесплатно +

+
+
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/javascript.svg b/javascript.svg new file mode 100644 index 0000000..f9abb2b --- /dev/null +++ b/javascript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..b400b4e --- /dev/null +++ b/main.js @@ -0,0 +1,24 @@ +import './style.css' +import javascriptLogo from './javascript.svg' +import viteLogo from '/vite.svg' +import { setupCounter } from './counter.js' + +document.querySelector('#app').innerHTML = ` +
+ + + + + + +

Hello Vite!

+
+ +
+

+ Click on the Vite logo to learn more +

+
+` + +setupCounter(document.querySelector('#counter')) diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..a7961e2 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,550 @@ +{ + "name": "onlain_cinema", + "version": "1.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "onlain_cinema", + "version": "1.0.0", + "license": "ISC", + "dependencies": { + "bootstrap": "^5.3.2", + "vite": "^4.5.0" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", + "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", + "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", + "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", + "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", + "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", + "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", + "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", + "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", + "cpu": [ + "arm" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", + "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", + "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", + "cpu": [ + "ia32" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", + "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", + "cpu": [ + "loong64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", + "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", + "cpu": [ + "mips64el" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", + "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", + "cpu": [ + "ppc64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", + "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", + "cpu": [ + "riscv64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", + "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", + "cpu": [ + "s390x" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", + "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", + "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", + "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", + "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", + "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", + "cpu": [ + "arm64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", + "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", + "cpu": [ + "ia32" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", + "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "peer": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, + "node_modules/bootstrap": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.2.tgz", + "integrity": "sha512-D32nmNWiQHo94BKHLmOrdjlL05q1c8oxbtBphQFb9Z5to6eGRDCm0QgeaZ4zFBHzfg2++rqa2JkqCcxDy0sH0g==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, + "node_modules/esbuild": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz", + "integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==", + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/android-arm": "0.18.20", + "@esbuild/android-arm64": "0.18.20", + "@esbuild/android-x64": "0.18.20", + "@esbuild/darwin-arm64": "0.18.20", + "@esbuild/darwin-x64": "0.18.20", + "@esbuild/freebsd-arm64": "0.18.20", + "@esbuild/freebsd-x64": "0.18.20", + "@esbuild/linux-arm": "0.18.20", + "@esbuild/linux-arm64": "0.18.20", + "@esbuild/linux-ia32": "0.18.20", + "@esbuild/linux-loong64": "0.18.20", + "@esbuild/linux-mips64el": "0.18.20", + "@esbuild/linux-ppc64": "0.18.20", + "@esbuild/linux-riscv64": "0.18.20", + "@esbuild/linux-s390x": "0.18.20", + "@esbuild/linux-x64": "0.18.20", + "@esbuild/netbsd-x64": "0.18.20", + "@esbuild/openbsd-x64": "0.18.20", + "@esbuild/sunos-x64": "0.18.20", + "@esbuild/win32-arm64": "0.18.20", + "@esbuild/win32-ia32": "0.18.20", + "@esbuild/win32-x64": "0.18.20" + } + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/nanoid": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + }, + "node_modules/postcss": { + "version": "8.4.31", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", + "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.6", + "picocolors": "^1.0.0", + "source-map-js": "^1.0.2" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/rollup": { + "version": "3.29.4", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz", + "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==", + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/source-map-js": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/vite": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz", + "integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==", + "dependencies": { + "esbuild": "^0.18.10", + "postcss": "^8.4.27", + "rollup": "^3.27.1" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + }, + "peerDependencies": { + "@types/node": ">= 14", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..5c819f2 --- /dev/null +++ b/package.json @@ -0,0 +1,20 @@ +{ + "name": "onlain_cinema", + "version": "1.0.0", + "type": "module", + "scripts": { + "start": "vite", + "serve": "http-server -p 3000 ./dist/", + "build": "vite build", + "prod": "npm-run-all build serve" + }, + "dependencies": { + "bootstrap": "5.3.2", + "@fortawesome/fontawesome-free": "6.4.2" + }, + "devDependencies": { + "http-server": "14.1.1", + "vite": "4.5.0", + "npm-run-all": "4.1.5" + } +} diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..abf9d15 --- /dev/null +++ b/style.css @@ -0,0 +1,97 @@ +:root { + font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; + + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-text-size-adjust: 100%; +} + +a { + font-weight: 500; + color: #646cff; + text-decoration: inherit; +} +a:hover { + color: #535bf2; +} + +body { + margin: 0; + display: flex; + place-items: center; + min-width: 320px; + min-height: 100vh; +} + +h1 { + font-size: 3.2em; + line-height: 1.1; +} + +#app { + max-width: 1280px; + margin: 0 auto; + padding: 2rem; + text-align: center; +} + +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; + transition: filter 300ms; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.vanilla:hover { + filter: drop-shadow(0 0 2em #f7df1eaa); +} + +.card { + padding: 2em; +} + +.read-the-docs { + color: #888; +} + +button { + border-radius: 8px; + border: 1px solid transparent; + padding: 0.6em 1.2em; + font-size: 1em; + font-weight: 500; + font-family: inherit; + background-color: #1a1a1a; + cursor: pointer; + transition: border-color 0.25s; +} +button:hover { + border-color: #646cff; +} +button:focus, +button:focus-visible { + outline: 4px auto -webkit-focus-ring-color; +} + +@media (prefers-color-scheme: light) { + :root { + color: #213547; + background-color: #ffffff; + } + a:hover { + color: #747bff; + } + button { + background-color: #f9f9f9; + } +}