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-03-01 13:05:35 +04:00
parent ba49a7943f
commit 49435b1342
13 changed files with 241 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Resources/cs2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
Resources/derzko.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
Resources/stardew.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
Resources/КАЙФ.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

BIN
Resources/асмр человек паук.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
Resources/резня.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 155 KiB

BIN
Resources/стрим ксго.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

29
pageAccount.html Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Мой аккаунт</title>
<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>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="nav-links">
<a href="pageAccount.html">Мой аккаунт</a>
<a href="pageCategories.html">Категории</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
</nav>
</div>
<h2><em>Ваш никнейм</em></h2>
<img src="Resources\derzko.webp" alt="derzko" width="128">
<p>ПОЛ МИЛЛИОНА ПОДПИЩИКОВ</p>
<div class="header-logo">
<div class="button">Выйти из аккаунта</div>
<div class="button">Сменить пароль</div>
</div>
</body>
</html>

29
pageCategories.html Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Популярные категории</title>
<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>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="nav-links">
<a href="pageAccount.html">Мой аккаунт</a>
<a href="pageCategories.html">Категории</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
</nav>
</div>
<h2>Популярные категории</h2>
<ol>
<li>Общение</li>
<li>Казик</li>
<li>Стрелялки</li>
<li>пупупу</li>
</ol>
</body>
</html>

38
pageMain.html Normal file
View File

@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Главная</title>
<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>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="nav-links">
<a href="pageAccount.html">Мой аккаунт</a>
<a href="pageCategories.html">Категории</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
</nav>
</div>
<p>Сейчас в эфире</p>
<table border="2">
<tbody>
<tr>
<td><img src="Resources\cs2.webp" alt="cs2" width="256" height="200"></td>
<td><img src="Resources\derzko.webp" alt="derzko" width="256"></td>
<td><img src="Resources\stardew.webp" alt="stardew" width="256"></td>
</tr>
</tbody>
</table>
<h3>Популярные каналы</h3>
<ul>
<li><a href="pageAccount.html" target="_blank"><em>ВЫ</em> самый популярный стример на данной платформе!!!</a></li>
<li>какой-то стример 1</li>
<li>какой-то стример 2</li>
</ul>
</body>
</html>

32
pageSavedStreams.html Normal file
View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Сохранённые трансляции</title>
<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>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="nav-links">
<a href="pageAccount.html">Мой аккаунт</a>
<a href="pageCategories.html">Категории</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
</nav>
</div>
<h2>Сохраненные трансляции</h2>
<table border="3">
<tbody>
<tr>
<td><img src="Resources\стрим ксго.webp" alt="стрим ксго" width="256"></td>
<td><img src="Resources\асмр человек паук.webp" alt="асмр" width="256"></td>
<td><img src="Resources\резня.jpg" alt="резня" width="256"></td>
</tr>
</tbody>
</table>
</body>
</html>

28
pageSubscriptions.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Подписки</title>
<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>
<h1>НАЗВАНИЕ СЕРВИСА</h1>
</div>
<nav class="nav-links">
<a href="pageAccount.html">Мой аккаунт</a>
<a href="pageCategories.html">Категории</a>
<a href="pageSubscriptions.html">Подписки</a>
<a href="pageSavedStreams.html">Сохраненные трансляции</a>
</nav>
</div>
<h2>Ваши подписки</h2>
<ol>
<li>канал 1<div class="button">Вы подписаны</div></li>
<li>КРУТОЙ КАНАЛ<div class="button red-button">Вы спонсор</div></li>
<li>канал 3<div class="button">Вы подписаны</div></li>
</ol>
</body>
</html>

85
styleStreamingService.css Normal file
View File

@@ -0,0 +1,85 @@
body {
font-family: "Helvetica", "Arial", sans-serif;
font-size: 18px;
padding: 5px;
background-color: #ade8f4
}
h1 {
font-size: 1.5em;
margin: 20px auto;
text-align: center;
}
h2 {
font-size: 1em;
margin: 20px auto;
text-align: left;
}
.button {
color: #081c15;
background-color: #90e0ef;
font-weight: bold;
padding: 10px auto;
text-align: center;
border: 2px solid #5d6063;
border-radius: 5px;
width: 150px;
box-sizing: border-box;
margin: 10px;
}
.red-button {
color: #081c15;
background-color: #0077b6;
}
.button:hover {
background: #48cae4;
}
.header {
top: 0;
left: 0;
height: 60px;
background-color: #00b4d8;
color: #081c15;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
.header-logo {
display: flex;
align-items: center;
gap: 15px;
}
.header-logo img {
width: 50px;
height: auto;
}
.nav-links {
display: flex;
gap: 15px;
margin-right: 20px;
}
.nav-links a {
text-decoration: none;
color: #081c15;
font-weight: bold;
background: #90e0ef;
padding: 8px 15px;
border-radius: 5px;
transition: 0.3s;
}
.nav-links a:hover {
background: #48cae4;
}