1<!DOCTYPE html>
 2<html lang="en">
 3    <!--
 4    ___      _____     _
 5   / _ \ _ _|_   _|_ _| | _____
 6  | | | | '_ \| |/ _` | |/ / _ \
 7  | |_| | | | | | (_| |   <  __/
 8   \___/|_| |_|_|\__,_|_|\_\___|
 9
10  Copyright 2022 Louis Dalibard
11  -->
12
13    <head>
14        <!-- Stylesheet-->
15        <link rel="stylesheet" type="text/css" href="style.css">
16        <!-- Title Element-->
17        <title>OnTake's Website</title>
18        <!-- Icon-->
19        <link rel="icon" type="image/webp" href="assets/icons/icon.webp">
20        </link>
21        <!-- Main Script Handling All Effects-->
22        <!-- Script for all pages-->
23        <!-- Metadata-->
24        <meta property="og:type" content="website">
25        <meta property="og:url" content="https://ontake.dev/">
26        <meta property="og:title" content="Time Management">
27        <meta name="viewport" content="width=device-width, initial-scale=0.1">
28    </head>
29
30    <body>
31        <div id="container">
32            <div id="schedule-categories">
33                <div class="schedule-category">
34                    <div class="schedule-category-title">Monday</div>
35                    <div class="schedule-category-object-container">
36                        <div class="schedule-category-object">
37                            私は鈍感であることをお詫びしました。
38                            <div class="schedule-category-object-move-button"><img width=16px src=./assets/icons/arrow-left-right.webp></img></div>
39                            <div class="schedule-category-object-completed-button"><img width=16px src=./assets/icons/x-lg.webp></img></div>
40                        </div>
41                    </div>
42                </div>
43            </div>
44        </div>
45        <div id="stopwatch-sidebar">
46            <div id="stopwatch-progress-bar"><div id="stopwatch-progress-bar-infill"></div><div id="stopwatch-progress-bar-text">00:00:00 / 00:25:00 (Work)</div></div>
47        <div class="stopwatch-control-button-row" id="stopwatch-control-button-row-1">
48            <div class="stopwatch-control-button" onClick="startStopwatch();" id="stopwatch-sidebar-start">Start</div>
49            <div class="stopwatch-control-button" onClick="pauseStopwatch();" id="stopwatch-sidebar-pause">Pause</div>
50            <div class="stopwatch-control-button" onClick="resetStopwatch();" id="stopwatch-sidebar-reset">Reset</div>
51        </div>
52        </div>
53        <div id="stopwatch-button" onClick="toggleStopwatchSidebar();"><img id="stopwatch-icon" src="assets/icons/stopwatch.webp"></img></div>
54        <div id="home-link"><a id="home-link-a" href="https://ontake.dev/"><img id="home-icon" src="assets/icons/home.webp"></img></a></div>
55            
56        <script src="main.js"></script>
57    </body>
58
59</html>