diff --git a/my-app/public/index.html b/my-app/public/index.html index aa069f2..4ccfaf6 100644 --- a/my-app/public/index.html +++ b/my-app/public/index.html @@ -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`. --> - React App + Alexandre Pommier diff --git a/my-app/src/components/button.tsx b/my-app/src/components/button.tsx index 8aa431c..021d5bd 100644 --- a/my-app/src/components/button.tsx +++ b/my-app/src/components/button.tsx @@ -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); } diff --git a/my-app/src/css/mine.css b/my-app/src/css/mine.css index ee5787d..fbdbae0 100644 --- a/my-app/src/css/mine.css +++ b/my-app/src/css/mine.css @@ -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 { diff --git a/my-app/src/css/project.css b/my-app/src/css/project.css index 7f93f05..ec91322 100644 --- a/my-app/src/css/project.css +++ b/my-app/src/css/project.css @@ -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; } \ No newline at end of file diff --git a/my-app/src/img/old_cv.jpg b/my-app/src/img/old_cv.jpg new file mode 100644 index 0000000..90dbb67 Binary files /dev/null and b/my-app/src/img/old_cv.jpg differ diff --git a/my-app/src/pages/home.tsx b/my-app/src/pages/home.tsx index cb13803..e90a61e 100644 --- a/my-app/src/pages/home.tsx +++ b/my-app/src/pages/home.tsx @@ -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. */}
{t("description")}
- + + {t("resume")} +
diff --git a/my-app/src/pages/projects.tsx b/my-app/src/pages/projects.tsx index 141623a..0c531b6 100644 --- a/my-app/src/pages/projects.tsx +++ b/my-app/src/pages/projects.tsx @@ -7,7 +7,7 @@ function Project() return (
-
Description
+
Ft_Transcendence
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae turpis sit amet sem scelerisque lobortis. Phasellus eleifend sollicitudin egestas. Sed quis augue condimentum, facilisis mi scelerisque, luctus leo. Sed imperdiet ultricies elit, sit amet varius mauris. Donec auctor sed ipsum eget dictum. Quisque convallis dictum elit, ac malesuada quam condimentum at. Fusce iaculis sapien et ante lobortis volutpat eget eu enim.
@@ -15,11 +15,12 @@ function Project() Pong
- GitHub - Docker - HTML5 - NestJS - React + GitHub + Docker + HTML5 + NestJS + Node.js + React
diff --git a/my-app/src/pages/skills.tsx b/my-app/src/pages/skills.tsx index 542e1f5..85afed0 100644 --- a/my-app/src/pages/skills.tsx +++ b/my-app/src/pages/skills.tsx @@ -2,7 +2,25 @@ function Skills() { return (
- skills here +
+ 42 + GitHub + C++ + C +
+
+ NestJS + Node.js + React + HTML5 + CSS3 +
+
+ JavaScript + Docker + GNU Bash + Python +
) };