1<!DOCTYPE html>
 2<html lang="en">
 3<!--
 4    ___      _____     _
 5   / _ \ _ _|_   _|_ _| | _____
 6  | | | | '_ \| |/ _` | |/ / _ \
 7  | |_| | | | | | (_| |   <  __/
 8   \___/|_| |_|_|\__,_|_|\_\___|
 9
10  Copyright 2021 Louis Dalibard
11  -->
12
13<head>
14    <!-- Metadata-->
15    <meta property="og:type" content="website">
16    <meta property="og:url" content="https://ontake.dev/">
17    <meta property="og:title" content="Daily Kanji">
18    <meta name="viewport" content="width=device-width, initial-scale=1">
19    <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
20    <meta content="utf-8" http-equiv="encoding">
21    <!-- PWA Manifest -->
22    <link rel="manifest" href="./manifest.json">
23    <!-- Stylesheet-->
24    <link rel="stylesheet" type="text/css" href="style.css">
25    <!-- Title Element-->
26    <title>Daily Kanji</title>
27    <!-- Icon-->
28    <link rel="icon" type="image/webp" href="assets/icons/icon.webp">
29    </link>
30    <!-- JQuery -->
31    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
32    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-dateFormat/1.0/jquery.dateFormat.min.js"></script>
33    <!-- Service Worker -->
34    <script>
35        if('serviceWorker' in navigator) {
36            navigator.serviceWorker
37                .register('./sw.js')
38                .then(function() { console.log("Tada! Your service worker is now registered"); });
39        }
40    </script>
41</head>
42
43<body>
44    <div id="container">
45        <div id="word-container">
46            <div id="words">
47            </div>
48            <div id="senses">
49            </div>
50        </div>
51        <div id="previous-link"><a id="previous-link-a" onclick="previousLemma();"><img id="previous-icon" class="icon" src="assets/icons/previous.webp"></img></a></div>
52        <div id="next-link"><a id="next-link-a" onclick="nextLemma();"><img id="next-icon" class="icon" src="assets/icons/next.webp"></img></a></div>
53        <div id="theme-toggle-link"><a id="theme-toggle-link-a" onclick="themeToggle();"><img id="theme-toggle-icon" class="icon" src="assets/icons/moon.webp"></img></a></div>
54        <div id="settings-link"><a id="settings-link-a" onclick="openSettings();"><img id="settings-icon" class="icon" src="assets/icons/settings.webp"></img></a></div>
55        <div id="home-link"><a id="home-link-a" href="https://ontake.dev/"><img id="home-icon" class="icon" src="assets/icons/home.webp"></img></a></div>
56    </div>
57    <div id="bottom-statusbar">
58        <div id="word-number"></div>
59        <div id="current-date"></div>
60    </div>
61    <script src="main.js"></script>
62</body>
63
64</html>