restructured files

5 files changed, 0 insertions, 499 deletions

diff --git a/src/app/info/[id]/page.jsx b/src/app/info/[id]/page.jsx
deleted file mode 100644
index dda7a49..0000000
--- a/src/app/info/[id]/page.jsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import "../info.css";
-import Image from "next/image";
-import Link from "next/link";
-
-export default async function AnimeInfo({ params }) {
-	let animeID = params.id;
-
-	const info = await getAnimeInfo(animeID);
-
-	return (
-		<div className="dramaInfoContainer">
-			<div className="dramaInfo">
-				{info && (
-					<div>
-						<div className="titleContainer">
-							<p>{info.title}</p>
-							<Image
-								src={info.image}
-								width={140}
-								height={190}
-								alt="Drama"
-							/>
-						</div>
-						<p className="animeDescription">{info.description}</p>
-					</div>
-				)}
-
-				<div className="buttonContainer">
-					{info &&
-						info.episodes.map((item, index) => (
-							<Link href={`/video/${item.id}`} key={index}>
-								<button className="dramaButton">
-									{item.number}
-								</button>
-							</Link>
-						))}
-				</div>
-			</div>
-		</div>
-	);
-}
-
-async function getAnimeInfo(anime_id) {
-	const res = await fetch(
-		"https://anime-sensei-api.vercel.app/anime/gogoanime/info/" + anime_id,
-		{ next: { revalidate: 1800 } }
-	);
-	const data = res.json();
-	return data;
-}
diff --git a/src/app/info/info.css b/src/app/info/info.css
deleted file mode 100644
index 2b070d0..0000000
--- a/src/app/info/info.css
+++ /dev/null
@@ -1,83 +0,0 @@
-.dramaInfoContainer {
-	display: flex;
-	flex-direction: column;
-}
-
-.dramaInfo {
-	display: flex;
-	flex-direction: column;
-	width: 95%;
-	margin: 0px auto;
-}
-
-.titleContainer {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.titleContainer p {
-	color: var(--neon-green);
-	width: 60%;
-	font-family: "Kanit";
-	font-size: 24px;
-}
-
-.titleContainer img {
-	border-radius: 10px;
-}
-
-.animeDescription {
-	color: #ffffff81;
-	font-family: "Lato";
-	font-size: 16px;
-	max-height: 120px;
-	margin: 20px auto;
-	text-align: center;
-	overflow-y: auto;
-}
-
-.buttonContainer {
-	margin: 5px auto;
-	text-align: center;
-	max-height: 200px;
-	overflow-y: auto;
-}
-
-.dramaButton {
-	padding: 8px;
-	font-family: "Atkinson Hyperlegible";
-	font-size: 18px;
-	margin: 5px;
-	width: 50px;
-	border-radius: 5px;
-	border: none;
-	background-color: var(--light-green);
-	cursor: pointer;
-}
-
-.dramaButton:hover {
-	background-color: var(--soft-purple);
-}
-
-.infoPageContainer {
-	display: flex;
-	height: 100dvh;
-	justify-content: center;
-	align-items: center;
-}
-
-.infoPageContainer p {
-	color: white;
-}
-
-@media (prefers-color-scheme: light) {
-	.animeDescription {
-		color: black;
-	}
-
-	.infoPageContainer p {
-		color: black;
-	}
-
-}
\ No newline at end of file
diff --git a/src/app/info/loading.css b/src/app/info/loading.css
deleted file mode 100644
index aa3a519..0000000
--- a/src/app/info/loading.css
+++ /dev/null
@@ -1,346 +0,0 @@
-.loadingContainer {
-	color: white;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	height: 80dvh;
-}
-
-
-.text-flicker-in-glow {
-	-webkit-animation: text-flicker-in-glow 4s linear both;
-	animation: text-flicker-in-glow 4s linear both;
-	font-size: 36px;
-	font-family: "Kanit";
-}
-
-/* ----------------------------------------------
- * Generated by Animista on 2024-3-21 9:58:16
- * Licensed under FreeBSD License.
- * See http://animista.net/license for more info. 
- * w: http://animista.net, t: @cssanimista
- * ---------------------------------------------- */
-
-/**
- * ----------------------------------------
- * animation text-flicker-in-glow
- * ----------------------------------------
- */
-
-@-webkit-keyframes text-flicker-in-glow {
-	0% {
-		opacity: 0;
-	}
-
-	10% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	10.1% {
-		opacity: 1;
-		text-shadow: none;
-	}
-
-	10.2% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	20% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	20.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
-	}
-
-	20.6% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	30% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	30.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	30.5% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	30.6% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	45% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	45.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	50% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	55% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	55.1% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	57% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	57.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
-	}
-
-	60% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
-	}
-
-	60.1% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	65% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	65.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	75% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	75.1% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	77% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	77.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	85% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	85.1% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	86% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	86.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	100% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-}
-
-@keyframes text-flicker-in-glow {
-	0% {
-		opacity: 0;
-	}
-
-	10% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	10.1% {
-		opacity: 1;
-		text-shadow: none;
-	}
-
-	10.2% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	20% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	20.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
-	}
-
-	20.6% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	30% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	30.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	30.5% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	30.6% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	45% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	45.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	50% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	55% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
-	}
-
-	55.1% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	57% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	57.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
-	}
-
-	60% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
-	}
-
-	60.1% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	65% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	65.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	75% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	75.1% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	77% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	77.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	85% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	85.1% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	86% {
-		opacity: 0;
-		text-shadow: none;
-	}
-
-	86.1% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-
-	100% {
-		opacity: 1;
-		text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
-	}
-}
-
-@media (prefers-color-scheme: light) {
-	.loadingContainer {
-		color: black;
-	}
-}
\ No newline at end of file
diff --git a/src/app/info/loading.jsx b/src/app/info/loading.jsx
deleted file mode 100644
index dfa397c..0000000
--- a/src/app/info/loading.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import "./loading.css";
-
-export default function Loading() {
-	return (
-		<div className="loadingContainer">
-			<p className="text-flicker-in-glow">Loading</p>
-		</div>
-	);
-}
diff --git a/src/app/info/page.jsx b/src/app/info/page.jsx
deleted file mode 100644
index 9004ade..0000000
--- a/src/app/info/page.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import "./info.css";
-
-export default function Info() {
-	return (
-		<div className="infoPageContainer">
-			<p>
-				This is the anime info page. This page will display information about the queried anime when anime id is passed along the url.
-			</p>
-		</div>
-	);
-}