-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
40 changed files
with
888 additions
and
204 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,58 @@ | ||
| --- | ||
| import { Image } from "astro:assets"; | ||
| import { FiInstagram } from "react-icons/fi"; | ||
| import { TfiGithub } from "react-icons/tfi"; | ||
| --- | ||
|
|
||
| <footer | ||
| class="w-full bg-yellow-400 bg-opacity-75 px-6 py-3 flex flex-col md:gap-3 gap-6 pb-10" | ||
| > | ||
| <section class="md:grid w-full md:grid-cols-3 flex flex-col gap-4"> | ||
| <div class="col-span-2 flex flex-col"> | ||
| <Image | ||
| src={"/Logo.png"} | ||
| alt={"Logo"} | ||
| width={100} | ||
| height={100} | ||
| loading="eager" | ||
| /> | ||
| <div class="w-full"> | ||
| <p class="text-xl"> | ||
| Ini merupakan sebuah website movie dan tv show app yang dibuat dengan | ||
| <a | ||
| href="https://astro.build/" | ||
| target="_blank" | ||
| rel="noopener noreferrer">Astro Js</a | ||
| >, <a | ||
| href="https://tailwindcss.com/docs/installation" | ||
| target="_blank" | ||
| rel="noopener noreferrer">TailwindCSS</a | ||
| >, <a | ||
| href="https://react.dev/" | ||
| target="_blank" | ||
| rel="noopener noreferrer">React Js</a | ||
| >, dan <a | ||
| href="https://developer.themoviedb.org/docs/getting-started" | ||
| target="_blank" | ||
| rel="noopener noreferrer">TMDB API</a | ||
| > | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="col-span-1 h-full"> | ||
| <h1 class="text-center mb-3">Developer Contact</h1> | ||
| <div class="flex justify-around items-center text-4xl h-full"> | ||
| <a href="http://" target="_blank" rel="noopener noreferrer"> | ||
| <FiInstagram /> | ||
| </a> | ||
| <a href="http://" target="_blank" rel="noopener noreferrer"> | ||
| <TfiGithub /> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <div class="w-full h-1 bg-slate-700"></div> | ||
| <section class="w-full grid place-items-center py-4"> | ||
| <h1>© 2024 ~ Iqbal Muthahhary</h1> | ||
| </section> | ||
| </footer> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,58 @@ | ||
| --- | ||
| import { Image } from "astro:assets"; | ||
| import { format } from "date-fns"; | ||
| import Link from "@/components/ui/Link.astro"; | ||
| type Props = { id_tv: number } & EpsiodeFromSeason; | ||
| const { name, still_path, air_date, id, episode_number, id_tv, season_number } = | ||
| Astro.props; | ||
| --- | ||
|
|
||
| <article | ||
| class="w-full card flex flex-col h-full rounded-md hover:scale-95 transition-transform ease-in-out duration-300" | ||
| transition:name={`episode ${episode_number}~${season_number} card`} | ||
| > | ||
| <Link | ||
| href={`/tv/${id_tv}/seasons/${season_number}/${episode_number}`} | ||
| class="flex flex-col h-full" | ||
| > | ||
| { | ||
| still_path === undefined || still_path === null ? ( | ||
| <div class="w-full aspect-[1/.75] rounded-t-md bg-white bg-opacity-50 text-black grid place-items-center font-bold"> | ||
| Poster not found | ||
| </div> | ||
| ) : ( | ||
| <Image | ||
| src={`${import.meta.env.PUBLIC_TMDB_IMG_URL}${still_path}`} | ||
| alt="Poster" | ||
| inferSize | ||
| class="w-full aspect-auto rounded-t-md" | ||
| transition:name={`episode ${episode_number}~${season_number} poster`} | ||
| loading="eager" | ||
| /> | ||
| ) | ||
| } | ||
| <div class="p-3 flex-grow"> | ||
| <h1 | ||
| transition:name={`episode ${episode_number}~${season_number} title`} | ||
| class="text-lg" | ||
| > | ||
| {name} ~ {episode_number} | ||
| </h1> | ||
| <p transition:name={`episode ${episode_number}~${season_number} date`}> | ||
| {format(air_date ? new Date(air_date) : new Date(), "MMMM dd, yyyy")} | ||
| </p> | ||
| </div> | ||
| </Link> | ||
| </article> | ||
| <style> | ||
| .card { | ||
| background: rgba(255, 255, 255, 0.2); | ||
| box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); | ||
| backdrop-filter: blur(20px); | ||
| -webkit-backdrop-filter: blur(20px); | ||
| border: 1px solid rgba(255, 255, 255, 0.18); | ||
| min-height: 300px; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| --- | ||
| import type { Season } from "@/types/tv"; | ||
| import { getSeasonData } from "@/utils/data"; | ||
| import Card from "../Episode/Card.astro"; | ||
| import Link from "@/components/ui/Link.astro"; | ||
| type Props = { id_tv: number } & Season; | ||
| const { name, season_number, id_tv, episode_count } = Astro.props; | ||
| const episodes = await getSeasonData(id_tv, season_number); | ||
| --- | ||
|
|
||
| <article class="px-4"> | ||
| <div class="flex justify-between items-center"> | ||
| <h1 class="text-2xl font-bold">{name}</h1> | ||
| <p class="text-lg font-semibold"> | ||
| {episode_count} | ||
| {episode_count > 1 ? "episodes" : "episode"} | ||
| </p> | ||
| </div> | ||
| <section | ||
| class="w-full grid lg:grid-cols-4 md:grid-cols-3 grid-cols-2 gap-4 mt-4" | ||
| > | ||
| { | ||
| episodes.episodes | ||
| .splice(0, 5) | ||
| .map((episode: EpsiodeFromSeason) => ( | ||
| <Card id_tv={id_tv} {...episode} /> | ||
| )) | ||
| } | ||
| <div | ||
| class="w-full h-full text-blue-600 text-2xl grid place-items-center rounded-md" | ||
| > | ||
| <Link | ||
| href={`/tv/${id_tv}/seasons/${season_number}`} | ||
| class="hover:scale-105 transition-transform ease-in-out duration-300" | ||
| >See more</Link | ||
| > | ||
| </div> | ||
| </section> | ||
| </article> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,4 @@ | ||
| --- | ||
| import { ViewTransitions } from "astro:transitions"; | ||
| interface Props { | ||
| title: string; | ||
| description: string; | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.