DjalimSimaila/SAE-A2-TruthInquiry
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #37 from ThomasRubini/client_game-interrogation-placeholder

Browse Source 
[Client] Add placeholder for image on interrogation view
This commit is contained in:
AudricV 2023-01-14 21:28:48 +01:00 committed by GitHub
commit 22a12143cc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
truthseeker/static/css/game_ui_game.css
View File

@ -136,6 +136,7 @@ html {
color: var(--red-color); color: var(--red-color);
font-size: 3em; font-size: 3em;
font-weight: bold; font-weight: bold;
max-width: calc(100vw - 2em);
} }
.suspects { .suspects {
@ -226,10 +227,20 @@ html {
text-transform: none; text-transform: none;
} }
.questions_and_image {
align-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.questions_list { .questions_list {
align-items: flex-end; align-content: center;
align-items: normal;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center;
} }
/* Results and scores */ /* Results and scores */

3
truthseeker/templates/game.html
View File

@ -66,11 +66,13 @@
</div> </div>
<div class="interrogation_suspect hidden"> <div class="interrogation_suspect hidden">
<h1 class="interrogation_title">Poser une question au suspect</h1> <h1 class="interrogation_title">Poser une question au suspect</h1>
<div class="questions_and_image">
<button id="interrogation_suspect_previous_btn" class="next_btn" aria-label="Revenir à la sélection du suspect"> <button id="interrogation_suspect_previous_btn" class="next_btn" aria-label="Revenir à la sélection du suspect">
<svg class="next_btn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"> <svg class="next_btn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 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"/> <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> </svg>
</button> </button>
<img class="image_interrogation suspect_picture" src="/static/images/suspect_example.png" alt="Example" draggable="false">
<div class="questions_list"> <div class="questions_list">
<button class="action_button question_button">Où étiez vous hier soir&nbsp;?</button> <button class="action_button question_button">Où étiez vous hier soir&nbsp;?</button>
<button class="action_button question_button">Avec qui étiez vous&nbsp;?</button> <button class="action_button question_button">Avec qui étiez vous&nbsp;?</button>
@ -80,6 +82,7 @@
<p class="suspect_answer"></p> <p class="suspect_answer"></p>
</div> </div>
</div> </div>
</div>
<div class="results_game hidden"> <div class="results_game hidden">
<h1 class="results_title">Résultats</h1> <h1 class="results_title">Résultats</h1>
<div class="reveal_and_scores"> <div class="reveal_and_scores">