Finish results view of game page
This commit is contained in:
mathiascazals
AudricV
parent
edf2f35010
commit
ced09b96a7
@ -241,7 +241,7 @@ html {
|
||||
margin: 0;
|
||||
margin-left: 0.6em;
|
||||
text-align: left;
|
||||
margin-bottom:0;
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
|
||||
.reveal {
|
||||
@ -255,6 +255,28 @@ html {
|
||||
.summary {
|
||||
font-family: "Titan One", sans-serif;
|
||||
text-align: center;
|
||||
margin-left: 1.3;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
.scores {
|
||||
font-family: "Titan One", sans-serif;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
.summary {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.reveal_and_scores {
|
||||
@ -271,26 +293,30 @@ html {
|
||||
}
|
||||
|
||||
.reveal_culprit_title {
|
||||
color: white;
|
||||
color: #B94444;
|
||||
font-family: "Spicy Rice", serif;
|
||||
font-weight: bold;
|
||||
font-size: 2em;
|
||||
margin-left: 1.3em;
|
||||
}
|
||||
|
||||
.explain_culprit_reveal, .explain_suspect {
|
||||
font-family: "Roboto Mono", sans-serif;
|
||||
}
|
||||
|
||||
.score_title {
|
||||
color:#b94444;
|
||||
font-family: "Spicy Rice", serif;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.reveal_score {
|
||||
width: 15em;
|
||||
height: 3em;
|
||||
border-radius: 10%;
|
||||
background-color: var(--button-color);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 2.3em;
|
||||
color:#BD1E1E;
|
||||
font-size: 3em;
|
||||
margin: 0.2em;
|
||||
}
|
||||
|
||||
.players_list {
|
||||
@ -304,6 +330,16 @@ html {
|
||||
|
||||
.summary_title {
|
||||
font-family: "Spicy Rice", sans-serif;
|
||||
text-align: center;
|
||||
font-size: 4em;
|
||||
color:#b94444;
|
||||
}
|
||||
|
||||
.suspect_title {
|
||||
font-family: "Titan One", sans-serif;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.suspects_list {
|
||||
@ -313,15 +349,8 @@ html {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.suspect_title {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 650px) {
|
||||
.suspects_list{
|
||||
.suspects_list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@ -335,3 +364,10 @@ html {
|
||||
background-color: transparent;
|
||||
border: transparent;
|
||||
}
|
||||
|
||||
.summary_suspect{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 1.5em;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
|
||||
@ -85,42 +85,52 @@
|
||||
<h1 class="results_title">Résultats</h1>
|
||||
<div class="reveal_and_scores">
|
||||
<div class="scores">
|
||||
<h1 class="score_title">SCORES :</h1>
|
||||
<div class="reveal_score">Votre score :</div>
|
||||
<h1 class="score_title">SCORE :</h1>
|
||||
<h2 class="reveal_score">4/5</h2>
|
||||
<div class="results_game_multiplayer">
|
||||
<div class="players_list">
|
||||
<h3 class="player_names">nom1 : </h3>
|
||||
<h3 class="player_scores"> score1</h3></br>
|
||||
<h3 class="player_scores"> score1</h3><br>
|
||||
<h3 class="player_names">nom2 : </h3>
|
||||
<h3 class="player_scores"> score2</h3></br>
|
||||
<h3 class="player_scores"> score2</h3><br>
|
||||
<h3 class="player_names">nom3 : </h3>
|
||||
<h3 class="player_scores"> score3</h3></br>
|
||||
<h3 class="player_scores"> score3</h3><br>
|
||||
<h3 class="player_names">nom4 : </h3>
|
||||
<h3 class="player_scores"> score4</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="reveal">
|
||||
<h2 class="reveal_culprit_title">Le coupable était</h2>
|
||||
<h2 class="reveal_culprit_title">Le coupable était ...</h2>
|
||||
<img>
|
||||
<h3 class="explain_culprit_reveal">Ce suspect était le coupable car il ...</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<div class="summary_emotions">
|
||||
<h1 class="summary_title">Débrief</h1>
|
||||
<div class="suspects_list">
|
||||
<h2 class="suspect_title">Le suspect 1 était</h2>
|
||||
<h2 class="suspect_title">Le suspect 2 était</h2>
|
||||
<h2 class="suspect_title">Le suspect 3 était</h2>
|
||||
<h2 class="suspect_title">Le suspect 4 était</h2>
|
||||
<h1 class="summary_title">Débrief</h1>
|
||||
<div class="suspects_list">
|
||||
<div class="summary_suspect">
|
||||
<h2 class="suspect_title">Le suspect 1 était ...</h2>
|
||||
<img>
|
||||
<h3 class="explain_suspect">En effet, la ... se caractérise par un ..</h3>
|
||||
</div>
|
||||
<div class="summary_suspect">
|
||||
<h2 class="suspect_title">Le suspect 2 était ...</h2>
|
||||
<img>
|
||||
<h3 class="explain_suspect">En effet, la ... se caractérise par un ..</h3>
|
||||
</div>
|
||||
<div class="summary_suspect">
|
||||
<h2 class="suspect_title">Le suspect 3 était ...</h2>
|
||||
<img>
|
||||
<h3 class="explain_suspect">En effet, la ... se caractérise par un ..</h3>
|
||||
</div>
|
||||
<div class="summary_suspect">
|
||||
<h2 class="suspect_title">Le suspect 4 était ...</h2>
|
||||
<img>
|
||||
<h3 class="explain_suspect">En effet, la ... se caractérise par un ...</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button id="return_lobby_button" aria-label="Retourner au lobby">
|
||||
<svg class="rtrn_lob_btn" xmlns="http://www.w3.org/2000/svg" height="48" width="48">
|
||||
<path d="m23.15 36.95-17.3-11.1Q4.7 25.25 4.7 24t1.15-1.9L23.15 11q1.15-.7 2.35-.075 1.2.625 1.2 2.025v8.75h15.8q.95 0 1.625.675T44.8 24q0 .95-.675 1.6-.675.65-1.625.65H26.7V35q0 1.45-1.2 2.075-1.2.625-2.35-.125Z"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="alert_dialog_background"></div>
|
||||
<div class="unsupported_browser">
|
||||
<div id="unsupported_browser_dialog" class="alert_dialog">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user