mdebray/tvl-depot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(web/tvl): translate to markdown

Browse source 
This is mostly equivalent, but we need to accomodate cheddar a bit:

* cheddar doesn't like markdown inside of HTML, so the <main> tag
  around the image needs to go.

* cheddar messes with a top-level SVG for some reason, so we need to
  wrap it in a <div> in order to prevent that.

Change-Id: If9ed516623e81e24f600ee9f1b6d4d611b5bcedd
Reviewed-on: https://cl.tvl.fyi/c/depot/+/3117
Tested-by: BuildkiteCI
Reviewed-by: tazjin <mail@tazj.in>
This commit is contained in:
sterni 2021-05-12 16:57:07 +02:00
parent 922af58cce
commit c0e4b863c7
1 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
web/tvl/default.nix
View file

@ -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;
}