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
|
/*
This file is part of jellything (https://codeberg.org/metamuffin/jellything)
which is licensed under the GNU Affero General Public License (version 3); see /COPYING.
Copyright (C) 2025 metamuffin <metamuffin.org>
Copyright (C) 2023 tpart
*/
form.playerconf {
display: grid;
grid-template-areas:
"h h h"
"v a s"
"b b b";
gap: 1em;
grid-template-columns: auto auto auto;
grid-template-rows: 3em auto 5em;
}
.playerconf {
margin: 2em;
}
.playerconf h2 {
grid-area: h;
text-align: center;
}
.playerconf h3 {
grid-area: h;
text-align: center;
}
.playerconf .video {
grid-area: v;
}
.playerconf .audio {
grid-area: a;
}
.playerconf .subtitles {
grid-area: s;
}
.playerconf input[type="submit"] {
grid-area: b;
width: 30%;
height: 3em;
font-size: 1.5em;
}
.player nav {
opacity: 0;
transition: opacity 0.2s;
}
.player nav:hover {
opacity: 1;
}
.player #main {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.player video {
width: 100vw;
height: 100vh;
background-color: black;
display: block;
}
video::cue {
background-color: transparent;
/* TODO this is inefficient */
/* print(", ".join([f"{x/19}em {y/19}em black" for x in range(-5,6) for y in range(-5,6) if x*x+y*y < 5*5])) */
text-shadow: 0em 0.1em black,
0.02079116908177593em 0.09781476007338058em black,
0.040673664307580015em 0.0913545457642601em black,
0.058778525229247314em 0.08090169943749476em black,
0.07431448254773941em 0.06691306063588583em black,
0.08660254037844387em 0.05000000000000002em black,
0.09510565162951536em 0.030901699437494747em black,
0.09945218953682733em 0.010452846326765346em black,
0.09945218953682734em -0.010452846326765334em black,
0.09510565162951537em -0.030901699437494736em black,
0.08660254037844388em -0.04999999999999998em black,
0.07431448254773945em -0.0669130606358858em black,
0.05877852522924733em -0.08090169943749474em black,
0.04067366430758001em -0.09135454576426011em black,
0.02079116908177593em -0.09781476007338058em black,
1.2246467991473533e-17em -0.1em black,
-0.020791169081775907em -0.09781476007338058em black,
-0.04067366430757999em -0.09135454576426011em black,
-0.05877852522924731em -0.08090169943749476em black,
-0.07431448254773941em -0.06691306063588585em black,
-0.08660254037844384em -0.050000000000000044em black,
-0.09510565162951536em -0.030901699437494757em black,
-0.09945218953682733em -0.010452846326765424em black,
-0.09945218953682733em 0.010452846326765387em black,
-0.09510565162951537em 0.030901699437494726em black,
-0.08660254037844387em 0.05000000000000002em black,
-0.07431448254773941em 0.06691306063588585em black,
-0.05877852522924734em 0.08090169943749474em black,
-0.040673664307580015em 0.09135454576426011em black,
-0.020791169081775987em 0.09781476007338057em black;
}
|