about summary refs log tree commit diff
diff options
context:
space:
mode:
-rw-r--r--web/tvl/default.nix36
1 files changed, 21 insertions, 15 deletions
diff --git a/web/tvl/default.nix b/web/tvl/default.nix
index aa1fc225fe..2a471fadc3 100644
--- a/web/tvl/default.nix
+++ b/web/tvl/default.nix
@@ -12,28 +12,34 @@ let
   homepage = depot.web.tvl.template {
     title = "The Virus Lounge";
     content = ''
-      <main>
-        <img alt="The Virus Lounge" src="/static/virus_lounge.webp">
-      </main>
+      ![The Virus Lounge](/static/virus_lounge.webp)
 
-      <p>
-        Welcome to <b>The Virus Lounge</b>. 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.
-      </p>
+      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>
-      <h2>Where did all these people come from?</h2>
 
-      <p>
-        It's pretty straightforward. Feel free to click on people, too.
-      </p>
-      ${builtins.readFile tvlGraph}
+      ## Where did all these people come from?
+
+      It's pretty straightforward. Feel free to click on people, too.
+
+      <div class="tvl-graph-container">
+        <!--
+          cheddar leaves HTML inside of HTML alone,
+          so wrapping the SVG prevents it from messing it up
+        -->
+        ${builtins.readFile tvlGraph}
+      </div>
     '';
     extraHead = ''
       <style>
-        svg {
+        .tvl-graph-container {
+          max-width: inherit;
+        }
+
+        .tvl-graph-container svg {
           max-width: inherit;
           height: auto;
         }