sheym/PIbd-23_Sheymuhov_A.I._Internet_Programming
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

остались иконки и форма

Browse Source
This commit is contained in:
sheymuh
2025-04-29 20:40:50 +04:00
parent 8fc03cb811
commit 38b22411cc
31 changed files with 471 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.vscode/launch.json vendored
View File

@@ -4,7 +4,7 @@
"type": "chrome",
"name": "Debug",
"request": "launch",
"url": "http://localhost:5173"
"url": "http://localhost:5173"
},
{
"type": "node",

BIN
dist/assets/2016-BUapLfv6.jpeg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 201 KiB

BIN
dist/assets/bootstrap-icons-BOrJxbIo.woff vendored Normal file
View File

Binary file not shown.

BIN
dist/assets/bootstrap-icons-BtvjY1KL.woff2 vendored Normal file
View File

Binary file not shown.

BIN
dist/assets/cs2-DR6Y5i0S.webp vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
dist/assets/derzko-pSp-01RX.webp vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
dist/assets/goats-D56R5-1i.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 642 KiB

BIN
dist/assets/lofi_girl-DaMQ02_q.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 393 KiB

BIN
dist/assets/stardew-CE1yhNxT.webp vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

9
dist/assets/styleStreamingService-04MkF1p6.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

5
dist/assets/styleStreamingService-Dm7NrNhQ.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
dist/assets/teddy-CiAgOjzj.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

BIN
dist/assets/КАЙФ-Dbw7IVze.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

BIN
dist/assets/асмр человек паук-RgZcxljT.webp vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
dist/assets/папаня-BZOoCf1B.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
dist/assets/резня-Du5Ks9ja.jpg vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 155 KiB

BIN
dist/assets/стрим ксго-d7c_w3u0.webp vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

47
dist/pageAccount.html vendored Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Мой аккаунт</title>
<script type="module" crossorigin src="/assets/styleStreamingService-Dm7NrNhQ.js"></script>
<link rel="stylesheet" crossorigin href="/assets/styleStreamingService-04MkF1p6.css">
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="/assets/%D0%9A%D0%90%D0%99%D0%A4-Dbw7IVze.jpg" alt="Логотип" /></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
<h2><em>Ваш никнейм</em></h2>
<div class="avatar"><img src="/assets/derzko-pSp-01RX.webp" alt="derzko" /></div>
<p>ПОЛ МИЛЛИОНА ПОДПИЩИКОВ</p>
<div class="header-logo">
<div class="button">Выйти из аккаунта</div>
<div class="button">Сменить пароль</div>
</div>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEcUlEQVR4nO2aX2wURRzH71GNSigSd5BAYmIwMTFGjfHVvvhm5E80QV980KqRRExnripwtgLyYDCaaJACUSFYQVBfjOFBia31wEM6v7tem0Na6l1pKdw1pbQ0ba9jfnu0ureztzO7e3s+3Df5JZd2Ojefnd+/mW0kUldddYUm8lbiHqO5ZyOhsJNQOE4YP00oJEzDzwyO4e8MltywqiW9IvJ/UsOWzN1GtOc1g/FuQnmRMBBKRnnRoPw3g0ETzlEzgOXRxLLS04Vx5cU7mEGhQBhvDR3oXgbPEcov+wWwATEYNhjfVHUAEkvcYVB+KGgACVD76q3dt1cFYk0LLEefrjYEWYohOIPJI1AIzDCEQio0CLZkydVbUw2BuRNhEK8BhCi5Ge8OxM3CiAlXGAr7/WenGkOQf3dmk/dCx2C41gBkyfgI1i5tELPNqPniwWqUv6cFgeRBVOzA3YtCQav6Y+8km+jFQ4Ni548jFlv7TlL6pZsPWse+8fXfjgtkJ3KWsRv3XawQK9CkDoINoGSS9s6rolyP7uqTfuGRM3nLuLODU9JxT3zQLxYWrHO+ftQZ2mC8S6P4ybvYPT+N2kAa92Z8gRzoumYZNz1bFOtivZXipKhU8THNOU1CT+RsIC8cHPQM8tTejJidt27HV/G8e6yw5AZf2QoXXS7cJS8gD2xPib6Rm5YxkzNF8cj7aYXA560qIMedJngw1iuKZf58Kj2hDYKuEx+4YXsobx7LqmUwyr9RcC34tdIk/aPWpzgztyD1aRnIfVEQL315SWQLszaIT34eU4MogfziDkLhz0qTfPG7NThR0ZM5V5DrN4viyvU5IRNmQ2UIZqbgc75Bnv74gm0hoxOz4v53UxVBZMKY2NLhnGqJLxAX10I7n522LQrTqC5IYWpeNH+bM11OC4YquJZ5ZeMyERYsmbb9MKwFsqjOC5Ni3Y5ejR3hHYE0i6uiYAavTEfPFsRDrWkbSOLSlOj4oyDyN+Rxgqn4sd3yLsFT+jUv2BQme3JPv5iYnpcuCotc+YL33wroNW8nRcvJYenfZq7MqO1MM6z31aKUGzZ32FKoaBHkvw9i4OqMbdz3PeNu8VFUPsfr3JY889lfYmxyThsE7fHdfeKaxNU2O7Q9ZnxQ6FSCKIHAqzpZ5OG2tPju/Liti3UDQXv58JBtbGJoqsKOwCt6x1zzGlMvLTZ+lDGbPkyrqiBoPZJ03ijpqg3G8yto310RHWFm0AVZNKwLCIWHqQ9PjYpPT4+JpiNDjuPRlQ7H8xZ7vn1A5lY7IrpCcoNBzitM0GZQyK6Mpe6MeFGls0noIEzhDFIRhvIDtYYglO+L+BVeVzqd4cPZCd61NjZ4m2+QEkyqAS+Uw98JgMAusS2vFRjvChEkHvhrBaubQXsIEJ8H5k5u2awaqdmgkPWdnbzUGbyL9dIBSAI6j8Vupdc6EYRu3do3mfGj/XoaOrF30m47qi0zuzXDekJ5G17Z4JF06R8GzM/mz9oIhWcDz0Z11VVXpJL+Aemdmrez0du5AAAAAElFTkSuQmCC" alt="vk" class="footer-image" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEnklEQVR4nO2aS2wbRRjHfae8xOuOqnbXalMkJLiAhDggBOVQaBFSpCKOoCJVnAoSQoKm0AMSJw6gIh4ioliigXbGjqzmUSVxaF4YE+okjpO6TrBD0zpOZuxde/dDM7YTO3bWM/auzcF/6bvsrmf3N99jvp21y9VRRx21TF39m4+6vfSEgkmPgqhHwWRYxXSSGyJDxWM97Jr9OP2I6/+kw1dSD7oxeVdB9LqKiKliCkKGiKlgOq4gcurIpbsPtBVAReQzFZO08MPvDbWhYnKu5UAKoicVRJNNA+wyBdOEG9NuxwEO9sG9KiK9dgNUASHyg3sQ9jkCcejXzcdURKechlB3bJIVD/shMJlrIQQUjMzZBsPCSUF0uvUQdNsztoQZi9c2QgDPGUx+ahKCnmw3hFq0hqsZWyecKLG17IWhDJwJavDM1YyFV2iioXWmsNg59/BdPgrvzWgQuG2ACQWdCWr1QqxH2huF1dZ+gBeHM/D1Yg7WtdLj7+jYSNb694impLzCeic7H/6Ij8LpaQ3GymZ/t3QDuJfqjaVg8o4wCG8AbQB4yWL2NV2vgAqlDLFxEQ0IQbAFSKqLlZz9XD4PscQaBOejoOm57eMXYzlBEGIe+C39cF0Q9Qp9vRGAl4uzf1ffK3gA1jfSEFpYgj/no7BFMxXnPgrpwvdyY3K8flhh0iM64BNls28lmsnC/M04zIQj8FdkCWhWq7rmxGidRMflRj4WyQ9PvYGOXivMfspi9pnyeQPiyX/hj3CEQ8wuLkNW06uvM4FPiioIomByUQCEXKv148NeCh+GdJ6UIiqFEQNgdiMaAz23kxPlCqcFEx1v58mgiEdqNohfzFXPZC2RsjAq2dzyLZ7ke+mXeF4ShE41DMLaCH8iD1s56zAqB2C2EFsBw7D24tlZ3QkQUjO0SnbIS+H4aBY+D+s8yTWjOoxKFo3/A6ZpnUdM3YGsI6HlkRn02FC6CoDZrcRa/TgEAMMEeLJfrtQrQskuUX5Ldjm0XAGxsnYbRBXZNOW8gQXLL9s8kx34g7HkNkRfcBkGltaFQS6vSCY6pnAQkdccaVGe86dhugjy3cQSXBoYgx9nYkIg529IJjomhlCLUggvOi47S55gjINcCCxA38Aot68CEd7VWunNcelEHxOC4CCInJIFOT1SKL3fjMxyCM9AAF7xJXlFqtX9MrGjT/kzsh55WxiEvbzIvlg93b8FU+FF6B2e4BBHfcmKNWhhs9o1N4lkoiOaetx/536XjNherKxXvpyMw8+7IErGSuzVROXq7l2VS3QFkbMuWe3HcJ+K6KrMjZ71bcDz3juWi+mF6E5r8Onf4omuNLr5wMS2YGS9ImJv/Z6F94Mab0QlQN5wNSMFk++dgJHLDdLbFAT3yiDsK351aguEguj1rn64x2WH+CLZjk1sRMK2f6JT/BsPsR2MFoJM2P5ZoTzMWrKpjci3toWTJRCm3awc2g9AV5uuTrJiNZ23/HZsrSKaUhD5RHrVtlPs5mwbs5A/xBAHIAZrAFnv1FaAWmLtNXtXYLPL3uLYK2nZHwYG2TF+zkteZcWj5iAdddSRywn9B9E5uZlJrzFcAAAAAElFTkSuQmCC" alt="tg" class="footer-image" />
</div>

47
dist/pageCategories.html vendored Normal file
View File

@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Популярные категории</title>
<script type="module" crossorigin src="/assets/styleStreamingService-Dm7NrNhQ.js"></script>
<link rel="stylesheet" crossorigin href="/assets/styleStreamingService-04MkF1p6.css">
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="/assets/%D0%9A%D0%90%D0%99%D0%A4-Dbw7IVze.jpg" alt="Логотип" /></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
<h2>Популярные категории</h2>
<ol>
<li>Общение</li>
<li>Казик</li>
<li>Стрелялки</li>
<li>пупупу</li>
</ol>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEcUlEQVR4nO2aX2wURRzH71GNSigSd5BAYmIwMTFGjfHVvvhm5E80QV980KqRRExnripwtgLyYDCaaJACUSFYQVBfjOFBia31wEM6v7tem0Na6l1pKdw1pbQ0ba9jfnu0ureztzO7e3s+3Df5JZd2Ojefnd+/mW0kUldddYUm8lbiHqO5ZyOhsJNQOE4YP00oJEzDzwyO4e8MltywqiW9IvJ/UsOWzN1GtOc1g/FuQnmRMBBKRnnRoPw3g0ETzlEzgOXRxLLS04Vx5cU7mEGhQBhvDR3oXgbPEcov+wWwATEYNhjfVHUAEkvcYVB+KGgACVD76q3dt1cFYk0LLEefrjYEWYohOIPJI1AIzDCEQio0CLZkydVbUw2BuRNhEK8BhCi5Ge8OxM3CiAlXGAr7/WenGkOQf3dmk/dCx2C41gBkyfgI1i5tELPNqPniwWqUv6cFgeRBVOzA3YtCQav6Y+8km+jFQ4Ni548jFlv7TlL6pZsPWse+8fXfjgtkJ3KWsRv3XawQK9CkDoINoGSS9s6rolyP7uqTfuGRM3nLuLODU9JxT3zQLxYWrHO+ftQZ2mC8S6P4ybvYPT+N2kAa92Z8gRzoumYZNz1bFOtivZXipKhU8THNOU1CT+RsIC8cHPQM8tTejJidt27HV/G8e6yw5AZf2QoXXS7cJS8gD2xPib6Rm5YxkzNF8cj7aYXA560qIMedJngw1iuKZf58Kj2hDYKuEx+4YXsobx7LqmUwyr9RcC34tdIk/aPWpzgztyD1aRnIfVEQL315SWQLszaIT34eU4MogfziDkLhz0qTfPG7NThR0ZM5V5DrN4viyvU5IRNmQ2UIZqbgc75Bnv74gm0hoxOz4v53UxVBZMKY2NLhnGqJLxAX10I7n522LQrTqC5IYWpeNH+bM11OC4YquJZ5ZeMyERYsmbb9MKwFsqjOC5Ni3Y5ejR3hHYE0i6uiYAavTEfPFsRDrWkbSOLSlOj4oyDyN+Rxgqn4sd3yLsFT+jUv2BQme3JPv5iYnpcuCotc+YL33wroNW8nRcvJYenfZq7MqO1MM6z31aKUGzZ32FKoaBHkvw9i4OqMbdz3PeNu8VFUPsfr3JY889lfYmxyThsE7fHdfeKaxNU2O7Q9ZnxQ6FSCKIHAqzpZ5OG2tPju/Liti3UDQXv58JBtbGJoqsKOwCt6x1zzGlMvLTZ+lDGbPkyrqiBoPZJ03ijpqg3G8yto310RHWFm0AVZNKwLCIWHqQ9PjYpPT4+JpiNDjuPRlQ7H8xZ7vn1A5lY7IrpCcoNBzitM0GZQyK6Mpe6MeFGls0noIEzhDFIRhvIDtYYglO+L+BVeVzqd4cPZCd61NjZ4m2+QEkyqAS+Uw98JgMAusS2vFRjvChEkHvhrBaubQXsIEJ8H5k5u2awaqdmgkPWdnbzUGbyL9dIBSAI6j8Vupdc6EYRu3do3mfGj/XoaOrF30m47qi0zuzXDekJ5G17Z4JF06R8GzM/mz9oIhWcDz0Z11VVXpJL+Aemdmrez0du5AAAAAElFTkSuQmCC" alt="vk" class="footer-image" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEnklEQVR4nO2aS2wbRRjHfae8xOuOqnbXalMkJLiAhDggBOVQaBFSpCKOoCJVnAoSQoKm0AMSJw6gIh4ioliigXbGjqzmUSVxaF4YE+okjpO6TrBD0zpOZuxde/dDM7YTO3bWM/auzcF/6bvsrmf3N99jvp21y9VRRx21TF39m4+6vfSEgkmPgqhHwWRYxXSSGyJDxWM97Jr9OP2I6/+kw1dSD7oxeVdB9LqKiKliCkKGiKlgOq4gcurIpbsPtBVAReQzFZO08MPvDbWhYnKu5UAKoicVRJNNA+wyBdOEG9NuxwEO9sG9KiK9dgNUASHyg3sQ9jkCcejXzcdURKechlB3bJIVD/shMJlrIQQUjMzZBsPCSUF0uvUQdNsztoQZi9c2QgDPGUx+ahKCnmw3hFq0hqsZWyecKLG17IWhDJwJavDM1YyFV2iioXWmsNg59/BdPgrvzWgQuG2ACQWdCWr1QqxH2huF1dZ+gBeHM/D1Yg7WtdLj7+jYSNb694impLzCeic7H/6Ij8LpaQ3GymZ/t3QDuJfqjaVg8o4wCG8AbQB4yWL2NV2vgAqlDLFxEQ0IQbAFSKqLlZz9XD4PscQaBOejoOm57eMXYzlBEGIe+C39cF0Q9Qp9vRGAl4uzf1ffK3gA1jfSEFpYgj/no7BFMxXnPgrpwvdyY3K8flhh0iM64BNls28lmsnC/M04zIQj8FdkCWhWq7rmxGidRMflRj4WyQ9PvYGOXivMfspi9pnyeQPiyX/hj3CEQ8wuLkNW06uvM4FPiioIomByUQCEXKv148NeCh+GdJ6UIiqFEQNgdiMaAz23kxPlCqcFEx1v58mgiEdqNohfzFXPZC2RsjAq2dzyLZ7ke+mXeF4ShE41DMLaCH8iD1s56zAqB2C2EFsBw7D24tlZ3QkQUjO0SnbIS+H4aBY+D+s8yTWjOoxKFo3/A6ZpnUdM3YGsI6HlkRn02FC6CoDZrcRa/TgEAMMEeLJfrtQrQskuUX5Ldjm0XAGxsnYbRBXZNOW8gQXLL9s8kx34g7HkNkRfcBkGltaFQS6vSCY6pnAQkdccaVGe86dhugjy3cQSXBoYgx9nYkIg529IJjomhlCLUggvOi47S55gjINcCCxA38Aot68CEd7VWunNcelEHxOC4CCInJIFOT1SKL3fjMxyCM9AAF7xJXlFqtX9MrGjT/kzsh55WxiEvbzIvlg93b8FU+FF6B2e4BBHfcmKNWhhs9o1N4lkoiOaetx/536XjNherKxXvpyMw8+7IErGSuzVROXq7l2VS3QFkbMuWe3HcJ+K6KrMjZ71bcDz3juWi+mF6E5r8Onf4omuNLr5wMS2YGS9ImJv/Z6F94Mab0QlQN5wNSMFk++dgJHLDdLbFAT3yiDsK351aguEguj1rn64x2WH+CLZjk1sRMK2f6JT/BsPsR2MFoJM2P5ZoTzMWrKpjci3toWTJRCm3awc2g9AV5uuTrJiNZ23/HZsrSKaUhD5RHrVtlPs5mwbs5A/xBAHIAZrAFnv1FaAWmLtNXtXYLPL3uLYK2nZHwYG2TF+zkteZcWj5iAdddSRywn9B9E5uZlJrzFcAAAAAElFTkSuQmCC" alt="tg" class="footer-image" />
</div>

65
dist/pageMain.html vendored Normal file
View File

@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Главная</title>
<script type="module" crossorigin src="/assets/styleStreamingService-Dm7NrNhQ.js"></script>
<link rel="stylesheet" crossorigin href="/assets/styleStreamingService-04MkF1p6.css">
</head>
<body class="min-vh-100 d-flex flex-column bg-black">
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="/assets/%D0%9A%D0%90%D0%99%D0%A4-Dbw7IVze.jpg" alt="Логотип" /></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
<p>Сейчас в эфире</p>
<div class="photo-grid-container">
<div class="photo-grid">
<div class="photo-grid-item"><img src="/assets/cs2-DR6Y5i0S.webp" alt="cs2" /></div>
<div class="photo-grid-item"><img src="/assets/derzko-pSp-01RX.webp" alt="derzko" /></div>
<div class="photo-grid-item"><img src="/assets/stardew-CE1yhNxT.webp" alt="stardew" /></div>
<div class="photo-grid-item"><img src="/assets/teddy-CiAgOjzj.jpg" alt="teddy" /></div>
<div class="photo-grid-item"><img src="/assets/lofi_girl-DaMQ02_q.jpg" alt="lofi_girl" /></div>
</div>
</div>
<h3>Популярные каналы</h3>
<ul>
<li>
<a href="pageAccount.html" target="_blank"
><em>ВЫ</em> самый популярный стример на данной платформе!!!</a
>
</li>
<li>какой-то стример 1</li>
<li>какой-то стример 2</li>
<li>ммм <b>МАРМОК</b></li>
</ul>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<a href="https://vk.com/sheym_not_shame" target="_blank"
><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEcUlEQVR4nO2aX2wURRzH71GNSigSd5BAYmIwMTFGjfHVvvhm5E80QV980KqRRExnripwtgLyYDCaaJACUSFYQVBfjOFBia31wEM6v7tem0Na6l1pKdw1pbQ0ba9jfnu0ureztzO7e3s+3Df5JZd2Ojefnd+/mW0kUldddYUm8lbiHqO5ZyOhsJNQOE4YP00oJEzDzwyO4e8MltywqiW9IvJ/UsOWzN1GtOc1g/FuQnmRMBBKRnnRoPw3g0ETzlEzgOXRxLLS04Vx5cU7mEGhQBhvDR3oXgbPEcov+wWwATEYNhjfVHUAEkvcYVB+KGgACVD76q3dt1cFYk0LLEefrjYEWYohOIPJI1AIzDCEQio0CLZkydVbUw2BuRNhEK8BhCi5Ge8OxM3CiAlXGAr7/WenGkOQf3dmk/dCx2C41gBkyfgI1i5tELPNqPniwWqUv6cFgeRBVOzA3YtCQav6Y+8km+jFQ4Ni548jFlv7TlL6pZsPWse+8fXfjgtkJ3KWsRv3XawQK9CkDoINoGSS9s6rolyP7uqTfuGRM3nLuLODU9JxT3zQLxYWrHO+ftQZ2mC8S6P4ybvYPT+N2kAa92Z8gRzoumYZNz1bFOtivZXipKhU8THNOU1CT+RsIC8cHPQM8tTejJidt27HV/G8e6yw5AZf2QoXXS7cJS8gD2xPib6Rm5YxkzNF8cj7aYXA560qIMedJngw1iuKZf58Kj2hDYKuEx+4YXsobx7LqmUwyr9RcC34tdIk/aPWpzgztyD1aRnIfVEQL315SWQLszaIT34eU4MogfziDkLhz0qTfPG7NThR0ZM5V5DrN4viyvU5IRNmQ2UIZqbgc75Bnv74gm0hoxOz4v53UxVBZMKY2NLhnGqJLxAX10I7n522LQrTqC5IYWpeNH+bM11OC4YquJZ5ZeMyERYsmbb9MKwFsqjOC5Ni3Y5ejR3hHYE0i6uiYAavTEfPFsRDrWkbSOLSlOj4oyDyN+Rxgqn4sd3yLsFT+jUv2BQme3JPv5iYnpcuCotc+YL33wroNW8nRcvJYenfZq7MqO1MM6z31aKUGzZ32FKoaBHkvw9i4OqMbdz3PeNu8VFUPsfr3JY889lfYmxyThsE7fHdfeKaxNU2O7Q9ZnxQ6FSCKIHAqzpZ5OG2tPju/Liti3UDQXv58JBtbGJoqsKOwCt6x1zzGlMvLTZ+lDGbPkyrqiBoPZJ03ijpqg3G8yto310RHWFm0AVZNKwLCIWHqQ9PjYpPT4+JpiNDjuPRlQ7H8xZ7vn1A5lY7IrpCcoNBzitM0GZQyK6Mpe6MeFGls0noIEzhDFIRhvIDtYYglO+L+BVeVzqd4cPZCd61NjZ4m2+QEkyqAS+Uw98JgMAusS2vFRjvChEkHvhrBaubQXsIEJ8H5k5u2awaqdmgkPWdnbzUGbyL9dIBSAI6j8Vupdc6EYRu3do3mfGj/XoaOrF30m47qi0zuzXDekJ5G17Z4JF06R8GzM/mz9oIhWcDz0Z11VVXpJL+Aemdmrez0du5AAAAAElFTkSuQmCC" alt="vk" class="footer-image"
/></a>
<a href="https://t.me/sheymuh" target="_blank"
><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEnklEQVR4nO2aS2wbRRjHfae8xOuOqnbXalMkJLiAhDggBOVQaBFSpCKOoCJVnAoSQoKm0AMSJw6gIh4ioliigXbGjqzmUSVxaF4YE+okjpO6TrBD0zpOZuxde/dDM7YTO3bWM/auzcF/6bvsrmf3N99jvp21y9VRRx21TF39m4+6vfSEgkmPgqhHwWRYxXSSGyJDxWM97Jr9OP2I6/+kw1dSD7oxeVdB9LqKiKliCkKGiKlgOq4gcurIpbsPtBVAReQzFZO08MPvDbWhYnKu5UAKoicVRJNNA+wyBdOEG9NuxwEO9sG9KiK9dgNUASHyg3sQ9jkCcejXzcdURKechlB3bJIVD/shMJlrIQQUjMzZBsPCSUF0uvUQdNsztoQZi9c2QgDPGUx+ahKCnmw3hFq0hqsZWyecKLG17IWhDJwJavDM1YyFV2iioXWmsNg59/BdPgrvzWgQuG2ACQWdCWr1QqxH2huF1dZ+gBeHM/D1Yg7WtdLj7+jYSNb694impLzCeic7H/6Ij8LpaQ3GymZ/t3QDuJfqjaVg8o4wCG8AbQB4yWL2NV2vgAqlDLFxEQ0IQbAFSKqLlZz9XD4PscQaBOejoOm57eMXYzlBEGIe+C39cF0Q9Qp9vRGAl4uzf1ffK3gA1jfSEFpYgj/no7BFMxXnPgrpwvdyY3K8flhh0iM64BNls28lmsnC/M04zIQj8FdkCWhWq7rmxGidRMflRj4WyQ9PvYGOXivMfspi9pnyeQPiyX/hj3CEQ8wuLkNW06uvM4FPiioIomByUQCEXKv148NeCh+GdJ6UIiqFEQNgdiMaAz23kxPlCqcFEx1v58mgiEdqNohfzFXPZC2RsjAq2dzyLZ7ke+mXeF4ShE41DMLaCH8iD1s56zAqB2C2EFsBw7D24tlZ3QkQUjO0SnbIS+H4aBY+D+s8yTWjOoxKFo3/A6ZpnUdM3YGsI6HlkRn02FC6CoDZrcRa/TgEAMMEeLJfrtQrQskuUX5Ldjm0XAGxsnYbRBXZNOW8gQXLL9s8kx34g7HkNkRfcBkGltaFQS6vSCY6pnAQkdccaVGe86dhugjy3cQSXBoYgx9nYkIg529IJjomhlCLUggvOi47S55gjINcCCxA38Aot68CEd7VWunNcelEHxOC4CCInJIFOT1SKL3fjMxyCM9AAF7xJXlFqtX9MrGjT/kzsh55WxiEvbzIvlg93b8FU+FF6B2e4BBHfcmKNWhhs9o1N4lkoiOaetx/536XjNherKxXvpyMw8+7IErGSuzVROXq7l2VS3QFkbMuWe3HcJ+K6KrMjZ71bcDz3juWi+mF6E5r8Onf4omuNLr5wMS2YGS9ImJv/Z6F94Mab0QlQN5wNSMFk++dgJHLDdLbFAT3yiDsK351aguEguj1rn64x2WH+CLZjk1sRMK2f6JT/BsPsR2MFoJM2P5ZoTzMWrKpjci3toWTJRCm3awc2g9AV5uuTrJiNZ23/HZsrSKaUhD5RHrVtlPs5mwbs5A/xBAHIAZrAFnv1FaAWmLtNXtXYLPL3uLYK2nZHwYG2TF+zkteZcWj5iAdddSRywn9B9E5uZlJrzFcAAAAAElFTkSuQmCC" alt="tg" class="footer-image"
/></a>
</div>

56
dist/pageSavedStreams.html vendored Normal file
View File

@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Сохранённые трансляции</title>
<script type="module" crossorigin src="/assets/styleStreamingService-Dm7NrNhQ.js"></script>
<link rel="stylesheet" crossorigin href="/assets/styleStreamingService-04MkF1p6.css">
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="/assets/%D0%9A%D0%90%D0%99%D0%A4-Dbw7IVze.jpg" alt="Логотип" /></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
<h2>Запланированные трансляции</h2>
<div class="photo-grid-container">
<div class="photo-grid">
<div class="photo-grid-item"><img src="/assets/%D1%81%D1%82%D1%80%D0%B8%D0%BC%20%D0%BA%D1%81%D0%B3%D0%BE-d7c_w3u0.webp" alt="стрим ксго" /></div>
<div class="photo-grid-item"><img src="/assets/goats-D56R5-1i.png" alt="goats" /></div>
<div class="photo-grid-item"><img src="/assets/%D0%BF%D0%B0%D0%BF%D0%B0%D0%BD%D1%8F-BZOoCf1B.jpg" alt="папаня" /></div>
</div>
</div>
<h2>Смотреть позже</h2>
<div class="photo-grid-container">
<div class="photo-grid">
<div class="photo-grid-item"><img src="/assets/2016-BUapLfv6.jpeg" alt="стрим ксго" /></div>
<div class="photo-grid-item"><img src="/assets/%D0%B0%D1%81%D0%BC%D1%80%20%D1%87%D0%B5%D0%BB%D0%BE%D0%B2%D0%B5%D0%BA%20%D0%BF%D0%B0%D1%83%D0%BA-RgZcxljT.webp" alt="асмр" /></div>
<div class="photo-grid-item"><img src="/assets/%D1%80%D0%B5%D0%B7%D0%BD%D1%8F-Du5Ks9ja.jpg" alt="резня" /></div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEcUlEQVR4nO2aX2wURRzH71GNSigSd5BAYmIwMTFGjfHVvvhm5E80QV980KqRRExnripwtgLyYDCaaJACUSFYQVBfjOFBia31wEM6v7tem0Na6l1pKdw1pbQ0ba9jfnu0ureztzO7e3s+3Df5JZd2Ojefnd+/mW0kUldddYUm8lbiHqO5ZyOhsJNQOE4YP00oJEzDzwyO4e8MltywqiW9IvJ/UsOWzN1GtOc1g/FuQnmRMBBKRnnRoPw3g0ETzlEzgOXRxLLS04Vx5cU7mEGhQBhvDR3oXgbPEcov+wWwATEYNhjfVHUAEkvcYVB+KGgACVD76q3dt1cFYk0LLEefrjYEWYohOIPJI1AIzDCEQio0CLZkydVbUw2BuRNhEK8BhCi5Ge8OxM3CiAlXGAr7/WenGkOQf3dmk/dCx2C41gBkyfgI1i5tELPNqPniwWqUv6cFgeRBVOzA3YtCQav6Y+8km+jFQ4Ni548jFlv7TlL6pZsPWse+8fXfjgtkJ3KWsRv3XawQK9CkDoINoGSS9s6rolyP7uqTfuGRM3nLuLODU9JxT3zQLxYWrHO+ftQZ2mC8S6P4ybvYPT+N2kAa92Z8gRzoumYZNz1bFOtivZXipKhU8THNOU1CT+RsIC8cHPQM8tTejJidt27HV/G8e6yw5AZf2QoXXS7cJS8gD2xPib6Rm5YxkzNF8cj7aYXA560qIMedJngw1iuKZf58Kj2hDYKuEx+4YXsobx7LqmUwyr9RcC34tdIk/aPWpzgztyD1aRnIfVEQL315SWQLszaIT34eU4MogfziDkLhz0qTfPG7NThR0ZM5V5DrN4viyvU5IRNmQ2UIZqbgc75Bnv74gm0hoxOz4v53UxVBZMKY2NLhnGqJLxAX10I7n522LQrTqC5IYWpeNH+bM11OC4YquJZ5ZeMyERYsmbb9MKwFsqjOC5Ni3Y5ejR3hHYE0i6uiYAavTEfPFsRDrWkbSOLSlOj4oyDyN+Rxgqn4sd3yLsFT+jUv2BQme3JPv5iYnpcuCotc+YL33wroNW8nRcvJYenfZq7MqO1MM6z31aKUGzZ32FKoaBHkvw9i4OqMbdz3PeNu8VFUPsfr3JY889lfYmxyThsE7fHdfeKaxNU2O7Q9ZnxQ6FSCKIHAqzpZ5OG2tPju/Liti3UDQXv58JBtbGJoqsKOwCt6x1zzGlMvLTZ+lDGbPkyrqiBoPZJ03ijpqg3G8yto310RHWFm0AVZNKwLCIWHqQ9PjYpPT4+JpiNDjuPRlQ7H8xZ7vn1A5lY7IrpCcoNBzitM0GZQyK6Mpe6MeFGls0noIEzhDFIRhvIDtYYglO+L+BVeVzqd4cPZCd61NjZ4m2+QEkyqAS+Uw98JgMAusS2vFRjvChEkHvhrBaubQXsIEJ8H5k5u2awaqdmgkPWdnbzUGbyL9dIBSAI6j8Vupdc6EYRu3do3mfGj/XoaOrF30m47qi0zuzXDekJ5G17Z4JF06R8GzM/mz9oIhWcDz0Z11VVXpJL+Aemdmrez0du5AAAAAElFTkSuQmCC" alt="vk" class="footer-image" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEnklEQVR4nO2aS2wbRRjHfae8xOuOqnbXalMkJLiAhDggBOVQaBFSpCKOoCJVnAoSQoKm0AMSJw6gIh4ioliigXbGjqzmUSVxaF4YE+okjpO6TrBD0zpOZuxde/dDM7YTO3bWM/auzcF/6bvsrmf3N99jvp21y9VRRx21TF39m4+6vfSEgkmPgqhHwWRYxXSSGyJDxWM97Jr9OP2I6/+kw1dSD7oxeVdB9LqKiKliCkKGiKlgOq4gcurIpbsPtBVAReQzFZO08MPvDbWhYnKu5UAKoicVRJNNA+wyBdOEG9NuxwEO9sG9KiK9dgNUASHyg3sQ9jkCcejXzcdURKechlB3bJIVD/shMJlrIQQUjMzZBsPCSUF0uvUQdNsztoQZi9c2QgDPGUx+ahKCnmw3hFq0hqsZWyecKLG17IWhDJwJavDM1YyFV2iioXWmsNg59/BdPgrvzWgQuG2ACQWdCWr1QqxH2huF1dZ+gBeHM/D1Yg7WtdLj7+jYSNb694impLzCeic7H/6Ij8LpaQ3GymZ/t3QDuJfqjaVg8o4wCG8AbQB4yWL2NV2vgAqlDLFxEQ0IQbAFSKqLlZz9XD4PscQaBOejoOm57eMXYzlBEGIe+C39cF0Q9Qp9vRGAl4uzf1ffK3gA1jfSEFpYgj/no7BFMxXnPgrpwvdyY3K8flhh0iM64BNls28lmsnC/M04zIQj8FdkCWhWq7rmxGidRMflRj4WyQ9PvYGOXivMfspi9pnyeQPiyX/hj3CEQ8wuLkNW06uvM4FPiioIomByUQCEXKv148NeCh+GdJ6UIiqFEQNgdiMaAz23kxPlCqcFEx1v58mgiEdqNohfzFXPZC2RsjAq2dzyLZ7ke+mXeF4ShE41DMLaCH8iD1s56zAqB2C2EFsBw7D24tlZ3QkQUjO0SnbIS+H4aBY+D+s8yTWjOoxKFo3/A6ZpnUdM3YGsI6HlkRn02FC6CoDZrcRa/TgEAMMEeLJfrtQrQskuUX5Ldjm0XAGxsnYbRBXZNOW8gQXLL9s8kx34g7HkNkRfcBkGltaFQS6vSCY6pnAQkdccaVGe86dhugjy3cQSXBoYgx9nYkIg529IJjomhlCLUggvOi47S55gjINcCCxA38Aot68CEd7VWunNcelEHxOC4CCInJIFOT1SKL3fjMxyCM9AAF7xJXlFqtX9MrGjT/kzsh55WxiEvbzIvlg93b8FU+FF6B2e4BBHfcmKNWhhs9o1N4lkoiOaetx/536XjNherKxXvpyMw8+7IErGSuzVROXq7l2VS3QFkbMuWe3HcJ+K6KrMjZ71bcDz3juWi+mF6E5r8Onf4omuNLr5wMS2YGS9ImJv/Z6F94Mab0QlQN5wNSMFk++dgJHLDdLbFAT3yiDsK351aguEguj1rn64x2WH+CLZjk1sRMK2f6JT/BsPsR2MFoJM2P5ZoTzMWrKpjci3toWTJRCm3awc2g9AV5uuTrJiNZ23/HZsrSKaUhD5RHrVtlPs5mwbs5A/xBAHIAZrAFnv1FaAWmLtNXtXYLPL3uLYK2nZHwYG2TF+zkteZcWj5iAdddSRywn9B9E5uZlJrzFcAAAAAElFTkSuQmCC" alt="tg" class="footer-image" />
</div>

49
dist/pageSubscriptions.html vendored Normal file
View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Подписки</title>
<script type="module" crossorigin src="/assets/styleStreamingService-Dm7NrNhQ.js"></script>
<link rel="stylesheet" crossorigin href="/assets/styleStreamingService-04MkF1p6.css">
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="/assets/%D0%9A%D0%90%D0%99%D0%A4-Dbw7IVze.jpg" alt="Логотип" /></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
<h2>Ваши подписки</h2>
<ol>
<li>НОРМ канал</li>
<div class="subButtons"><div class="button">Вы подписаны</div></div>
<li>САМЫЙ КРУТОЙ КАНАЛ</li>
<div class="subButtons"><div class="button blue-button">Вы спонсор</div></div>
<li>ПРОСТО КРУТОЙ канал</li>
<div class="subButtons"><div class="button">Вы подписаны</div></div>
</ol>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEcUlEQVR4nO2aX2wURRzH71GNSigSd5BAYmIwMTFGjfHVvvhm5E80QV980KqRRExnripwtgLyYDCaaJACUSFYQVBfjOFBia31wEM6v7tem0Na6l1pKdw1pbQ0ba9jfnu0ureztzO7e3s+3Df5JZd2Ojefnd+/mW0kUldddYUm8lbiHqO5ZyOhsJNQOE4YP00oJEzDzwyO4e8MltywqiW9IvJ/UsOWzN1GtOc1g/FuQnmRMBBKRnnRoPw3g0ETzlEzgOXRxLLS04Vx5cU7mEGhQBhvDR3oXgbPEcov+wWwATEYNhjfVHUAEkvcYVB+KGgACVD76q3dt1cFYk0LLEefrjYEWYohOIPJI1AIzDCEQio0CLZkydVbUw2BuRNhEK8BhCi5Ge8OxM3CiAlXGAr7/WenGkOQf3dmk/dCx2C41gBkyfgI1i5tELPNqPniwWqUv6cFgeRBVOzA3YtCQav6Y+8km+jFQ4Ni548jFlv7TlL6pZsPWse+8fXfjgtkJ3KWsRv3XawQK9CkDoINoGSS9s6rolyP7uqTfuGRM3nLuLODU9JxT3zQLxYWrHO+ftQZ2mC8S6P4ybvYPT+N2kAa92Z8gRzoumYZNz1bFOtivZXipKhU8THNOU1CT+RsIC8cHPQM8tTejJidt27HV/G8e6yw5AZf2QoXXS7cJS8gD2xPib6Rm5YxkzNF8cj7aYXA560qIMedJngw1iuKZf58Kj2hDYKuEx+4YXsobx7LqmUwyr9RcC34tdIk/aPWpzgztyD1aRnIfVEQL315SWQLszaIT34eU4MogfziDkLhz0qTfPG7NThR0ZM5V5DrN4viyvU5IRNmQ2UIZqbgc75Bnv74gm0hoxOz4v53UxVBZMKY2NLhnGqJLxAX10I7n522LQrTqC5IYWpeNH+bM11OC4YquJZ5ZeMyERYsmbb9MKwFsqjOC5Ni3Y5ejR3hHYE0i6uiYAavTEfPFsRDrWkbSOLSlOj4oyDyN+Rxgqn4sd3yLsFT+jUv2BQme3JPv5iYnpcuCotc+YL33wroNW8nRcvJYenfZq7MqO1MM6z31aKUGzZ32FKoaBHkvw9i4OqMbdz3PeNu8VFUPsfr3JY889lfYmxyThsE7fHdfeKaxNU2O7Q9ZnxQ6FSCKIHAqzpZ5OG2tPju/Liti3UDQXv58JBtbGJoqsKOwCt6x1zzGlMvLTZ+lDGbPkyrqiBoPZJ03ijpqg3G8yto310RHWFm0AVZNKwLCIWHqQ9PjYpPT4+JpiNDjuPRlQ7H8xZ7vn1A5lY7IrpCcoNBzitM0GZQyK6Mpe6MeFGls0noIEzhDFIRhvIDtYYglO+L+BVeVzqd4cPZCd61NjZ4m2+QEkyqAS+Uw98JgMAusS2vFRjvChEkHvhrBaubQXsIEJ8H5k5u2awaqdmgkPWdnbzUGbyL9dIBSAI6j8Vupdc6EYRu3do3mfGj/XoaOrF30m47qi0zuzXDekJ5G17Z4JF06R8GzM/mz9oIhWcDz0Z11VVXpJL+Aemdmrez0du5AAAAAElFTkSuQmCC" alt="vk" class="footer-image" />
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEnklEQVR4nO2aS2wbRRjHfae8xOuOqnbXalMkJLiAhDggBOVQaBFSpCKOoCJVnAoSQoKm0AMSJw6gIh4ioliigXbGjqzmUSVxaF4YE+okjpO6TrBD0zpOZuxde/dDM7YTO3bWM/auzcF/6bvsrmf3N99jvp21y9VRRx21TF39m4+6vfSEgkmPgqhHwWRYxXSSGyJDxWM97Jr9OP2I6/+kw1dSD7oxeVdB9LqKiKliCkKGiKlgOq4gcurIpbsPtBVAReQzFZO08MPvDbWhYnKu5UAKoicVRJNNA+wyBdOEG9NuxwEO9sG9KiK9dgNUASHyg3sQ9jkCcejXzcdURKechlB3bJIVD/shMJlrIQQUjMzZBsPCSUF0uvUQdNsztoQZi9c2QgDPGUx+ahKCnmw3hFq0hqsZWyecKLG17IWhDJwJavDM1YyFV2iioXWmsNg59/BdPgrvzWgQuG2ACQWdCWr1QqxH2huF1dZ+gBeHM/D1Yg7WtdLj7+jYSNb694impLzCeic7H/6Ij8LpaQ3GymZ/t3QDuJfqjaVg8o4wCG8AbQB4yWL2NV2vgAqlDLFxEQ0IQbAFSKqLlZz9XD4PscQaBOejoOm57eMXYzlBEGIe+C39cF0Q9Qp9vRGAl4uzf1ffK3gA1jfSEFpYgj/no7BFMxXnPgrpwvdyY3K8flhh0iM64BNls28lmsnC/M04zIQj8FdkCWhWq7rmxGidRMflRj4WyQ9PvYGOXivMfspi9pnyeQPiyX/hj3CEQ8wuLkNW06uvM4FPiioIomByUQCEXKv148NeCh+GdJ6UIiqFEQNgdiMaAz23kxPlCqcFEx1v58mgiEdqNohfzFXPZC2RsjAq2dzyLZ7ke+mXeF4ShE41DMLaCH8iD1s56zAqB2C2EFsBw7D24tlZ3QkQUjO0SnbIS+H4aBY+D+s8yTWjOoxKFo3/A6ZpnUdM3YGsI6HlkRn02FC6CoDZrcRa/TgEAMMEeLJfrtQrQskuUX5Ldjm0XAGxsnYbRBXZNOW8gQXLL9s8kx34g7HkNkRfcBkGltaFQS6vSCY6pnAQkdccaVGe86dhugjy3cQSXBoYgx9nYkIg529IJjomhlCLUggvOi47S55gjINcCCxA38Aot68CEd7VWunNcelEHxOC4CCInJIFOT1SKL3fjMxyCM9AAF7xJXlFqtX9MrGjT/kzsh55WxiEvbzIvlg93b8FU+FF6B2e4BBHfcmKNWhhs9o1N4lkoiOaetx/536XjNherKxXvpyMw8+7IErGSuzVROXq7l2VS3QFkbMuWe3HcJ+K6KrMjZ71bcDz3juWi+mF6E5r8Onf4omuNLr5wMS2YGS9ImJv/Z6F94Mab0QlQN5wNSMFk++dgJHLDdLbFAT3yiDsK351aguEguj1rn64x2WH+CLZjk1sRMK2f6JT/BsPsR2MFoJM2P5ZoTzMWrKpjci3toWTJRCm3awc2g9AV5uuTrJiNZ23/HZsrSKaUhD5RHrVtlPs5mwbs5A/xBAHIAZrAFnv1FaAWmLtNXtXYLPL3uLYK2nZHwYG2TF+zkteZcWj5iAdddSRywn9B9E5uZlJrzFcAAAAAElFTkSuQmCC" alt="tg" class="footer-image" />
</div>

3
package-lock.json generated
View File

@@ -19,7 +19,7 @@
"eslint-plugin-import": "2.31.0",
"eslint-plugin-prettier": "5.2.3",
"http-server": "14.1.1",
"npm-run-all": "4.1.5",
"npm-run-all": "^4.1.5",
"vite": "6.2.0"
}
},
@@ -3435,6 +3435,7 @@
"resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
"integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"ansi-styles": "^3.2.1",
"chalk": "^2.4.1",

