Add of Qt image, remove of .png images and fix attribute not allowed on svg

2025-11-06 19:21:25 +01:00
30 changed files with 49 additions and 140 deletions
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/assets/images/logo.svg" />
+    <link rel="icon" type="image/svg+xml" href="/public/assets/images/logo.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -7,26 +7,12 @@
   width="1822"
   height="2051"
   viewBox="0 0 1822 2051"
-   sodipodi:docname="C++.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
     id="g1">
    <image
       width="1822"
@@ -7,26 +7,12 @@
   width="1200"
   height="1200"
   viewBox="0 0 1200 1200"
-   sodipodi:docname="CSS.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
     id="g1">
    <image
       width="1200"
@@ -7,26 +7,12 @@
   width="2048"
   height="2048"
   viewBox="0 0 2048 2048"
-   sodipodi:docname="Git.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
     id="g1">
    <image
       width="2048"
@@ -7,26 +7,12 @@
   width="169"
   height="169"
   viewBox="0 0 169 169"
-   sodipodi:docname="image-removebg-preview.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
     id="g1">
    <image
       width="169"
@@ -7,26 +7,12 @@
   width="973"
   height="973"
   viewBox="0 0 973 973"
-   sodipodi:docname="JavaScript.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
     id="g1">
    <image
       width="973"
@@ -7,26 +7,12 @@
   width="2560"
   height="1381"
   viewBox="0 0 2560 1381"
-   sodipodi:docname="PHP.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
     id="g1">
    <image
       width="2560"
@@ -7,26 +7,12 @@
   width="110"
   height="110"
   viewBox="0 0 110 110"
-   sodipodi:docname="Pyhton.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
     id="g1">
    <image
       width="110"
@@ -7,26 +7,12 @@
   width="301"
   height="299"
   viewBox="0 0 301 299"
-   sodipodi:docname="SQL.png"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs1" />
-  <sodipodi:namedview
-     id="namedview1"
-     pagecolor="#ffffff"
-     bordercolor="#000000"
-     borderopacity="0.25"
-     inkscape:showpageshadow="2"
-     inkscape:pageopacity="0.0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#d1d1d1" />
  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Image"
     id="g1">
    <image
       width="301"
@@ -1,8 +1,8 @@
 import './App.css'
-import { Routes, Route } from 'react-router-dom';
-import HomePage from './pages/Home/HomePage.jsx';
-import ProjectsPage from './pages/Projects/ProjectsPage.jsx';
-import ProjectDetailsPage from "./pages/ProjectDetails/ProjectDetailsPage.jsx";
+import { Routes, Route, Link } from 'react-router-dom';
+import HomePage from './pages/HomePage.jsx';
+import ProjectsPage from './pages/ProjectsPage';
+import ProjectDetailsPage from "./pages/ProjectDetailsPage.jsx";


 function App() {
@@ -1,6 +1,6 @@
 import './Home.css';
-import Background from "../../../../components/thirdParty/Background/Background.jsx";
-import NavBar from "../../../../components/NavBar/NavBar.jsx";
+import Background from "../thirdParty/Background/Background.jsx";
+import NavBar from "../NavBar/NavBar.jsx";
 function Home() {
    return (

@@ -183,11 +183,5 @@ aside ul li a:hover {
    .return-button {
        top: 7em;
    }
-    aside {
-        display: none;
-    }
-    .project-details-content{
-        width: 100%;
-    }
 }

@@ -1,7 +1,7 @@
 import "./ProjectDetails.css"
-import SkillCard from "../../../../components/SkillCard/SkillCard.jsx";
+import SkillCard from "../SkillCard/SkillCard.jsx";
 import React, {useEffect, useState} from "react";
-import NavBar from "../../../../components/NavBar/NavBar.jsx";
+import NavBar from "../NavBar/NavBar.jsx";
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import {useNavigate} from "react-router-dom";
@@ -3,7 +3,7 @@ import "./Projects.css"
 import React, {useEffect, useState} from "react";
 import {Link, useLocation} from "react-router-dom";
 import NavBar from "../NavBar/NavBar.jsx";
-import Filter from "../../pages/Projects/components/Filter/Filter.jsx";
+import Filter from "../Filter/Filter.jsx";

 function Projects() {
    const [projects, setProjects] = useState([]);
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import SkillCard from "../../../../components/SkillCard/SkillCard.jsx";
+import SkillCard from "../SkillCard/SkillCard.jsx";
 import "./Skills.css";

 function Skills() {
@@ -9,6 +9,7 @@

 html{
  scroll-behavior: smooth;
+  overflow-x: hidden;
 }


@@ -16,6 +17,7 @@ body {
  margin: 0;
  display: flex;
  place-items: center;
+  overflow-x: hidden;
 }

 .section-title {
@@ -1,10 +1,10 @@
-import {useEffect} from 'react';
-import { useLocation } from 'react-router-dom';
-import Home from './components/Home/Home.jsx';
-import Experiences from './components/Experiences/Experiences.jsx';
-import Projects from '../../components/Projects/Projects.jsx';
-import Skills from './components/Skills/Skills.jsx';
-import Footer from '../../components/Footer/Footer.jsx';
+import {useEffect, useState} from 'react'; // 1. Import useEffect
+import { useLocation } from 'react-router-dom'; // 2. Import useLocation
+import Home from '../components/Home/Home.jsx';
+import Experiences from '../components/Experiences/Experiences.jsx';
+import Projects from '../components/Projects/Projects.jsx';
+import Skills from '../components/Skills/Skills.jsx';
+import Footer from '../components/Footer/Footer.jsx';

 function HomePage() {
    const location = useLocation();
@@ -1,7 +1,8 @@
 import { useParams } from "react-router-dom";
 import React, { useEffect, useState } from "react";
-import ProjectDetails from "./components/ProjectDetails/ProjectDetails.jsx";
-import Footer from "../../components/Footer/Footer.jsx";
+import NavBar from "../components/NavBar/NavBar.jsx";
+import ProjectDetails from "../components/ProjectDetails/ProjectDetails.jsx";
+import Footer from "../components/Footer/Footer.jsx";

 function ProjectDetailsPage() {
    const { id } = useParams();
@@ -1,5 +1,5 @@
-import Projects from "../../components/Projects/Projects.jsx";
-import Footer from "../../components/Footer/Footer.jsx";
+import Projects from "../components/Projects/Projects.jsx";
+import Footer from "../components/Footer/Footer.jsx";

 function ProjectsPage() {
    return (