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

prod to vps

Browse Source
This commit is contained in:
kinou-p 2024-05-03 16:24:20 +02:00
parent 7bb743e479
commit 7ed074b72f
2 changed files with 61 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
my-app/src/App.tsx
View File

@ -54,6 +54,21 @@ function App()
<div className="logo">
<img src={logo} alt="Logo" />
</div>
<div className="pages">
Contact
</div>
<div className="pages">
Projets
</div>
<div className="pages">
CV
</div>
<div className="pages">
Competences
</div>
<div className="language">
<MenuSimple/>
<Switch className="dark_mode" checked={toggleDarkMode} onChange={toggleDarkTheme} defaultChecked />
@ -77,19 +92,19 @@ function App()
<div className="project">
<div className='project_txt'>Projects</div>
<div className = "project_group">
<p className="project_list">- ft_transcendence</p>
<p className="project_list">- Ft_Transcendence</p>
<FaArrowRightLong className="arrow"/>
</div>
<div className = "project_group">
<p className="project_list">- cloud-1</p>
<p className="project_list">- Cloud-1</p>
<FaArrowRightLong className="arrow"/>
</div>
<div className = "project_group">
<p className="project_list">- minishell</p>
<p className="project_list">- Minishell</p>
<FaArrowRightLong className="arrow"/>
</div>
<div className = "project_group">
<p className="project_list">- cube3d</p>
<p className="project_list">- Cube3d</p>
<FaArrowRightLong className="arrow"/>
</div>
<div className = "project_group">

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

@ -7,11 +7,13 @@
}
body {
overflow: hidden;
/* color:black; */
font-family: "Fira Sans", Arial, sans-serif;
height: 100vh;
margin: 0;
font-family: Arial, sans-serif;
/* border: 1vh solide white; */
}
header {
@ -20,6 +22,12 @@ body {
/* background-color: #a4a4a4; */
/* padding: 20px 0; */
text-align: center;
border-bottom: 4px solid
/* border-bottom-width: 5px; */
/* border-bottom: 1cm; */
/* border-color: rgb(207, 0, 0); */
}
.header-content {
@ -31,12 +39,31 @@ body {
}
.logo img{
height: 15vh; /* Adjust the size as needed */
height: 14.5vh; /* Adjust the size as needed */
/* margin-right: 32.5vw; */
margin-left: 3vw;
margin-right: 20vw;
margin-bottom: 1vh;
/* margin-left: 20px; */
}
.pages {
font-weight: 800;
/* width: 5vw; */
margin-top: 5vh;
height: 5vh;
transition-property: transform;
transition-duration: 1s;
transition: all 700ms ease;
&:hover {
transform: scale(1.1);
border-bottom: 4px solid;
}
}
.title {
color:black;
font-weight: 800;
@ -53,6 +80,7 @@ body {
flex-direction: row;
width: 10vw;
margin-top: 5vh;
margin-left: 20vw;
height: 6vh;
/* margin-right: 2vw; */
}
@ -104,12 +132,25 @@ body {
}
.home {
position: absolute;
/* top: 50%; */
right: -100vw;
/* height: 50%; */
animation: slideRight 2s ease forwards;
display: flex;
flex-direction: row;
justify-content: space-between;
}
@keyframes slideRight {
0% {
right: -100vh; /* Position initiale */
}
100% {
right: 0; /* Position finale (tout à droite) */
}
}
.project_txt {
font-weight: 800;
font-size: 200%;