concord images adding

public_html/css/game.css

@@ -105,4 +105,8 @@ html, body{
 .messageContent{
 	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");
-		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;
+			}
 		}
+		
 	}
 }