concord images adding

public_html/css/game.css

@@ -106,3 +106,7 @@ html, body{
 	margin: 0px;
 	font-size: 60%;
 }
+
+.messageImage{
+	width: 100%;
+}

public_html/js/phone.js

@@ -14,9 +14,17 @@ class Phone{
 		h2.className = "messageTitle";
 		h2.innerText = message.title;
 
-		let p = document.createElement("p");
+		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,6 +54,7 @@ class Phone{
 	}
 
 	changePosition(){
+		if(!document.getElementById("phoneContainer").contains(document.activeElement)){
 			if(this.position == 0){
 				document.getElementById("phoneContainer").className = "visible";
 				this.position = 1;
@@ -54,4 +63,6 @@ class Phone{
 				this.position = 0;
 			}
 		}
+		
+	}
 }