Site
- add new page "profil" - new response server user_info Django - add new request type "get_user_info" - edit function for /game /profil /wait_game
This commit is contained in:
@ -0,0 +1,29 @@
|
||||
/* ************************************************************************** */
|
||||
/* */
|
||||
/* ::: :::::::: */
|
||||
/* global.css :+: :+: :+: */
|
||||
/* +:+ +:+ +:+ */
|
||||
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
|
||||
/* +#+#+#+#+#+ +#+ */
|
||||
/* Created: 2024/09/19 23:57:22 by edbernar #+# #+# */
|
||||
/* Updated: 2024/09/19 23:59:46 by edbernar ### ########.fr */
|
||||
/* */
|
||||
/* ************************************************************************** */
|
||||
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #020202;
|
||||
user-select: none;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
@ -6,7 +6,7 @@
|
||||
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
|
||||
/* +#+#+#+#+#+ +#+ */
|
||||
/* Created: 2024/08/07 12:00:55 by edbernar #+# #+# */
|
||||
/* Updated: 2024/09/18 13:47:10 by edbernar ### ########.fr */
|
||||
/* Updated: 2024/09/20 00:07:01 by edbernar ### ########.fr */
|
||||
/* */
|
||||
/* ************************************************************************** */
|
||||
|
||||
@ -36,23 +36,6 @@
|
||||
background: white;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #020202;
|
||||
user-select: none;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
#topBar {
|
||||
margin-block: 25px;
|
||||
@ -138,7 +121,7 @@ body {
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
.container {
|
||||
.containerHomePage {
|
||||
display: flex;
|
||||
width: 70%;
|
||||
height: 80%;
|
||||
|
@ -0,0 +1,102 @@
|
||||
#profil * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#profil {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
background-color: #020202;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
height: 30vh;
|
||||
}
|
||||
|
||||
#profil .container {
|
||||
width: 70%;
|
||||
height: 200px;
|
||||
background-color: #020202;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#profil .background-card {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
background-color: #D3D3D3;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#profil .background-card img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
object-position: 50% 50%;
|
||||
}
|
||||
|
||||
#profil .profile-section {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#profil .profile-image {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border-radius: 50%;
|
||||
background-color: #D3D3D3;
|
||||
border: 10px solid #020202;
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
#profil .profile-image img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
object-position: 50% 50%;
|
||||
}
|
||||
|
||||
#profil .profile-info {
|
||||
margin-left: 280px;
|
||||
}
|
||||
|
||||
#profil .profile-info h2 {
|
||||
color: white;
|
||||
font-size: 1.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#profil .online-status {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
background-color: rgb(17, 173, 17);
|
||||
border-radius: 50%;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#profil .profile-info p {
|
||||
color: white;
|
||||
margin-top: 10px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
#profil .content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
#profil .dashboard, .history {
|
||||
background-color: #D3D3D3;
|
||||
width: 48%;
|
||||
height: 42vh;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
Reference in New Issue
Block a user