hs-mortality: inline css, now just alt text

html/common.tsx

@@ -14,7 +14,7 @@ export function Main({
     ...attributes
 }: {
     children?: ComponentChildren;
-    attributes?: Attributes;
+    attributes?: JSX.HTMLAttributes;
 }) {
     return (
         <div {...attributes} id="main">

html/hs-mortality.tsx

@@ -10,12 +10,19 @@
 //  img.src = a.href;
 //  a.insertAdjacentElement("afterend", img);
 // })
+// pretty hopeless to try to recreate the pulsing light
 
 import { Main, render_and_copy, static_url } from "./common.tsx";
 
 // TODO: rip a hole in the panel (for blood on back)
 render_and_copy(
-    <Main>
+    <div
+        style={{
+            display: "grid",
+            overflow: "hidden",
+            gridTemplateRows: "1fr",
+        }}
+    >
         <img
             id="panel"
             src={static_url("homestuck-3853-transparent-egbertless.png")}
@@ -24,12 +31,22 @@ render_and_copy(
                 background: `url(${static_url(
                     "incipisphere-thingie.png"
                 )}) fixed;`,
+                gridArea: "1/1",
+                margin: 0,
+                aspectRatio: 1,
             }}
         />
         <img
             id="egbert"
             src={static_url("homestuck-3853-egbertful.png")}
             alt="TODO TODO TODO TODO TODO TODO TODO TODO TODO TODO"
+            style={{
+                gridArea: "1/1",
+                margin: 0,
+                aspectRatio: 1,
+                transform: "translateY(-0.15rem)",
+                animation: "0.15s infinite alternate-reverse linear spin",
+            }}
         />
-    </Main>
+    </div>
 );