diff --git a/html/hotline-miami.tsx b/html/hotline-miami.tsx
index 8fe0091..ff21920 100644
--- a/html/hotline-miami.tsx
+++ b/html/hotline-miami.tsx
@@ -1,11 +1,20 @@
-import { Main, render_and_copy } from "./common.tsx";
+import { EggbugImg, 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 class="pulse-top">{...toChildArray(children)}</div>
+    </div>
+);
+
+const Portrait = ({ href, alt }: { href: string; alt: string }) => (
+    <img class="portrait" href={href} alt={alt} />
+);
+
+const PortraitFrame = ({ children }: { children: ComponentChildren }) => (
+    <div class="portrait-frame">
+        <div class="portrait-frame-inner">{children}</div>
     </div>
 );
 
@@ -20,7 +29,18 @@ const Pulse = ({ children }: { children: ComponentChildren }): JSX.Element => (
 // i'll probably go for a different ui element
 render_and_copy(
     <Main>
-        <Pulse>homestuck</Pulse>
-        <Pulse>fortnite</Pulse>
+        <div class="top">press [rmb] to AWESOMESAUCE</div>
+        <div class="middle">
+            <div class="game"></div>
+            <PortraitFrame>
+                <EggbugImg type="smiling" />
+            </PortraitFrame>
+        </div>
+        <div class="bottom">
+            <Pulse>
+                FORTNITE BATTLE ROYALE PLAY FREE NOW AWESOME FUN GAME PLAY FOR
+                FREE NOW! WIN
+            </Pulse>
+        </div>
     </Main>
 );