too lazy to think of a message, so enjoy this pointless text. Good luck future me...

src/components/details/details.tsx

@@ -1,35 +1,35 @@
-import { Component, createSignal, onCleanup, onMount } from "solid-js";
-import { Entry } from "~/features/content";
-import css from "./details.module.css";
-
-interface DetailsProps {
-  entry: Entry;
-}
-
-export const Details: Component<DetailsProps> = (props) => {
-  const [header, setHeader] = createSignal<HTMLElement>();
-
-  onMount(() => {
-    const observer = new ResizeObserver(([entry]) => {
-      const { inlineSize, blockSize } = entry.contentBoxSize[0];
-      (entry.target as HTMLElement).style.setProperty(
-        "--ratio",
-        String((blockSize * 0.2) / inlineSize)
-      );
-    });
-
-    observer.observe(header()!);
-
-    onCleanup(() => observer.disconnect());
-  });
-
-  return (
-    <div class={css.container}>
-      <header ref={setHeader} class={css.header}>
-        <img class={css.background} src={props.entry.image} />
-
-        <h1>{props.entry.title}</h1>
-      </header>
-    </div>
-  );
-};
+import { Component, createSignal, onCleanup, onMount } from "solid-js";
+import { Entry } from "~/features/content";
+import css from "./details.module.css";
+
+interface DetailsProps {
+  entry: Entry;
+}
+
+export const Details: Component<DetailsProps> = (props) => {
+  const [header, setHeader] = createSignal<HTMLElement>();
+
+  onMount(() => {
+    const observer = new ResizeObserver(([entry]) => {
+      const { inlineSize, blockSize } = entry.contentBoxSize[0];
+      (entry.target as HTMLElement).style.setProperty(
+        "--ratio",
+        String((blockSize * 0.2) / inlineSize)
+      );
+    });
+
+    observer.observe(header()!);
+
+    onCleanup(() => observer.disconnect());
+  });
+
+  return (
+    <div class={css.container}>
+      <header ref={setHeader} class={css.header}>
+        <img class={css.background} src={props.entry.image} />
+
+        <h1>{props.entry.title}</h1>
+      </header>
+    </div>
+  );
+};