10
package.json
View File

@@ -5,7 +5,7 @@
"scripts": {
"start": "vite",
"build": "vite build",
"serve": "http-server -p 3000 ./dist/",
"serve": "http-server -p 4000 ./dist/",
"prod": "npm-run-all build serve",
"lint": "eslint . --ext js --report-unused-disable-directives --max-warnings 0"
},
@@ -14,14 +14,14 @@
"bootstrap-icons": "1.11.3"
},
"devDependencies": {
"http-server": "14.1.1",
"vite": "6.2.0",
"npm-run-all": "4.1.5",
"eslint": "8.56.0",
"eslint-config-airbnb-base": "15.0.0",
"eslint-config-prettier": "10.0.2",
"eslint-plugin-html": "8.1.2",
"eslint-plugin-import": "2.31.0",
"eslint-plugin-prettier": "5.2.3",
"eslint-plugin-html": "8.1.2"
"http-server": "14.1.1",
"npm-run-all": "^4.1.5",
"vite": "6.2.0"
}
}

47
pageAccount.html
View File

@@ -4,43 +4,48 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Мой аккаунт</title>
<link rel="stylesheet" href="styleStreamingService.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
<link rel="stylesheet" href="styleStreamingService.css"/>
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"></a>
<body class="min-vh-100 d-flex flex-column m-0 p-0">
<header class="d-flex align-items-center justify-content-between position-sticky h-60 p-3">
<div class="header-logo d-flex align-items-center g-3">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"/></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<nav class="navbar d-flex align-items-center justify-content-center me-3 g-3 column-gap-2">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<nav class="dropdown position-relative">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<a href="pageAccount.html">Настройки</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
</header>
<div class="content flex-grow-1 p-3 px-4">
<h2><em>Ваш никнейм</em></h2>
<div class="avatar"><img src="Resources\derzko.webp" alt="derzko"></div>
<div class="avatar d-flex"><img src="Resources\derzko.webp" alt="derzko" /></div>
<p>ПОЛ МИЛЛИОНА ПОДПИЩИКОВ</p>
<div class="header-logo">
<div class="buttons d-flex align-items-center gap-3">
<div class="button">Выйти из аккаунта</div>
<div class="button">Сменить пароль</div>
</div>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<img src="Resources\vk_icon.png" alt="vk" class="footer-image">
<img src="Resources\tg_icon.png" alt="tg" class="footer-image">
<div class="footer overflow-hidden flex-shrink-1 h-75 p-0 px-4">
<div class="footer-content d-flex justify-content-between align-items-center">
<div class="company-name flex-grow-1">RBCS CORP.</div>
<div class="footer-images d-flex gap-3 p-3">
<a href="https://vk.com/sheym_not_shame" target="_blank">
<img src="Resources\vk_icon.png" alt="vk"/>
</a>
<a href="https://t.me/sheymuh" target="_blank">
<img src="Resources\tg_icon.png" alt="tg"/>
</a>
</div>
</div>
</div>
</body>
</html>
</html>

