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

Site

Browse Source 
- Add skin selector in lobby page
    - change div with info and selectors in lobby page
This commit is contained in:
Kum1ta
2024-09-25 00:10:43 +02:00
parent 10d466a964
commit 7b49d011df
8 changed files with 164 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,21 +74,52 @@
</div>
</div>
<div id="whatGame">
<p>The key to success is timing and precision, as you need to position your paddle correctly to deflect the ball at the right angle.</p>
<span class="line"></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet velit vitae lorem tempor auctor. In tempor ac ex ut finibus. Duis lobortis non justo eu venenatis.</p>
<!--------- FOR MATHIS : I made some changes here ---------->
<div class="menuSelected" id="multiLocalSelected">
<div id="whatGame">
<p>The key to success is timing and precision, as you need to position your paddle correctly to deflect the ball at the right angle.</p>
<span class="line"></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet velit vitae lorem tempor auctor. In tempor ac ex ut finibus. Duis lobortis non justo eu venenatis.</p>
</div>
</div>
<div class="skin-select">
<div id="bar">
<div class="menuSelected" id="multiOnlineSelected">
<div id="whatGame">
<p>The key to success is timing and precision, as you need to position your paddle correctly to deflect the ball at the right angle.</p>
<span class="line"></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet velit vitae lorem tempor auctor. In tempor ac ex ut finibus. Duis lobortis non justo eu venenatis.</p>
</div>
<div id="goal">
<div class="skin-select">
<div id="bar">
</div>
<div id="goal">
</div>
</div>
</div>
<div class="menuSelected" id="rankedSelected">
<div id="whatGame">
<p>Bonsoir non ?</p>
</div>
<div class="skin-select">
<!-- Make sure you have ids and classes to make multiple "bars" and "goals" -->
</div>
</div>
<div class="menuSelected" id="tournamentSelected">
<div id="whatGame">
<p>Bonsoir non ?</p>
</div>
<div class="skin-select">
<!-- Make sure you have ids and classes to make multiple "bars" and "goals" -->
</div>
</div>
<!--------------------- END OF CHANGES --------------------->
</div>
</div>
<div class="bottom">