aboutsummaryrefslogtreecommitdiff
path: root/src/layouts/Layout.astro
blob: e81ddd84ef8a7035cb79220c54b7a58cacdc97b4 (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
<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width" />

		<meta name="title" content="bits & Bytes Minecraft" />
		<meta name="description" content="Official Minecraft server for the bits & Bytes Community" />

		<meta name=”color-scheme” content="dark light" />
		<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"/>

		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
		<meta name="generator" content={Astro.generator} />
		<title>bits & Bytes Minecraft</title>
	</head>
	<body>
		<slot />
	</body>
</html>

<style>
	@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
	html {
		color-scheme: dark light;
	}

	:root {
		--base: #272727;
		--text: #FFFFFF;
	}

	@media (prefers-color-scheme: light) {
		:root {
			--base: #d6d6d6;
			--text: #353535;
		}
	}

	body {
		font-family: "Jetbrains Mono", monospace;
		background-color: var(--base);
		color: var(--text);
		margin: 0;
		width: 100%;
		height: 100%;
	}
</style>