tom/METH_Transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Site

Browse Source 
- Add real text to game mode
    - Add WASD ZQSD select (front)
This commit is contained in:
Mathis Degryck
2024-10-02 22:10:07 +02:00
parent aab0b9397c
commit d3fcde1f0b
5 changed files with 144 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docker-compose/requirements/nginx/static/img/lobbyPage/up-arrow.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="white" d="M6 10.5a.75.75 0 0 0 .75-.75V3.81l1.97 1.97a.75.75 0 0 0 1.06-1.06L6.53 1.47a.75.75 0 0 0-1.06 0L2.22 4.72a.75.75 0 1 0 1.06 1.06l1.97-1.97v5.94c0 .414.336.75.75.75"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 280 B

6
docker-compose/requirements/nginx/static/javascript/typeResponse/typeInvitation.js
View File

@ -3,10 +3,10 @@
/* ::: :::::::: */
/* typeInvitation.js :+: :+: :+: */
/* +:+ +:+ +:+ */
/* By: edbernar <edbernar@student.42angouleme. +#+ +:+ +#+ */
/* By: madegryc <madegryc@student.42.fr> +#+ +:+ +#+ */
/* +#+#+#+#+#+ +#+ */
/* Created: 2024/09/28 00:22:31 by edbernar #+# #+# */
/* Updated: 2024/09/28 16:50:17 by edbernar ### ########.fr */
/* Updated: 2024/10/02 16:35:15 by madegryc ### ########.fr */
/* */
/* ************************************************************************** */
@ -15,7 +15,7 @@ import { pageRenderer } from '/static/javascript/main.js'
function typeInvitation(content)
{
CN.new("New invitation", content.username + " invit you to play !", null, () => {
CN.new("New invitation", content.username + " invited you to play !", null, () => {
pageRenderer.changePage('waitingGamePage', false, {username: content.username, id: content.invitor});
}, 'Join', 30000);
}

64
docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
View File

@ -241,6 +241,70 @@ body {
align-items: center;
}
.keys {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px;
align-items: center;
height: 100px;
width: 100%;
}
.key {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: transparent;
border: 4px solid white;
width: 80px;
height: 80px;
font-size: 1.2em;
transition: transform 0.3s ease;
}
.key img {
width: 35px;
height: 35px;
}
#down-key {
transform: scaleY(-1);
}
.select-line {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px;
}
.select-keys {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px;
height: 35px;
width: 45%;
background-color: white;
color: #020202;
margin-top: 20px;
}
.not-select-keys {
display: flex;
flex-direction: row;
justify-content: center;
gap: 20px;
height: 35px;
width: 45%;
background-color: transparent;
color: white;
border: 2px solid white;
margin-top: 20px;
}
.barSelection{
margin: 25px;
width: 250px;