1<!DOCTYPE html>
 2<html lang="en">
 3<!--
 4    ___      _____     _
 5   / _ \ _ _|_   _|_ _| | _____
 6  | | | | '_ \| |/ _` | |/ / _ \
 7  | |_| | | | | | (_| |   <  __/
 8   \___/|_| |_|_|\__,_|_|\_\___|
 9
10  Copyright 2021 Louis Dalibard
11  -->
12
13<head>
14    <link rel="stylesheet" href="./style.css">
15    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
16    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
17    <script>
18        moment().format();
19    </script>
20    <input type="file" name="FileAttachment" id="FileAttachment" class="upload" style="display: none;"></input>
21    <input type="file" name="FileAttachmentDates" id="FileAttachmentDates" class="uploadDates"
22        style="display: none;"></input>
23    <meta charset="UTF-8">
24
25</head>
26
27<body>
28    <div id="toast-notification"></div>
29    <div id="header">
30        <div id="header-icon" onclick="toastCopyright();"><img id="header-icon-image"
31                src="./assets/OnTake.dev-Scaled.png"></img></div>
32        <div id="header-title">OnTake's Schedule. Version: 2022.03.05.22.20. <a id="schedule-file-link"
33                href="./T09 Group 1.tschdl2">T09 - Group 1.</a></div>
34        <div class="night-mode-button" id="night-mode-button" onclick="toggleDarkMode();"><svg
35                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-fill"
36                viewBox="0 0 16 16">
37                <path
38                    d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" />
39            </svg></div>
40        <div class="week-control-button" id="week-back-button" onclick="lastWeek();"><svg
41                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
42                class="bi bi-caret-left-fill" viewBox="0 0 16 16">
43                <path
44                    d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z" />
45            </svg></div>
46        <div class="week-control-button" id="week-count"">0</div>
47        <div class=" week-control-button" id="week-forward-button" onclick="nextWeek();"><svg
48                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
49                class="bi bi-caret-right-fill" viewBox="0 0 16 16">
50                <path
51                    d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z" />
52            </svg></div>
53        <div class="week-control-button" id="week-upload-button" onclick="upload();"><svg
54                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg"
55                viewBox="0 0 16 16">
56                <path d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z" />
57            </svg></div>
58    </div>
59    <div id="schedule-table">
60        <div id="schedule-weekday-name-list">
61            <div class="schedule-weekday-name"></div>
62            <div class="schedule-weekday-name"></div>
63            <div class="schedule-weekday-name"></div>
64            <div class="schedule-weekday-name"></div>
65            <div class="schedule-weekday-name"></div>
66            <div class="schedule-weekday-name"></div>
67            <div class="schedule-weekday-name"></div>
68        </div>
69        <div id="schedule-days">
70            <div class="schedule-day"></div>
71            <div class="schedule-day"></div>
72            <div class="schedule-day"></div>
73            <div class="schedule-day"></div>
74            <div class="schedule-day"></div>
75            <div class="schedule-day"></div>
76            <div class="schedule-day"></div>
77        </div>
78    </div>
79    <div id="dates-list">
80        <div id="dates-list-header">
81            <div id="dates-list-header-title">Important dates. <a id="schedule-file-link" href="./T09.tscdate2">T09.</a>
82            </div>
83            <div class="dates-control-button" id="dates-upload-button" onclick="uploadDatesList();"><svg
84                    xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg"
85                    viewBox="0 0 16 16">
86                    <path
87                        d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z" />
88                </svg></div>
89        </div>
90        <div id="dates-list-list">
91        </div>
92    </div>
93    <script src="./main.js"></script>
94</body>