move all components that are exclusive to one page

2026-04-23 15:44:19 +02:00 · 2026-04-23 15:39:00 +02:00 · 2026-04-23 15:37:39 +02:00 · 2025-09-28 17:24:22 +00:00 · 2025-09-28 19:23:58 +02:00 · 2025-09-28 17:19:28 +00:00
30 changed files with 140 additions and 49 deletions
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/public/assets/images/logo.svg" />
+    <link rel="icon" type="image/svg+xml" href="/assets/images/logo.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -7,12 +7,26 @@
   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,12 +7,26 @@
   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,12 +7,26 @@
   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,12 +7,26 @@
   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,12 +7,26 @@
   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,12 +7,26 @@
   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,12 +7,26 @@
   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,12 +7,26 @@
   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, Link } from 'react-router-dom';
-import HomePage from './pages/HomePage.jsx';
-import ProjectsPage from './pages/ProjectsPage';
-import ProjectDetailsPage from "./pages/ProjectDetailsPage.jsx";
+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";


 function App() {
@@ -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 "../Filter/Filter.jsx";
+import Filter from "../../pages/Projects/components/Filter/Filter.jsx";

 function Projects() {
    const [projects, setProjects] = useState([]);
@@ -9,7 +9,6 @@

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


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

 .section-title {
@@ -1,10 +1,10 @@
-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';
+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';

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

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import SkillCard from "../SkillCard/SkillCard.jsx";
+import SkillCard from "../../../../components/SkillCard/SkillCard.jsx";
 import "./Skills.css";

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

 function ProjectDetailsPage() {
    const { id } = useParams();
@@ -183,5 +183,11 @@ 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 "../SkillCard/SkillCard.jsx";
+import SkillCard from "../../../../components/SkillCard/SkillCard.jsx";
 import React, {useEffect, useState} from "react";
-import NavBar from "../NavBar/NavBar.jsx";
+import NavBar from "../../../../components/NavBar/NavBar.jsx";
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import {useNavigate} from "react-router-dom";
@@ -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 (
Author	SHA1	Message	Date
Giovanni	83390d802a	move all components that are exclusive to one page	2026-04-23 15:44:19 +02:00
Giovanni	cab338c2b3	move all components that are exclusive to one page	2026-04-23 15:39:00 +02:00
Giovanni	d34eb5714f	move all components that are exclusive to one page	2026-04-23 15:37:39 +02:00
Giovanni-Josserand	23233d4be6	Merge pull request 'feature/responsive' (#38 ) from feature/responsive into dev Reviewed-on: Giovanni-Josserand/Portfolio#38	2025-09-28 17:24:22 +00:00
Giovanni	b9b349b706	update responsive of project details page	2025-09-28 19:23:58 +02:00
Giovanni-Josserand	287329e2c5	Merge pull request 'dev' (#37 ) from dev into feature/responsive Reviewed-on: Giovanni-Josserand/Portfolio#37	2025-09-28 17:19:28 +00:00
Giovanni-Josserand	ed05bee64d	Merge pull request 'resolve aside problem' (#36 ) from feature/detailsProject into dev Reviewed-on: Giovanni-Josserand/Portfolio#36	2025-09-28 17:19:10 +00:00
Giovanni	7708889e28	resolve aside problem	2025-09-28 19:18:44 +02:00
Giovanni-Josserand	425b96e9c6	Merge pull request 'dev' (#34 ) from dev into feature/responsive Reviewed-on: Giovanni-Josserand/Portfolio#34	2025-09-28 16:59:19 +00:00