nice logger

1 files changed, 37 insertions, 0 deletions

diff --git a/web/js-player.css b/web/js-player.css
index 3df8cde..3bb8613 100644
--- a/web/js-player.css
+++ b/web/js-player.css
@@ -86,3 +86,40 @@
 .jsp-stats pre {
     margin: 0.1em;
 }
+
+.jsp .jsh-log {
+    position: absolute;
+    bottom: var(--csize);
+    left: 0px;
+}
+.jsp .jsh-log-line {
+    font-size: 1em;
+    height: 1.2em;
+    animation-name: appear;
+    animation-timing-function: linear;
+    animation-duration: 0.5s;
+    animation-fill-mode: forwards;
+}
+.jsp .jsh-log-line-disappear {
+    animation-name: disappear;
+    animation-timing-function: linear;
+    animation-duration: 0.2s;
+    animation-fill-mode: forwards;
+}
+
+@keyframes appear {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+@keyframes disappear {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}