feat(web/tvl): Use new TVL logo on the main homepage r/2913

Change-Id: I4b12b33bab54dbb099d97eaa4c14ca3072c4cd66
Reviewed-on: https://cl.tvl.fyi/c/depot/+/3628
Tested-by: BuildkiteCI
Reviewed-by: sterni <sternenseemann@systemli.org>

1 files changed, 17 insertions, 8 deletions

diff --git a/web/tvl/default.nix b/web/tvl/default.nix
index 50b3eac2f62d..3258326672c8 100644
--- a/web/tvl/default.nix
+++ b/web/tvl/default.nix
@@ -15,14 +15,15 @@ let
       The Virus Lounge
       ================
 
-      -------
+      ----------------
 
-      ![The Virus Lounge](/static/virus_lounge.webp)
+      <img class="tvl-logo" src="/static/tvl-animated.svg"
+           alt="Virus with lambda-shaped spike proteins sitting on an armchair">
 
-      Welcome to **The Virus Lounge**. We're a random group of
-      people who feel undersocialised in these trying times, and
-      we've decided that there isn't enough spontaneous socialising
-      on the internet.
+      Welcome to **The Virus Lounge**. We're a random group of people
+      who feel undersocialised in these trying times, and we've
+      decided that there isn't enough spontaneous socialising on the
+      internet.
 
       <hr>
 
@@ -48,11 +49,19 @@ let
           max-width: inherit;
           height: auto;
         }
+
+        .tvl-logo {
+          width: 60%;
+          display: block;
+          margin-left: auto;
+          margin-right: auto;
+        }
       </style>
     '';
   };
 in runCommandNoCC "website" {} ''
-  mkdir $out
+  mkdir -p $out/static
   cp ${homepage} $out/index.html
-  cp -r ${depot.web.static} $out/static
+  cp ${depot.web.static}/* $out/static
+  cp ${depot.web.tvl.logo.pastelRainbow} $out/static/tvl-animated.svg
 ''