43
pageCategories.html
View File

@@ -4,27 +4,28 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Популярные категории</title>
<link rel="stylesheet" href="styleStreamingService.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
<link rel="stylesheet" href="styleStreamingService.css"/>
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"></a>
<body class="min-vh-100 d-flex flex-column m-0 p-0">
<header class="d-flex align-items-center justify-content-between position-sticky h-60 p-3">
<div class="header-logo d-flex align-items-center g-3">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"/></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<nav class="navbar d-flex align-items-center justify-content-center me-3 g-3 column-gap-2">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<nav class="dropdown position-relative">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<a href="pageAccount.html">Настройки</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
</header>
<div class="content flex-grow-1 p-3 px-4">
<h2>Популярные категории</h2>
<ol>
<li>Общение</li>
@@ -33,14 +34,18 @@
<li>пупупу</li>
</ol>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<img src="Resources\vk_icon.png" alt="vk" class="footer-image">
<img src="Resources\tg_icon.png" alt="tg" class="footer-image">
<div class="footer overflow-hidden flex-shrink-1 h-75 p-0 px-4">
<div class="footer-content d-flex justify-content-between align-items-center">
<div class="company-name flex-grow-1">RBCS CORP.</div>
<div class="footer-images d-flex gap-3 p-3">
<a href="https://vk.com/sheym_not_shame" target="_blank">
<img src="Resources\vk_icon.png" alt="vk"/>
</a>
<a href="https://t.me/sheymuh" target="_blank">
<img src="Resources\tg_icon.png" alt="tg"/>
</a>
</div>
</div>
</div>
</body>
</html>
</html>

