diff --git a/public_html/assets/concord_images/carrey.jpg b/public_html/assets/concord_images/carrey.jpg
new file mode 100644
index 0000000..29bd1ca
Binary files /dev/null and b/public_html/assets/concord_images/carrey.jpg differ
diff --git a/public_html/assets/concord_images/elon.jpg b/public_html/assets/concord_images/elon.jpg
new file mode 100644
index 0000000..037c138
Binary files /dev/null and b/public_html/assets/concord_images/elon.jpg differ
diff --git a/public_html/assets/concord_images/esquirol.jpg b/public_html/assets/concord_images/esquirol.jpg
new file mode 100644
index 0000000..7fb87b2
Binary files /dev/null and b/public_html/assets/concord_images/esquirol.jpg differ
diff --git a/public_html/assets/concord_images/gournay.jpg b/public_html/assets/concord_images/gournay.jpg
new file mode 100644
index 0000000..e872239
Binary files /dev/null and b/public_html/assets/concord_images/gournay.jpg differ
diff --git a/public_html/assets/concord_images/jyf.jpg b/public_html/assets/concord_images/jyf.jpg
new file mode 100644
index 0000000..91070e4
Binary files /dev/null and b/public_html/assets/concord_images/jyf.jpg differ
diff --git a/public_html/assets/concord_images/lepen.jpg b/public_html/assets/concord_images/lepen.jpg
new file mode 100644
index 0000000..c257f0a
Binary files /dev/null and b/public_html/assets/concord_images/lepen.jpg differ
diff --git a/public_html/assets/concord_images/macron.jpg b/public_html/assets/concord_images/macron.jpg
new file mode 100644
index 0000000..7c36449
Binary files /dev/null and b/public_html/assets/concord_images/macron.jpg differ
diff --git a/public_html/assets/concord_images/melanchon.jpg b/public_html/assets/concord_images/melanchon.jpg
new file mode 100644
index 0000000..2f1b335
Binary files /dev/null and b/public_html/assets/concord_images/melanchon.jpg differ
diff --git a/public_html/assets/concord_images/melanchon.png b/public_html/assets/concord_images/melanchon.png
new file mode 100644
index 0000000..b813d2b
Binary files /dev/null and b/public_html/assets/concord_images/melanchon.png differ
diff --git a/public_html/assets/concord_images/nicomette.jpg b/public_html/assets/concord_images/nicomette.jpg
new file mode 100644
index 0000000..bfe6b0c
Binary files /dev/null and b/public_html/assets/concord_images/nicomette.jpg differ
diff --git a/public_html/assets/concord_images/patrickseb.jpg b/public_html/assets/concord_images/patrickseb.jpg
new file mode 100644
index 0000000..90bcc5d
Binary files /dev/null and b/public_html/assets/concord_images/patrickseb.jpg differ
diff --git a/public_html/assets/concord_images/poutine.jpg b/public_html/assets/concord_images/poutine.jpg
new file mode 100644
index 0000000..4e16e6f
Binary files /dev/null and b/public_html/assets/concord_images/poutine.jpg differ
diff --git a/public_html/assets/concord_images/raquet.jpg b/public_html/assets/concord_images/raquet.jpg
new file mode 100644
index 0000000..ba12cf8
Binary files /dev/null and b/public_html/assets/concord_images/raquet.jpg differ
diff --git a/public_html/assets/concord_images/rebillard.jpg b/public_html/assets/concord_images/rebillard.jpg
new file mode 100644
index 0000000..33eac28
Binary files /dev/null and b/public_html/assets/concord_images/rebillard.jpg differ
diff --git a/public_html/assets/concord_images/trump.jpg b/public_html/assets/concord_images/trump.jpg
new file mode 100644
index 0000000..216148d
Binary files /dev/null and b/public_html/assets/concord_images/trump.jpg differ
diff --git a/public_html/assets/concord_images/vieu.jpg b/public_html/assets/concord_images/vieu.jpg
new file mode 100644
index 0000000..a76d721
Binary files /dev/null and b/public_html/assets/concord_images/vieu.jpg differ
diff --git a/public_html/assets/concord_images/zemmour.jpg b/public_html/assets/concord_images/zemmour.jpg
new file mode 100644
index 0000000..f841c08
Binary files /dev/null and b/public_html/assets/concord_images/zemmour.jpg differ
diff --git a/public_html/css/game.css b/public_html/css/game.css
index 4e77db4..498577b 100644
--- a/public_html/css/game.css
+++ b/public_html/css/game.css
@@ -105,4 +105,8 @@ html, body{
.messageContent{
margin: 0px;
font-size: 60%;
+}
+
+.messageImage{
+ width: 100%;
}
\ No newline at end of file
diff --git a/public_html/js/phone.js b/public_html/js/phone.js
index 8a95eeb..9bd5d74 100644
--- a/public_html/js/phone.js
+++ b/public_html/js/phone.js
@@ -14,9 +14,17 @@ class Phone{
h2.className = "messageTitle";
h2.innerText = message.title;
- let p = document.createElement("p");
- p.className = "messageContent";
- p.innerText = message.content;
+ let p;
+ let match = message.content.match(/:(\w+):/);
+ if(match){
+ p = document.createElement("img");
+ p.className = "messageImage";
+ p.src = "assets/concord_images/" + match[1] + '.jpg';
+ }else{
+ p = document.createElement("p");
+ p.className = "messageContent";
+ p.innerText = message.content;
+ }
msg.appendChild(h2);
msg.appendChild(p);
@@ -46,12 +54,15 @@ class Phone{
}
changePosition(){
- if(this.position == 0){
- document.getElementById("phoneContainer").className = "visible";
- this.position = 1;
- }else{
- document.getElementById("phoneContainer").className = "hidden";
- this.position = 0;
+ if(!document.getElementById("phoneContainer").contains(document.activeElement)){
+ if(this.position == 0){
+ document.getElementById("phoneContainer").className = "visible";
+ this.position = 1;
+ }else{
+ document.getElementById("phoneContainer").className = "hidden";
+ this.position = 0;
+ }
}
+
}
}
\ No newline at end of file