Giovanni-Josserand/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change of section titles and margin-top section

Browse Source
This commit is contained in:
Giovanni-Josserand 2025-08-28 15:34:37 +02:00
parent 63af2c4d7c
commit 9e19379f81
7 changed files with 39 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -4,6 +4,11 @@
<meta charset="UTF-8" /> <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="/public/assets/images/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Audiowide&display=swap" rel="stylesheet">
<title>Giovanni Josserand</title> <title>Giovanni Josserand</title>
</head> </head>
<body> <body>

2
src/components/Experiences.jsx
View File

@ -30,7 +30,7 @@ function Experiences() {
return ( return (
<section id="experiences-section"> <section id="experiences-section">
<h1>Experiences</h1> <h1 className="section-title">Experiences</h1>
<div className="experiences-container"> <div className="experiences-container">
{experiencesData.map((exp) => ( {experiencesData.map((exp) => (
<SingleExperience experience={exp}/> <SingleExperience experience={exp}/>

2
src/components/Projects.jsx
View File

@ -29,7 +29,7 @@ function Projects() {
return ( return (
<section id="projects-section"> <section id="projects-section">
<h1>Projects</h1> <h1 className="section-title">Projects</h1>
<div className="projects-section-list"> <div className="projects-section-list">
<SingleProject image={codevProject.image} title={codevProject.title} description={codevProject.description} skills={codevProject.skills} color={codevProject.color} nbImage={codevProject.nbImage}/> <SingleProject image={codevProject.image} title={codevProject.title} description={codevProject.description} skills={codevProject.skills} color={codevProject.color} nbImage={codevProject.nbImage}/>
<SingleProject image={SAECProject.image} title={SAECProject.title} description={SAECProject.description} skills={SAECProject.skills} color={SAECProject.color} nbImage={SAECProject.nbImage}/> <SingleProject image={SAECProject.image} title={SAECProject.title} description={SAECProject.description} skills={SAECProject.skills} color={SAECProject.color} nbImage={SAECProject.nbImage}/>

2
src/components/Skills.jsx
View File

@ -4,7 +4,7 @@ import "../styles/Skills.css";
function Skills() { function Skills() {
return ( return (
<section id="skills-section"> <section id="skills-section">
<h1>Skills</h1> <h1 className="section-title">Skills</h1>
<div id="languages" className="skill-category"> <div id="languages" className="skill-category">
<h2>Languages</h2> <h2>Languages</h2>
<div className="skills"> <div className="skills">

34
src/index.css
View File

@ -17,13 +17,35 @@ body {
min-height: 100vh; min-height: 100vh;
} }
h1{ h1{
font-size: 3.2em; font-size: 4rem;
line-height: 1.1; color: white;
color: #EAEAEA;
text-align: center;
} }
h2{ .section-title {
color: #EAEAEA; font-family: Arial;
font-size: 2.5rem;
color: #f0f0f0;
text-transform: uppercase;
letter-spacing: 0.15rem;
text-align: center;
margin-bottom: 3rem;
}
.section-title::after {
content: '';
display: block;
width: 60px;
height: 3px;
background-color: #D95F46;
margin: 1rem auto 0;
border-radius: 2px;
}
h2{
color: #f0f0f0;
} }

3
src/styles/Projects.css
View File

@ -2,11 +2,12 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
scroll-margin-top: 40px; scroll-margin-top: 40px;
margin-top: 100px;
} }
.show-more-container { .show-more-container {
text-align: center; text-align: center;
margin-top: 2rem;
} }
.show-more-link { .show-more-link {

1
src/styles/Skills.css
View File

@ -2,6 +2,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
scroll-margin-top: 40px; scroll-margin-top: 40px;
margin-top: 100px;
} }
.skills-span{ .skills-span{