feat: fix image

TCP1P · Feb 4, 2024 · 7826263 · 7826263
1 parent f36d0c1
commit 7826263
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/next.config.js b/next.config.js
@@ -1,7 +1,11 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
     basePath: "/tcp1p-pages",
+    assetPrefix: "/tcp1p-pages",
     output: "export",
+    images:{
+        unoptimized: true
+    }
 }
 
 module.exports = nextConfig
diff --git a/src/app/_components/footer.tsx b/src/app/_components/footer.tsx
@@ -2,14 +2,16 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faGithub, faLinkedin } from "@fortawesome/free-brands-svg-icons";
 import { faEnvelope} from "@fortawesome/free-solid-svg-icons";
 import Image from "next/image";
+
+import ctftimelogo from "../../../public/ctftime.png"
 export function TopFooter() {
     return <>
         <footer className="footer footer-center p-10 p-t text-base-content rounded">
             <nav>
                 <div className="grid grid-flow-col gap-4 p-4">
                     <a href="https://www.linkedin.com/company/tcp1p/" target="_blank"><FontAwesomeIcon icon={faLinkedin} className="text-3xl" /></a>
                     <a href="https://github.com/TCP1P" target="_blank"><FontAwesomeIcon icon={faGithub} className="text-3xl" /></a>
-                    <a href="https://ctftime.org/team/187248" target="_blank"><Image src="/ctftime.png" width={28} height={28} alt={"CTFtime"}></Image></a>
+                    <a href="https://ctftime.org/team/187248" target="_blank"><Image src={ctftimelogo} width={28} height={28} alt={"CTFtime"}></Image></a>
                     <a href="mailto:[email protected]" target="_blank"><FontAwesomeIcon icon={faEnvelope} className="text-3xl" /></a>
                 </div>
                 <p>TCP1P • © 2024</p>

diff --git a/src/app/_components/logo-header.tsx b/src/app/_components/logo-header.tsx
@@ -1,9 +1,11 @@
 import Image from "next/image";
 
+import logo from '../../../public/TCP1P-logo-no-bg.svg'
+
 export function LogoHeader() {
     return <>
         <div className="flex flex-col items-center">
-            <Image src='/TCP1P-logo-no-bg.svg' alt={"TCP1P Logo"} width={400} height={100}></Image>
+            <Image src={logo} alt={"TCP1P Logo"} width={400} height={100}></Image>
             <p className="font-bold text-3xl">The CTF Player 1P</p>
             <p>CTF Team From Indonesia</p>
         </div>