cursor adventure: DONE ENOUGH
This commit is contained in:
parent
245e95db0d
commit
c0cb2f8169
1 changed files with 310 additions and 252 deletions
|
|
@ -54,7 +54,7 @@ const CursorImg = ({ cursor }: { cursor: Cursor }) => (
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|
||||||
const debug = true;
|
const debug = false;
|
||||||
const debug_style = debug
|
const debug_style = debug
|
||||||
? {
|
? {
|
||||||
border: "1px solid red",
|
border: "1px solid red",
|
||||||
|
|
@ -116,256 +116,314 @@ const Section = ({
|
||||||
);
|
);
|
||||||
|
|
||||||
render_and_copy(
|
render_and_copy(
|
||||||
<Main
|
<>
|
||||||
style={{
|
<Main
|
||||||
width: "100%",
|
style={{
|
||||||
aspectRatio: "1",
|
width: "100%",
|
||||||
display: "grid",
|
aspectRatio: "1",
|
||||||
gridTemplateRows: "repeat(14, 1fr)",
|
display: "grid",
|
||||||
gridTemplateColumns: "repeat(24, 1fr)",
|
gridTemplateRows: "repeat(14, 1fr)",
|
||||||
outline: "1px solid #005682",
|
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,
|
|
||||||
}}
|
}}
|
||||||
/>
|
>
|
||||||
<Section
|
<Section
|
||||||
cursor="up"
|
cursor="down"
|
||||||
grid_area={{
|
start
|
||||||
row_start: 13,
|
grid_area={{
|
||||||
row_end: 15,
|
row_start: 1,
|
||||||
col_start: -9,
|
row_end: 2,
|
||||||
col_end: -4,
|
col_start: 1,
|
||||||
}}
|
col_end: 3,
|
||||||
/>
|
}}
|
||||||
<Section
|
/>
|
||||||
cursor="easter_eggbug"
|
<Section
|
||||||
grid_area={{
|
cursor="down"
|
||||||
row_start: 13,
|
grid_area={{
|
||||||
row_end: 15,
|
row_start: 2,
|
||||||
col_start: -4,
|
row_end: 13,
|
||||||
col_end: -1,
|
col_start: 1,
|
||||||
}}
|
col_end: 3,
|
||||||
/>
|
}}
|
||||||
<Section
|
/>
|
||||||
cursor="left"
|
<Section
|
||||||
grid_area={{
|
cursor="left"
|
||||||
row_start: 8,
|
grid_area={{
|
||||||
row_end: 13,
|
row_start: 1,
|
||||||
col_start: -4,
|
row_end: 13,
|
||||||
col_end: -1,
|
col_start: 3,
|
||||||
}}
|
col_end: 5,
|
||||||
/>
|
}}
|
||||||
<Section
|
/>
|
||||||
cursor="down"
|
<Section
|
||||||
grid_area={{
|
cursor="right"
|
||||||
row_start: 4,
|
grid_area={{
|
||||||
row_end: 8,
|
row_start: 13,
|
||||||
col_start: -4,
|
row_end: 15,
|
||||||
col_end: -1,
|
col_start: 1,
|
||||||
}}
|
col_end: 5,
|
||||||
/>
|
}}
|
||||||
<Section
|
/>
|
||||||
cursor="down"
|
<Section
|
||||||
grid_area={{
|
cursor="up_or_right"
|
||||||
row_start: 3,
|
grid_area={{
|
||||||
row_end: 4,
|
row_start: 13,
|
||||||
col_start: 22,
|
row_end: 15,
|
||||||
col_end: 25,
|
col_start: 5,
|
||||||
}}
|
col_end: 7,
|
||||||
/>
|
}}
|
||||||
<Section
|
/>
|
||||||
cursor="down"
|
<Section
|
||||||
grid_area={{
|
cursor="vriska_egg"
|
||||||
row_start: 1,
|
grid_area={{
|
||||||
row_end: 3,
|
row_start: 1,
|
||||||
col_start: 24,
|
row_end: 2,
|
||||||
col_end: 25,
|
col_start: 5,
|
||||||
}}
|
col_end: 7,
|
||||||
/>
|
}}
|
||||||
<Section
|
/>
|
||||||
cursor="left"
|
<Section
|
||||||
grid_area={{
|
cursor="right"
|
||||||
row_start: 1,
|
grid_area={{
|
||||||
row_end: 2,
|
row_start: 2,
|
||||||
col_start: 23,
|
row_end: 7,
|
||||||
col_end: 24,
|
col_start: 5,
|
||||||
}}
|
col_end: 7,
|
||||||
/>
|
}}
|
||||||
<Section
|
/>
|
||||||
cursor="left"
|
<Section
|
||||||
grid_area={{
|
cursor="up"
|
||||||
row_start: 1,
|
grid_area={{
|
||||||
row_end: 3,
|
row_start: 7,
|
||||||
col_start: 22,
|
row_end: 13,
|
||||||
col_end: 23,
|
col_start: 5,
|
||||||
}}
|
col_end: 7,
|
||||||
/>
|
}}
|
||||||
<Section
|
/>
|
||||||
cursor="concept"
|
<Section
|
||||||
link="TODO: DRAFT LINK"
|
cursor="right"
|
||||||
grid_area={{ row_start: 2, row_end: 3, col_start: 23, col_end: 24 }}
|
grid_area={{
|
||||||
/>
|
row_start: 13,
|
||||||
<Section
|
row_end: 15,
|
||||||
cursor="left"
|
col_start: 7,
|
||||||
grid_area={{
|
col_end: -9,
|
||||||
row_start: 1,
|
}}
|
||||||
row_end: 3,
|
/>
|
||||||
col_start: 16,
|
<Section
|
||||||
col_end: 22,
|
cursor="up"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 13,
|
||||||
<Section
|
row_end: 15,
|
||||||
cursor="down"
|
col_start: -9,
|
||||||
grid_area={{
|
col_end: -4,
|
||||||
row_start: 1,
|
}}
|
||||||
row_end: 3,
|
/>
|
||||||
col_start: 7,
|
<Section
|
||||||
col_end: 16,
|
cursor="easter_eggbug"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 13,
|
||||||
<Section
|
row_end: 15,
|
||||||
cursor="right"
|
col_start: -4,
|
||||||
grid_area={{
|
col_end: -1,
|
||||||
row_start: 3,
|
}}
|
||||||
row_end: 7,
|
/>
|
||||||
col_start: 7,
|
<Section
|
||||||
col_end: 16,
|
cursor="left"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 8,
|
||||||
<Section
|
row_end: 13,
|
||||||
cursor="up"
|
col_start: -4,
|
||||||
grid_area={{
|
col_end: -1,
|
||||||
row_start: 7,
|
}}
|
||||||
row_end: 13,
|
/>
|
||||||
col_start: 16,
|
<Section
|
||||||
col_end: 22,
|
cursor="down"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 4,
|
||||||
<Section
|
row_end: 8,
|
||||||
cursor="left"
|
col_start: -4,
|
||||||
grid_area={{
|
col_end: -1,
|
||||||
row_start: 7,
|
}}
|
||||||
row_end: 13,
|
/>
|
||||||
col_start: 7,
|
<Section
|
||||||
col_end: 10,
|
cursor="down"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 3,
|
||||||
<Section
|
row_end: 4,
|
||||||
cursor="down"
|
col_start: 22,
|
||||||
grid_area={{
|
col_end: 25,
|
||||||
row_start: 11,
|
}}
|
||||||
row_end: 13,
|
/>
|
||||||
col_start: 10,
|
<Section
|
||||||
col_end: 16,
|
cursor="down"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 1,
|
||||||
<Section
|
row_end: 3,
|
||||||
cursor="right"
|
col_start: 24,
|
||||||
grid_area={{
|
col_end: 25,
|
||||||
row_start: 7,
|
}}
|
||||||
row_end: 11,
|
/>
|
||||||
col_start: 12,
|
<Section
|
||||||
col_end: 16,
|
cursor="left"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 1,
|
||||||
<Section
|
row_end: 2,
|
||||||
cursor="up"
|
col_start: 23,
|
||||||
grid_area={{
|
col_end: 24,
|
||||||
row_start: 7,
|
}}
|
||||||
row_end: 9,
|
/>
|
||||||
col_start: 10,
|
<Section
|
||||||
col_end: 12,
|
cursor="left"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 1,
|
||||||
<Section
|
row_end: 3,
|
||||||
cursor="self_link"
|
col_start: 22,
|
||||||
link="TODO: self link"
|
col_end: 23,
|
||||||
grid_area={{
|
}}
|
||||||
row_start: 9,
|
/>
|
||||||
row_end: 11,
|
<Section
|
||||||
col_start: 10,
|
cursor="concept"
|
||||||
col_end: 12,
|
link="https://cohost.org/mehbark/post/2555889-omg-you-found-the-se/7f3b03c592834a158a031cf7eb47f6c1"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 2,
|
||||||
<Section
|
row_end: 3,
|
||||||
cursor="right"
|
col_start: 23,
|
||||||
grid_area={{
|
col_end: 24,
|
||||||
row_start: 3,
|
}}
|
||||||
row_end: 7,
|
/>
|
||||||
col_start: 16,
|
<Section
|
||||||
col_end: 18,
|
cursor="left"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 1,
|
||||||
<Section
|
row_end: 3,
|
||||||
cursor="up"
|
col_start: 16,
|
||||||
grid_area={{
|
col_end: 22,
|
||||||
row_start: 6,
|
}}
|
||||||
row_end: 7,
|
/>
|
||||||
col_start: 18,
|
<Section
|
||||||
col_end: 22,
|
cursor="down"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 1,
|
||||||
<Section
|
row_end: 3,
|
||||||
cursor="left"
|
col_start: 7,
|
||||||
grid_area={{
|
col_end: 16,
|
||||||
row_start: 3,
|
}}
|
||||||
row_end: 6,
|
/>
|
||||||
col_start: 20,
|
<Section
|
||||||
col_end: 22,
|
cursor="right"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 3,
|
||||||
<Section
|
row_end: 7,
|
||||||
cursor="down"
|
col_start: 7,
|
||||||
grid_area={{
|
col_end: 16,
|
||||||
row_start: 3,
|
}}
|
||||||
row_end: 4,
|
/>
|
||||||
col_start: 18,
|
<Section
|
||||||
col_end: 20,
|
cursor="up"
|
||||||
}}
|
grid_area={{
|
||||||
/>
|
row_start: 7,
|
||||||
<Section
|
row_end: 13,
|
||||||
link="https://static.pyrope.net/cursor-fun-end"
|
col_start: 16,
|
||||||
grid_area={{ row_start: 4, row_end: 6, col_start: 18, col_end: 20 }}
|
col_end: 22,
|
||||||
/>
|
}}
|
||||||
</Main>
|
/>
|
||||||
|
<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"
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue