aboutsummaryrefslogtreecommitdiff
path: root/src/app.html
blob: d7aa26b4064eac32efd1518f2922e5200b56fba5 (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
<!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!" />

	<!-- Facebook -->
	<meta property="og:url" content="https://due.moe" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="期限" />
	<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!" />
	<meta property="og:image" content="https://due.moe/favicon-192x192.png" />

	<!-- Windows 8 -->
	<!-- <meta name="msapplication-TileColor" content="#FFFFFF" /> -->
	<meta name="msapplication-TileImage" content="https://due.moe/favicon-144x144.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="期限" />
	<meta name="twitter:description"
		content="Instantly view which anime & manga on your lists have new episodes/chapters!" />
	<meta name="twitter:image" content="https://due.moe/favicon-192x192.png" />

	<title>期限</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-light.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="icon" type="image/x-icon" href="%sveltekit.assets%/favicon-16x16.ico" sizes="16x16" />
	<link rel="icon" type="image/x-icon" href="%sveltekit.assets%/favicon-32x32.ico" sizes="32x32" />
	<link rel="icon" type="image/png" href="%sveltekit.assets%/favicon-192x192.png" sizes="192x192" />
	<link rel="apple-touch-icon" href="%sveltekit.assets%/apple-touch-icon.png" sizes="180x180" />
	<link rel="apple-touch-icon-precomposed" href="%sveltekit.assets%/apple-touch-icon-precomposed.png" sizes="180x180" />

	<script>
		if (JSON.parse(localStorage.getItem("settings")).forceLightTheme === true) {
			document.documentElement.classList.add('light-theme')
		} else {
			document.documentElement.classList.add('dark-theme')
		}
	</script>

	<style>
		html {
			transition: 300ms;
		}

		html.dark-theme {
			filter: invert(1) hue-rotate(180deg) !important;
		}

		html.dark-theme img {
			filter: invert(1) hue-rotate(180deg) !important;
		}

		@media (prefers-color-scheme: dark) {
			html {
				filter: invert(1) hue-rotate(180deg);
			}

			html img {
				filter: invert(1) hue-rotate(180deg);
			}
		}
	</style>

	%sveltekit.head%
</head>

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

</html>