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 }) {

{info.title}

Drama @@ -46,7 +46,7 @@ export default async function AnimeInfo({ params }) {

Release year: - {info && info.releaseDate}, {info && info.status} + {" "}{info && info.releaseDate}, {info && info.status}

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 ( -
+
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} > 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: ["zephex@duck.com"], + }, + }, }; export default function RootLayout({ children }) { return ( - +
-