третья лаба готова

2025-04-30 15:07:55 +04:00
parent 38b22411cc
commit f9f430f92b
5 changed files with 82 additions and 20 deletions
--- a/pageAccount.html
+++ b/pageAccount.html
@@ -5,6 +5,7 @@
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <title>Мой аккаунт</title>
        <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="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
        <link rel="stylesheet" href="styleStreamingService.css"/>
    </head>
    <body class="min-vh-100 d-flex flex-column m-0 p-0">
@@ -26,7 +27,7 @@
            </nav>
        </header>
        <div class="content flex-grow-1 p-3 px-4">
-            <h2><em>Ваш никнейм</em></h2>
+            <h2><em>Ваш никнейм</em> <i class="bi bi-patch-check-fill"></i></h2>
            <div class="avatar d-flex"><img src="Resources\derzko.webp" alt="derzko" /></div>
            <p>ПОЛ МИЛЛИОНА ПОДПИЩИКОВ</p>
            <div class="buttons d-flex align-items-center gap-3">
@@ -36,7 +37,7 @@
        </div>
        <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="company-name flex-grow-1">RBCS CORP. <i class="bi bi-c-circle"></i></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/pageCategories.html
+++ b/pageCategories.html
@@ -5,6 +5,7 @@
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <title>Популярные категории</title>
        <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="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
        <link rel="stylesheet" href="styleStreamingService.css"/>
    </head>
    <body class="min-vh-100 d-flex flex-column m-0 p-0">
@@ -36,7 +37,7 @@
        </div>
        <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="company-name flex-grow-1">RBCS CORP. <i class="bi bi-c-circle"></i></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/pageMain.html
+++ b/pageMain.html
@@ -4,7 +4,8 @@
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <title>Главная</title>
-        <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="https://cdn.jsdelivr.net/npm/bootstrap@5.3.5/dist/css/bootstrap.min.css" integrity="sha384-SgOJa3DmI69IUzQ2PVdRZhwQ+dy64/BUtbMJw1MZ8t5HZApcHrRKUc4W0kG879m7" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
        <link rel="stylesheet" href="styleStreamingService.css"/>
    </head>
    <body class="min-vh-100 d-flex flex-column m-0 p-0">
@@ -26,8 +27,8 @@
            </nav>
        </header>
        <div class="content flex-grow-1 p-3 px-4">
-            <p>Сейчас в эфире</p>
-            <div class="photo-grid-container d-flex justify-content-center">
+            <p>Сейчас в эфире <i class="bi bi-cast"></i></p>
+            <div class="photo-grid-container d-flex justify-content-center mb-2">
                <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>
@@ -36,7 +37,7 @@
                    <div class="photo-grid-item"><img src="Resources\lofi_girl.jpg" alt="lofi_girl" /></div>
                </div>
            </div>
-            <h3>Популярные каналы</h3>
+            <h3>Популярные каналы <i class="bi bi-patch-check-fill"></i></h3>
            <ul>
                <li>
                    <a href="pageAccount.html" target="_blank"><em>ВЫ</em> самый популярный стример на данной платформе!!!</a>
@@ -45,10 +46,38 @@
                <li>какой-то стример 2</li>
                <li>ммм <b>МАРМОК</b></li>
            </ul>
+            <form id="imageForm" class="mb-4">
+                <h3>Добавить в смотреть позже:</h3>
+                <div class="photo-grid-container d-flex justify-content-center mb-2">
+                    <div class="photo-grid d-flex align-items-center flex-wrap w-100">
+                        <div class="photo-grid-item">
+                            <input type="checkbox" name="images" value="Resources/cs2.webp" id="cs2">
+                            <label for="cs2"><img src="Resources/cs2.webp" alt="cs2" /></label>
+                        </div>
+                        <div class="photo-grid-item">
+                            <input type="checkbox" name="images" value="Resources/derzko.webp" id="derzko">
+                            <label for="derzko"><img src="Resources/derzko.webp" alt="derzko" /></label>
+                        </div>
+                        <div class="photo-grid-item">
+                            <input type="checkbox" name="images" value="Resources/stardew.webp" id="stardew">
+                            <label for="stardew"><img src="Resources/stardew.webp" alt="stardew" /></label>
+                        </div>
+                        <div class="photo-grid-item">
+                            <input type="checkbox" name="images" value="Resources/teddy.jpg" id="teddy">
+                            <label for="teddy"><img src="Resources/teddy.jpg" alt="teddy" /></label>
+                        </div>
+                        <div class="photo-grid-item">
+                            <input type="checkbox" name="images" value="Resources/lofi_girl.jpg" id="lofi_girl">
+                            <label for="lofi_girl"><img src="Resources/lofi_girl.jpg" alt="lofi_girl" /></label>
+                        </div>
+                    </div>
+                </div>
+                <button type="submit" class="btn btn-primary">Отправить</button>
+            </form>            
        </div>
        <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="company-name flex-grow-1">RBCS CORP. <i class="bi bi-c-circle"></i></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"/>
@@ -59,5 +88,20 @@
                </div>
            </div>
        </div>
+        <script>
+            document.getElementById("imageForm").addEventListener("submit", (event) => {
+                event.preventDefault(); // Предотвращаем стандартное поведение формы
+
+                const selectedImages = Array.from(document.querySelectorAll('input[name="images"]:checked')).map(
+                    (checkbox) => checkbox.value
+                );
+
+                // Сохраняем выбранные изображения в localStorage
+                localStorage.setItem("savedImages", JSON.stringify(selectedImages));
+
+                // Перенаправляем на страницу сохраненных трансляций
+                window.location.href = "pageSavedStreams.html";
+            });
+        </script>        
    </body>
 </html>
--- a/pageSavedStreams.html
+++ b/pageSavedStreams.html
@@ -5,6 +5,7 @@
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <title>Сохранённые трансляции</title>
        <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="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
        <link rel="stylesheet" href="styleStreamingService.css"/>
    </head>
    <body class="min-vh-100 d-flex flex-column m-0 p-0">
@@ -26,7 +27,15 @@
            </nav>
        </header>
        <div class="content flex-grow-1 p-3 px-4">
-            <h2>Запланированные трансляции</h2>
+            <h2>Смотреть позже <i class="bi bi-clock-fill"></i></h2>
+            <div class="photo-grid-container d-flex justify-content-center">
+                <div class="photo-grid d-flex align-items-center flex-wrap w-100" id="savedImagesGrid">
+                    <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>
+            <h2>Запланированные трансляции <i class="bi bi-calendar-event"></i></h2>
            <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>
@@ -34,18 +43,10 @@
                    <div class="photo-grid-item"><img src="Resources\папаня.jpg" alt="папаня" /></div>
                </div>
            </div>
-            <h2>Смотреть позже</h2>
-            <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 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="company-name flex-grow-1">RBCS CORP. <i class="bi bi-c-circle"></i></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"/>
@@ -56,5 +57,19 @@
                </div>
            </div>
        </div>
+        <script>
+            // Получаем сохраненные изображения из localStorage
+            const savedImages = JSON.parse(localStorage.getItem("savedImages")) || [];
+
+            const savedImagesGrid = document.getElementById("savedImagesGrid");
+
+            // Добавляем каждое сохраненное изображение в photo-grid
+            savedImages.forEach((image) => {
+                const item = document.createElement("div");
+                item.className = "photo-grid-item";
+                item.innerHTML = `<img src="${image}" alt="сохраненное изображение" />`;
+                savedImagesGrid.appendChild(item);
+            });
+        </script>        
    </body>
 </html>
--- a/pageSubscriptions.html
+++ b/pageSubscriptions.html
@@ -5,6 +5,7 @@
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <title>Подписки</title>
        <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="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
        <link rel="stylesheet" href="styleStreamingService.css"/>
    </head>
    <body class="min-vh-100 d-flex flex-column m-0 p-0">
@@ -26,7 +27,7 @@
            </nav>
        </header>
        <div class="content flex-grow-1 p-3 px-4">
-            <h2>Ваши подписки</h2>
+            <h2>Ваши подписки <i class="bi bi-bookmark-heart-fill"></i></h2>
            <ol>
                <li>НОРМ канал</li>
                <div class="subButtons d-flex"><div class="button">Вы подписаны</div></div>
@@ -38,7 +39,7 @@
        </div>
        <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="company-name flex-grow-1">RBCS CORP. <i class="bi bi-c-circle"></i></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"/>