good enough author section

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",

html/hotline-miami.tsx

@@ -0,0 +1 @@
+//TODO