TV-Center/index.html
2022-08-25 15:47:02 +02:00

70 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.2.0/superhero/bootstrap.min.css" integrity="sha512-pCTSMcZZ+tTaq3FXSWGhMmO/OZ+52FqEdhlExLz8PTBQKMyqxAdav13kofJWiyI5zeieBo8tZ++SMZ2ZgueRBA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.3/main.min.css" integrity="sha256-5veQuRbWaECuYxwap/IOE/DAwNxgm4ikX7nrgsqYp88=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@5.11.3/main.min.css" integrity="sha256-dPWx9VoFn91TsfLKiK60fNYizBuynczRmMVDO/Yzluo=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fullcalendar/list@5.11.3/main.min.css" integrity="sha256-b1BoveasAh93I+XvngCpnzp5pVCQlXxGPdijHWDjDXc=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css" integrity="sha256-8M+b2Hj+vy/2J5tZ9pYDHeuPD59KsaEZn1XXj3xVhjg=" crossorigin="anonymous">
<style type="text/css">
:root {
--fc-list-event-hover-bg-color: #458680;
}
.fc .fc-list-sticky .fc-list-day > * {
background: #202b38;
}
.fc-list-day-text, .fc-list-day-side-text {
color: #fff;
}
.hidden {
display: none;
}
</style>
<title>Cactflix [Main] &mdash; Plex &mdash; TV Center</title>
</head>
<body>
<div class="container">
<h1 class="mt-4">Cactflix [Main] &mdash; Plex &mdash; TV Center</h1>
<h2 class="mt-4">Upcoming TV show episodes &mdash; English, Norwegian &amp; Anime:</h2>
<table class="table table-striped table-hover mt-4">
<tr>
<th>Icon</th>
<th>Meaning</th>
</tr>
<tr>
<td></td>
<td>Already downloaded & imported. Plex will pick it up within a few minutes if it hasn't already.</td>
</tr>
<tr>
<td>🟠</td>
<td>Episode has aired, waiting for available download.</td>
</tr>
<tr>
<td></td>
<td>Episode has <strong>NOT</strong> aired.</td>
</tr>
</table>
<p class="mt-2">Calendar will refresh every minute.</p>
<div id="sonarr-calendar" class="mt-2">
<p id="status-message">Loading... Please wait 🙂</p>
</div>
</div>
</body>
<script src="ical.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.11.3/main.min.js" integrity="sha256-7PzqE1MyWa/IV5vZumk1CVO6OQbaJE4ns7vmxuUP/7g=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@5.11.3/main.global.min.js" integrity="sha256-7EaUCRgXBIPSX5/hjOkYT6ewAi1kh/HTlpOQP68grG8=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/list@5.11.3/main.global.min.js" integrity="sha256-6SiQAdsMt+ZQmUbJdQgEbV7zdYoejLaMdCoPY4+ZDMI=" crossorigin="anonymous"></script>
<script src="calendar.js"></script>
</html>