From d4fdb4e3d6a3fbf042db8605d371605a64c8db4c Mon Sep 17 00:00:00 2001
From: zephex-alt <166333351+zephex-alt@users.noreply.github.com>
Date: Wed, 8 May 2024 04:26:20 +0000
Subject: minor css fixes and added a new source for movies

---
 src/app/anime/history/continueWatching/page.jsx |  4 +-
 src/app/anime/recent/page.jsx                   |  6 +-
 src/app/anime/search/page.jsx                   | 14 +++--
 src/app/anime/search/search.module.css          |  1 +
 src/app/anime/top-airing/page.jsx               |  8 +--
 src/app/anime/top-airing/trending.module.css    | 20 ++++---
 src/app/kdrama/components/popular.jsx           |  6 +-
 src/app/kdrama/components/recent.jsx            |  6 +-
 src/app/kdrama/styles/popular.module.css        | 19 ++++--
 src/app/manga/manga.module.css                  |  5 +-
 src/app/movies/components/search_2.jsx          | 80 +++++++++++++------------
 src/app/movies/components/video_player.jsx      |  9 +++
 src/app/movies/styles/info.module.css           |  2 +-
 src/app/movies/styles/search.module.css         |  7 ++-
 src/app/page.module.css                         | 47 ++++++++-------
 15 files changed, 138 insertions(+), 96 deletions(-)

