From e3b42af5d1b8e466f692cbf2721eec367d51c6c1 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 7 Aug 2022 15:16:37 +0700
Subject: [PATCH 1/5] bringing back preload images

---
 packages/fakeyou/public/index.html | 32 +++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/packages/fakeyou/public/index.html b/packages/fakeyou/public/index.html
index c8852fba88..0ee42ece7d 100644
--- a/packages/fakeyou/public/index.html
+++ b/packages/fakeyou/public/index.html
@@ -20,9 +20,35 @@
       href="%PUBLIC_URL%/favicon-16x16.png"
     />
 
+    <!-- Preload important images on index so they don't load late. -->
+    <link
+      rel="preload"
+      as="image"
+      href="%PUBLIC_URL%/fakeyou/FakeYou-Logo.png"
+    />
+    <link
+      rel="preload"
+      as="image"
+      href="%PUBLIC_URL%/mascot/kitsune_pose2.webp"
+    />
+    <!-- Preload images on other pages. -->
+    <link
+      rel="preload"
+      as="image"
+      href="%PUBLIC_URL%/mascot/kitsune_pose7.webp"
+    />
+    <link
+      rel="preload"
+      as="image"
+      href="%PUBLIC_URL%/mascot/kitsune_pose3.webp"
+    />
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#209cee" />
-    <meta name="description" content="FakeYou is a text to speech wonderland where all of your dreams come true." />
+    <meta
+      name="description"
+      content="FakeYou is a text to speech wonderland where all of your dreams come true."
+    />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -70,8 +96,8 @@
     </script>
 
     <!-- OLD FakeYou; TODO(echelon): Remove when done. -->
-    <link 
-      href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300&family=Fugaz+One&family=Merriweather:wght@300&family=Fira+Sans:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap" 
+    <link
+      href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300&family=Fugaz+One&family=Merriweather:wght@300&family=Fira+Sans:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap"
       rel="stylesheet"
     />
 

From e0b5e2e91117ae1c3104f613e02efd2460e9751c Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 7 Aug 2022 15:33:35 +0700
Subject: [PATCH 2/5] firehose icon padding fix

---
 .../src/v2/view/firehose/FirehoseEventListFc.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/fakeyou/src/v2/view/firehose/FirehoseEventListFc.tsx b/packages/fakeyou/src/v2/view/firehose/FirehoseEventListFc.tsx
