diff options
| author | real-zephex <[email protected]> | 2024-03-26 13:21:55 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-03-26 13:21:55 +0530 |
| commit | 3acac648ad6f7c220a48ff9f92f42e814c2097ab (patch) | |
| tree | 894bd3085ca1021566ff68577136305c79bd2ea5 /src/app/components | |
| parent | idek (diff) | |
| download | dramalama-3acac648ad6f7c220a48ff9f92f42e814c2097ab.tar.xz dramalama-3acac648ad6f7c220a48ff9f92f42e814c2097ab.zip | |
restructured files
Diffstat (limited to 'src/app/components')
| -rw-r--r-- | src/app/components/footer/footer.module.css | 15 | ||||
| -rw-r--r-- | src/app/components/footer/page.jsx | 43 | ||||
| -rw-r--r-- | src/app/components/header/header.jsx | 30 |
3 files changed, 88 insertions, 0 deletions
diff --git a/src/app/components/footer/footer.module.css b/src/app/components/footer/footer.module.css new file mode 100644 index 0000000..8547873 --- /dev/null +++ b/src/app/components/footer/footer.module.css @@ -0,0 +1,15 @@ +.footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: #161616; + color: white; + text-align: center; +} + +.footer p a { + padding: 10px; + text-decoration: none; + color: #696880; +}
\ No newline at end of file diff --git a/src/app/components/footer/page.jsx b/src/app/components/footer/page.jsx new file mode 100644 index 0000000..f3c9fc7 --- /dev/null +++ b/src/app/components/footer/page.jsx @@ -0,0 +1,43 @@ +import styles from "./footer.module.css"; + +export default async function Footer() { + return ( + <div className={styles.footer}> + <p style={{ margin: 10 }}> + <a + href="https://stats.uptimerobot.com/Fxp7SE5Ll3" + target="_new" + > + Status + </a> + <a + href="https://github.com/real-zephex/Dramalama" + target="_new" + > + Github + </a> + <a + style={{ color: "#A3BE8C" }} + href="https://dramalama-zephex.koyeb.app" + target="_new" + > + Koyeb + </a> + <a + style={{ color: "#EBCB8B" }} + href="https://dramalama.vercel.app" + target="_new" + > + Vercel + </a> + <a + style={{ color: "#BF616A" }} + href="https://dramalama.netlify.app" + target="_new" + > + Netlify + </a> + </p> + </div> + ); +} diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx new file mode 100644 index 0000000..22798b4 --- /dev/null +++ b/src/app/components/header/header.jsx @@ -0,0 +1,30 @@ +import Link from "next/link"; + +export default function Header() { + return ( + <div className="headMain"> + <div className="headNav"> + <Link + href="/" + style={{ color: "black", textDecoration: "none" }} + > + <p style={{ fontSize: "26px", color: "var(--pastel-red)" }}> + Dramalama + </p> + </Link> + <div className="rightNav"> + <Link href="/anime"> + <p>Anime</p> + </Link> + <Link href="/manga"> + <p>Manga</p> + </Link> + <Link href="/kdrama"> + <p>Kdrama</p> + </Link> + </div> + </div> + <hr style={{ marginTop: "-3px" }} /> + </div> + ); +} |