diff options
Diffstat (limited to 'components/footer.js')
| -rw-r--r-- | components/footer.js | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/components/footer.js b/components/footer.js index 50c556a..22c6868 100644 --- a/components/footer.js +++ b/components/footer.js @@ -11,24 +11,24 @@ function Footer() { const [season, setSeason] = useState(getCurrentSeason()); return ( - <section className="text-[#dbdcdd] z-40 bg-[#0c0d10] md:flex md:h-[12rem] md:items-center md:justify-between"> - <div className="mx-auto flex w-[80%] flex-col space-y-10 pb-6 md:flex-row md:items-center md:justify-between md:space-y-0 md:py-0"> + <section className="text-[#dbdcdd] z-40 bg-[#0c0d10] lg:flex lg:h-[12rem] lg:items-center lg:justify-between"> + <div className="mx-auto flex w-[80%] lg:w-[95%] xl:w-[80%] flex-col space-y-10 pb-6 lg:flex-row lg:items-center lg:justify-between lg:space-y-0 lg:py-0"> <div className="flex items-center gap-24"> - <div className="md:flex grid items-center md:gap-10 gap-3"> + <div className="lg:flex grid items-center lg:gap-10 gap-3"> {/* <h1 className="font-outfit text-[2.56rem]">moopa</h1> */} <h1 className="font-outfit text-[40px]">moopa</h1> <div> - <p className="flex items-center gap-1 font-karla md:text-[0.81rem] text-[0.7rem] text-[#CCCCCC]"> + <p className="flex items-center gap-1 font-karla lg:text-[0.81rem] text-[0.7rem] text-[#CCCCCC]"> © {new Date().getFullYear()} moopa.live | Website Made by Factiven </p> - <p className="font-karla md:text-[0.8rem] text-[0.65rem] text-[#9c9c9c] md:w-[520px] italic"> + <p className="font-karla lg:text-[0.8rem] text-[0.65rem] text-[#9c9c9c] lg:w-[520px] italic"> This site does not store any files on our server, we only linked to the media which is hosted on 3rd party services. </p> </div> </div> - {/* <div className="lg:hidden md:block"> + {/* <div className="lg:hidden lg:block"> <Image src="https://i1210.photobucket.com/albums/cc417/kusanagiblog/NarutoVSSasuke.gif" alt="gambar" @@ -38,8 +38,8 @@ function Footer() { /> </div> */} </div> - <div className="flex flex-col gap-10 md:flex-row md:items-end md:gap-[9.06rem] text-[#a7a7a7] text-sm md:text-end"> - <div className="flex flex-col gap-10 font-karla font-bold md:flex-row md:gap-[5.94rem]"> + <div className="flex flex-col gap-10 lg:flex-row lg:items-end lg:gap-[9.06rem] text-[#a7a7a7] text-sm lg:text-end"> + <div className="flex flex-col gap-10 font-karla font-bold lg:flex-row lg:gap-[5.94rem]"> <ul className="flex flex-col gap-y-[0.7rem] "> <li className="cursor-pointer hover:text-action"> <Link @@ -79,7 +79,9 @@ function Footer() { <Link href="/dmca">DMCA</Link> </li> <li className="cursor-pointer hover:text-action"> - <Link href="/contact">Contact</Link> + <Link href="https://github.com/DevanAbinaya/Ani-Moopa"> + Github + </Link> </li> </ul> </div> |