Fix some stuff for Vercel

.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/

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"

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 />
+                    <hr className={globals.invisep} />
-                    <p className={globals.horizontalListLeft}>
+                    <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>

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>
+            <Box
-                <p className={globals.title}>Description</p>
+                properties={{
+                    title: {
+                        text: "Owned by"
+                    }
+                }}
+            >
+                <ClanCard clan={troll.owner} />
+            </Box>
+            <Box
+                properties={{
+                    title: {
+                        text: "Description"
+                    }
+                }}
+            >
                 <p className={globals.blockText}>{troll.description}</p>
             </Box>
         </>

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");

src/styles/global.module.css

@@ -1,4 +1,5 @@
 @import url(./fonts.css);
+@import url(./licensed/fonts.css);
 
 .link {
     text-decoration: none;

src/styles/global_skeleton.module.css

@@ -1,4 +1,5 @@
 @import url(./fonts.css);
+@import url(./licensed/fonts.css);
 
 .title {
     font-size: 24px;