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

changed introduction text and fixed in place inspector picture

Browse Source
This commit is contained in:
Djalim Simaila 2023-04-02 15:29:40 +02:00
parent 0b9f653d76
commit 25502abe6d
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
truthinquiry/static/css/game_ui_game.css
View File

@ -205,6 +205,7 @@ background-color: #000000d0;
border-radius: 1em;
max-width: 45vw;
background-color: #000000d0;
position: fixed;
}
.username{

14
truthinquiry/templates/game.html
View File

@ -20,7 +20,7 @@
<section class="introduction hidden">
<div class="introduction_left">
<h1 class="introduction_title">Truth Inquiry</h1>
<p class="introduction_text">Bienvenue dans Truth Inquiry, vous allez intégrer la peau d’un enquêteur.<br><br>Vous avez été donné responsable de résoudre une enquête et devez trouver le coupable d’un vol.<br><br>Cliquez sur la flèche pour découvrir les suspects et les interroger.</p>
<p class="introduction_text">Vous incarnez le célèbre détective <span id="username"></span> et vous êtes missionné pour résoudre une nouvelle affaire.<br> Hier, dans la soirée, cinq personnes ont été invités par le Comte de la région dans son manoir. Cependant, dans la matinée, le Comte s’est aperçu que son coffre avait été forcé.<br>Votre rôle est donc d’interroger les cinq suspects afin de comprendre leur état d’esprit et ainsi démasquer le coupable.<br>Cliquez sur la flèche pour découvrir les suspects et les interroger.</p>
<button id="introduction_next_btn" class="next_btn" aria-label="Commencer" title="Cliquez ici pour commencer à jouer">
<svg 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" />
@ -28,7 +28,6 @@
</button>
</div>
<div class="introduction_right">
<p id="username">Le celebre inspecteur : </p>
<img class="inspector_picture" src="/static/images/inspector.png" alt="Image de l'inspecteur">
</div>
</section>
@ -40,22 +39,23 @@
</svg>
</button>
<ul class="suspects" id="interrogation_suspects"></ul>
<section>
<Section>
<button id="open_chat_button" class="open-button">Chat</button>
<div class="chat-popup" id="chatbox">
<div class="form-container">
<h2>Chat</h2>
<h1>Chat</h1>
<div class="messages_received_container">
<ul id="message_list" class="messages">
</ul>
</div>
<label><b>Message</b></label>
<input type="text" id="chat_message_box" placeholder="Type message.." name="msg">
<label for="msg"><b>Message</b></label>
<input type="text" id="chat_message_box" placeholder="Type message.." name="msg" required></textarea>
<button id="chat_button_send" class="btn">Send</button>
<button id="close_chat_button" type="button" class="btn cancel">Close</button>
</div>
</div>
</section>
</Section>
</section>
<section class="emotion_and_culprit_choices hidden">
<h1 class="emotion_and_culprit_choices_title">Choix du coupable et émotion des suspects</h1>