frontend for xcvr appview
1<!doctype html>
2<html lang="en">
3 <!--\ \/ // \\ \ / /| `'__| and right now it is july
4 \ /| / '--- \ \/ / | / 7 2025 and idrk how to
5 / \| \_,--- \ / | | make the top of the r
6 / /\ \\ / \ / | | look good-->
7 <head>
8 <meta charset="utf-8" />
9 <link rel="icon" href="%sveltekit.assets%/xcvr.svg" />
10 <link rel="stylesheet" href="%sveltekit.assets%/main.css" />
11 <link rel="preconnect" href="https://rsms.me/">
12 <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
13 <meta name="viewport" content="width=device-width, initial-scale=1" />
14 %sveltekit.head%
15 </head>
16 <body data-sveltekit-preload-data="hover">
17 <svg width="0" height="0" style="display: none">
18 <defs>
19 <filter id="vblur">
20 <feGaussianBlur in="SourceGraphic" stdDeviation="0 16"/>
21 </filter>
22 <filter id="pearly" x="0" y="0" width="100vw" height="100vw" filterUnits="userSpaceOnUse">
23 <feTurbulence
24 baseFrequency="0.002,0.005"
25 numOctaves="2"
26 seed="301"
27 type="fractalNoise"
28 result="turb1"/>
29 <feColorMatrix
30 type="hueRotate"
31 in="turb1"
32 result="colored1">
33 <animate
34 attributeName="values"
35 values="0;360;0"
36 dur="11s"
37 repeatCount="indefinite"/>
38 </feColorMatrix>
39 <feTurbulence
40 baseFrequency="0.003,0.004"
41 numOctaves="2"
42 seed="302"
43 type="fractalNoise"
44 result="turb2">
45 </feTurbulence>
46 <feColorMatrix
47 type="hueRotate"
48 in="turb2"
49 result="colored2">
50 <animate
51 attributeName="values"
52 values="120;480;120"
53 dur="13s"
54 repeatCount="indefinite"/>
55 </feColorMatrix>
56 <feBlend
57 mode="multiply"
58 in="colored1"
59 in2="colored2"
60 result="blended-turbulence"/>
61 <feComposite
62 in="blended-turbulence"
63 in2="SourceAlpha"
64 operator="in"
65 result="masked-pattern"/>
66 <feBlend
67 in="masked-pattern"
68 in2="SourceGraphic"
69 mode="multiply"/>
70 </filter>
71 <filter id="knockout">
72 <feFlood flood-color="white" flood-opacity="1" result="whiteFlood"/>
73 <feComposite in="whiteFlood" in2="SourceGraphic" operator="out" result="knockedOut"/>
74 </filter>
75 </defs>
76 </svg>
77 <div style="display: flex; flex-direction:column; justify-content: space-between; height:100vh; height: 100dvh;">%sveltekit.body%</div>
78 </body>
79</html>