Site
- fix bug cause of last commit
- starting tournamemnt page
This commit is contained in:
Kum1ta
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1200 1200"><path fill="#020202" d="M779.843 599.925c0 95.331-80.664 172.612-180.169 172.612c-99.504 0-180.168-77.281-180.168-172.612c0-95.332 80.664-172.612 180.168-172.612c99.505-.001 180.169 77.281 180.169 172.612M600 240.521c-103.025.457-209.814 25.538-310.904 73.557C214.038 351.2 140.89 403.574 77.394 468.219C46.208 501.218 6.431 549 0 599.981c.76 44.161 48.13 98.669 77.394 131.763c59.543 62.106 130.786 113.018 211.702 154.179C383.367 931.674 487.712 958.015 600 959.48c103.123-.464 209.888-25.834 310.866-73.557c75.058-37.122 148.243-89.534 211.74-154.179c31.185-32.999 70.962-80.782 77.394-131.763c-.76-44.161-48.13-98.671-77.394-131.764c-59.543-62.106-130.824-112.979-211.74-154.141C816.644 268.36 712.042 242.2 600 240.521m-.076 89.248c156.119 0 282.675 120.994 282.675 270.251S756.043 870.27 599.924 870.27S317.249 749.275 317.249 600.02c0-149.257 126.556-270.251 282.675-270.251"/></svg>
|
||||
|
After Width: | Height: | Size: 979 B |
@ -6,7 +6,7 @@
|
||||
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
|
||||
/* +#+#+#+#+#+ +#+ */
|
||||
/* Created: 2024/08/25 00:00:21 by edbernar #+# #+# */
|
||||
/* Updated: 2024/10/01 15:12:50 by edbernar ### ########.fr */
|
||||
/* Updated: 2024/10/01 23:03:17 by edbernar ### ########.fr */
|
||||
/* */
|
||||
/* ************************************************************************** */
|
||||
|
||||
@ -32,7 +32,7 @@ class Page
|
||||
{suffix: false, url:'/wait_game', servUrl: '/waitingGamePage', class: WaitingGamePage, name: 'waitingGamePage', title: 'METH - Wait for a game'},
|
||||
{suffix: true, url:'/profil', servUrl: '/profilPage', class: ProfilPage, name: 'profilPage', title: 'METH - Profil'},
|
||||
{suffix: false, url:'/settings', servUrl: '/settingsPage', class: settingsPage, name: 'settingsPage', title: 'METH - Settings'},
|
||||
// {suffix: true, url:'/tournament', servUrl: '/tournamentPage', class: TournamentPage, name: 'tournamentPage', title: 'METH - Tournament'},
|
||||
{suffix: true, url:'/tournament', servUrl: '/tournamentPage', class: TournamentPage, name: 'tournamentPage', title: 'METH - Tournament'},
|
||||
]
|
||||
|
||||
constructor()
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
|
||||
/* +#+#+#+#+#+ +#+ */
|
||||
/* Created: 2024/09/13 13:59:46 by edbernar #+# #+# */
|
||||
/* Updated: 2024/10/01 19:55:19 by edbernar ### ########.fr */
|
||||
/* Updated: 2024/10/02 00:01:05 by edbernar ### ########.fr */
|
||||
/* */
|
||||
/* ************************************************************************** */
|
||||
|
||||
@ -87,7 +87,8 @@ class barSelecter
|
||||
{
|
||||
const popup = document.getElementById('popup-skin-selector');
|
||||
|
||||
if (event.target.getAttribute('class') == 'popup-skin-selector')
|
||||
console.log("Gros fdp de tes morts")
|
||||
if (event.target.getAttribute('id') == 'popup-skin-selector')
|
||||
popup.style.display = 'none';
|
||||
}
|
||||
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
|
||||
/* +#+#+#+#+#+ +#+ */
|
||||
/* Created: 2024/10/01 13:42:29 by edbernar #+# #+# */
|
||||
/* Updated: 2024/10/01 18:36:53 by edbernar ### ########.fr */
|
||||
/* Updated: 2024/10/01 23:04:34 by edbernar ### ########.fr */
|
||||
/* */
|
||||
/* ************************************************************************** */
|
||||
|
||||
|
||||
@ -84,6 +84,7 @@ body {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
backdrop-filter: blur(5px);
|
||||
z-index: 700;
|
||||
}
|
||||
|
||||
|
||||
@ -0,0 +1,314 @@
|
||||
#tournamentPage {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
background-color: #020202;
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#tournamentPage .bracket {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 70%;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
|
||||
#tournamentPage .top-bracket {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
#tournamentPage #actuality-tournament {
|
||||
color: white;
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#tournamentPage #code-tournament {
|
||||
color: #BFBFBF;
|
||||
font-size: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#tournamentPage p {
|
||||
color: #BFBFBF;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#tournamentPage .left{
|
||||
padding: 82px;
|
||||
/* width: 50%; */
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#tournamentPage .right{
|
||||
padding: 82px;
|
||||
padding-top: 120px;
|
||||
/* width: 50%; */
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#tournamentPage .container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#tournamentPage .mid-container {
|
||||
display: flex;
|
||||
/* flex-direction: column; */
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
#tournamentPage .circle {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background-color: #D9D9D9;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#tournamentPage .vertical-line {
|
||||
width: 6px;
|
||||
height: 100px;
|
||||
background-color: #BFBFBF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#tournamentPage .vertical-line-demi {
|
||||
width: 6px;
|
||||
height: 300px;
|
||||
background-color: #BFBFBF;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#tournamentPage .horizontal-container {
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
left: 75px;
|
||||
}
|
||||
|
||||
#tournamentPage .horizontal-container-right {
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
left: 50px;
|
||||
}
|
||||
|
||||
#tournamentPage .horizontal-container-final {
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
left: 130px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
#tournamentPage .horizontal-container-final p {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#tournamentPage .horizontal-line {
|
||||
width: 100px;
|
||||
height: 6px;
|
||||
background-color: #BFBFBF;
|
||||
}
|
||||
|
||||
#tournamentPage .all-tournament {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 36%;
|
||||
height: 700px;
|
||||
margin-left: 400px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#tournamentPage .info-tournament {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #131313;
|
||||
padding: 20px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
#tournamentPage .info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 95%;
|
||||
height: 100%;
|
||||
background-color: #090909;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tournamentPage #info-title {
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#tournamentPage .alert-info {
|
||||
display: flex;
|
||||
/* flex-direction: row; */
|
||||
justify-content: space-between;
|
||||
width: 90%;
|
||||
height: 10%;
|
||||
background-color: #BFBFBF;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tournamentPage .alert-info p{
|
||||
color: #020202;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#tournamentPage .alert-info img{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#tournamentPage .chat-tournament {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #131313;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tournamentPage .chat {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: calc(100% - 40px);
|
||||
height: 100%;
|
||||
background-color: #090909;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tournamentPage #chat-title {
|
||||
color: white;
|
||||
font-size: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#tournamentPage .message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: purple;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tournamentPage .message-user {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: orange;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tournamentPage #chat-input-tournament {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: red;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#tournamentPage .inputMessageDiv {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-color: #0B0B0B;
|
||||
bottom: 10px;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#tournamentPage #inputMessage {
|
||||
user-select: text;
|
||||
background-color: #0f0f0f;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
resize: none;
|
||||
border: 0;
|
||||
color: white;
|
||||
padding: 15px 5% 15px 5%;
|
||||
}
|
||||
|
||||
#tournamentPage .inputMessageDiv p {
|
||||
margin: 0;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
font-family: "Poppins";
|
||||
font-weight: bolder;
|
||||
font-size: 35px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
#tournamentPage .bottom {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
margin-block: 25px;
|
||||
}
|
||||
|
||||
#tournamentPage .buttonStartGame {
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
width: 150px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
#tournamentPage .buttonStartGame p {
|
||||
color: #020202;
|
||||
}
|
||||
|
||||
#tournamentPage .buttonStartGame:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
Reference in New Issue
Block a user