61
pageMain.html
View File

@@ -4,53 +4,60 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Главная</title>
<link rel="stylesheet" href="styleStreamingService.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
<link rel="stylesheet" href="styleStreamingService.css"/>
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"></a>
<body class="min-vh-100 d-flex flex-column m-0 p-0">
<header class="d-flex align-items-center justify-content-between position-sticky h-60 p-3">
<div class="header-logo d-flex align-items-center g-3">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"/></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<nav class="navbar d-flex align-items-center justify-content-center me-3 g-3 column-gap-2">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<nav class="dropdown position-relative">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<a href="pageAccount.html">Настройки</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
</header>
<div class="content flex-grow-1 p-3 px-4">
<p>Сейчас в эфире</p>
<div class="photo-grid-container">
<div class="photo-grid">
<div class="photo-grid-item"><img src="Resources\cs2.webp" alt="cs2"></div>
<div class="photo-grid-item"><img src="Resources\derzko.webp" alt="derzko"></div>
<div class="photo-grid-item"><img src="Resources\stardew.webp" alt="stardew"></div>
<div class="photo-grid-item"><img src="Resources\teddy.jpg" alt="teddy"></div>
<div class="photo-grid-item"><img src="Resources\lofi_girl.jpg" alt="lofi_girl"></div>
<div class="photo-grid-container d-flex justify-content-center">
<div class="photo-grid d-flex align-items-center flex-wrap w-100">
<div class="photo-grid-item"><img src="Resources\cs2.webp" alt="cs2" /></div>
<div class="photo-grid-item"><img src="Resources\derzko.webp" alt="derzko" /></div>
<div class="photo-grid-item"><img src="Resources\stardew.webp" alt="stardew" /></div>
<div class="photo-grid-item"><img src="Resources\teddy.jpg" alt="teddy" /></div>
<div class="photo-grid-item"><img src="Resources\lofi_girl.jpg" alt="lofi_girl" /></div>
</div>
</div>
<h3>Популярные каналы</h3>
<ul>
<li><a href="pageAccount.html" target="_blank"><em>ВЫ</em> самый популярный стример на данной платформе!!!</a></li>
<li>
<a href="pageAccount.html" target="_blank"><em>ВЫ</em> самый популярный стример на данной платформе!!!</a>
</li>
<li>какой-то стример 1</li>
<li>какой-то стример 2</li>
<li>ммм <b>МАРМОК</b></li>
</ul>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<a href="https://vk.com/sheym_not_shame" target="_blank"><img src="Resources\vk_icon.png" alt="vk" class="footer-image"></a>
<a href="https://t.me/sheymuh" target="_blank"><img src="Resources\tg_icon.png" alt="tg" class="footer-image"></a>
<div class="footer overflow-hidden flex-shrink-1 h-75 p-0 px-4">
<div class="footer-content d-flex justify-content-between align-items-center">
<div class="company-name flex-grow-1">RBCS CORP.</div>
<div class="footer-images d-flex gap-3 p-3">
<a href="https://vk.com/sheym_not_shame" target="_blank">
<img src="Resources\vk_icon.png" alt="vk"/>
</a>
<a href="https://t.me/sheymuh" target="_blank">
<img src="Resources\tg_icon.png" alt="tg"/>
</a>
</div>
</div>
</div>
</body>
</html>
</html>

