amélioration interface borne

.gitignore

@@ -1,13 +1,15 @@
 # Node rules:
 ## Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
 .grunt
-*.wav
 
 ## Dependency directory
 ## Commenting this out is preferred by some people, see
 ## https://docs.npmjs.com/misc/faq#should-i-check-my-node_modules-folder-into-git
 node_modules
 
+#python
+*.pyc
+
 # Book build output
 _book
 
@@ -20,4 +22,5 @@ _book
 settings.json
 
 
+*.wav
 .env

code/interface_borne/assets/css/main.css

@@ -31,19 +31,19 @@ html, body {
 }
 
 .instructions {
-	width: max-content;
+	width: 90vw;
-    height: 300px;
+	height: fit-content;
 	margin: auto;
 	background: #A6CC00;
 	padding: 20px;
 	border-radius: 10px;
 	border: 3px #6B8000 solid;
 	position: absolute;
-	top: 0;
+	top: 10px;
-	bottom: 0;
 	left: 0;
 	right: 0;
-    text-align: center;
+	text-align: center;
+	font-size: 40px;
 }
 
 .instructions > .title {
@@ -54,3 +54,10 @@ html, body {
   border: 1px solid #6B8000; 
   border-collapse: collapse;
 }
+
+.logo {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	height: 100px;
+}

code/interface_borne/index.html

@@ -23,7 +23,7 @@
             <img width=50 src="assets/img/thumbs_up.png">
             <span>ou un</span>
             <img width=50 src="assets/img/thumbs_down.png">
-            <span> avec votre main pour commencer</span>
+            <span style="font-size: 45px;"> avec votre main pour commencer</span>
         </div>
     </div>
     <div id="camera">
@@ -37,13 +37,8 @@
             </div>
             <p>Comment avez vous trouvé l'exposition ... ?</p>
             <p>Dites un mot parmis la liste suivante</p>
-            <ul>
+            <strong> J'ai beaucoup aimé, génial, Ennuyant, Nul</strong>
-                <li>J'ai beaucoup aimé</li>
+            <p>Mot détécté : <strong id="audio_status"></strong></p>
-                <li>génial</li>
-                <li>Ennuyant</li>
-                <li>Nul</li>
-            </ul>
-            <p>Mot détécté : <span id="audio_status"></span></p>
         </div>
     </div>
     <div id="thank-you">
@@ -54,6 +49,7 @@
             <span>Nous esperons vous revoir bientôt</span>
         </div>
     </div>
+    <img src="assets/img/logo_tp.svg" class="logo" alt="logo Télécom">
     <script src="assets/js/camera_page.js"></script>
     <script src="assets/js/network.js"></script>
     <script src="assets/js/thank_you_page.js"></script>