d29c58ae42
- Add notif for new message
- remove buttons "private" and "game" in chat
- add function on button newConv in profilPage
- fix camera who change position (2 to 1.5 in z axe) when a goal is scored
- fix some bug in responses functions
- add button chat in profil page and lobby page
81 lines
1.8 KiB
HTML
81 lines
1.8 KiB
HTML
<div id="topBarLobby">
|
|
<h1 id="homeButton">PTME</h1>
|
|
<div class="search-container">
|
|
<input type="text" placeholder="Search..." class="search-input" id="searchInputUser">
|
|
</div>
|
|
<div id="searchResult">
|
|
</div>
|
|
<div id="loginButton">
|
|
<p></p>
|
|
</div>
|
|
<div id="popMenuLoginButton">
|
|
<p>Profil</p>
|
|
<p>Settings</p>
|
|
<p>Logout</p>
|
|
</div>
|
|
</div>
|
|
<div id="chatButton">
|
|
<span class="notification-badge"></span>
|
|
<img src="/static/img/homePage/bulle.png">
|
|
</div>
|
|
<div id="chatDiv">
|
|
<div id="topChatHome">
|
|
<h1>Chat</h1>
|
|
<div id="topChatCross"><span>×</span></div>
|
|
</div>
|
|
<div id="messageListChatHome">
|
|
<p id="infoChat">You are not connected to the chat</p>
|
|
</div>
|
|
</div>
|
|
<div class="main">
|
|
<div id="loginPopup" class="popup">
|
|
<div class="popup-content">
|
|
<span id="closePopupBtn" class="close"></span>
|
|
<h1>Select your game mode</h1>
|
|
<div id="choose">
|
|
<div class="select-card">
|
|
<p>Multiplayer local</p>
|
|
</div>
|
|
<div class="select-card">
|
|
<p>Matchmaking</p>
|
|
</div>
|
|
<div class="select-card">
|
|
<p>Ranked</p>
|
|
</div>
|
|
<div class="select-card">
|
|
<p>Tournament</p>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="game-mode">
|
|
<div class="mode-card">
|
|
<p>Multiplayer local</p>
|
|
</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>
|
|
</div>
|
|
|
|
<div class="skin-select">
|
|
<div id="bar">
|
|
|
|
</div>
|
|
<div id="goal">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div class="buttonStartGame">
|
|
<p>Start</p>
|
|
</div>
|
|
</div>
|
|
<div id="divNotification">
|
|
</div> |