From a4c3f903889b234b4e12033503a11512b2280aa5 Mon Sep 17 00:00:00 2001
From: KingRainbow44 <kobedo11@gmail.com>
Date: Tue, 4 Apr 2023 20:33:41 -0400
Subject: [PATCH] Add credits section to home page

---
 src/handbook/src/css/views/Content.scss | 45 +++++++++++++++++++++++--
 src/handbook/src/ui/views/Content.tsx   | 11 +++++-
 2 files changed, 53 insertions(+), 3 deletions(-)

diff --git a/src/handbook/src/css/views/Content.scss b/src/handbook/src/css/views/Content.scss
index 40e58460a..dcc43a6c4 100644
--- a/src/handbook/src/css/views/Content.scss
+++ b/src/handbook/src/css/views/Content.scss
@@ -61,7 +61,7 @@
     max-width: 630px;
     max-height: 93px;
 
-    margin: 0 24px 0 60px;
+    margin: 0 0 0 60px;
     border-radius: 10px;
 
     box-sizing: border-box;
@@ -101,6 +101,47 @@
     }
 }
 
-.Content_Credits {
+.Content_Text {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--secondary-color);
 
+    max-width: 300px;
+    max-height: 80px;
+
+    margin: 13px 60px 0 0;
+    border-radius: 10px;
+
+    box-sizing: border-box;
+    padding: 11px;
+}
+
+.Content_Credits {
+    display: flex;
+    flex-direction: row;
+    gap: 5px;
+
+    max-height: 18px;
+    padding-bottom: 5px;
+
+    :nth-child(1) {
+        font-size: 18px;
+        font-weight: bold;
+    }
+
+    :nth-child(2) {
+        font-size: 10px;
+        align-self: center;
+    }
+}
+
+.Content_Links {
+    display: flex;
+    flex-wrap: wrap;
+
+    a {
+        color: var(--text-primary-color);
+        text-decoration: none;
+        padding-right: 10px;
+    }
 }
diff --git a/src/handbook/src/ui/views/Content.tsx b/src/handbook/src/ui/views/Content.tsx
index 4264fb03f..d5c1c148a 100644
--- a/src/handbook/src/ui/views/Content.tsx
+++ b/src/handbook/src/ui/views/Content.tsx
@@ -15,7 +15,7 @@ class Content extends React.Component<any, any> {
         return (
             <div className={"Content"}>
                 <div className={"Content_Top"}>
-                    <h1 className={"Content_Title"}>Welcome Back Traveler!</h1>
+                    <h1 className={"Content_Title"}>Welcome back, Traveler~</h1>
 
                     <div className={"Content_Buttons"}>
                         <HomeButton name={"Commands"} anchor={"commands"} />
@@ -46,7 +46,16 @@ class Content extends React.Component<any, any> {
                     </div>
 
                     <div className={"Content_Text"}>
+                        <div className={"Content_Credits"}>
+                            <p>Credits</p>
+                            <p>(hover to see info)</p>
+                        </div>
 
+                        <div className={"Content_Links"}>
+                            <a href={"https://paimon.moe"}>paimon.moe</a>
+                            <a href={"https://gitlab.com/Dimbreath/AnimeGameData"}>Anime Game Data</a>
+                            <a href={"https://genshin-impact.fandom.com"}>Genshin Impact Wiki</a>
+                        </div>
                     </div>
                 </div>
             </div>