player: subs with realtive font outline

1 files changed, 66 insertions, 19 deletions

diff --git a/web/style/player.css b/web/style/player.css
index a16ac0c..34e1bfb 100644
--- a/web/style/player.css
+++ b/web/style/player.css
@@ -65,24 +65,71 @@ form.playerconf {
 
 video::cue {
     /* TODO this is inefficient */
-    /* ", ".join([f"{x}px {y}px black" for x in range(-5,6) for y in range(-5,6) if x*x+y*y < 5*5]) */
+    /* 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])) */
     background-color: transparent;
-    text-shadow: -4px -2px black, -4px -1px black, -4px 0px black,
-        -4px 1px black, -4px 2px black, -3px -3px black, -3px -2px black,
-        -3px -1px black, -3px 0px black, -3px 1px black, -3px 2px black,
-        -3px 3px black, -2px -4px black, -2px -3px black, -2px -2px black,
-        -2px -1px black, -2px 0px black, -2px 1px black, -2px 2px black,
-        -2px 3px black, -2px 4px black, -1px -4px black, -1px -3px black,
-        -1px -2px black, -1px -1px black, -1px 0px black, -1px 1px black,
-        -1px 2px black, -1px 3px black, -1px 4px black, 0px -4px black,
-        0px -3px black, 0px -2px black, 0px -1px black, 0px 0px black,
-        0px 1px black, 0px 2px black, 0px 3px black, 0px 4px black,
-        1px -4px black, 1px -3px black, 1px -2px black, 1px -1px black,
-        1px 0px black, 1px 1px black, 1px 2px black, 1px 3px black,
-        1px 4px black, 2px -4px black, 2px -3px black, 2px -2px black,
-        2px -1px black, 2px 0px black, 2px 1px black, 2px 2px black,
-        2px 3px black, 2px 4px black, 3px -3px black, 3px -2px black,
-        3px -1px black, 3px 0px black, 3px 1px black, 3px 2px black,
-        3px 3px black, 4px -2px black, 4px -1px black, 4px 0px black,
-        4px 1px black, 4px 2px black;
+    text-shadow: -0.21052631578947367em -0.10526315789473684em black,
+        -0.21052631578947367em -0.05263157894736842em black,
+        -0.21052631578947367em 0em black,
+        -0.21052631578947367em 0.05263157894736842em black,
+        -0.21052631578947367em 0.10526315789473684em black,
+        -0.15789473684210525em -0.15789473684210525em black,
+        -0.15789473684210525em -0.10526315789473684em black,
+        -0.15789473684210525em -0.05263157894736842em black,
+        -0.15789473684210525em 0em black,
+        -0.15789473684210525em 0.05263157894736842em black,
+        -0.15789473684210525em 0.10526315789473684em black,
+        -0.15789473684210525em 0.15789473684210525em black,
+        -0.10526315789473684em -0.21052631578947367em black,
+        -0.10526315789473684em -0.15789473684210525em black,
+        -0.10526315789473684em -0.10526315789473684em black,
+        -0.10526315789473684em -0.05263157894736842em black,
+        -0.10526315789473684em 0em black,
+        -0.10526315789473684em 0.05263157894736842em black,
+        -0.10526315789473684em 0.10526315789473684em black,
+        -0.10526315789473684em 0.15789473684210525em black,
+        -0.10526315789473684em 0.21052631578947367em black,
+        -0.05263157894736842em -0.21052631578947367em black,
+        -0.05263157894736842em -0.15789473684210525em black,
+        -0.05263157894736842em -0.10526315789473684em black,
+        -0.05263157894736842em -0.05263157894736842em black,
+        -0.05263157894736842em 0em black,
+        -0.05263157894736842em 0.05263157894736842em black,
+        -0.05263157894736842em 0.10526315789473684em black,
+        -0.05263157894736842em 0.15789473684210525em black,
+        -0.05263157894736842em 0.21052631578947367em black,
+        0em -0.21052631578947367em black, 0em -0.15789473684210525em black,
+        0em -0.10526315789473684em black, 0em -0.05263157894736842em black,
+        0em 0em black, 0em 0.05263157894736842em black,
+        0em 0.10526315789473684em black, 0em 0.15789473684210525em black,
+        0em 0.21052631578947367em black,
+        0.05263157894736842em -0.21052631578947367em black,
+        0.05263157894736842em -0.15789473684210525em black,
+        0.05263157894736842em -0.10526315789473684em black,
+        0.05263157894736842em -0.05263157894736842em black,
+        0.05263157894736842em 0em black,
+        0.05263157894736842em 0.05263157894736842em black,
+        0.05263157894736842em 0.10526315789473684em black,
+        0.05263157894736842em 0.15789473684210525em black,
+        0.05263157894736842em 0.21052631578947367em black,
+        0.10526315789473684em -0.21052631578947367em black,
+        0.10526315789473684em -0.15789473684210525em black,
+        0.10526315789473684em -0.10526315789473684em black,
+        0.10526315789473684em -0.05263157894736842em black,
+        0.10526315789473684em 0em black,
+        0.10526315789473684em 0.05263157894736842em black,
+        0.10526315789473684em 0.10526315789473684em black,
+        0.10526315789473684em 0.15789473684210525em black,
+        0.10526315789473684em 0.21052631578947367em black,
+        0.15789473684210525em -0.15789473684210525em black,
+        0.15789473684210525em -0.10526315789473684em black,
+        0.15789473684210525em -0.05263157894736842em black,
+        0.15789473684210525em 0em black,
+        0.15789473684210525em 0.05263157894736842em black,
+        0.15789473684210525em 0.10526315789473684em black,
+        0.15789473684210525em 0.15789473684210525em black,
+        0.21052631578947367em -0.10526315789473684em black,
+        0.21052631578947367em -0.05263157894736842em black,
+        0.21052631578947367em 0em black,
+        0.21052631578947367em 0.05263157894736842em black,
+        0.21052631578947367em 0.10526315789473684em black;
 }