From 25502abe6d59cf6fbc8db678e5f6fd36d1110f2a Mon Sep 17 00:00:00 2001
From: Djalim Simaila <djalim.simaila@etu.univ-amu.fr>
Date: Sun, 2 Apr 2023 15:29:40 +0200
Subject: [PATCH] changed introduction text and fixed in place inspector
 picture

---
 truthinquiry/static/css/game_ui_game.css |  1 +
 truthinquiry/templates/game.html         | 14 +++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/truthinquiry/static/css/game_ui_game.css b/truthinquiry/static/css/game_ui_game.css
index 1801346..00077c4 100644
--- a/truthinquiry/static/css/game_ui_game.css
+++ b/truthinquiry/static/css/game_ui_game.css
@@ -205,6 +205,7 @@ background-color: #000000d0;
     border-radius: 1em;
     max-width: 45vw;
     background-color: #000000d0;
+    position: fixed;
 }
 
 .username{
diff --git a/truthinquiry/templates/game.html b/truthinquiry/templates/game.html
index eda0c56..226be02 100644
--- a/truthinquiry/templates/game.html
+++ b/truthinquiry/templates/game.html
@@ -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>