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

Site

Browse Source 
- Fix last PTME footer
    - NEW select game mode (need to fix EDDY PART)
This commit is contained in:
Mathis Degryck
2024-10-03 20:26:09 +02:00
parent e4431011c2
commit 88d2243f86
3 changed files with 41 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docker-compose/requirements/djangoserver/file/server/server/templates/homePage.html
View File

@ -129,7 +129,7 @@
<footer> <footer>
<div class="footer-content"> <div class="footer-content">
<div class="footer-left"> <div class="footer-left">
<h1>PTME</h1> <h1>METH</h1>
<p>ft_transcendance project<br>for 42 shcool</p> <p>ft_transcendance project<br>for 42 shcool</p>
</div> </div>
<div class="footer-right"> <div class="footer-right">

14
docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html
View File

@ -84,6 +84,18 @@
<div class="mode-card"> <div class="mode-card">
<p>Multiplayer local</p> <p>Multiplayer local</p>
</div> </div>
<div class="mode-card-ns">
<p>Matchmaking</p>
</div>
<div class="mode-card-ns">
<p>Ranked</p>
</div>
<div class="mode-card-ns">
<p>Tournament</p>
</div>
</div> </div>
<!--------- FOR MATHIS : I made some changes here ----------> <!--------- FOR MATHIS : I made some changes here ---------->
@ -202,7 +214,7 @@
<div class="not-select-keys FRButton">FR</div> <div class="not-select-keys FRButton">FR</div>
</div> </div>
<span class="line"></span> <span class="line"></span>
<p style="text-align: center;">Tournament code</p> <p style="text-align: center; margin-bottom: 20px;">Tournament code</p>
<input id="tournamentCode" class="search-input" type="text" placeholder="Enter the tournament code (empty for create one)"> <input id="tournamentCode" class="search-input" type="text" placeholder="Enter the tournament code (empty for create one)">
</div> </div>

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

@ -356,17 +356,37 @@ body {
.game-mode { .game-mode {
display: flex; display: flex;
flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
width: 300px;
height: 550px;
} }
.mode-card { .mode-card {
width: 100%;
height: 100px;
background-color: white; background-color: white;
color: #000; color: #020202;
padding: 20px; padding: 20px;
width: 300px; margin-block: 20px;
height: 550px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
font-size: 1.2em;
transition: transform 0.3s ease;
}
.mode-card-ns {
width: 100%;
height: 100px;
background-color: transparent;
color: white;
border: 5px solid white;
padding: 20px;
margin-block: 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2em; font-size: 1.2em;
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
@ -375,6 +395,10 @@ body {
transform: scale(1.05); transform: scale(1.05);
} }
.mode-card-ns:hover {
transform: scale(1.05);
}
.search-container { .search-container {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;