From 4ae60507fc51136831f1568789dc01b0c98c50d1 Mon Sep 17 00:00:00 2001
From: fluem <fluem@protonmail.com>
Date: Sat, 10 Oct 2020 00:08:26 +0200
Subject: [PATCH] Fix credits crawl and clean up authors.css

---
 src/static/css/authors.css | 27 +++++++--------------------
 1 file changed, 7 insertions(+), 20 deletions(-)

diff --git a/src/static/css/authors.css b/src/static/css/authors.css
index 18ca3340..8044f1c0 100644
--- a/src/static/css/authors.css
+++ b/src/static/css/authors.css
@@ -1,4 +1,4 @@
-/* From https://css-tricks.com/snippets/css/star-wars-crawl-text/ */
+/* Adapted from https://css-tricks.com/snippets/css/star-wars-crawl-text/ */
 body {
     width: 100%;
     height: 100%;
@@ -7,7 +7,7 @@ body {
 }
 
 * {
-    text-align: left !important;
+    text-align: center !important;
 }
 
 .fade {
@@ -30,34 +30,21 @@ body {
     font-weight: 600;
     letter-spacing: 6px;
     line-height: 150%;
-    perspective: 400px;
+    transform: perspective(400px) rotateX(20deg);
     text-align: justify;
 }
 
 .crawl {
     position: relative;
-    top: 9999px;
-    transform-origin: 50% 100%;
-    animation: crawl 90s linear;
-}
-
-.crawl > .title {
-    font-size: 90%;
-    text-align: center;
-}
-
-.crawl > .title h1 {
-    margin: 0 0 100px;
-    text-transform: uppercase;
+    top: 300px;
+    animation: crawl 180s linear;
 }
 
 @keyframes crawl {
     0% {
-        top: 0;
-        transform: rotateX(20deg) translateZ(0);
+        top: 300px;
     }
     100% {
-        top: -25000px;
-        transform: rotateX(25deg) translateZ(-10000px);
+        top: -50000px;
     }
 }