From 63c6eb6c2f7522ea2a8365ffc0dd8f34a25705ac Mon Sep 17 00:00:00 2001
From: MeowcaTheoRange <tabletmeowcat@gmail.com>
Date: Wed, 13 Sep 2023 10:49:43 -0500
Subject: [PATCH] Fix some stuff for Vercel

---
 .gitignore                                    |  1 +
 src/components/Ads/Ads.tsx                    |  8 ++---
 .../cards/TrollCard/TrollSkeleton.tsx         | 13 +++++--
 src/pages/troll/[clan]/[troll]/index.tsx      | 35 +++++++++++++++++--
 src/styles/fonts.css                          |  8 -----
 src/styles/global.module.css                  |  1 +
 src/styles/global_skeleton.module.css         |  1 +
 7 files changed, 49 insertions(+), 18 deletions(-)

diff --git a/.gitignore b/.gitignore
index 8b59381..04b4eee 100644
--- a/.gitignore
+++ b/.gitignore
@@ -38,5 +38,6 @@ next-env.d.ts
 
 # Renogare font, until further licensing agreement
 public/fonts/Renogare/Renogare*
+src/styles/licensed/
 # Celeste assets (ripped)
 public/assets/celeste/
\ No newline at end of file
diff --git a/src/components/Ads/Ads.tsx b/src/components/Ads/Ads.tsx
index 6eeb145..490f7df 100644
--- a/src/components/Ads/Ads.tsx
+++ b/src/components/Ads/Ads.tsx
@@ -17,12 +17,12 @@ export default function Ads() {
                 <iframe
                     src="https://mothvertising.moth.monster/embed"
                     className={styles.Mothvertisement}
-                    // key={Math.random()}
+                    key={Math.random()}
                 ></iframe>
             ) : adService < 0.4 ? (
                 <iframe
                     src="https://dimden.neocities.org/navlink/"
-                    // key={Math.random()}
+                    key={Math.random()}
                     className={styles.NavLink}
                     width="180"
                     height="180"
@@ -33,12 +33,12 @@ export default function Ads() {
                     width="300"
                     height="250"
                     src="https://googol.neocities.org/neolink/embed.html"
-                    // key={Math.random()}
+                    key={Math.random()}
                 ></iframe>
             ) : adService < 0.8 ? (
                 <iframe
                     src="https://john.citrons.xyz/embed?ref=example.com"
-                    // key={Math.random()}
+                    key={Math.random()}
                     className={styles.Johnvertisement}
                     width="732"
                     height="90"
diff --git a/src/components/cards/TrollCard/TrollSkeleton.tsx b/src/components/cards/TrollCard/TrollSkeleton.tsx
index 8ba2df3..7a61e02 100644
--- a/src/components/cards/TrollCard/TrollSkeleton.tsx
+++ b/src/components/cards/TrollCard/TrollSkeleton.tsx
@@ -24,15 +24,22 @@ export default function TrollSkeleton() {
                     <p className={globals.text}>
                         Also known as ffjfjjfjjfjfjjjjjfjjf online.
                     </p>
-                    <br />
-                    <p className={globals.horizontalListLeft}>
+                    <hr className={globals.invisep} />
+                    <p className={globals.horizontalList}>
                         <span className={globals.text}>fj</span>
                         <span className={globals.text}>-</span>
                         <span className={globals.text}>ffjfj</span>
                         <span className={globals.text}>-</span>
                         <span className={globals.text}>fj/fjj/fjjjf</span>
                     </p>
-                    <br />
+                    <p className={globals.horizontalList}>
+                        <span className={globals.text}>fj</span>
+                        <span className={globals.text}>-</span>
+                        <span className={globals.text}>ffjfj</span>
+                        <span className={globals.text}>-</span>
+                        <span className={globals.text}>fj/fjj/fjjjf</span>
+                    </p>
+                    <hr className={globals.invisep} />
                     <ul>
                         <li className={globals.text}>fjjfjjfjffj</li>
                         <li className={globals.text}>fjjjjfjffjjfffjfj</li>
diff --git a/src/pages/troll/[clan]/[troll]/index.tsx b/src/pages/troll/[clan]/[troll]/index.tsx
index 99106b3..62d0a8c 100644
--- a/src/pages/troll/[clan]/[troll]/index.tsx
+++ b/src/pages/troll/[clan]/[troll]/index.tsx
@@ -1,4 +1,5 @@
 import Box from "@/components/Box/Box";
+import ClanCard from "@/components/cards/ClanCard/ClanCard";
 import TrollCard from "@/components/cards/TrollCard/TrollCard";
 import { TrollGET } from "@/lib/trollcall/api/troll";
 import { getSingleClan } from "@/lib/trollcall/clan";
@@ -55,6 +56,20 @@ export default function Index({
                         link={false}
                         small={false}
                     />
+                    <Box
+                        properties={{
+                            title: {
+                                text: "More..."
+                            }
+                        }}
+                    >
+                        <Link
+                            className={globals.linkButton}
+                            href={`/gallery/${troll.owner.name}/${troll.name[0]}/`}
+                        >
+                            Gallery
+                        </Link>
+                    </Box>
                     <Box
                         properties={{
                             title: {
@@ -205,7 +220,7 @@ export default function Index({
                                 ))}
                                 <Link
                                     className={globals.linkButton}
-                                    href={`/testQuirk/troll/${troll.owner.name}/${troll.name[0]}/`}
+                                    href={`/quirk/${troll.owner.name}/${troll.name[0]}/`}
                                 >
                                     Quirk Tester
                                 </Link>
@@ -218,8 +233,22 @@ export default function Index({
                     style={{ backgroundImage: `url("${troll.images[0]}")` }}
                 ></div>
             </div>
-            <Box>
-                <p className={globals.title}>Description</p>
+            <Box
+                properties={{
+                    title: {
+                        text: "Owned by"
+                    }
+                }}
+            >
+                <ClanCard clan={troll.owner} />
+            </Box>
+            <Box
+                properties={{
+                    title: {
+                        text: "Description"
+                    }
+                }}
+            >
                 <p className={globals.blockText}>{troll.description}</p>
             </Box>
         </>
diff --git a/src/styles/fonts.css b/src/styles/fonts.css
index dbc8f08..e83fd8b 100644
--- a/src/styles/fonts.css
+++ b/src/styles/fonts.css
@@ -8,14 +8,6 @@
             format("opentype");
 }
 
-/* ANY usage of the Renogare font should also specify a fallback! Try the Poppins font found below. */
-@font-face {
-    font-family: "Renogare";
-    src: url("../../public/fonts/Renogare/Renogare.woff") format("woff"),
-        url("../../public/fonts/Renogare/Renogare.woff2") format("woff2"),
-        url("../../public/fonts/Renogare/Renogare.otf") format("opentype");
-}
-
 @font-face {
     font-family: "Poppins";
     src: url("../../public/fonts/Poppins/Poppins.ttf") format("truetype");
diff --git a/src/styles/global.module.css b/src/styles/global.module.css
index 0ecee02..be468f1 100644
--- a/src/styles/global.module.css
+++ b/src/styles/global.module.css
@@ -1,4 +1,5 @@
 @import url(./fonts.css);
+@import url(./licensed/fonts.css);
 
 .link {
     text-decoration: none;
diff --git a/src/styles/global_skeleton.module.css b/src/styles/global_skeleton.module.css
index 019b2fb..3e1baf6 100644
--- a/src/styles/global_skeleton.module.css
+++ b/src/styles/global_skeleton.module.css
@@ -1,4 +1,5 @@
 @import url(./fonts.css);
+@import url(./licensed/fonts.css);
 
 .title {
     font-size: 24px;