From c0cb2f8169d788990eab7db3f6628d8bc657e938 Mon Sep 17 00:00:00 2001
From: mehbark <terezi@pyrope.net>
Date: Sun, 20 Aug 2023 08:46:03 -0400
Subject: [PATCH] cursor adventure: DONE ENOUGH

---
 html/cursor-adventure.tsx | 562 +++++++++++++++++++++-----------------
 1 file changed, 310 insertions(+), 252 deletions(-)

diff --git a/html/cursor-adventure.tsx b/html/cursor-adventure.tsx
index d6f3bf5..6cfcb4a 100644
--- a/html/cursor-adventure.tsx
+++ b/html/cursor-adventure.tsx
@@ -54,7 +54,7 @@ const CursorImg = ({ cursor }: { cursor: Cursor }) => (
     />
 );
 
-const debug = true;
+const debug = false;
 const debug_style = debug
     ? {
           border: "1px solid red",
@@ -116,256 +116,314 @@ const Section = ({
     );
 
 render_and_copy(
-    <Main
-        style={{
-            width: "100%",
-            aspectRatio: "1",
-            display: "grid",
-            gridTemplateRows: "repeat(14, 1fr)",
-            gridTemplateColumns: "repeat(24, 1fr)",
-            outline: "1px solid #005682",
-        }}
-    >
-        <Section
-            cursor="down"
-            start
-            grid_area={{ row_start: 1, row_end: 2, col_start: 1, col_end: 3 }}
-        />
-        <Section
-            cursor="down"
-            grid_area={{ row_start: 2, row_end: 13, col_start: 1, col_end: 3 }}
-        />
-        <Section
-            cursor="left"
-            grid_area={{ row_start: 1, row_end: 13, col_start: 3, col_end: 5 }}
-        />
-        <Section
-            cursor="right"
-            grid_area={{ row_start: 13, row_end: 15, col_start: 1, col_end: 5 }}
-        />
-        <Section
-            cursor="up_or_right"
-            grid_area={{ row_start: 13, row_end: 15, col_start: 5, col_end: 7 }}
-        />
-        <Section
-            cursor="vriska_egg"
-            grid_area={{ row_start: 1, row_end: 2, col_start: 5, col_end: 7 }}
-        />
-        <Section
-            cursor="right"
-            grid_area={{ row_start: 2, row_end: 7, col_start: 5, col_end: 7 }}
-        />
-        <Section
-            cursor="up"
-            grid_area={{ row_start: 7, row_end: 13, col_start: 5, col_end: 7 }}
-        />
-        <Section
-            cursor="right"
-            grid_area={{
-                row_start: 13,
-                row_end: 15,
-                col_start: 7,
-                col_end: -9,
+    <>
+        <Main
+            style={{
+                width: "100%",
+                aspectRatio: "1",
+                display: "grid",
+                gridTemplateRows: "repeat(14, 1fr)",
+                gridTemplateColumns: "repeat(24, 1fr)",
+                outline: "1px solid #005682",
             }}
-        />
-        <Section
-            cursor="up"
-            grid_area={{
-                row_start: 13,
-                row_end: 15,
-                col_start: -9,
-                col_end: -4,
-            }}
-        />
-        <Section
-            cursor="easter_eggbug"
-            grid_area={{
-                row_start: 13,
-                row_end: 15,
-                col_start: -4,
-                col_end: -1,
-            }}
-        />
-        <Section
-            cursor="left"
-            grid_area={{
-                row_start: 8,
-                row_end: 13,
-                col_start: -4,
-                col_end: -1,
-            }}
-        />
-        <Section
-            cursor="down"
-            grid_area={{
-                row_start: 4,
-                row_end: 8,
-                col_start: -4,
-                col_end: -1,
-            }}
-        />
-        <Section
-            cursor="down"
-            grid_area={{
-                row_start: 3,
-                row_end: 4,
-                col_start: 22,
-                col_end: 25,
-            }}
-        />
-        <Section
-            cursor="down"
-            grid_area={{
-                row_start: 1,
-                row_end: 3,
-                col_start: 24,
-                col_end: 25,
-            }}
-        />
-        <Section
-            cursor="left"
-            grid_area={{
-                row_start: 1,
-                row_end: 2,
-                col_start: 23,
-                col_end: 24,
-            }}
-        />
-        <Section
-            cursor="left"
-            grid_area={{
-                row_start: 1,
-                row_end: 3,
-                col_start: 22,
-                col_end: 23,
-            }}
-        />
-        <Section
-            cursor="concept"
-            link="TODO: DRAFT LINK"
-            grid_area={{ row_start: 2, row_end: 3, col_start: 23, col_end: 24 }}
-        />
-        <Section
-            cursor="left"
-            grid_area={{
-                row_start: 1,
-                row_end: 3,
-                col_start: 16,
-                col_end: 22,
-            }}
-        />
-        <Section
-            cursor="down"
-            grid_area={{
-                row_start: 1,
-                row_end: 3,
-                col_start: 7,
-                col_end: 16,
-            }}
-        />
-        <Section
-            cursor="right"
-            grid_area={{
-                row_start: 3,
-                row_end: 7,
-                col_start: 7,
-                col_end: 16,
-            }}
-        />
-        <Section
-            cursor="up"
-            grid_area={{
-                row_start: 7,
-                row_end: 13,
-                col_start: 16,
-                col_end: 22,
-            }}
-        />
-        <Section
-            cursor="left"
-            grid_area={{
-                row_start: 7,
-                row_end: 13,
-                col_start: 7,
-                col_end: 10,
-            }}
-        />
-        <Section
-            cursor="down"
-            grid_area={{
-                row_start: 11,
-                row_end: 13,
-                col_start: 10,
-                col_end: 16,
-            }}
-        />
-        <Section
-            cursor="right"
-            grid_area={{
-                row_start: 7,
-                row_end: 11,
-                col_start: 12,
-                col_end: 16,
-            }}
-        />
-        <Section
-            cursor="up"
-            grid_area={{
-                row_start: 7,
-                row_end: 9,
-                col_start: 10,
-                col_end: 12,
-            }}
-        />
-        <Section
-            cursor="self_link"
-            link="TODO: self link"
-            grid_area={{
-                row_start: 9,
-                row_end: 11,
-                col_start: 10,
-                col_end: 12,
-            }}
-        />
-        <Section
-            cursor="right"
-            grid_area={{
-                row_start: 3,
-                row_end: 7,
-                col_start: 16,
-                col_end: 18,
-            }}
-        />
-        <Section
-            cursor="up"
-            grid_area={{
-                row_start: 6,
-                row_end: 7,
-                col_start: 18,
-                col_end: 22,
-            }}
-        />
-        <Section
-            cursor="left"
-            grid_area={{
-                row_start: 3,
-                row_end: 6,
-                col_start: 20,
-                col_end: 22,
-            }}
-        />
-        <Section
-            cursor="down"
-            grid_area={{
-                row_start: 3,
-                row_end: 4,
-                col_start: 18,
-                col_end: 20,
-            }}
-        />
-        <Section
-            link="https://static.pyrope.net/cursor-fun-end"
-            grid_area={{ row_start: 4, row_end: 6, col_start: 18, col_end: 20 }}
-        />
-    </Main>
+        >
+            <Section
+                cursor="down"
+                start
+                grid_area={{
+                    row_start: 1,
+                    row_end: 2,
+                    col_start: 1,
+                    col_end: 3,
+                }}
+            />
+            <Section
+                cursor="down"
+                grid_area={{
+                    row_start: 2,
+                    row_end: 13,
+                    col_start: 1,
+                    col_end: 3,
+                }}
+            />
+            <Section
+                cursor="left"
+                grid_area={{
+                    row_start: 1,
+                    row_end: 13,
+                    col_start: 3,
+                    col_end: 5,
+                }}
+            />
+            <Section
+                cursor="right"
+                grid_area={{
+                    row_start: 13,
+                    row_end: 15,
+                    col_start: 1,
+                    col_end: 5,
+                }}
+            />
+            <Section
+                cursor="up_or_right"
+                grid_area={{
+                    row_start: 13,
+                    row_end: 15,
+                    col_start: 5,
+                    col_end: 7,
+                }}
+            />
+            <Section
+                cursor="vriska_egg"
+                grid_area={{
+                    row_start: 1,
+                    row_end: 2,
+                    col_start: 5,
+                    col_end: 7,
+                }}
+            />
+            <Section
+                cursor="right"
+                grid_area={{
+                    row_start: 2,
+                    row_end: 7,
+                    col_start: 5,
+                    col_end: 7,
+                }}
+            />
+            <Section
+                cursor="up"
+                grid_area={{
+                    row_start: 7,
+                    row_end: 13,
+                    col_start: 5,
+                    col_end: 7,
+                }}
+            />
+            <Section
+                cursor="right"
+                grid_area={{
+                    row_start: 13,
+                    row_end: 15,
+                    col_start: 7,
+                    col_end: -9,
+                }}
+            />
+            <Section
+                cursor="up"
+                grid_area={{
+                    row_start: 13,
+                    row_end: 15,
+                    col_start: -9,
+                    col_end: -4,
+                }}
+            />
+            <Section
+                cursor="easter_eggbug"
+                grid_area={{
+                    row_start: 13,
+                    row_end: 15,
+                    col_start: -4,
+                    col_end: -1,
+                }}
+            />
+            <Section
+                cursor="left"
+                grid_area={{
+                    row_start: 8,
+                    row_end: 13,
+                    col_start: -4,
+                    col_end: -1,
+                }}
+            />
+            <Section
+                cursor="down"
+                grid_area={{
+                    row_start: 4,
+                    row_end: 8,
+                    col_start: -4,
+                    col_end: -1,
+                }}
+            />
+            <Section
+                cursor="down"
+                grid_area={{
+                    row_start: 3,
+                    row_end: 4,
+                    col_start: 22,
+                    col_end: 25,
+                }}
+            />
+            <Section
+                cursor="down"
+                grid_area={{
+                    row_start: 1,
+                    row_end: 3,
+                    col_start: 24,
+                    col_end: 25,
+                }}
+            />
+            <Section
+                cursor="left"
+                grid_area={{
+                    row_start: 1,
+                    row_end: 2,
+                    col_start: 23,
+                    col_end: 24,
+                }}
+            />
+            <Section
+                cursor="left"
+                grid_area={{
+                    row_start: 1,
+                    row_end: 3,
+                    col_start: 22,
+                    col_end: 23,
+                }}
+            />
+            <Section
+                cursor="concept"
+                link="https://cohost.org/mehbark/post/2555889-omg-you-found-the-se/7f3b03c592834a158a031cf7eb47f6c1"
+                grid_area={{
+                    row_start: 2,
+                    row_end: 3,
+                    col_start: 23,
+                    col_end: 24,
+                }}
+            />
+            <Section
+                cursor="left"
+                grid_area={{
+                    row_start: 1,
+                    row_end: 3,
+                    col_start: 16,
+                    col_end: 22,
+                }}
+            />
+            <Section
+                cursor="down"
+                grid_area={{
+                    row_start: 1,
+                    row_end: 3,
+                    col_start: 7,
+                    col_end: 16,
+                }}
+            />
+            <Section
+                cursor="right"
+                grid_area={{
+                    row_start: 3,
+                    row_end: 7,
+                    col_start: 7,
+                    col_end: 16,
+                }}
+            />
+            <Section
+                cursor="up"
+                grid_area={{
+                    row_start: 7,
+                    row_end: 13,
+                    col_start: 16,
+                    col_end: 22,
+                }}
+            />
+            <Section
+                cursor="left"
+                grid_area={{
+                    row_start: 7,
+                    row_end: 13,
+                    col_start: 7,
+                    col_end: 10,
+                }}
+            />
+            <Section
+                cursor="down"
+                grid_area={{
+                    row_start: 11,
+                    row_end: 13,
+                    col_start: 10,
+                    col_end: 16,
+                }}
+            />
+            <Section
+                cursor="right"
+                grid_area={{
+                    row_start: 7,
+                    row_end: 11,
+                    col_start: 12,
+                    col_end: 16,
+                }}
+            />
+            <Section
+                cursor="up"
+                grid_area={{
+                    row_start: 7,
+                    row_end: 9,
+                    col_start: 10,
+                    col_end: 12,
+                }}
+            />
+            <Section
+                cursor="self_link"
+                link="https://cohost.org/mehbark/post/2555916-cursor-adventure-so"
+                grid_area={{
+                    row_start: 9,
+                    row_end: 11,
+                    col_start: 10,
+                    col_end: 12,
+                }}
+            />
+            <Section
+                cursor="right"
+                grid_area={{
+                    row_start: 3,
+                    row_end: 7,
+                    col_start: 16,
+                    col_end: 18,
+                }}
+            />
+            <Section
+                cursor="up"
+                grid_area={{
+                    row_start: 6,
+                    row_end: 7,
+                    col_start: 18,
+                    col_end: 22,
+                }}
+            />
+            <Section
+                cursor="left"
+                grid_area={{
+                    row_start: 3,
+                    row_end: 6,
+                    col_start: 20,
+                    col_end: 22,
+                }}
+            />
+            <Section
+                cursor="down"
+                grid_area={{
+                    row_start: 3,
+                    row_end: 4,
+                    col_start: 18,
+                    col_end: 20,
+                }}
+            />
+            <Section
+                link="https://static.pyrope.net/cursor-fun-end"
+                grid_area={{
+                    row_start: 4,
+                    row_end: 6,
+                    col_start: 18,
+                    col_end: 20,
+                }}
+            />
+        </Main>
+        {debug && (
+            <img
+                src="https://static.pyrope.net/cursor-fun/concept.png"
+                alt="a messy kolourpaint concept drawing that is roughly like the above"
+            />
+        )}
+    </>
 );