Fretux/WebsitePortfolio2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Removed unused SVG files from the project.

Browse Source 
- Updated Contact page layout, adding contact links and restructuring sections.
- Modified CSS for improved styling and hover effects on contact links.
- Refactored metadata for layout with updated title, description, and favicon.
- Renamed `title` state on the Home page for clarity.
This commit is contained in:
IM23a-spirgif
2025-06-03 19:17:53 +02:00
parent 350438a609
commit de828251dc
12 changed files with 60 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/contact/page.js
+32 -26
View File
@@ -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 (
<div className="css_body">
<main>
<h1>Kontakt und Impressum</h1>
<h1>Kontakt & Impressum</h1>
<article>
<h2>Kontakt</h2>
<section className="contact-list">
<div className="contact-item">
<Image
className="contact-pic"
src="https://avatars.githubusercontent.com/u/143030312?v=4"
alt="Frederik Spirgi"
width={180}
height={180}
/>
<p className="contact-name">Frederik Spirgi</p>
<a className="contact-link" href="https://github.com/IM23a-spirgif" target="_blank"
rel="noopener noreferrer">
<img className="contact-pic" src="https://avatars.githubusercontent.com/u/143030312?v=4"
alt="Frederik Spirgi"/>
<span className="icon">
Writer & Developer
<br/>
<ion-icon name="logo-github"></ion-icon>
</span>
</a>
<div className="contact-links">
<a
className="contact-link"
href="https://github.com/IM23a-spirgif"
target="_blank"
rel="noopener noreferrer"
>
<ion-icon name="logo-github"></ion-icon>
<span>GitHub</span>
</a>
<a className="contact-link" href="mailto:Frederik@spirgi.com">
<ion-icon name="mail-outline"></ion-icon>
<span>Email</span>
</a>
<a className="contact-link" href="tel:+41775337036">
<ion-icon name="call-outline"></ion-icon>
<span>Phone</span>
</a>
</div>
</div>
</section>
</article>
<article>
<h2>Impressum</h2>
<section className="impressum">
<p className="impressum-item">
<strong>Frederik Spirgi</strong><br/>
Frederik@spirgi.com<br/>
<div className="impressum-item">
<strong>Frederik Spirgi</strong><br />
Frederik@spirgi.com<br />
077 533 70 36
</p>
</div>
</section>
</article>
</main>
</div>
);
}
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%)";
}