code maintainence

11 files changed, 89 insertions, 50 deletions

diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css
index 4d8e774..ca6018a 100644
--- a/src/app/anime/[id]/info.module.css
+++ b/src/app/anime/[id]/info.module.css
@@ -19,20 +19,20 @@
 .titleContainer p {

 	color: var(--neon-green);

 	width: 60%;

-	font-family: "Poppins", serif;

+	font-family: "Lexend Deca", serif;

 	font-weight: 500;

 	font-size: 34px;

 }

 

 .titleContainer img {

-	width: auto;

-	height: auto;

+	aspect-ratio: 16 / 9;

 	border-radius: 10px;

 }

 

 .animeDescription h2 {

 	color: #ffffff81;

 	margin: 20px 0px -10px 0px;

+	font-family: "Lexend Deca", serif;

 }

 

 .animeDescription p {

@@ -49,7 +49,8 @@
 

 .buttonHeader {

 	margin: 0px 10px 10px 0px;

-	color: #ffffff81

+	color: #ffffff81;

+	font-family: "Lexend Deca", serif;

 }

 

 .buttonContainer button {

@@ -64,9 +65,13 @@
 	transform: scale(0.9);

 }

 

-.buttonContainer::-webkit-scrollbar-thumb {

+.buttonContainer::-webkit-scrollbar{

+	width: 5px;

+}

+

+.buttonContainer::-webkit-scrollbar-thumb{

 	background-color: var(--soft-purple);

-	border-radius: 5px;

+	border-radius: 1rem;

 }

 

 .dramaButton {

@@ -96,6 +101,7 @@
 

 .animeDetails {

 	color: white;

+	font-family: "Lexend Deca", serif;

 }

 

 .genreEntries {

diff --git a/src/app/anime/[id]/page.jsx b/src/app/anime/[id]/page.jsx
index bb7640f..14a5974 100644
--- a/src/app/anime/[id]/page.jsx
+++ b/src/app/anime/[id]/page.jsx
@@ -19,8 +19,8 @@ export default async function AnimeInfo({ params }) {
 							<p>{info.title}</p>

 							<Image

 								src={info.image}

-								width={175}

-								height={256}

+								width={180}

+								height={260}

 								alt="Drama"

 								priority

 							/>

@@ -46,7 +46,7 @@ export default async function AnimeInfo({ params }) {
 					<p className={styles.animeRelease}>

 						Release year:

 						<span>

-							{info && info.releaseDate}, {info && info.status}

+							{" "}{info && info.releaseDate}, {info && info.status}

 						</span>

 					</p>

 				</div>

diff --git a/src/app/anime/search/components/fetchInfo.js b/src/app/anime/search/components/fetchInfo.js
index f14ea5e..2f81345 100644
--- a/src/app/anime/search/components/fetchInfo.js
+++ b/src/app/anime/search/components/fetchInfo.js
@@ -7,7 +7,7 @@ export default async function Results(id) {
 async function testFunction(title) {

 	const res = await fetch(

 		"https://consumet-jade.vercel.app/anime/gogoanime/" + title,

-		{ cache: "force-cache" }

+		{ next: { revalidate: 21600 } }

 	);

 	const data = await res.json();

 	return data;

diff --git a/src/app/kdrama/[id]/buttons.jsx b/src/app/kdrama/[id]/buttons.jsx
index 789c3ac..86110be 100644
--- a/src/app/kdrama/[id]/buttons.jsx
+++ b/src/app/kdrama/[id]/buttons.jsx
@@ -68,7 +68,7 @@ export default function EpisodesButtons({ data: episodeData, id: dramaId }) {
 							load="eager"

 							className={styles.VideoPlayer}

 							playsInline

-							volume={0.5}

+							volume={0.8}

 						>

 							<MediaProvider />

 							<PlyrLayout icons={plyrLayoutIcons} />

diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css
index eb7d6e4..d046ce4 100644
--- a/src/app/kdrama/styles/info.module.css
+++ b/src/app/kdrama/styles/info.module.css
@@ -11,23 +11,21 @@
 

 .TitleContainer p {

 	color: white;

-	font-family: "Poppins";

-	font-size: 32px;

+	font-family: "Lexend Deca", serif;

+	font-size: 30px;

 }

 

 .TitleContainer img {

-	width: auto;

-	height: auto;

-	border-radius: 10px;

+	border-radius: 0.5rem;

 }

 

 .DramaDescription h2 {

 	color: gray;

-	font-family: "Poppins";

+	font-family: "Lexend Deca", serif;

 }

 

 .DramaDescription p {

-	font-family: "Atkinson Hyperlegible";

+	font-family: "Atkinson Hyperlegible", serif;

 	color: white;

 	margin-top: -10px;

 }

@@ -38,8 +36,17 @@
 	overflow-x: auto;

 }

 

+.DramaGenre::-webkit-scrollbar {

+	height: 5px;

+}

+

+.DramaGenre::-webkit-scrollbar-thumb {

+	background-color: var(--soft-purple);

+	border-radius: 1rem;

+}

+

 .genreMain {

-	font-family: "Poppins";

+	font-family: "Lexend Deca", serif;

 	color: var(--neon-green);

 	font-size: 18px;

 }

@@ -50,7 +57,7 @@
 	padding: 5px;

 	margin: 3px;

 	border-radius: 5px;

-	font-family: "Atkinson Hyperlegible";

+	font-family: "Lexend Deca", serif;

 	cursor: crosshair;

 }

 

@@ -60,7 +67,7 @@
 

 .EpisodesContainer h2 {

 	color: gray;

-	font-family: "Poppins";

+	font-family: "Lexend Deca", serif;

 }

 

 .EpisodeButtons {

@@ -82,7 +89,7 @@
 

 .EpisodeButtons button p {

 	text-align: center;

-	font-family: "Atkinson Hyperlegible", serif;

+	font-family: "Poppins", serif;

 	margin: 0;

 	overflow: hidden;

 	white-space: nowrap;

@@ -108,7 +115,7 @@
 

 .Video p {

 	color: white;

-	font-family: "Atkinson Hyperlegible";

+	font-family: "Atkinson Hyperlegible", serif;

 	color: var(--pastel-red);

 }

 

@@ -116,6 +123,7 @@
 	margin: 0px auto;

 	width: auto;

 	height: auto;

+	font-family: "Lexend Deca", serif;

 }

 

 @media screen and (max-width: 768px) {

diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css
index 919613f..3c55264 100644
--- a/src/app/kdrama/styles/popular.module.css
+++ b/src/app/kdrama/styles/popular.module.css
@@ -1,6 +1,6 @@
 .popDramasText {

 	color: var(--soft-purple);

-	font-family: "Poppins";

+	font-family: "Lexend Deca", serif;

 	font-size: 28px;

 	margin-bottom: 10px;

 	font-weight: 500;

@@ -10,6 +10,7 @@
 	display: flex;

 	overflow-x: auto;

 	overflow-y: hidden;

+	margin-top: -8px;

 }

 

 .AnimeContainer::-webkit-scrollbar {

@@ -33,10 +34,9 @@
 .AnimeContainer:hover .AnimeEntry:hover {

 	opacity: 1;

 	transform: scale(1.02);

+	background-color: #202020;

 }

 

-/* Format the scrollbar later */

-

 .AnimeEntry {

 	display: flex;

 	flex-direction: column;

@@ -44,7 +44,7 @@
 	margin: 4px;

 	background-color: #1f1f1fbb;

 	padding: 0.5rem;

-	transition: opacity 400ms ease, transform 400ms ease;

+	transition: opacity 200ms ease, transform 200ms ease, background-color 200ms ease;

 	cursor: grab;

 	border-radius: 1rem;

 }

@@ -56,7 +56,7 @@
 .AnimeEntry p {

 	text-align: center;

 	color: white;

-	font-family: "Atkinson Hyperlegible";

+	font-family: "Lexend Deca", serif;

 	width: 140px;

 	overflow: hidden;

 	white-space: nowrap;

diff --git a/src/app/kdrama/styles/search.module.css b/src/app/kdrama/styles/search.module.css
index 8b723db..de17169 100644
--- a/src/app/kdrama/styles/search.module.css
+++ b/src/app/kdrama/styles/search.module.css
@@ -57,7 +57,7 @@
 	margin: 5px;

 	padding: 6px;

 	background-color: #2e2e2eab;

-	border-radius: 10px;

+	border-radius: 0.5rem;

 	cursor: pointer;

 	transition: opacity 200ms linear, background-color 200ms linear;

 }

@@ -73,14 +73,14 @@
 

 .SearchEntry p {

 	color: white;

-	font-family: "Atkinson Hyperlegible", serif;

+	font-family: "Lexend Deca", serif;

 	font-size: 18px;

 	width: 35vh;

 }

 

 .SearchEntry img {

 	width: auto;

-	/* height: auto; */

+	height: auto;

 	border-radius: 0.5rem;

 }

 

diff --git a/src/app/layout.jsx b/src/app/layout.jsx
index a2fc5ae..cf6eba4 100644
--- a/src/app/layout.jsx
+++ b/src/app/layout.jsx
@@ -5,23 +5,47 @@ import Footer from "./components/footer/page";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 import { Analytics } from "@vercel/analytics/react";
 
-const inter = Inter({ subsets: ["latin"] });
-
 export const metadata = {
-	title: "Dramalama v2.0",
+	title: "Dramalama",
 	description:
 		"Online service to watch kdramas and anime for free. You can also read and download mangas for free.",
+	generator: "Next.js",
+	applicationName: "Dramalama",
+	authors: [{ name: "zephex", url: "https://github.com/real-zephex" }],
+	creator: "Zephex",
+	keywords: ["Kdrama", "Anime", "Manga", "Watch Online"],
+	robots: {
+		index: false,
+		follow: true,
+		nocache: true,
+		googleBot: {
+			index: true,
+			follow: false,
+			noimageindex: true,
+			"max-video-preview": -1,
+			"max-image-preview": "large",
+			"max-snippet": -1,
+		},
+	},
+	verification: {
+		google: "google",
+		yandex: "yandex",
+		yahoo: "yahoo",
+		other: {
+			me: ["[email protected]"],
+		},
+	},
 };
 
 export default function RootLayout({ children }) {
 	return (
 		<html lang="en">
-			<body className={inter.className}>
+			<body>
 				<SpeedInsights />
 				<Analytics />
 				<Header />
-				<Footer />
 				{children}
+				<Footer />
 			</body>
 		</html>
 	);
diff --git a/src/app/manga/page.jsx b/src/app/manga/page.jsx
index 2b3572a..ff1731d 100644
--- a/src/app/manga/page.jsx
+++ b/src/app/manga/page.jsx
@@ -10,7 +10,7 @@ export default async function Manga() {
 				width={480}

 				height={200}

 				className={styles.MangaImage}

-				alt="Manga SVG"

+				alt="Manga Intro Image"

 				priority

 			/>

 			<SearchBar />

diff --git a/src/app/page.jsx b/src/app/page.jsx
index 00cf807..eb867ff 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -24,6 +24,16 @@ export default function Home() {
 							<p>Your one stop for all your kdrama needs</p>
 						</Link>
 					</div>
+					<div className={styles.netlify}>
+						<Link
+							href={"https://dramalama.netlify.app"}
+							target="_blank"
+							title="Use this if you are experiencing any issues with image loading and stuff like that. Vercel has some known limitations for image loading and other stuff and I seem to run out of them before a month ends so the images end up not loading. Sorry for the inconvience."
+						>
+							<h2>Netlify Instance</h2>
+							<p>comparitively slow but better</p>
+						</Link>
+					</div>
 				</div>
 			</div>
 		</main>
diff --git a/src/app/page.module.css b/src/app/page.module.css
index a826337..7c49077 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -78,12 +78,13 @@
 
 .manga,
 .anime,
-.kdrama {
+.kdrama,
+.netlify {
 	background-color: #121212e0;
 	color: white;
 	margin-top: 5px;
 	border-radius: 5px;
-	transition: opacity 400ms ease;
+	transition: opacity 400ms ease, transform 200ms ease;
 	padding: 0.4rem 2rem;
 	font-family: "Lexend Deca", serif;
 }
@@ -95,15 +96,5 @@
 .content:hover>.contentContainer div:hover {
 	opacity: 1;
 	cursor: pointer;
-}
-
-.netlifyLogo {
-	position: fixed;
-	bottom: 0;
-	margin: 0rem 0.4rem 1.6rem 0.4rem;
-}
-
-.netlifyLogo img {
-	aspect-ratio: 16 / 9;
-	height: 100px
+	transform: scale(0.96)
 }
\ No newline at end of file