diff --git a/public/file.svg b/public/file.svg deleted file mode 100644 index 004145c..0000000 --- a/public/file.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/globe.svg b/public/globe.svg deleted file mode 100644 index 567f17b..0000000 --- a/public/globe.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index 7705396..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/window.svg b/public/window.svg deleted file mode 100644 index b2b2a44..0000000 --- a/public/window.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/app/about.js b/src/app/about.js deleted file mode 100644 index e69de29..0000000 diff --git a/src/app/about/page.js b/src/app/about/page.js index 98c83b0..9d9eb04 100644 --- a/src/app/about/page.js +++ b/src/app/about/page.js @@ -145,10 +145,9 @@ export default function About() { setTimelineFinished(currentSection === timelineData.length - 1); }, [currentSection, timelineData.length]); return ( - // Ändern Sie den äußeren Container-Style
diff --git a/src/app/contact/page.js b/src/app/contact/page.js index 8c6fd42..b0d05d1 100644 --- a/src/app/contact/page.js +++ b/src/app/contact/page.js @@ -1,12 +1,10 @@ "use client"; -import React, {useEffect} from "react"; -import Link from "next/link"; +import { useEffect } from "react"; import Image from "next/image"; export default function ContactPage() { useEffect(() => { - // Load Ionicons if not already present if (!window.customElements.get("ion-icon")) { const script = document.createElement("script"); script.setAttribute("type", "module"); @@ -23,45 +21,53 @@ export default function ContactPage() { return (
-

Kontakt und Impressum

+

Kontakt & Impressum

-

Impressum

-

- Frederik Spirgi
- Frederik@spirgi.com
+

+ Frederik Spirgi
+ Frederik@spirgi.com
077 533 70 36 -

+
); } - -function toggleSidebar() { - const sidebar = document.getElementById("sidebar"); - if (!sidebar) return; - const isOpen = sidebar.style.transform === "translateX(0%)"; - sidebar.style.transform = isOpen ? "translateX(-100%)" : "translateX(0%)"; -} \ No newline at end of file diff --git a/src/app/favicon.ico b/src/app/favicon.ico index 718d6fe..afb249d 100644 Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ diff --git a/src/app/globals.css b/src/app/globals.css index 73562ea..35426bb 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -411,14 +411,30 @@ nav.navbar { color: #ffffff; } -.contact-link { - text-decoration: none; - color: #ddd; +.contact-links { display: flex; flex-direction: column; align-items: center; - margin-top: 0.5rem; - position: relative; + gap: 0.75rem; + margin-top: 1rem; +} + +.contact-link { + display: flex; + align-items: center; + gap: 0.5rem; + color: #ccc; + font-size: 1rem; + text-decoration: none; + transition: color 0.3s ease; +} + +.contact-link:hover { + color: #fff; +} + +.contact-link ion-icon { + font-size: 1.2rem; } .contact-link .icon { diff --git a/src/app/layout.js b/src/app/layout.js index 5577ecd..657f5b3 100644 --- a/src/app/layout.js +++ b/src/app/layout.js @@ -14,8 +14,11 @@ const geistMono = Geist_Mono({ }); export const metadata = { - title: "Fretux Portfolio", - description: "Frederik Spirgi – Full-stack developer", + title: "Fretux", + description: "Frederik Spirgi – Frontend developer", + icons: { + icon: "/favicon.ico", + }, }; export default function RootLayout({ children }) { diff --git a/src/app/page.js b/src/app/page.js index a619d2d..3acef0c 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -7,7 +7,7 @@ import FadeInSection from "./components/FadeInSection"; export default function Home() { const [showScrollPrompt, setShowScrollPrompt] = useState(false); - const [title, setTitle] = useState("Fretux"); + const [title, setTitle] = useState("Frederik Spirgi"); const [phase, setPhase] = useState("normal"); useEffect(() => { let fadeTimeout;