12<!-- The wordmark for the setup screen, transparent, cropped to its ink with a little air. -->3<meta charset="utf-8">4<link rel="stylesheet" href="../../build/linux/steam-art/art.css">5<style>6 html, body { background: transparent; }7 canvas { display: block; }8</style>9<canvas id="art"></canvas>10<script type="module">11 import { ready } from "../../build/linux/steam-art/art.js";12 await ready();13 const size = 220, pad = 4, text = "AIRWAVES";14 const font = `800 ${size}px Shoulders`;15 const c = document.getElementById("art"), ctx = c.getContext("2d");16 ctx.font = font;17 ctx.letterSpacing = `${size * 0.01}px`;18 const m = ctx.measureText(text);19 const w = Math.ceil(m.actualBoundingBoxLeft + m.actualBoundingBoxRight) + pad * 2;20 const h = Math.ceil(m.actualBoundingBoxAscent + m.actualBoundingBoxDescent) + pad * 2;21 c.width = w; c.height = h;22 ctx.font = font; // resizing the canvas resets its state23 ctx.letterSpacing = `${size * 0.01}px`;24 ctx.fillStyle = "#ede6d6";25 ctx.fillText(text, pad + m.actualBoundingBoxLeft, pad + m.actualBoundingBoxAscent);26 document.body.dataset.ready = "1";27</script>