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

docker-compose/requirements/nginx/static/style/profilPage/profil.css

@@ -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;
+}