-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (74 loc) · 4.26 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>{{title}}</title>
<style>
body {
text-align: center;
padding: 20px;
}
@media (min-width: 768px) {
body {
padding-top: 100px;
}
}
h1 {
font-size: 50px;
}
body {
font: 20px Helvetica, sans-serif;
color: #333;
}
article {
display: block;
text-align: left;
max-width: 650px;
margin: 0 auto;
}
a {
color: #dc8100;
text-decoration: none;
}
a:hover {
color: #333;
text-decoration: none;
}
</style>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA/FBMVEUAAADyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCT///8q0tAEAAAAUnRSTlMAACPplAQq4pIHAni3T3u4LBA+rhJx+W3wawX8sgZ1kykUicm5DbAJPdDxwigMW95TAYzNLX/341Rn+EIZbsrvfq+nau1H9vSQO6PY/U3R+v71q3EaygAAAAFiS0dEU3pnHQYAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfkBRsRCCd+zlr+AAAAoklEQVQY013KZxeBYBiA4fchOwqRzLKyt+wtM+v5/z9GOTrK/fE6NyGfwOGkAIgZgMvt8fr88IMAHQwxrAkQjlBRLhbn2e8DkYSQhBim0j4DIJPN8aKULyAWDYCSSJdlrlKtIdYbTSDQanekbq8/GCIqo7EOk+lsvliu1hvU2wpE3u1V9YBmR1I4nS9XzQLI3O6IFtC0x9MGKbSlH3Z4/YPyBulgL01msaN0AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA1LTI3VDE3OjA4OjM5KzAyOjAwWWaumwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNS0yN1QxNzowODozOSswMjowMCg7FicAAABXelRYdFJhdyBwcm9maWxlIHR5cGUgaXB0YwAAeJzj8gwIcVYoKMpPy8xJ5VIAAyMLLmMLEyMTS5MUAxMgRIA0w2QDI7NUIMvY1MjEzMQcxAfLgEigSi4A6hcRdPJCNZUAAAAASUVORK5CYII="
referrerpolicy="no-referrer"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABgFBMVEUAAADyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCTyXCT////JPbOtAAAAfnRSTlMAACjp8jjzOjcrk5d2b3ORlkn62xsQzf5d3FwtbWx8mpuEompuOWu8CIZGQ3rBw44GCz9FUZD8+woHJ+L5+JWcASUkkuOII0LP4OGYIhmp53ceEsozHCzT5Z0Ecq8RDVbeKg8g0bQV0M7U0vbwAwKnq6p0WluMrEqmgIHL7O5Oc9N1AAAAAWJLR0R/SL9x5QAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB+QFGxEIJ37OWv4AAAE7SURBVDjLzdBXU8JQEIbhLEFUUNQAIiqKjWAXCxAJUiwEG/aO2MUu9sb+dpMIYsaU8c73cueZc2Y+gpAEOhL1JUAoJgBDqQbQfEFfpgSg3GgyVlSaq0zV8gZqKLRYwVaL9jpF4PgC9b8BNDQ6m5pdLTYRtLa1d4AUgRuR9vA3AQh1/gUA6Lq6e3r7+gfAOzg0bJEBIz6/KxBgAEaDbMguA8YQw8JBGCrfN4CINRobD05MAnhjU3EuMc2KYGY2OhcRDDDzZHLBurgEEE8kl1dW19ZFYNggN7dE4KERt0GyZL6dnwCY1G6awr39g8OjAjg+SdmKIH2acdgxdJY5vyiAS46ji8CNcpHE1bWXB2YApwK4uc3e3T88PmUzCoBC9lkcChUAqw18L69v72pAtf8B/Orggx9KtZzWF7lP7J0W7nHDG48AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDUtMjdUMTc6MDg6MzkrMDI6MDBZZq6bAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTA1LTI3VDE3OjA4OjM5KzAyOjAwKDsWJwAAAFd6VFh0UmF3IHByb2ZpbGUgdHlwZSBpcHRjAAB4nOPyDAhxVigoyk/LzEnlUgADIwsuYwsTIxNLkxQDEyBEgDTDZAMjs1Qgy9jUyMTMxBzEB8uASKBKLgDqFxF08kI1lQAAAABJRU5ErkJggg=="
/>
<script type="text/javascript">
function applyTheme() {
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.style.backgroundColor = '#212529';
document.body.style.color = '#dee2e6';
} else {
document.body.style.backgroundColor = 'white';
document.body.style.color = 'black';
}
}
window.onload = function () {
applyTheme();
};
</script>
</head>
<body>
<article>
<h1>{{headline}}</h1>
<div>
<p>{{message}}</p>
</div>
</article>
</body>
</html>