Compare commits
17 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a875e1dfb7 | |||
| 83390d802a | |||
| cab338c2b3 | |||
| d34eb5714f | |||
| 6847f7d2c6 | |||
| d415d1ca38 | |||
| 34869f0611 | |||
| a08689086c | |||
| 45e78dd11c | |||
| 59538b6f17 | |||
| fdc39d3928 | |||
| 23233d4be6 | |||
| b9b349b706 | |||
| 287329e2c5 | |||
| ed05bee64d | |||
| 7708889e28 | |||
| 425b96e9c6 |
+1
-1
@@ -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">
|
||||
|
||||
Binary file not shown.
Binary file not shown.
@@ -1,6 +1,5 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
|
||||
|
Before Width: | Height: | Size: 109 KiB After Width: | Height: | Size: 109 KiB |
+4
-4
@@ -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 (
|
||||
|
||||
@@ -13,7 +13,7 @@ function Home() {
|
||||
Passionate about development, I am currently looking
|
||||
for an opportunity to put my skills into practice and continue learning.
|
||||
</p>
|
||||
<a href="/assets/documents/CV.pdf" target="_blank" className="btn">Download my CV</a>
|
||||
<a href="/assets/documents/josserand_giovanni_cv.pdf" target="_blank" className="btn">See my CV</a>
|
||||
|
||||
</section>
|
||||
);
|
||||
+2
-2
@@ -1,8 +1,8 @@
|
||||
.experience-card {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
margin-bottom: 3rem;
|
||||
padding: 1.5rem;
|
||||
padding: 1.5em;
|
||||
display: flex;
|
||||
gap: 6rem;
|
||||
justify-content: center;
|
||||
@@ -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();
|
||||
+6
@@ -183,5 +183,11 @@ aside ul li a:hover {
|
||||
.return-button {
|
||||
top: 7em;
|
||||
}
|
||||
aside {
|
||||
display: none;
|
||||
}
|
||||
.project-details-content{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
+2
-2
@@ -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 (
|
||||
Reference in New Issue
Block a user