From b91bd7e0cd71c0389a1b04708833a5b7e948ba24 Mon Sep 17 00:00:00 2001
From: mehbark <terezi@pyrope.net>
Date: Mon, 10 Jul 2023 19:52:09 -0400
Subject: [PATCH] good enough author section

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

diff --git a/html/hot_people_who_eat_croissants_are_dangerous.tsx b/html/hot_people_who_eat_croissants_are_dangerous.tsx
index 34ba167..970413a 100644
--- a/html/hot_people_who_eat_croissants_are_dangerous.tsx
+++ b/html/hot_people_who_eat_croissants_are_dangerous.tsx
@@ -27,12 +27,20 @@ const Wheel: Component = ({ items }, _) => (
         </summary>
         <div class="wheel-inner" style={wheel_style(items.length)}>
             {/* <div class="wheel-item empty"></div> */}
-            {...items.map((i: string) => <div class="wheel-item">{i}</div>)}
+            {...items.map((item: string, i: number) => (
+                <div
+                    class={`wheel-item ${i + 1 == items.length ? "last" : ""}`}
+                >
+                    {item}
+                </div>
+            ))}
         </div>
     </details>
 );
 
 // i'll probably just hardcode the delays... lame but w/e
+// nope
+// it would be possible to have it so the final text is actually properyly selectable maybe but eh
 const Take: Component = ({ subjects, objects, adjectives }, _) => (
     <div class="take">
         <Wheel items={subjects} /> <div class="bridge">who eat</div>{" "}
@@ -41,10 +49,35 @@ const Take: Component = ({ subjects, objects, adjectives }, _) => (
     </div>
 );
 
+const Checkmark: Component = () => (
+    <img
+        class="checkmark"
+        src="https://static.pyrope.net/white-twitter-checkmark.png"
+        alt="the old, white twitter verified checkmark"
+    />
+);
+
+const Author: Component = () => (
+    <div class="author">
+        <img
+            class="pfp"
+            src="https://static.pyrope.net/phoebe_bridgers-pfp.jpg"
+            alt="a picture of a blonde, white woman wearing a black coat and looking at her phone. presumably phoebe bridgers"
+        />
+        <div class="names">
+            <div class="display-name">
+                traitor joe <Checkmark />
+            </div>
+            <div class="username">@​phoebe_bridgers</div>
+        </div>
+    </div>
+);
+
 // might want to have the final item be seperate
 // turned out to be unnecessary
 debug_render(
     <Main>
+        <Author />
         <Take
             subjects={peopleify(
                 "poor",
diff --git a/html/hotline-miami.tsx b/html/hotline-miami.tsx
new file mode 100644
index 0000000..8ad1dfb
--- /dev/null
+++ b/html/hotline-miami.tsx
@@ -0,0 +1 @@
+//TODO