Merge pull request #5 from zephex-alt/master

changes

20 files changed, 100 insertions, 60 deletions

diff --git a/.gitignore b/.gitignore
index d7beb48..0563835 100644
--- a/.gitignore
+++ b/.gitignore
@@ -33,7 +33,4 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
-next-env.d.ts
-
-.vercel
-/src/app/manga/.URLs.txt
\ No newline at end of file
+next-env.d.ts
\ No newline at end of file
diff --git a/next.config.mjs b/next.config.mjs
index e86fa23..a4fb287 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -38,6 +38,11 @@ const nextConfig = {
 			fullUrl: true,

 		},

 	},

+	experimental: {

+		serverActions: {

+			allowedOrigins: ["localhost:3000"]

+		}

+	}

 };

 

 export default nextConfig;

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/anime.module.css b/src/app/anime/anime.module.css
index f243298..f2b4f28 100644
--- a/src/app/anime/anime.module.css
+++ b/src/app/anime/anime.module.css
@@ -1,4 +1,4 @@
 .main {

-	margin: 80px auto;

+	margin: 50px auto;

 	max-width: 98%;

 }
\ No newline at end of file
diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx
index 25b0182..ba0ace5 100644
--- a/src/app/anime/recent/page.jsx
+++ b/src/app/anime/recent/page.jsx
@@ -26,7 +26,7 @@ export default async function Releases() {
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}

 									className={styles.RecentImage}

 									width={150}

-									height={230}

+									height={280}

 									alt="Drama"

 									priority

 								/>

diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
index baa93ba..47929ed 100644
--- a/src/app/anime/recent/recent.module.css
+++ b/src/app/anime/recent/recent.module.css
@@ -20,6 +20,11 @@
 	overflow-x: auto;

 }

 

+.Recent img {

+	width: auto;

+	height: 280px;

+}

+

 .RecentContainer:hover .RecentEntries {

 	opacity: 0.4;

 }

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/anime/search/page.jsx b/src/app/anime/search/page.jsx
index 0555a36..bf399cf 100644
--- a/src/app/anime/search/page.jsx
+++ b/src/app/anime/search/page.jsx
@@ -33,7 +33,7 @@ export default function Input() {
 	};

 

 	return (

-		<div>

+		<div style={{marginBottom: -15}}>

 			<div className={styles.inputContainer}>

 				<div className={styles.searchContainer}>

 					<FaSearch className={styles.searchIcon} />

diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
index e406860..c5aadd9 100644
--- a/src/app/anime/top-airing/page.jsx
+++ b/src/app/anime/top-airing/page.jsx
@@ -25,7 +25,7 @@ export default async function Trending() {
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}

 									className={styles.trendingImage}

 									width={150}

-									height={230}

+									height={280}

 									alt="Drama"

 									priority

 								/>

diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
index 5b98e57..1ce9b45 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -20,6 +20,11 @@
 	overflow-x: auto;

 }

 

+.trending img {

+	width: auto;

+	height: 280px;

+}

+

 .TrendingContainer:hover .trendingEntries {

 	opacity: 0.5;

 }

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..2975659 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,19 +44,21 @@
 	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;

 }

 

 .AnimeEntry img {

+	width: auto;

+	height: 280px;

 	border-radius: 1rem;

 }

 

 .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..2cedeb0 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: true,
+		follow: true,
+		nocache: false,
+		googleBot: {
+			index: true,
+			follow: true,
+			noimageindex: false,
+			"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/[title]/[id]/page.jsx b/src/app/manga/[title]/[id]/page.jsx
index ffd962d..5aa807d 100644
--- a/src/app/manga/[title]/[id]/page.jsx
+++ b/src/app/manga/[title]/[id]/page.jsx
@@ -129,7 +129,7 @@ export default async function MangaInfo({ params }) {
 async function getMangaInfo(id) {

 	const res = await fetch(

 		`https://consumet-jade.vercel.app/meta/anilist-manga/info/${id}?provider=mangadex`,

-		{ next: { revalidate: 86400 } }

+		{ next: { revalidate: 21600 } }

 	);

 	const data = await res.json();

 	return data;

diff --git a/src/app/manga/[title]/page.jsx b/src/app/manga/[title]/page.jsx
index 4446d05..05dbcbf 100644
--- a/src/app/manga/[title]/page.jsx
+++ b/src/app/manga/[title]/page.jsx
@@ -3,8 +3,6 @@ import Image from "next/image";
 import Link from "next/link";

 import { PreFetchMangaInfo } from "../cacher";

 

-// This page displays all the available mangas or manhwas when the user searches for one/

-

 export default async function MangaInfo({ params }) {

 	const title = params.title;

 	const data = await GetSearchedAnime(title);

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.module.css b/src/app/page.module.css
index a826337..f92b5d4 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -83,7 +83,7 @@
 	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 +95,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