From a0ba35e937d632ee2222e102e3772aef4ec1bb56 Mon Sep 17 00:00:00 2001
From: Tom <thomas.hodson@ecmwf.int>
Date: Sun, 23 Mar 2025 18:23:10 +0000
Subject: [PATCH] add a badge page

---
 assets/badge/qr.svg | 2135 +++++++++++++++++++++++++++++++++++++++++++
 badge.html          |  139 +++
 2 files changed, 2274 insertions(+)
 create mode 100644 assets/badge/qr.svg
 create mode 100644 badge.html

diff --git a/assets/badge/qr.svg b/assets/badge/qr.svg
new file mode 100644
index 0000000..6846112
--- /dev/null
+++ b/assets/badge/qr.svg
@@ -0,0 +1,2135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="232"
+   height="232"
+   viewBox="0 0 232 232"
+   version="1.1"
+   id="svg975"
+   sodipodi:docname="qr.svg"
+   inkscape:version="1.2.2 (b0a84865, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview977"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="true"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.66551853"
+     inkscape:cx="-54.093159"
+     inkscape:cy="103.67856"
+     inkscape:window-width="1309"
+     inkscape:window-height="430"
+     inkscape:window-x="0"
+     inkscape:window-y="35"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg975" />
+  <defs
+     id="defs135">
+    <rect
+       id="p"
+       width="8"
+       height="8"
+       x="0"
+       y="0" />
+  </defs>
+  <g
+     fill="#000000"
+     id="g971"
+     style="display:inline"
+     sodipodi:insensitive="true"
+     transform="translate(-32,-32)">
+    <use
+       xlink:href="#p"
+       x="32"
+       y="32"
+       id="use137" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="40"
+       id="use139" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="48"
+       id="use141" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="56"
+       id="use143" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="64"
+       id="use145" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="72"
+       id="use147" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="80"
+       id="use149" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="96"
+       id="use151" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="104"
+       id="use153" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="120"
+       id="use155" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="208"
+       id="use157" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="216"
+       id="use159" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="224"
+       id="use161" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="232"
+       id="use163" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="240"
+       id="use165" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="248"
+       id="use167" />
+    <use
+       xlink:href="#p"
+       x="32"
+       y="256"
+       id="use169" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="32"
+       id="use171" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="80"
+       id="use173" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="104"
+       id="use175" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="112"
+       id="use177" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="128"
+       id="use179" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="144"
+       id="use181" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="160"
+       id="use183" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="168"
+       id="use185" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="208"
+       id="use187" />
+    <use
+       xlink:href="#p"
+       x="40"
+       y="256"
+       id="use189" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="32"
+       id="use191" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="48"
+       id="use193" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="56"
+       id="use195" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="64"
+       id="use197" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="80"
+       id="use199" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="104"
+       id="use201" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="136"
+       id="use203" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="160"
+       id="use205" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="168"
+       id="use207" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="176"
+       id="use209" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="192"
+       id="use211" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="208"
+       id="use213" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="224"
+       id="use215" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="232"
+       id="use217" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="240"
+       id="use219" />
+    <use
+       xlink:href="#p"
+       x="48"
+       y="256"
+       id="use221" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="32"
+       id="use223" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="48"
+       id="use225" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="56"
+       id="use227" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="64"
+       id="use229" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="80"
+       id="use231" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="96"
+       id="use233" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="112"
+       id="use235" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="120"
+       id="use237" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="136"
+       id="use239" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="144"
+       id="use241" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="168"
+       id="use243" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="192"
+       id="use245" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="208"
+       id="use247" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="224"
+       id="use249" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="232"
+       id="use251" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="240"
+       id="use253" />
+    <use
+       xlink:href="#p"
+       x="56"
+       y="256"
+       id="use255" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="32"
+       id="use257" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="48"
+       id="use259" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="56"
+       id="use261" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="64"
+       id="use263" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="80"
+       id="use265" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="96"
+       id="use267" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="112"
+       id="use269" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="128"
+       id="use271" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="152"
+       id="use273" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="160"
+       id="use275" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="168"
+       id="use277" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="176"
+       id="use279" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="208"
+       id="use281" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="224"
+       id="use283" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="232"
+       id="use285" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="240"
+       id="use287" />
+    <use
+       xlink:href="#p"
+       x="64"
+       y="256"
+       id="use289" />
+    <use
+       xlink:href="#p"
+       x="72"
+       y="32"
+       id="use291" />
+    <use
+       xlink:href="#p"
+       x="72"
+       y="80"
+       id="use293" />
+    <use
+       xlink:href="#p"
+       x="72"
+       y="96"
+       id="use295" />
+    <use
+       xlink:href="#p"
+       x="72"
+       y="160"
+       id="use297" />
+    <use
+       xlink:href="#p"
+       x="72"
+       y="192"
+       id="use299" />
+    <use
+       xlink:href="#p"
+       x="72"
+       y="208"
+       id="use301" />
+    <use
+       xlink:href="#p"
+       x="72"
+       y="256"
+       id="use303" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="32"
+       id="use305" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="40"
+       id="use307" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="48"
+       id="use309" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="56"
+       id="use311" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="64"
+       id="use313" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="72"
+       id="use315" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="80"
+       id="use317" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="96"
+       id="use319" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="112"
+       id="use321" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="128"
+       id="use323" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="144"
+       id="use325" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="160"
+       id="use327" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="176"
+       id="use329" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="192"
+       id="use331" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="208"
+       id="use333" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="216"
+       id="use335" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="224"
+       id="use337" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="232"
+       id="use339" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="240"
+       id="use341" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="248"
+       id="use343" />
+    <use
+       xlink:href="#p"
+       x="80"
+       y="256"
+       id="use345" />
+    <use
+       xlink:href="#p"
+       x="88"
+       y="96"
+       id="use347" />
+    <use
+       xlink:href="#p"
+       x="88"
+       y="104"
+       id="use349" />
+    <use
+       xlink:href="#p"
+       x="88"
+       y="112"
+       id="use351" />
+    <use
+       xlink:href="#p"
+       x="88"
+       y="128"
+       id="use353" />
+    <use
+       xlink:href="#p"
+       x="88"
+       y="136"
+       id="use355" />
+    <use
+       xlink:href="#p"
+       x="88"
+       y="192"
+       id="use357" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="32"
+       id="use359" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="40"
+       id="use361" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="48"
+       id="use363" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="64"
+       id="use365" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="80"
+       id="use367" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="96"
+       id="use369" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="112"
+       id="use371" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="128"
+       id="use373" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="136"
+       id="use375" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="168"
+       id="use377" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="184"
+       id="use379" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="200"
+       id="use381" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="208"
+       id="use383" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="216"
+       id="use385" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="224"
+       id="use387" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="232"
+       id="use389" />
+    <use
+       xlink:href="#p"
+       x="96"
+       y="256"
+       id="use391" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="40"
+       id="use393" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="96"
+       id="use395" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="104"
+       id="use397" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="112"
+       id="use399" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="120"
+       id="use401" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="128"
+       id="use403" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="144"
+       id="use405" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="152"
+       id="use407" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="160"
+       id="use409" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="168"
+       id="use411" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="192"
+       id="use413" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="200"
+       id="use415" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="208"
+       id="use417" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="224"
+       id="use419" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="248"
+       id="use421" />
+    <use
+       xlink:href="#p"
+       x="104"
+       y="256"
+       id="use423" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="64"
+       id="use425" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="80"
+       id="use427" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="88"
+       id="use429" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="112"
+       id="use431" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="120"
+       id="use433" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="128"
+       id="use435" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="160"
+       id="use437" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="168"
+       id="use439" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="184"
+       id="use441" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="200"
+       id="use443" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="208"
+       id="use445" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="216"
+       id="use447" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="224"
+       id="use449" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="232"
+       id="use451" />
+    <use
+       xlink:href="#p"
+       x="112"
+       y="248"
+       id="use453" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="40"
+       id="use455" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="56"
+       id="use457" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="104"
+       id="use459" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="120"
+       id="use461" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="152"
+       id="use463" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="160"
+       id="use465" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="184"
+       id="use467" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="224"
+       id="use469" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="232"
+       id="use471" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="248"
+       id="use473" />
+    <use
+       xlink:href="#p"
+       x="120"
+       y="256"
+       id="use475" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="32"
+       id="use477" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="48"
+       id="use479" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="72"
+       id="use481" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="80"
+       id="use483" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="96"
+       id="use485" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="112"
+       id="use487" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="120"
+       id="use489" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="136"
+       id="use491" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="144"
+       id="use493" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="152"
+       id="use495" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="168"
+       id="use497" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="200"
+       id="use499" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="216"
+       id="use501" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="224"
+       id="use503" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="232"
+       id="use505" />
+    <use
+       xlink:href="#p"
+       x="128"
+       y="256"
+       id="use507" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="88"
+       id="use509" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="96"
+       id="use511" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="104"
+       id="use513" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="112"
+       id="use515" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="120"
+       id="use517" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="128"
+       id="use519" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="136"
+       id="use521" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="144"
+       id="use523" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="168"
+       id="use525" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="192"
+       id="use527" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="224"
+       id="use529" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="248"
+       id="use531" />
+    <use
+       xlink:href="#p"
+       x="136"
+       y="256"
+       id="use533" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="64"
+       id="use535" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="80"
+       id="use537" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="136"
+       id="use539" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="160"
+       id="use541" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="168"
+       id="use543" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="184"
+       id="use545" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="192"
+       id="use547" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="200"
+       id="use549" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="208"
+       id="use551" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="216"
+       id="use553" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="224"
+       id="use555" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="248"
+       id="use557" />
+    <use
+       xlink:href="#p"
+       x="144"
+       y="256"
+       id="use559" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="32"
+       id="use561" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="48"
+       id="use563" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="64"
+       id="use565" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="72"
+       id="use567" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="88"
+       id="use569" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="112"
+       id="use571" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="128"
+       id="use573" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="152"
+       id="use575" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="176"
+       id="use577" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="192"
+       id="use579" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="216"
+       id="use581" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="240"
+       id="use583" />
+    <use
+       xlink:href="#p"
+       x="152"
+       y="256"
+       id="use585" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="32"
+       id="use587" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="40"
+       id="use589" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="48"
+       id="use591" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="56"
+       id="use593" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="64"
+       id="use595" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="72"
+       id="use597" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="80"
+       id="use599" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="88"
+       id="use601" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="104"
+       id="use603" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="112"
+       id="use605" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="120"
+       id="use607" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="128"
+       id="use609" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="136"
+       id="use611" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="144"
+       id="use613" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="160"
+       id="use615" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="168"
+       id="use617" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="192"
+       id="use619" />
+    <use
+       xlink:href="#p"
+       x="160"
+       y="224"
+       id="use621" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="40"
+       id="use623" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="56"
+       id="use625" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="72"
+       id="use627" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="96"
+       id="use629" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="104"
+       id="use631" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="120"
+       id="use633" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="144"
+       id="use635" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="168"
+       id="use637" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="176"
+       id="use639" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="192"
+       id="use641" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="208"
+       id="use643" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="216"
+       id="use645" />
+    <use
+       xlink:href="#p"
+       x="168"
+       y="240"
+       id="use647" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="32"
+       id="use649" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="64"
+       id="use651" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="80"
+       id="use653" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="96"
+       id="use655" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="104"
+       id="use657" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="136"
+       id="use659" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="144"
+       id="use661" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="152"
+       id="use663" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="168"
+       id="use665" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="176"
+       id="use667" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="200"
+       id="use669" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="216"
+       id="use671" />
+    <use
+       xlink:href="#p"
+       x="176"
+       y="232"
+       id="use673" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="40"
+       id="use675" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="64"
+       id="use677" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="104"
+       id="use679" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="120"
+       id="use681" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="144"
+       id="use683" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="152"
+       id="use685" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="160"
+       id="use687" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="168"
+       id="use689" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="176"
+       id="use691" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="192"
+       id="use693" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="200"
+       id="use695" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="208"
+       id="use697" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="216"
+       id="use699" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="224"
+       id="use701" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="232"
+       id="use703" />
+    <use
+       xlink:href="#p"
+       x="184"
+       y="256"
+       id="use705" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="56"
+       id="use707" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="80"
+       id="use709" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="104"
+       id="use711" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="112"
+       id="use713" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="120"
+       id="use715" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="128"
+       id="use717" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="144"
+       id="use719" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="160"
+       id="use721" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="168"
+       id="use723" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="184"
+       id="use725" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="192"
+       id="use727" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="200"
+       id="use729" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="208"
+       id="use731" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="216"
+       id="use733" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="224"
+       id="use735" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="232"
+       id="use737" />
+    <use
+       xlink:href="#p"
+       x="192"
+       y="256"
+       id="use739" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="96"
+       id="use741" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="112"
+       id="use743" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="120"
+       id="use745" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="136"
+       id="use747" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="144"
+       id="use749" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="152"
+       id="use751" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="176"
+       id="use753" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="192"
+       id="use755" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="224"
+       id="use757" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="232"
+       id="use759" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="240"
+       id="use761" />
+    <use
+       xlink:href="#p"
+       x="200"
+       y="248"
+       id="use763" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="32"
+       id="use765" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="40"
+       id="use767" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="48"
+       id="use769" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="56"
+       id="use771" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="64"
+       id="use773" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="72"
+       id="use775" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="80"
+       id="use777" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="120"
+       id="use779" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="128"
+       id="use781" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="136"
+       id="use783" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="144"
+       id="use785" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="192"
+       id="use787" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="208"
+       id="use789" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="224"
+       id="use791" />
+    <use
+       xlink:href="#p"
+       x="208"
+       y="256"
+       id="use793" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="32"
+       id="use795" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="80"
+       id="use797" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="104"
+       id="use799" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="128"
+       id="use801" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="136"
+       id="use803" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="144"
+       id="use805" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="152"
+       id="use807" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="160"
+       id="use809" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="176"
+       id="use811" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="192"
+       id="use813" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="224"
+       id="use815" />
+    <use
+       xlink:href="#p"
+       x="216"
+       y="240"
+       id="use817" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="32"
+       id="use819" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="48"
+       id="use821" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="56"
+       id="use823" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="64"
+       id="use825" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="80"
+       id="use827" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="96"
+       id="use829" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="104"
+       id="use831" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="112"
+       id="use833" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="136"
+       id="use835" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="168"
+       id="use837" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="176"
+       id="use839" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="192"
+       id="use841" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="200"
+       id="use843" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="208"
+       id="use845" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="216"
+       id="use847" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="224"
+       id="use849" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="240"
+       id="use851" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="248"
+       id="use853" />
+    <use
+       xlink:href="#p"
+       x="224"
+       y="256"
+       id="use855" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="32"
+       id="use857" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="48"
+       id="use859" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="56"
+       id="use861" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="64"
+       id="use863" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="80"
+       id="use865" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="120"
+       id="use867" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="136"
+       id="use869" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="160"
+       id="use871" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="176"
+       id="use873" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="184"
+       id="use875" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="192"
+       id="use877" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="200"
+       id="use879" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="208"
+       id="use881" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="224"
+       id="use883" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="248"
+       id="use885" />
+    <use
+       xlink:href="#p"
+       x="232"
+       y="256"
+       id="use887" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="32"
+       id="use889" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="48"
+       id="use891" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="56"
+       id="use893" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="64"
+       id="use895" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="80"
+       id="use897" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="96"
+       id="use899" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="104"
+       id="use901" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="112"
+       id="use903" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="136"
+       id="use905" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="144"
+       id="use907" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="152"
+       id="use909" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="168"
+       id="use911" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="184"
+       id="use913" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="192"
+       id="use915" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="240"
+       id="use917" />
+    <use
+       xlink:href="#p"
+       x="240"
+       y="248"
+       id="use919" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="32"
+       id="use921" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="80"
+       id="use923" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="96"
+       id="use925" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="104"
+       id="use927" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="136"
+       id="use929" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="168"
+       id="use931" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="192"
+       id="use933" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="232"
+       id="use935" />
+    <use
+       xlink:href="#p"
+       x="248"
+       y="240"
+       id="use937" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="32"
+       id="use939" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="40"
+       id="use941" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="48"
+       id="use943" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="56"
+       id="use945" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="64"
+       id="use947" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="72"
+       id="use949" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="80"
+       id="use951" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="96"
+       id="use953" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="120"
+       id="use955" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="128"
+       id="use957" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="136"
+       id="use959" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="144"
+       id="use961" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="152"
+       id="use963" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="176"
+       id="use965" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="240"
+       id="use967" />
+    <use
+       xlink:href="#p"
+       x="256"
+       y="248"
+       id="use969" />
+  </g>
+</svg>
diff --git a/badge.html b/badge.html
new file mode 100644
index 0000000..1af210a
--- /dev/null
+++ b/badge.html
@@ -0,0 +1,139 @@
+---
+title: Badge
+permalink: /badge/
+
+img:
+  src: /assets/images/avatar.jpeg
+  alt: A picture of me.
+---
+
+<!DOCTYPE html>
+<html class="" lang="en">
+  <head>
+    {% include default_head_tags.html %}
+    <style>
+.profile-pic-name {
+    display: flex;
+}
+
+img.qr {
+    width: 50vw;
+    height: 50vw;
+    z-index: 1;
+}
+
+.avatar {
+    width: 40vw;
+    height: 40vw;
+}
+
+header h1 {
+    font-size: 15vw;
+    margin-left: 5vw;
+}
+
+.professional-links {
+    margin-bottom: 10vh;
+}
+
+.user-toggle {
+    position: absolute;
+    top: 0px;
+    left: 100%;
+    padding-top: 0px;
+}
+
+.card {
+    background: var(--theme-bg-color);
+    padding: 20px;
+    position: relative;
+    display: flex;
+    place-content: center;
+    place-items: center;
+    overflow: hidden;
+    border-radius: 25px;
+  }
+  
+  .card::before {
+    content: '';
+    position: absolute;
+    width: 100px;
+    background: var(--theme-highlight-color);
+    height: 150%;
+    animation: rotBGimg 7s linear infinite;
+    transition: all 0.2s linear;
+  }
+  
+  @keyframes rotBGimg {
+    from {
+      transform: rotate(0deg);
+    }
+  
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  
+  .card::after {
+    content: '';
+    position: absolute;
+    background: var(--theme-bg-color);
+    ;
+    inset: 10px;
+    border-radius: 15px;
+  }  
+  
+  
+    </style>
+  </head>
+  <body class = "">
+    <header class="h-card">
+      <div class="profile-pic-name">
+        <img
+          src="/assets/images/avatar.jpeg"
+          class="u-photo avatar"
+          alt="A picture of me."
+          height="175"
+          width="175"
+        />
+        <a class="p-name u-url u-uid" href="{{ site.url }}"
+          ><h1>Tom Hodson</h1></a
+        >
+      </div>
+      <p class="p-note bio">
+        <span>Maker, Baker</span>
+        <span>Programmer</span>
+        <span><a href="/thesis">Reformed&nbsp;Physicist</a></span>
+        <span><a href="https://ecmwf.int">RSE@ECMWF</a> </span>
+      </p>
+      <!-- <h2>Links</h2> -->
+      <p class="professional-links">
+        <a href="https://github.com/TomHodson" rel="me authn" class="u-url"
+          >@TomHodson {% include icons/github.svg %}</a
+        >
+        <a href="https://tech.lgbt/@Tomhodson" rel="me" class="u-url"
+          >tech.lgbt/@Tomhodson {% include icons/mastodon.svg %}</a
+        >
+        </p>
+      </div>
+
+      <div class = "card">
+        <img
+        src="/assets/badge/qr.svg"
+        class="qr invertable"
+        alt="A QR code pointing to this page"
+        height="175"
+        width="175"
+      />
+      </div>
+
+
+    <div class="user-toggle">
+        <div role="status" class="visually-hidden js-mode-status"></div>
+        <button class="toggle-button js-mode-toggle" aria-label="Night Mode Toggle">
+          <span class="toggle-button__icon" aria-hidden="true"></span>
+        </button>
+      </div>
+    </header>
+  </body>
+</html>