63
pageSavedStreams.html
View File

@@ -4,52 +4,57 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Сохранённые трансляции</title>
<link rel="stylesheet" href="styleStreamingService.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
<link rel="stylesheet" href="styleStreamingService.css"/>
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"></a>
<body class="min-vh-100 d-flex flex-column m-0 p-0">
<header class="d-flex align-items-center justify-content-between position-sticky h-60 p-3">
<div class="header-logo d-flex align-items-center g-3">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"/></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<nav class="navbar d-flex align-items-center justify-content-center me-3 g-3 column-gap-2">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<nav class="dropdown position-relative">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<a href="pageAccount.html">Настройки</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
</header>
<div class="content flex-grow-1 p-3 px-4">
<h2>Запланированные трансляции</h2>
<div class="photo-grid-container">
<div class="photo-grid">
<div class="photo-grid-item"><img src="Resources\стрим ксго.webp" alt="стрим ксго"></div>
<div class="photo-grid-item"><img src="Resources\goats.png" alt="goats"></div>
<div class="photo-grid-item"><img src="Resources\папаня.jpg" alt="папаня"></div>
<div class="photo-grid-container d-flex justify-content-center">
<div class="photo-grid d-flex align-items-center flex-wrap w-100">
<div class="photo-grid-item"><img src="Resources\стрим ксго.webp" alt="стрим ксго" /></div>
<div class="photo-grid-item"><img src="Resources\goats.png" alt="goats" /></div>
<div class="photo-grid-item"><img src="Resources\папаня.jpg" alt="папаня" /></div>
</div>
</div>
<h2>Смотреть позже</h2>
<div class="photo-grid-container">
<div class="photo-grid">
<div class="photo-grid-item"><img src="Resources\2016.jpeg" alt="стрим ксго"></div>
<div class="photo-grid-item"><img src="Resources\асмр человек паук.webp" alt="асмр"></div>
<div class="photo-grid-item"><img src="Resources\резня.jpg" alt="резня"></div>
<div class="photo-grid-container d-flex justify-content-center">
<div class="photo-grid d-flex align-items-center flex-wrap w-100">
<div class="photo-grid-item"><img src="Resources\2016.jpeg" alt="стрим ксго" /></div>
<div class="photo-grid-item"><img src="Resources\асмр человек паук.webp" alt="асмр" /></div>
<div class="photo-grid-item"><img src="Resources\резня.jpg" alt="резня" /></div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<img src="Resources\vk_icon.png" alt="vk" class="footer-image">
<img src="Resources\tg_icon.png" alt="tg" class="footer-image">
<div class="footer overflow-hidden flex-shrink-1 h-75 p-0 px-4">
<div class="footer-content d-flex justify-content-between align-items-center">
<div class="company-name flex-grow-1">RBCS CORP.</div>
<div class="footer-images d-flex gap-3 p-3">
<a href="https://vk.com/sheym_not_shame" target="_blank">
<img src="Resources\vk_icon.png" alt="vk"/>
</a>
<a href="https://t.me/sheymuh" target="_blank">
<img src="Resources\tg_icon.png" alt="tg"/>
</a>
</div>
</div>
</div>
</body>
</html>
</html>

