12<!-- Wide capsule / header, 920x430. -->3<meta charset="utf-8">4<link rel="stylesheet" href="art.css">5<style>6 #art { width: 920px; height: 430px; }7 #art::before {8 content: ""; position: absolute; inset: 0;9 background: radial-gradient(40% 60% at 78% 55%, rgba(255, 178, 36, .07), transparent 70%);10 }11 .copy { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); z-index: 2; }12 .mark { font-size: 136px; }13 .tag { font-size: 15px; margin-top: 26px; }14 .guide {15 left: 600px; right: 0; top: 0; bottom: 0;16 -webkit-mask-image:17 linear-gradient(to right, transparent, #000 12%),18 linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);19 -webkit-mask-composite: source-in; mask-composite: intersect;20 }21</style>22<div class="art grain" id="art">23 <div class="guide" id="g"></div>24 <div class="copy">25 <div class="mark">Airwaves</div>26 <div class="tag">Live TV and guide</div>27 </div>28</div>29<script type="module">30 import { guide, ready } from "./art.js";31 await ready();32 guide(document.getElementById("g"), { u: 1.1, chw: 80, slot: 110, now: 1.1, first: 0, cur: 3, sel: false, seed: 5 });33 document.body.dataset.ready = "1";34</script>