summaryrefslogtreecommitdiff
path: root/src/server/web/views/base.pug
blob: b0c741e4c26200c2cff9e504ae62d4a8092de8cc (plain)
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
block vars

doctype html

!= '\n<!-- Thank you for using Misskey! @syuilo -->\n'

html

	head
		meta(charset='utf-8')
		meta(name='application-name' content='Misskey')
		meta(name='referrer' content='origin')
		meta(name='theme-color' content='#86b300')
		meta(property='og:site_name' content= instanceName || 'Misskey')
		meta(name='viewport' content='width=device-width, initial-scale=1')
		link(rel='icon' href= icon || '/favicon.ico')
		link(rel='apple-touch-icon' href= icon || '/apple-touch-icon.png')
		link(rel='manifest' href='/manifest.json')
		link(rel='prefetch' href='https://xn--931a.moe/assets/info.jpg')
		link(rel='prefetch' href='https://xn--931a.moe/assets/not-found.jpg')
		link(rel='prefetch' href='https://xn--931a.moe/assets/error.jpg')

		title
			block title
				= title || 'Misskey'

		block desc
			meta(name='description' content= desc || '✨🌎✨ A federated blogging platform ✨🚀✨')

		block meta

		block og
			meta(property='og:image' content=img)

		style
			include ./../../../../built/client/assets/style.css
		script(src=`/assets/app.${version}.js` async defer)
		script.
			const theme = localStorage.getItem('theme');
			if (theme) {
				for (const [k, v] of Object.entries(JSON.parse(theme))) {
					document.documentElement.style.setProperty(`--${k}`, v.toString());
					if (k === 'htmlThemeColor') {
						for (const tag of document.head.children) {
							if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') {
								tag.setAttribute('content', v);
								break;
							}
						}
					}
				}
			}

			const fontSize = localStorage.getItem('fontSize');
			if (fontSize) {
				document.documentElement.classList.add('f-' + fontSize);
			}

			const wallpaper = localStorage.getItem('wallpaper');
			if (wallpaper) {
				document.documentElement.style.backgroundImage = `url(${wallpaper})`;
			}

	//- https://qiita.com/junya/items/3ff380878f26ca447f85
	body(ontouchstart='')
		noscript: p
			| JavaScriptを有効にしてください
			br
			| Please turn on your JavaScript
		div#ini.
			<svg viewBox="0 0 50 50">
				<path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z" />
			</svg>
		block content