(update): new pojects && favicon

This commit is contained in:
yousifpa98
2025-04-13 00:08:20 +02:00
parent 9ee3e25f0a
commit a1d98b1375
8 changed files with 24 additions and 27 deletions

View File

@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script <script
src="https://cdn.yousifpaulus.dev/tracker.js" src="https://cdn.yousifpaulus.dev/tracker.js"

BIN
public/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 456 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 141 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

View File

@@ -12,57 +12,54 @@ import Location from "../Location";
import { useState } from "react"; import { useState } from "react";
import ProjectsMain from "../subComponents/Projects/ProjectsMain"; import ProjectsMain from "../subComponents/Projects/ProjectsMain";
import inkspireImg from "../../assets/img/projects/inkspire.png"; import inkspireImg from "../../assets/img/projects/inkspire.png";
import debImg from "../../assets/img/projects/deb.png"; import redovoltImg from "../../assets/img/projects/redovolt.png";
import animeDBImg from "../../assets/img/projects/animeDB.png"; import satsuImg from "../../assets/img/projects/satsu.png";
import animedbImg1 from "../../assets/img/projects/animedb1.png"; import webklarImg from "../../assets/img/projects/webklar.png";
import animedbImg2 from "../../assets/img/projects/animedb2.png";
import animedbImg3 from "../../assets/img/projects/animedb3.png";
import strogasoImg from "../../assets/img/projects/strogaso.png";
import { useLang } from "../../Context/LangContext"; import { useLang } from "../../Context/LangContext";
const Projects = () => { const Projects = () => {
const {language} = useLang() const { language } = useLang();
const projectArr = [ const projectArr = [
{ {
name: "inkspire.", name: "inkspire",
urls: { ghUrl: "https://github.com/yousifpa98/inkspire" }, urls: { ghUrl: "https://github.com/yousifpa98/inkspire" },
year: "2024", year: "2024",
job: language === "en-GB" ? "freelance" : "freiberuflich", job: language === "en-GB" ? "freelance" : "freiberuflich",
imgs: [inkspireImg], imgs: [inkspireImg],
id: 1, id: 1,
}, },
{ {
name: "Client Website", name: "Redovolt",
urls: { urls: {
ghUrl: "N/A", ghUrl: "",
liveUrl: "https://druckerei-eberwein.de/", liveUrl: "https://redovolt.de/",
}, },
year: "2024", year: "2025",
job: language === "en-GB" ? "freelance" : "freiberuflich", job: language === "en-GB" ? "freelance" : "freiberuflich",
imgs: [debImg], imgs: [redovoltImg],
id: 2, id: 2,
}, },
{ {
name: "Otaku Critics", name: "Webklar.app",
urls: { urls: {
ghUrl: "https://github.com/yousifpa98/animeDB-react", ghUrl: "",
liveUrl: "https://otakucritics.netlify.app/", liveUrl: "https://www.webklar.app",
}, },
year: "2024", year: "2025",
job: language === "en-GB" ? "personal project" : "pers. Projekt", job: language === "en-GB" ? "personal project" : "pers. Projekt",
imgs: [animeDBImg], imgs: [webklarImg],
id: 3, id: 3,
}, },
{ {
name: "Strogaso", name: "Satsu",
urls: { urls: {
ghUrl: "https://github.com/yousifpa98/strogaso-react", ghUrl: "N/A",
liveUrl: "https://www.strogaso.de", liveUrl: "https://www.satsu.pro",
}, },
year: "2023/24", year: "2025",
job: "Salescape", job: language === "en-GB" ? "personal project" : "pers. Projekt",
imgs: [strogasoImg], imgs: [satsuImg],
id: 4, id: 4,
}, },
]; ];
@@ -79,7 +76,7 @@ const {language} = useLang()
const handleAnimationEnd = (setAnimation) => { const handleAnimationEnd = (setAnimation) => {
setAnimation(""); // Clear animation to prevent re-triggering setAnimation(""); // Clear animation to prevent re-triggering
}; };
return ( return (
<div className="gridContainer"> <div className="gridContainer">
<Navigation /> <Navigation />