make happen preview homepage shenanigans

1 files changed, 20 insertions, 0 deletions

diff --git a/src/static/site.css b/src/static/site.css
index 70bc4945..53a2ad99 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -964,3 +964,23 @@ li > ul {
         margin-top: 0.5em;
     }
 }
+
+/* important easter egg mode */
+
+html[data-language-code=preview-en][data-url-key="localized.home"] body {
+    background-color: #ff00a2;
+    animation: preview-rainbow 30s infinite;
+    background: linear-gradient(rgba(255,0,0,1) 0%, rgba(255,154,0,1) 10%, rgba(208,222,33,1) 20%, rgba(79,220,74,1) 30%, rgba(63,218,216,1) 40%, rgba(47,201,226,1) 50%, rgba(28,127,238,1) 60%, rgba(95,21,242,1) 70%, rgba(186,12,248,1) 80%, rgba(251,7,217,1) 90%, rgba(255,0,0,1) 100%) 0 0/100% 200%;
+}
+
+@keyframes preview-rainbow {
+    to {
+        background-position: 0 -200%;
+    }
+}
+
+html[data-language-code=preview-en][data-url-key="localized.home"] #content h1::after {
+    font-family: cursive;
+    display: block;
+    content: "(Preview Build)";
+}