From 081083a8245d8e8a5d6208b30bc92f953c868373 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sat, 24 Dec 2022 09:18:56 -0600
Subject: [PATCH] Updated credits

---
 src/data/credits.tsx | 146 +++++++++++++++++++++++++++----------------
 1 file changed, 92 insertions(+), 54 deletions(-)

diff --git a/src/data/credits.tsx b/src/data/credits.tsx
index f457180..44b9d13 100644
--- a/src/data/credits.tsx
+++ b/src/data/credits.tsx
@@ -1,32 +1,40 @@
-import { jsx } from "features/feature"
-import { layers } from "game/layers"
-import { render } from "util/vue"
-import { unref } from "vue"
+import Spacer from "components/layout/Spacer.vue";
+import { jsx } from "features/feature";
+import { layers } from "game/layers";
+import { render } from "util/vue";
+import { unref } from "vue";
 
-type Credits = { name: string, creator: string, help?: string, other?: string[], symbol?: string, fs?: string }
+type Credits = {
+    name: string;
+    creator: string;
+    help?: string;
+    other?: string[];
+    symbol?: string;
+    fs?: string;
+};
 
-import { main } from "./projEntry"
+import { main } from "./projEntry";
 
 const dayCredits: Credits[] = [
     {
         name: "Trees",
         creator: "thepaperpilot",
-        help: "Jacorb, Escapee",
+        help: "Jacorb, Escapee"
     },
     {
         name: "The Workshop",
         creator: "thepaperpilot",
-        help: "Jacorb, emanresu",
+        help: "Jacorb, emanresu"
     },
     {
         name: "Coal",
         creator: "Escapee",
-        help: "Jacorb, thepaperpilot",
+        help: "Jacorb, thepaperpilot"
     },
     {
         name: "Elf Training",
         creator: "thepaperpilot",
-        help: "incremental_gamer, emanresu",
+        help: "incremental_gamer, emanresu"
     },
     {
         name: "Paper",
@@ -36,12 +44,12 @@ const dayCredits: Credits[] = [
     {
         name: "Boxes",
         creator: "thepaperpilot",
-        help: "ducdat0507",
+        help: "ducdat0507"
     },
     {
         name: "Metal",
         creator: "Escapee",
-        help: "ducdat0507, thepaperpilot, yhvr",
+        help: "ducdat0507, thepaperpilot, yhvr"
     },
     {
         name: "Cloth",
@@ -51,7 +59,7 @@ const dayCredits: Credits[] = [
     {
         name: "Oil",
         creator: "ducdat0507",
-        help: "thepaperpilot, Jacorb, incremental_gamer",
+        help: "thepaperpilot, Jacorb, incremental_gamer"
     },
     {
         name: "Plastic",
@@ -65,24 +73,24 @@ const dayCredits: Credits[] = [
     },
     {
         name: "Management",
-        creator: "incremental_gamer, downvoid, thepaperpilot, Escapee",
+        creator: "incremental_gamer, downvoid, thepaperpilot, Escapee"
     },
     {
         name: "Management II",
-        creator: "incremental_gamer, downvoid, thepaperpilot, Escapee",
+        creator: "incremental_gamer, downvoid, thepaperpilot, Escapee"
     },
     {
         name: "Letters",
-        creator: "thepaperpilot",
+        creator: "thepaperpilot"
     },
     {
         name: "Wrapping Paper",
         creator: "emanresu, thepaperpilot, Escapee",
-        fs: '28px'
+        fs: "28px"
     },
     {
         name: "Ribbons",
-        creator: "thepaperpilot, Escapee",
+        creator: "thepaperpilot, Escapee"
     },
     {
         name: "Toys",
@@ -93,25 +101,19 @@ const dayCredits: Credits[] = [
         name: "Factory",
         creator: "incremental_gamer",
         help: "thepaperpilot, ducdat, downvoid, emanresu, yhvr",
-        other: [
-            "Art by emanresu"
-        ],
+        other: ["Art by emanresu"]
     },
     {
         name: "Factory II",
         creator: "downvoid",
         help: "thepaperpilot",
-        other: [
-            "Art by emanresu"
-        ],
+        other: ["Art by emanresu"]
     },
     {
         name: "Presents",
         creator: "incremental_gamer",
         help: "ducdat0507",
-        other: [
-            "Art by emanresu"
-        ],
+        other: ["Art by emanresu"]
     },
     {
         name: "Reindeer",
@@ -124,47 +126,83 @@ const dayCredits: Credits[] = [
     },
     {
         name: "Routing",
-        creator: "thepaperpilot"
+        creator: "thepaperpilot",
+        help: "ducdat0507"
     },
     {
         name: "Present Packing",
         creator: "Escapee, emanresu",
-        fs: '26px'
+        help: "thepaperpilot",
+        fs: "26px"
     }
-]
+];
 
 const display = jsx(() => (
-    <div style="text-align: center; line-spacing: 5px">
+    <div style="text-align: center; line-spacing: 5px; width: 700px">
         <h1>Advent Incremental</h1>
         <br />
         <h2>Created by thepaperpilot and friends</h2>
-        <br /><br /><br /><br /><br />
-        {
-            dayCredits.map(({name, help, other, creator, fs}, day) => (
-                render(jsx(() => <div style="position: relative">
-                    <span style="width: calc(100% - 260px); display: inline-block;">
-                        <h1 style={{ color: unref(layers[main.days[day].layer ?? ""]?.color ?? "white"), fontSize: fs || '30px'}}>Day {day+1} - {name}</h1>
-                        <br /><br />
-                        Created by {creator} <br />
-                        {help ? <>With help from {help}<br /></> : undefined}
-                        {other ? other?.map((other) => <>{other}<br /></>) : undefined}
-                        <br /><br />
-                    </span>
-                    <img style={`position: absolute; top: 5px; ${day % 2 ? 'left' : 'right'}: 20px; width: 100px;`} src={main.days[day].symbol}/>
-                </div>))
-            ))
-        }
-        <p>Credits created by emanresu</p>
-        <br /> <br /> <br /> 
+        <Spacer />
+        {dayCredits.map(({ name, help, other, creator, fs }, day) =>
+            render(
+                jsx(() => (
+                    <div style="position: relative">
+                        <span style="width: calc(100% - 260px); display: inline-block;">
+                            <h1
+                                style={{
+                                    color: unref(
+                                        layers[main.days[day].layer ?? ""]?.color ?? "white"
+                                    ),
+                                    fontSize: fs ?? "30px"
+                                }}
+                            >
+                                Day {day + 1} - {name}
+                            </h1>
+                            <br />
+                            <br />
+                            Created by {creator} <br />
+                            {help != null ? (
+                                <>
+                                    With help from {help}
+                                    <br />
+                                </>
+                            ) : undefined}
+                            {other
+                                ? other?.map(other => (
+                                      <>
+                                          {other}
+                                          <br />
+                                      </>
+                                  ))
+                                : undefined}
+                            <br />
+                            <br />
+                        </span>
+                        <img
+                            style={`position: absolute; top: 5px; ${
+                                day % 2 ? "left" : "right"
+                            }: 20px; width: 100px;`}
+                            src={main.days[day].symbol}
+                        />
+                    </div>
+                ))
+            )
+        )}
         <h1>Special Thanks</h1>
         <p>Nekosity</p>
-        <p>Yhvr</p> 
+        <p>Yhvr</p>
         <p>Ducdat0507</p>
         <p>Haley</p>
+        <p>emanresu</p>
         <br />
-        <p>And last but not least, a massive thanks to everyone who played and provided feedback on the game.</p>
-        <h1>Thanks for playing!</h1>
+        <p style="width: 600px">
+            And last but not least, a massive thanks to everyone who played and provided feedback on
+            the game.
+        </p>
+        <Spacer />
+        <h1 style="font-family: 'Great Vibes', cursive">Thanks for playing!</h1>
+        <Spacer />
     </div>
-))
+));
 
-export { display as credits }
\ No newline at end of file
+export { display as credits };