80 lines
4.5 KiB
HTML
80 lines
4.5 KiB
HTML
<!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>
|
|
<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">
|
|
<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 d-flex align-items-center justify-content-center me-3 g-3 column-gap-2">
|
|
<a href="pageCategories.html">Категории</a>
|
|
<nav class="dropdown position-relative">
|
|
<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>
|
|
</header>
|
|
<div class="content flex-grow-1 p-3 px-4">
|
|
<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>
|
|
<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>
|
|
</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. <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>
|
|
<a href="https://t.me/sheymuh" target="_blank">
|
|
<img src="Resources\tg_icon.png" alt="tg" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <script>
|
|
const savedImages = JSON.parse(localStorage.getItem("savedImages")) || [];
|
|
|
|
const savedImagesGrid = document.getElementById("savedImagesGrid");
|
|
|
|
savedImages.forEach((image) => {
|
|
console.log(image);
|
|
const item = document.createElement("div");
|
|
item.className = "photo-grid-item";
|
|
item.innerHTML = `<img src="${image}" alt="сохраненное изображение"/>`;
|
|
savedImagesGrid.appendChild(item);
|
|
});
|
|
</script> -->
|
|
</body>
|
|
</html>
|