diff --git a/src/app/anime/history/continueWatching/page.jsx b/src/app/anime/history/continueWatching/page.jsx
index 4b18adf..ecb73fc 100644
--- a/src/app/anime/history/continueWatching/page.jsx
+++ b/src/app/anime/history/continueWatching/page.jsx
@@ -48,8 +48,8 @@ const ContinueWatching = () => {
 									</div>
 									<Image
 										src={item.image}
-										width={140}
-										height={210}
+										width={167}
+										height={267}
 										alt="Continue anime poster"
 										priority
 									/>
diff --git a/src/app/anime/recent/page.jsx b/src/app/anime/recent/page.jsx
index 21d5fb4..44aa301 100644
--- a/src/app/anime/recent/page.jsx
+++ b/src/app/anime/recent/page.jsx
@@ -10,7 +10,7 @@ export default async function Recent() {
 	return (
 		<div className={styles.TrendingContainer}>
 			<div className={styles.TrendingText}>
-				<p>Recent Releases</p>
+				<h1>Recent Releases</h1>
 			</div>
 
 			<div className={styles.trending}>
@@ -28,8 +28,8 @@ export default async function Recent() {
 								<Image
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									className={styles.trendingImage}
-									width={210}
-									height={310}
+									width={167}
+									height={267}
 									alt="Drama"
 									priority
 								/>
diff --git a/src/app/anime/search/page.jsx b/src/app/anime/search/page.jsx
index bf399cf..f543fd8 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 style={{marginBottom: -15}}>
+		<div style={{ marginBottom: -15 }}>
 			<div className={styles.inputContainer}>
 				<div className={styles.searchContainer}>
 					<FaSearch className={styles.searchIcon} />
@@ -48,11 +48,13 @@ export default function Input() {
 						className={styles.SearchInput}
 					></input>
 				</div>
-				<button>
-					<Link href={"/anime/history/continueWatching"}>
-						History
-					</Link>
-				</button>
+				<div>
+					<button>
+						<Link href={"/anime/history/continueWatching"}>
+							History
+						</Link>
+					</button>
+				</div>
 			</div>
 
 			{loading && (
diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css
index 185f6d5..f3c5b85 100644
--- a/src/app/anime/search/search.module.css
+++ b/src/app/anime/search/search.module.css
@@ -40,6 +40,7 @@
 .searchContainer {
 	display: flex;
 	align-items: center;
+	justify-content: center;
 	margin: 20px 0px 20px 0px;
 	background-color: #121212;
 	padding: 10px;
diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx
index a0fc302..0102371 100644
--- a/src/app/anime/top-airing/page.jsx
+++ b/src/app/anime/top-airing/page.jsx
@@ -6,11 +6,11 @@ import { preFetchAnimeInfo } from "../videoLinkfetcher";
 export default async function Trending() {
 	const data = await test();
 	preFetchAnimeInfo(data);
-	
+
 	return (
 		<div className={styles.TrendingContainer}>
 			<div className={styles.TrendingText}>
-				<p>Trending</p>
+				<h1>Trending</h1>
 			</div>
 
 			<div className={styles.trending}>
@@ -28,8 +28,8 @@ export default async function Trending() {
 								<Image
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
 									className={styles.trendingImage}
-									width={210}
-									height={310}
+									width={167}
+									height={267}
 									alt="Drama"
 									priority
 								/>
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
index 2abaf4b..cd1a672 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -1,14 +1,19 @@
-.TrendingText p {
-	font-size: 36px;
+.TrendingText h1 {
 	margin: 0px 0px 0.5rem 0.5rem;
-	font-weight: 400;
-	color: var(--soft-purple);
 	text-align: center;
+	color: transparent;
+	background: linear-gradient(90deg,
+			var(--neon-green) 40%,
+			var(--light-green) 60%,
+			var(--neon-yellow) 80%,
+			var(--soft-purple) 100%);
+	background-size: 60% 50%;
+	background-clip: text;
 }
 
 .trending {
 	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	grid-gap: 0.5rem;
 	align-items: center;
 	margin-left: 0.5rem;
@@ -42,7 +47,7 @@
 .trendingEntries p {
 	text-align: center;
 	width: auto;
-	max-width: 190px;
+	max-width: 160px;
 	margin: 0.5rem 0 0 0;
 	overflow: hidden;
 	white-space: nowrap;
@@ -51,6 +56,7 @@
 
 .trendingEntries img {
 	border-radius: 0.4rem;
+	box-shadow: 0 0 10px 5px rgba(18, 18, 18, 0.863);
 }
 
 @media screen and (max-width: 768px) {
@@ -70,4 +76,4 @@
 	.trendingEntries img {
 		width: auto;
 	}
-}
+}
\ No newline at end of file
diff --git a/src/app/kdrama/components/popular.jsx b/src/app/kdrama/components/popular.jsx
index 8b88fd7..15c9f92 100644
--- a/src/app/kdrama/components/popular.jsx
+++ b/src/app/kdrama/components/popular.jsx
@@ -9,7 +9,7 @@ export default async function PopularDramas() {
 
 	return (
 		<div className={styles.Main}>
-			<p className={styles.popDramasText}>Trending Dramas</p>
+			<h1 className={styles.popDramasText}>Trending Dramas</h1>
 
 			<div className={styles.AnimeContainer}>
 				{popular &&
@@ -25,8 +25,8 @@ export default async function PopularDramas() {
 							>
 								<Image
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
-									width={200}
-									height={310}
+									width={167}
+									height={267}
 									alt="Drama Poster"
 								/>
 								<p>{item.title}</p>
diff --git a/src/app/kdrama/components/recent.jsx b/src/app/kdrama/components/recent.jsx
index d28f348..9c5d452 100644
--- a/src/app/kdrama/components/recent.jsx
+++ b/src/app/kdrama/components/recent.jsx
@@ -8,7 +8,7 @@ export default async function RecentDramas() {
 	PreFetchAnimeInfo(popular);
 	return (
 		<div className={styles.Main}>
-			<p className={styles.popDramasText}>Recent Releases</p>
+			<h1 className={styles.popDramasText}>Recent Releases</h1>
 
 			<div className={styles.AnimeContainer}>
 				{popular &&
@@ -24,8 +24,8 @@ export default async function RecentDramas() {
 							>
 								<Image
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
-									width={190}
-									height={270}
+									width={167}
+									height={267}
 									alt="Drama Poster"
 								/>
 								<p>{item.title}</p>
diff --git a/src/app/kdrama/styles/popular.module.css b/src/app/kdrama/styles/popular.module.css
index fce54c1..20d0e73 100644
--- a/src/app/kdrama/styles/popular.module.css
+++ b/src/app/kdrama/styles/popular.module.css
@@ -1,15 +1,21 @@
 .popDramasText {
 	color: var(--soft-purple);
-	font-size: 36px;
 	margin-bottom: 10px;
-	font-weight: 400;
 	text-align: center;
+	color: transparent;
+	background: linear-gradient(90deg,
+			var(--neon-green) 40%,
+			var(--light-green) 60%,
+			var(--neon-yellow) 80%,
+			var(--soft-purple) 100%);
+	background-size: 60% 50%;
+	background-clip: text;
 }
 
 .AnimeContainer {
 	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
-	grid-gap: 0.5rem;
+	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+	grid-gap: 0.7rem;
 	align-items: center;
 }
 
@@ -41,13 +47,14 @@
 
 .AnimeEntry img {
 	border-radius: 0.4rem;
+	box-shadow: 0 0 10px 5px rgba(18, 18, 18, 0.863);
 }
 
 .AnimeEntry p {
 	text-align: center;
 	color: white;
 	width: auto;
-	max-width: 180px;
+	max-width: 160px;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
@@ -71,4 +78,4 @@
 	.AnimeEntry img {
 		width: auto;
 	}
-}
+}
\ No newline at end of file
diff --git a/src/app/manga/manga.module.css b/src/app/manga/manga.module.css
index 3763d7d..cd18c0a 100644
--- a/src/app/manga/manga.module.css
+++ b/src/app/manga/manga.module.css
@@ -9,6 +9,7 @@
 .searchMain {
 	display: flex;
 	align-items: center;
+	justify-content: center;
 }
 
 .MangaImage {
@@ -32,7 +33,7 @@
 	padding: 0.4rem;
 	border: none;
 	outline: none;
-	font-family: "Atkinson Hyperlegible", serif;
+	font-family: "Lexend Deca", serif;
 	background: #1f1f1f;
 	color: white;
 	cursor: pointer;
@@ -69,4 +70,4 @@
 	.SearchBar {
 		width: 60dvw;
 	}
-}
+}
\ No newline at end of file
diff --git a/src/app/movies/components/search_2.jsx b/src/app/movies/components/search_2.jsx
index 0eb66fb..cf3fc69 100644
--- a/src/app/movies/components/search_2.jsx
+++ b/src/app/movies/components/search_2.jsx
@@ -9,43 +9,49 @@ import styles from "../styles/search.module.css";
 const SearchResults = async (title) => {
 	const data = await get_search_results(title);
 	PreFetchMovieInfo(data);
-	return (
-		<div className={styles.MovieSearchResultsContainer}>
-			{data &&
-				data.results &&
-				data.results.map((item, index) => {
-					if (item.poster_path) {
-						return (
-							<Link
-								href={`/movies/${item.id}`}
-								key={index}
-								style={{
-									backgroundImage: `url(https://image.tmdb.org/t/p/original${item.backdrop_path})`,
-									backgroundRepeat: "no-repeat",
-									backgroundSize: "cover",
-									textDecoration: "none",
-									color: "white",
-									borderRadius: "0.5rem",
-									overflow: "hidden",
-								}}
-								className={styles.MovieResultsPrev}
-							>
-								<section className={styles.MovieEntry}>
-									<p>{item.title || item.original_title}</p>
-									<Image
-										src={`https://image.tmdb.org/t/p/original${item.poster_path}`}
-										width={130}
-										height={230}
-										alt="Movie Poster"
-										priority
-									/>
-								</section>
-							</Link>
-						);
-					}
-				})}
-		</div>
-	);
+	if (data.results.length > 0) {
+		return (
+			<div className={styles.MovieSearchResultsContainer}>
+				{data &&
+					data.results &&
+					data.results.map((item, index) => {
+						if (item.poster_path) {
+							return (
+								<Link
+									href={`/movies/${item.id}`}
+									key={index}
+									style={{
+										backgroundImage: `url(https://image.tmdb.org/t/p/original${item.backdrop_path})`,
+										backgroundRepeat: "no-repeat",
+										backgroundSize: "cover",
+										textDecoration: "none",
+										color: "white",
+										borderRadius: "0.5rem",
+										overflow: "hidden",
+									}}
+									className={styles.MovieResultsPrev}
+								>
+									<section className={styles.MovieEntry}>
+										<p>
+											{item.title || item.original_title}
+										</p>
+										<Image
+											src={`https://image.tmdb.org/t/p/original${item.poster_path}`}
+											width={130}
+											height={230}
+											alt="Movie Poster"
+											priority
+										/>
+									</section>
+								</Link>
+							);
+						}
+					})}
+			</div>
+		);
+	} else {
+		return <p className={styles.NoResults}>No results found!</p>;
+	}
 };
 
 const get_search_results = async (title) => {
diff --git a/src/app/movies/components/video_player.jsx b/src/app/movies/components/video_player.jsx
index 15db6a8..5a49db0 100644
--- a/src/app/movies/components/video_player.jsx
+++ b/src/app/movies/components/video_player.jsx
@@ -53,6 +53,15 @@ export default function VIDEO_PLAYER({ id: id }) {
 				>
 					Vidsrc.icu
 				</button>
+				<button
+					onClick={() =>
+						make_player(
+							`https://player.autoembed.cc/embed/movie/${id}`
+						)
+					}
+				>
+					Autoembded.cc
+				</button>
 			</div>
 			{frame}
 		</section>
diff --git a/src/app/movies/styles/info.module.css b/src/app/movies/styles/info.module.css
index 23b3322..e5c5277 100644
--- a/src/app/movies/styles/info.module.css
+++ b/src/app/movies/styles/info.module.css
@@ -20,7 +20,7 @@
 
 .HeroSection img {
 	border-radius: 1rem;
-	padding: 0.5rem;
+	padding: 0.5rem 0 0 0;
 }
 
 .HeroTitle {
diff --git a/src/app/movies/styles/search.module.css b/src/app/movies/styles/search.module.css
index 1148ad0..ea81e3f 100644
--- a/src/app/movies/styles/search.module.css
+++ b/src/app/movies/styles/search.module.css
@@ -69,8 +69,13 @@
 	font-size: 18px;
 }
 
+.NoResults {
+	color: white;
+	text-align: center;
+}
+
 @media screen and (max-width: 768px) {
 	.InputContainer {
 		width: 100%;
 	}
-}
+}
\ No newline at end of file
diff --git a/src/app/page.module.css b/src/app/page.module.css
index 131bf0c..f9d5b23 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -1,10 +1,8 @@
 .newbg {
 	background: rgb(37, 37, 37);
-	background: radial-gradient(
-		circle,
-		rgb(41, 41, 41) 2%,
-		rgb(12, 12, 12) 30%
-	);
+	background: radial-gradient(circle,
+			rgb(41, 41, 41) 2%,
+			rgb(12, 12, 12) 30%);
 }
 
 .header {
@@ -27,15 +25,13 @@
 	font-size: 1.5rem;
 	padding: 1rem;
 	color: transparent;
-	background: linear-gradient(
-		90deg,
-		rgba(0, 151, 255, 0.9976365546218487) 3%,
-		rgba(115, 154, 242, 1) 21%,
-		rgba(255, 159, 224, 1) 40%,
-		rgba(255, 194, 133, 1) 60%,
-		rgba(245, 242, 81, 0.884) 80%,
-		rgba(255, 179, 0, 0.842) 100%
-	);
+	background: linear-gradient(90deg,
+			rgba(0, 151, 255, 0.9976365546218487) 3%,
+			rgba(115, 154, 242, 1) 21%,
+			rgba(255, 159, 224, 1) 40%,
+			rgba(255, 194, 133, 1) 60%,
+			rgba(245, 242, 81, 0.884) 80%,
+			rgba(255, 179, 0, 0.842) 100%);
 	background-size: 150% 50%;
 	background-clip: text;
 	animation: colorChange 3s linear infinite alternate-reverse;
@@ -45,11 +41,20 @@
 	0% {
 		background-position: 0 50%;
 	}
+
 	100% {
 		background-position: 100% 100%;
 	}
 }
 
+.right {
+	overflow: auto;
+}
+
+.right::-webkit-scrollbar {
+	height: 0;
+}
+
 .right a {
 	text-decoration: none;
 	color: white;
@@ -58,11 +63,11 @@
 	font-size: 1rem;
 }
 
-.header:hover > .right a {
+.header:hover>.right a {
 	opacity: 0.5;
 }
 
-.header:hover > .right a:hover {
+.header:hover>.right a:hover {
 	opacity: 1;
 	cursor: pointer;
 }
@@ -118,11 +123,11 @@
 	border-width: 0.1rem;
 }
 
-.content:hover > .contentContainer div {
+.content:hover>.contentContainer div {
 	opacity: 0.5;
 }
 
-.content:hover > .contentContainer div:hover {
+.content:hover>.contentContainer div:hover {
 	opacity: 1;
 	cursor: pointer;
 	transform: scale(0.95) rotateX(12deg) rotateY(-8deg);
@@ -133,13 +138,13 @@
 		display: block;
 	}
 
-	.content:hover > .contentContainer div {
+	.content:hover>.contentContainer div {
 		opacity: 0.5;
 	}
 
-	.content:hover > .contentContainer div:hover {
+	.content:hover>.contentContainer div:hover {
 		opacity: 1;
 		cursor: pointer;
 		transform: scale(0.95);
 	}
-}
+}
\ No newline at end of file
-- 
cgit v1.2.3