52
pageSubscriptions.html
View File

@@ -4,42 +4,50 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<title>Подписки</title>
<link rel="stylesheet" href="styleStreamingService.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
<link rel="stylesheet" href="styleStreamingService.css"/>
</head>
<body>
<div class="header">
<div class="header-logo">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"></a>
<body class="min-vh-100 d-flex flex-column m-0 p-0">
<header class="d-flex align-items-center justify-content-between position-sticky h-60 p-3">
<div class="header-logo d-flex align-items-center g-3">
<a href="pageMain.html"><img src="Resources\КАЙФ.jpg" alt="Логотип"/></a>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="navbar">
<nav class="navbar d-flex align-items-center justify-content-center me-3 g-3 column-gap-2">
<a href="pageCategories.html">Категории</a>
<nav class="dropdown">
<nav class="dropdown position-relative">
<span><a>Мой аккаунт ▾</a></span>
<nav class="features-menu">
<a href="pageAccount.html">Настройки</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
<nav class="features-item"><a href="pageAccount.html">Настройки</a></nav>
<nav class="features-item"><a href="pageSubscriptions.html">Подписки</a></nav>
<nav class="features-item"><a href="pageSavedStreams.html">Сохраненные трансляции</a></nav>
</nav>
</nav>
</nav>
</div>
<div class="content">
</header>
<div class="content flex-grow-1 p-3 px-4">
<h2>Ваши подписки</h2>
<ol>
<li>НОРМ канал<div class="button">Вы подписаны</div></li>
<li>САМЫЙ КРУТОЙ КАНАЛ<div class="button blue-button">Вы спонсор</div></li>
<li>ПРОСТО КРУТОЙ канал<div class="button">Вы подписаны</div></li>
<li>НОРМ канал</li>
<div class="subButtons d-flex"><div class="button">Вы подписаны</div></div>
<li>САМЫЙ КРУТОЙ КАНАЛ</li>
<div class="subButtons d-flex"><div class="button blue-button">Вы спонсор</div></div>
<li>ПРОСТО КРУТОЙ канал</li>
<div class="subButtons d-flex"><div class="button">Вы подписаны</div></div>
</ol>
</div>
<div class="footer">
<div class="footer-content">
<div class="company-name">RBCS CORP.</div>
<div class="footer-images">
<img src="Resources\vk_icon.png" alt="vk" class="footer-image">
<img src="Resources\tg_icon.png" alt="tg" class="footer-image">
<div class="footer overflow-hidden flex-shrink-1 h-75 p-0 px-4">
<div class="footer-content d-flex justify-content-between align-items-center">
<div class="company-name flex-grow-1">RBCS CORP.</div>
<div class="footer-images d-flex gap-3 p-3">
<a href="https://vk.com/sheym_not_shame" target="_blank">
<img src="Resources\vk_icon.png" alt="vk"/>
</a>
<a href="https://t.me/sheymuh" target="_blank">
<img src="Resources\tg_icon.png" alt="tg"/>
</a>
</div>
</div>
</div>
</body>
</html>
</html>

