-
Notifications
You must be signed in to change notification settings - Fork 2
/
settings.html
111 lines (96 loc) · 3.17 KB
/
settings.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
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
---
layout: page
title: Settings
comments: false
---
<div>
Manage consent for services that may collect data. Learn more about how these services may affect your privacy in our <a href="/privacy">Privacy policy</a>.<br>
Settings are saved automatically.
<br><br>
<div>
<h2>Theme</h2>
<p>The web site infers a suitable theme based on the settings specified by your browser. Use this to override the default.</p>
<select name="theme_s" id="theme_s" onchange="theme_c();">
<option value="">Default (Use browser setting)</option>
<option value="0">Light</option>
<option value="1">Dark</option>
</select>
</div>
<br>
<div>
<h2>Displaying YouTube videos in articles</h2>
<p>Some pages of this web site may embed videos from YouTube.</p>
<select name="youtube_s" id="youtube_s" onchange="youtube_c();">
<option value="">Default (Ask for authorization)</option>
<option value="1">Allow</option>
<option value="0">Deny</option>
</select>
</div>
<br>
<div>
<h2>Viewing and making comments</h2>
<p>The comments section on this web site is powered by Disqus.</p>
<select name="comments_s" id="comments_s" onchange="comments_c();">
<option value="">Default (Ask for authorization)</option>
<option value="1">Allow</option>
<option value="0">Deny</option>
</select>
</div>
<script>
function theme_c()
{
var v = document.getElementById("theme_s").value;
setCookie("valinet_theme", v, 365);
const userPrefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
if (v == "" && userPrefersDark)
{
var elems = document.getElementsByClassName('highlight');
for (var i = 0; i < elems.length; i = i + 1)
{
elems[i].setAttribute('data-theme', 'dark');
}
document.documentElement.setAttribute('data-theme', 'dark');
}
else if (v == "")
{
var elems = document.getElementsByClassName('highlight');
for (var i = 0; i < elems.length; i = i + 1)
{
elems[i].setAttribute('data-theme', 'light');
}
document.documentElement.setAttribute('data-theme', 'light');
}
else if (v == "1")
{
var elems = document.getElementsByClassName('highlight');
for (var i = 0; i < elems.length; i = i + 1)
{
elems[i].setAttribute('data-theme', 'dark');
}
document.documentElement.setAttribute('data-theme', 'dark');
}
else if (v == "0")
{
var elems = document.getElementsByClassName('highlight');
for (var i = 0; i < elems.length; i = i + 1)
{
elems[i].setAttribute('data-theme', 'light');
}
document.documentElement.setAttribute('data-theme', 'light');
}
}
function youtube_c()
{
setCookie("valinet_youtube_enabled", document.getElementById("youtube_s").value, 365);
}
function comments_c()
{
setCookie("valinet_comments_enabled", document.getElementById("comments_s").value, 365);
}
(function() {
document.getElementById("theme_s").value = getCookie("valinet_theme");
document.getElementById("youtube_s").value = getCookie("valinet_youtube_enabled");
document.getElementById("comments_s").value = getCookie("valinet_comments_enabled");
})();
</script>
</div>