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. 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`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>React App</title> <title>Alexandre Pommier</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <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-family: 'IBM Plex Sans', sans-serif;
font-weight: 600; font-weight: 600;
font-size: 0.875rem; font-size: 0.875rem;
background-color: ${blue[500]}; background-color: '#007FFF';
padding: 8px 16px; padding: 8px 16px;
border-radius: 8px; border-radius: 8px;
color: white; color: white;
transition: all 200ms ease; transition: all 200ms ease;
cursor: pointer; cursor: pointer;
border: 1px solid ${blue[500]}; border: 1px solid '#007FFF';
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]};
&:hover { &:hover {
transform: scale(1.1); transform: scale(1.1);
background-color: ${blue[600]}; background-color: '#0072E5';
} }
&:active { &:active {
background-color: ${blue[700]}; background-color: '#0066CC';
box-shadow: none; box-shadow: none;
transform: scale(0.99); 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 { .resume_jpg {
max-width: 100%;
margin-top: 10vh; margin-top: 10vh;
} }
@ -96,8 +97,24 @@ body {
margin-right: 0vw; 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 { .dark_mode {

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

@ -47,6 +47,16 @@ img {
/* align-items: center; */ /* align-items: center; */
} }
.badge_list_skill {
margin-top: 15vh;
width: 100%;
display: flex;
align-self: center;
justify-content: space-evenly;
/* align-items: center; */
}
.badge { .badge {
height: 5vh; 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 { FaArrowRightLong } from "react-icons/fa6";
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import Button from '@mui/material/Button';
function Home() function Home()
{ {
@ -22,7 +23,9 @@ function Home()
et suis prêt à discuter de mon parcours plus amplement lors d’un entretien.</div> */} et suis prêt à discuter de mon parcours plus amplement lors d’un entretien.</div> */}
<div className= "description">{t("description")}</div> <div className= "description">{t("description")}</div>
<div className= "cv_button"> <div className= "cv_button">
<ButtonSimple/> <a className="button" href="/resume">
{t("resume")}
</a>
</div> </div>
</div> </div>
<div className="project"> <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