aboutsummaryrefslogtreecommitdiff
path: root/src/app.html
blob: ae2c98e0c8eeeb983e04c7f57e1d75f0e3b572a5 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- HTML -->
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width" />
		<meta name="theme-color" content="#060506" />
		<meta
			name="description"
			content="Instantly view which anime & manga on your lists have new episodes/chapters! Combining utility and simplicity, due.moe is the best way to keep track of your anime & manga."
		/>

		<!-- Facebook -->
		<meta property="og:url" content="https://due.moe" />
		<meta property="og:type" content="website" />
		<meta property="og:title" content="due.moe" />
		<meta property="og:site_name" content="due.moe " />
		<meta
			property="og:description"
			content="Instantly view which anime & manga on your lists have new episodes/chapters! Combining utility and simplicity, due.moe is the best way to keep track of your anime & manga."
		/>
		<meta property="og:image" content="https://due.moe/favicon-196x196.png" />

		<!-- Twitter -->
		<meta name="twitter:card" content="summary_large_image" />
		<meta property="twitter:domain" content="due.moe" />
		<meta property="twitter:url" content="https://due.moe" />
		<meta name="twitter:title" content="due.moe" />
		<meta
			name="twitter:description"
			content="Instantly view which anime & manga on your lists have new episodes/chapters! Combining utility and simplicity, due.moe is the best way to keep track of your anime & manga."
		/>
		<meta name="twitter:image" content="https://due.moe/favicon-196x196.png" />

		<title>due.moe</title>

		<!-- Web Application Manifest -->
		<link rel="manifest" href="%sveltekit.assets%/manifest.json" />

		<!-- Stylesheets -->
		<link rel="stylesheet" type="text/css" href="https://latex.now.sh/style.css" />
		<link rel="stylesheet" type="text/css" href="https://skybox.sh/css/palettes/base16-dark.css" />
		<link rel="stylesheet" type="text/css" href="https://skybox.sh/css/risotto.css" />
		<!-- <link rel="stylesheet" type="text/css" href="https://skybox.sh/css/custom.css"> -->

		<!-- Icons -->
		<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
		<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
		<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
		<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
		<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
		<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
		<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
		<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
		<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
		<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
		<meta name="application-name" content="&nbsp;" />
		<meta name="msapplication-TileColor" content="#FFFFFF" />
		<meta name="msapplication-TileImage" content="mstile-144x144.png" />
		<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
		<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
		<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
		<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />

		<!-- Umami is a simple, fast, privacy-focused alternative to Google Analytics -->
		<script
			async
			src="https://us.umami.is/script.js"
			data-website-id="25ae2901-9b28-4c58-be1e-ade53333c819"
		></script>

		<script>
			document.addEventListener('DOMContentLoaded', () => {
				const mai = document.getElementById('mai');
				const aoButa = JSON.parse(localStorage.getItem('settings')).displayAoButa;

				mai.style.display = 'block';

				switch (aoButa) {
					case 'mai':
						{
							mai.src = '/aobuta/mai.png';
							mai.alt = 'Mai Sakurajima';
						}
						break;
					case 'nodoka':
						{
							mai.src = '/aobuta/nodoka.webp';
							mai.alt = 'Nodoka Toyohama';
						}
						break;
					case 'kaede':
						{
							mai.src = '/aobuta/kaede.png';
							mai.alt = 'Kaede Azusagawa';
						}
						break;
					case 'none': {
						{
							mai.style.display = 'none';
							mai.alt = 'No one';
						}
						break;
					}
				}
			});
		</script>

		%sveltekit.head%
	</head>

	<body data-sveltekit-preload-data="hover" style="max-width: 97.5% !important">
		<div style="display: contents">%sveltekit.body%</div>

		<img id="mai" onclick="alert('You\'re having lewd thoughts, aren\'t you?')" />
	</body>
</html>