From 48a39b1a083536ae2cb4d58d295688be41de80b9 Mon Sep 17 00:00:00 2001
From: mehbark <terezi@pyrope.net>
Date: Fri, 14 Jul 2023 13:37:54 -0400
Subject: [PATCH] hotline miami planning

---
 html/hotline-miami.tsx  | 27 ++++++++++++++++++++++++++-
 html/picture-reveal.tsx |  1 +
 2 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 html/picture-reveal.tsx

diff --git a/html/hotline-miami.tsx b/html/hotline-miami.tsx
index 8ad1dfb..8fe0091 100644
--- a/html/hotline-miami.tsx
+++ b/html/hotline-miami.tsx
@@ -1 +1,26 @@
-//TODO
+import { Main, render_and_copy } from "./common.tsx";
+import { ComponentChildren, JSX, toChildArray } from "preact";
+
+const Pulse = ({ children }: { children: ComponentChildren }): JSX.Element => (
+    <div class="pulse">
+        <div class="pulse-top">{...toChildArray(children)}</div>
+        <div class="pulse-bottom-bg" />
+        <div class="pulse-bottom">{...toChildArray(children)}</div>
+    </div>
+);
+
+// score wiggles faster the more points you get but resets
+// there is a canonicl speed for like "go to car"
+// could also do bigger ui elements
+// but those might depend more on font
+// dialogue is also consistent
+// but i'm kind of sick of dialogue
+// can also recreate the portrait background
+// trying to only change the text color may be a dead end :(
+// i'll probably go for a different ui element
+render_and_copy(
+    <Main>
+        <Pulse>homestuck</Pulse>
+        <Pulse>fortnite</Pulse>
+    </Main>
+);
diff --git a/html/picture-reveal.tsx b/html/picture-reveal.tsx
new file mode 100644
index 0000000..623b068
--- /dev/null
+++ b/html/picture-reveal.tsx
@@ -0,0 +1 @@
+// TODO: a la fox flux