131
styleStreamingService.css
View File

@@ -1,11 +1,6 @@
body {
display: flex;
flex-direction: column;
min-height: 100vh;
font-family: "Helvetica", "Arial", sans-serif;
font-size: 18px;
margin: 0;
padding: 0;
background-color: #ade8f4;
}
@@ -20,18 +15,15 @@ h2 {
text-align: left;
}
/* Мобильное устройство (ширина области отображения от 0 до 400px)*/
@media only screen and (max-width: 400px) {
body {
background-color: #ff0008;
width: fit-content;
}
h1 {
font-size: 1em;;
font-size: 1em;
}
.header {
gap: 20px;
h2,
h3,
p {
text-align: center;
}
.navbar {
flex-direction: column;
@@ -39,33 +31,37 @@ h2 {
row-gap: 5px;
}
.navbar a {
height: 10px;
height: 30px;
}
.dropdown:hover .features-menu {
height: max-content;
}
.features-item a {
height: 40px;
text-align: start;
}
.avatar {
justify-content: center;
}
.avatar img {
width: 200px;
height: auto;
}
.photo-grid {
justify-content: center;
}
.subButtons {
justify-content: center;
}
}
/* Планшет (ширина области отображения от 401 до 960px)*/
@media only screen and (min-width: 401px) and (max-width: 960px) {
body {
background-color: #ffa200;
width: fit-content;
}
.header {
gap: 20px;
justify-content: center;
}
}
/* ПК (ширина области отображения от 961 до inf px) */
/* @media only screen and (min-width: 961px) {
body {
background-color: #b2d6ff;
}
} */
.button {
color: #081c15;
background-color: #90e0ef;
@@ -91,48 +87,28 @@ h2 {
background: #016296;
}
.header {
display: flex;
top: 0;
left: 0;
height: 60px;
position: sticky;
header {
background-color: #00b4d8;
color: #081c15;
align-items: center;
justify-content: space-between;
padding: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.header-logo {
display: flex;
align-items: center;
gap: 15px;
}
.header-logo img {
width: 50px;
height: auto;
}
.navbar {
display: flex;
justify-content: center;
column-gap: 15px;
margin-right: 20px;
margin: 5px;
}
.navbar a {
display: flex;
text-decoration: none;
width: fit-content;
align-items: center;
justify-content: center;
padding: 8px 15px;
width: fit-content;
color: #081c15;
font-weight: bold;
background: #90e0ef;
padding: 8px 15px;
border-radius: 5px;
}
@@ -142,11 +118,10 @@ h2 {
.dropdown {
width: max-content;
position: relative;
}
.dropdown > span {
z-index: 2;
z-index: 2;
position: relative;
cursor: pointer;
}
@@ -156,8 +131,7 @@ h2 {
flex-direction: column;
background: #90e0ef;
border-radius: 5px;
padding-top: 20px;
padding: 5px;
position: absolute;
z-index: 1;
}
@@ -166,29 +140,9 @@ h2 {
display: none;
}
.content {
flex: 1;
padding: 10px 20px;
}
.avatar {
display: flex;
justify-content: left;
}
.photo-grid-container {
display: flex;
justify-content: center;
}
.photo-grid {
width: 100%;
display: flex;
justify-content: left;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
.features-item:hover {
border-radius: 5px;
background: #48cae4;
}
.photo-grid img {
@@ -204,32 +158,11 @@ h2 {
border: 2px solid #fff;
}
.footer {
height: 80px;
background-color: #023047;
text-align: center;
padding: 0 40px;
}
.footer-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.company-name {
flex: 1; /* Занимает доступное пространство */
color: #ade8f4;
}
.footer-images {
display: flex;
gap: 20px;
padding: 10px;
}
.footer-image {
width: 60px;
height: auto;
}

9
vite.config.js
View File

@@ -6,10 +6,11 @@ export default defineConfig({
build: {
rollupOptions: {
input: {
main: resolve(__dirname, "index.html"),
page2: resolve(__dirname, "page2.html"),
page3: resolve(__dirname, "page3.html"),
page4: resolve(__dirname, "page4.html"),
main: resolve(__dirname, "pageMain.html"),
page2: resolve(__dirname, "pageCategories.html"),
page3: resolve(__dirname, "pageAccount.html"),
page4: resolve(__dirname, "pageSubscriptions.html"),
page5: resolve(__dirname, "pageSavedStreams.html"),
},
},
},