index d03e349b1e..e29c384fb7 100644
--- a/packages/fakeyou/src/v2/view/firehose/FirehoseEventListFc.tsx
+++ b/packages/fakeyou/src/v2/view/firehose/FirehoseEventListFc.tsx
@@ -118,7 +118,7 @@ function FirehoseEventListFc(props: Props) {
       case "user_sign_up":
         inner = (
           <span>
-            <FontAwesomeIcon icon={faPenToSquare} />
+            <FontAwesomeIcon icon={faPenToSquare} className="me-3" />
             {gravatar}
             &nbsp;
             {userLink}
@@ -129,7 +129,7 @@ function FirehoseEventListFc(props: Props) {
       case "user_badge_granted":
         inner = (
           <span>
-            <FontAwesomeIcon icon={faAward} />
+            <FontAwesomeIcon icon={faAward} className="me-3" />
             {gravatar}
             &nbsp;
             {userLink}
@@ -228,7 +228,7 @@ function FirehoseEventListFc(props: Props) {
       case "twitter_mention":
         inner = (
           <span>
-            <FontAwesomeIcon icon={faTwitter} />
+            <FontAwesomeIcon icon={faTwitter} className="me-3" />
             {gravatar}
             &nbsp;
             {userLink}
@@ -239,7 +239,7 @@ function FirehoseEventListFc(props: Props) {
       case "twitter_retweet":
         inner = (
           <span>
-            <FontAwesomeIcon icon={faTwitter} />
+            <FontAwesomeIcon icon={faTwitter} className="me-3" />
             {gravatar}
             &nbsp;
             {userLink}
@@ -250,7 +250,7 @@ function FirehoseEventListFc(props: Props) {
       case "discord_join":
         inner = (
           <span>
-            <FontAwesomeIcon icon={faDiscord} />
+            <FontAwesomeIcon icon={faDiscord} className="me-3" />
             {gravatar}
             &nbsp;
             {userLink}
@@ -261,7 +261,7 @@ function FirehoseEventListFc(props: Props) {
       case "discord_message":
         inner = (
           <span>
-            <FontAwesomeIcon icon={faDiscord} />
+            <FontAwesomeIcon icon={faDiscord} className="me-3" />
             {gravatar}
             &nbsp;
             {userLink}
@@ -272,7 +272,7 @@ function FirehoseEventListFc(props: Props) {
       case "twitch_subscribe":
         inner = (
           <span>
-            <FontAwesomeIcon icon={faTwitch} />
+            <FontAwesomeIcon icon={faTwitch} className="me-3" />
             {gravatar}
             &nbsp;
             {userLink}
@@ -283,7 +283,7 @@ function FirehoseEventListFc(props: Props) {
       case "twitch_follow":
         inner = (
           <span>
-            <FontAwesomeIcon icon={faTwitch} />
+            <FontAwesomeIcon icon={faTwitch} className="me-3" />
             {gravatar}
             &nbsp;
             {userLink}

From 98135f47e16e66ef8c8c38cf4d70466ef3a6ef48 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 7 Aug 2022 18:34:18 +0700
Subject: [PATCH 3/5] background color

---
 packages/fakeyou/src/AppNew.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/fakeyou/src/AppNew.scss b/packages/fakeyou/src/AppNew.scss
index a907d50036..d1e0a0d29c 100644
--- a/packages/fakeyou/src/AppNew.scss
+++ b/packages/fakeyou/src/AppNew.scss
@@ -28,6 +28,7 @@ $headings-font-family: "Merriweather", serif;
     font-weight: 300; // For Fira Sans
     color: $white;
     //background gradient
+    background-color: #120e1a !important;
   }
 
   .bg-gradient {

From 8d3e6fd28c80e4cddfc2c440fd8dd8bed6dc4598 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Sun, 7 Aug 2022 18:42:30 +0700
Subject: [PATCH 4/5] updated discord link to /fakeyou

---
 packages/components/src/elements/DiscordLink.tsx | 2 +-
 packages/fakeyou/src/v2/view/NewFooterNavFc.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/elements/DiscordLink.tsx b/packages/components/src/elements/DiscordLink.tsx
index 6bcf45c706..f8eaed3fbb 100644
--- a/packages/components/src/elements/DiscordLink.tsx
+++ b/packages/components/src/elements/DiscordLink.tsx
@@ -24,7 +24,7 @@ function DiscordLink(props: Props) {
   );
   return (
     <a
-      href="https://discord.gg/H72KFXm"
+      href="https://discord.gg/fakeyou"
       target="_blank"
       rel="noopener noreferrer"
     >
diff --git a/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx b/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx
index 1d5e9c214d..4cd60d92d9 100644
--- a/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx
+++ b/packages/fakeyou/src/v2/view/NewFooterNavFc.tsx
@@ -136,7 +136,7 @@ function NewFooterNavFc(props: Props) {
           <Link to="/pricing">{t('coreUi.footerNav.pricing')}</Link>
           */}
           &nbsp;|
-          <Link to="/video">{t('coreUi.footerNav.video')}</Link>
+          <Link to="/video">{t("coreUi.footerNav.video")}</Link>
           &nbsp;|
           <div>
             <Link to="/contribute">Upload</Link>
@@ -170,7 +170,7 @@ function NewFooterNavFc(props: Props) {
         <div className="d-flex justify-content-center gap-4">
           <a
             className="social-icon"
-            href="https://discord.gg/H72KFXm"
+            href="https://discord.gg/fakeyou"
             target="_blank"
             rel="noopener noreferrer"
           >

From f5b43d2c45d0c7ff69e1f04578f2e68a8d827d30 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Mon, 8 Aug 2022 09:36:09 +0700
Subject: [PATCH 5/5] increase title size

---
 .../fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx b/packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx
index 58165a55b9..93a1336f7d 100644
--- a/packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx
+++ b/packages/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListPage.tsx
@@ -350,7 +350,7 @@ function TtsModelListPage(props: Props) {
           <div className="col-lg-6 px-md-2 px-lg-5 px-xl-2">
             <div>
               <motion.h1
-                className="display-3 fw-bold lh-1 mb-3 text-center text-lg-start"
+                className="display-2 fw-bold lh-1 mb-3 text-center text-lg-start"
                 variants={item}
               >
                 {t("tts.TtsModelListPage.heroSection.title")}