Merge pull request #5 from zephex-alt/master

changes
real-zephex · Apr 29, 2024 · fdc6b60 · fdc6b60
2 parents fb96527 + c60af96
commit fdc6b60
Show file tree

Hide file tree

Showing 20 changed files with 100 additions and 60 deletions.
diff --git a/.gitignore b/.gitignore
@@ -33,7 +33,4 @@ yarn-error.log*
 
 # typescript
 *.tsbuildinfo
-next-env.d.ts
-
-.vercel
-/src/app/manga/.URLs.txt
+next-env.d.ts
diff --git 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
@@ -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
@@ -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
@@ -1,4 +1,4 @@
 .main {
-	margin: 80px auto;
+	margin: 50px auto;
 	max-width: 98%;
 }
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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,14 +115,15 @@
 
 .Video p {
 	color: white;
-	font-family: "Atkinson Hyperlegible";
+	font-family: "Atkinson Hyperlegible", serif;
 	color: var(--pastel-red);
 }
 
 .VideoPlayer {
 	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
@@ -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,30 +34,31 @@
 .AnimeContainer:hover .AnimeEntry:hover {
 	opacity: 1;
 	transform: scale(1.02);
+	background-color: #202020;
 }
 
-/* Format the scrollbar later */
-
 .AnimeEntry {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	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
@@ -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
@@ -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>
 	);