39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
export default function GridBg() {
|
|
return (
|
|
<>
|
|
<div className="grid-bg" aria-hidden />
|
|
<pre className="scatter" style={{ top: 96, left: 280 }} aria-hidden>
|
|
{` · · +
|
|
· +XX+
|
|
+XXXX·
|
|
+X· `}
|
|
</pre>
|
|
<pre className="scatter" style={{ top: 340, right: 96 }} aria-hidden>
|
|
{`+ · ·
|
|
XX· ·
|
|
·XXXX·+
|
|
·++· `}
|
|
</pre>
|
|
<pre className="scatter" style={{ bottom: 160, left: "42%" }} aria-hidden>
|
|
{` · +
|
|
+·XX·
|
|
·X+ ·
|
|
· `}
|
|
</pre>
|
|
<pre className="scatter" style={{ top: 580, left: 60 }} aria-hidden>
|
|
{` +X·
|
|
·XX·
|
|
+·X·+`}
|
|
</pre>
|
|
<span className="sq" style={{ top: 238, left: 478 }} aria-hidden />
|
|
<span className="sq" style={{ top: 478, left: 1198 }} aria-hidden />
|
|
<span className="sq" style={{ bottom: 300, left: 238 }} aria-hidden />
|
|
<span className="sq" style={{ top: 718, right: 240 }} aria-hidden />
|
|
<span className="corner-tag" style={{ top: 158, left: 34 }} aria-hidden>[ 200 OK ]</span>
|
|
<span className="corner-tag" style={{ top: 158, right: 34 }} aria-hidden>[ /v2 ]</span>
|
|
<span className="corner-tag" style={{ bottom: 36, left: 34 }} aria-hidden>[ .MP4 · 9:16 ]</span>
|
|
<span className="corner-tag" style={{ bottom: 36, right: 34 }} aria-hidden>[ STUDIO ]</span>
|
|
</>
|
|
);
|
|
}
|