Kinou/my_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add skills

Browse Source
This commit is contained in:
kinou-p 2024-05-10 23:41:54 +02:00
parent ea26c11706
commit a348209dea
8 changed files with 64 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
my-app/public/index.html
View File

@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<title>Alexandre Pommier</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>

12
my-app/src/components/button.tsx
View File

@ -40,25 +40,21 @@ const Button = styled(BaseButton)(
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 600;
font-size: 0.875rem;
background-color: ${blue[500]};
background-color: '#007FFF';
padding: 8px 16px;
border-radius: 8px;
color: white;
transition: all 200ms ease;
cursor: pointer;
border: 1px solid ${blue[500]};
box-shadow: 0 2px 1px ${
theme.palette.mode === 'dark' ? 'rgba(0, 0, 0, 0.5)' : 'rgba(45, 45, 60, 0.2)'
}, inset 0 1.5px 1px ${blue[400]}, inset 0 -2px 1px ${blue[600]};
border: 1px solid '#007FFF';
&:hover {
transform: scale(1.1);
background-color: ${blue[600]};
background-color: '#0072E5';
}
&:active {
background-color: ${blue[700]};
background-color: '#0066CC';
box-shadow: none;
transform: scale(0.99);
}

21
my-app/src/css/mine.css
View File

@ -20,6 +20,7 @@ a, a:visited, a:hover, a:active {
}
.resume_jpg {
max-width: 100%;
margin-top: 10vh;
}
@ -96,8 +97,24 @@ body {
margin-right: 0vw;
}
Button{
font-weight: 800;
.button{
align-self: center;
font-family: 'IBM Plex Sans', sans-serif;
font-weight: 600;
font-size: 0.875rem;
background-color: rgb(0, 127, 255);
padding: 8px 16px;
border-radius: 8px;
color: rgb(0, 0, 0);
transition: all 200ms ease;
cursor: pointer;
border: 1px solid '#007FFF';
&:hover {
transform: scale(1.5);
background-color: rgb(0, 127, 255);
}
}
.dark_mode {

10
my-app/src/css/project.css
View File

@ -47,6 +47,16 @@ img {
/* align-items: center; */
}
.badge_list_skill {
margin-top: 15vh;
width: 100%;
display: flex;
align-self: center;
justify-content: space-evenly;
/* align-items: center; */
}
.badge {
height: 5vh;
}

BIN
my-app/src/img/old_cv.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

5
my-app/src/pages/home.tsx
View File

@ -3,6 +3,7 @@ import ButtonSimple from '../components/button'
import { FaArrowRightLong } from "react-icons/fa6";
import { useTranslation } from 'react-i18next';
import Button from '@mui/material/Button';
function Home()
{
@ -22,7 +23,9 @@ function Home()
et suis prêt à discuter de mon parcours plus amplement lors d’un entretien.</div> */}
<div className= "description">{t("description")}</div>
<div className= "cv_button">
<ButtonSimple/>
<a className="button" href="/resume">
{t("resume")}
</a>
</div>
</div>
<div className="project">

13
my-app/src/pages/projects.tsx
View File

File diff suppressed because one or more lines are too long

20
my-app/src/pages/skills.tsx
View File

File diff suppressed because one or more lines are too long