diff --git a/board.html b/board.html
index e591c0d..ae877c1 100644
--- a/board.html
+++ b/board.html
@@ -1,168 +1,144 @@
 <!DOCTYPE html>
- <meta charset="UTF-8">
  <html>
   <head>
-
-<title>SMS Board</title>
-  <link rel='stylesheet' href='sprite/emoji.css' >
-  <link rel="stylesheet" href="/css/bootstrap.min.css" />
-  <script src="/js/jquery-1.12.1.min"></script>
-  <script src="/js/jquery-ui.js"></script>
-	<script src="/socket.io/socket.io.js">
-  </script>
-<style>
-/* Sticky footer styles
--------------------------------------------------- */
-
-html,
-body {
-  height: 100%;
-  /* The html and body elements cannot have any padding or margin. */
-}
-
-/* Wrapper for page content to push down footer */
-#wrap {
-  min-height: 100%;
-  height: auto;
-  /* Negative indent footer by its height */
-  margin: 0 auto -60px;
-  /* Pad bottom by footer height */
-  padding: 0 0 60px;
-}
-
-/* Set the fixed height of the footer here */
-#footer {
-  height: 100px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-}
-</style>
-
-
-<script>
-  const toDisplay = 4; //define the number of messages to show
-  var iosocket;
-  var currentMessageCount = 0;
-  var newDiv;
-  var mynumber;
-
-  function getColor(num){
-    switch(num){
-      case 0:
-      return  "#428bca"; //blue
-      break;
-      case 1:
-      return  "#5cb85c"; //green
-      break;
-      case 2:
-      return  "#5bc0de"; //lightblue
-      break;
-      case 3:
-      return  "#f0ad4e"; //orange
-      break;
-      case 4:
-      return  "#d9534f"; //red
-      break;
+    <meta charset="UTF-8">
+    <title>SMS Board</title>
+    <link rel='stylesheet' href='sprite/emoji.css' >
+    <link rel="stylesheet" href="/css/bootstrap.min.css" />
+    <script src="/js/jquery-1.12.1.min"></script>
+    <script src="/js/jquery-ui.js"></script>
+    <script src="/socket.io/socket.io.js"></script>
+    <style>
+    /* Sticky footer styles
+    -------------------------------------------------- */
+    html, body {
+      height: 100%;
+      /* The html and body elements cannot have any padding or margin. */
     }
-  }
+    /* Wrapper for page content to push down footer */
+    #wrap {
+      min-height: 100%;
+      height: auto;
+      /* Negative indent footer by its height */
+      margin: 0 auto -60px;
+      /* Pad bottom by footer height */
+      padding: 0 0 60px;
+    }
+    /* Set the fixed height of the footer here */
+    #footer {
+      height: 100px;
+      position: fixed;
+      bottom: 0;
+      width: 100%;
+    }
+    </style>
+    <script>
+    const toDisplay = 4; //define the number of messages to show
+    var iosocket;
+    var currentMessageCount = 0;
+    var newDiv;
+    var mynumber;
 
+    function getColor(num){
+      switch(num){
+        case 0:
+        return  "#428bca"; //blue
+        break;
+        case 1:
+        return  "#5cb85c"; //green
+        break;
+        case 2:
+        return  "#5bc0de"; //lightblue
+        break;
+        case 3:
+        return  "#f0ad4e"; //orange
+        break;
+        case 4:
+        return  "#d9534f"; //red
+        break;
+      }
+    }
 
-	function initSocketIO()
-	{
-		iosocket = io.connect();
+    function initSocketIO() {
+      iosocket = io.connect();
+      iosocket.on('clientrefresh', function() {
+        location.reload();
+      });
 
-    iosocket.on('clientrefresh', function() {
-      location.reload();
-    });
+      iosocket.on('connect', function() {
+        iosocket.on('debugMessage', function(message) {
+          alert(message);
+        });
 
-		iosocket.on('connect', function() {
+        iosocket.on('config', function(phonenumber) {
+          mynumber = phonenumber;
+          $( "span.number" ).html(mynumber);
+        });
 
+        iosocket.on('newMessage', function(time,number,message,color) {
+          var censoredNumber = number.substring(0,3) + "********" +number.substring(number.length - 3, number.length);
+          var messages = document.getElementById('messagesBody');
+          var newDiv = document.createElement('div');
+          var newH1 = document.createElement('h1');
+          var newP = document.createElement('p');
 
+          newH1.innerHTML = message;
+          newP.innerHTML = "by " + censoredNumber + " at " + time;
+          newDiv.style.backgroundColor = getColor(color); //need this on both for some browsers (especially safari) to recognize...
+          newDiv.style = "background-color:" + getColor(color) + " !important; padding:10px 0; margin:10px 0;";
+          newDiv.className = "jumbotron";
+          newDiv.appendChild(newH1);
+          newDiv.appendChild(newP);
+          currentMessageCount++;
 
-	  	iosocket.on('debugMessage', function(message) {
-	  		alert(message);
-		  });
+          if(currentMessageCount > toDisplay) {
+            //Remove the top div
+            $('#messagesBody').find('div').first().slideUp(function() {
+              $(this).remove();
+              document.getElementById('messagesBody').appendChild(newDiv);
+            });
+            currentMessageCount--;
+          } else {
+            document.getElementById('messagesBody').appendChild(newDiv);
+          }
+        });
+      });
+    };
 
-      iosocket.on('config', function(phonenumber) {
-  			mynumber = phonenumber;
-        $( "span.number" ).html(mynumber);
-  		});
+    function initButton() {
+      $("#check").button();
+    };
 
+    window.onload = function() {
+      initSocketIO();
+      iosocket.emit('getLastMessages',toDisplay);
+      iosocket.emit('getConfig');
+    };
 
-     iosocket.on('newMessage', function(time,number,message,color) {
-       var censoredNumber = number.substring(0,3) + "********" +number.substring(number.length - 3, number.length);
-       var messages = document.getElementById('messagesBody');
-       newDiv = document.createElement('div');
-       var newH1 = document.createElement('h1');
-       var newP = document.createElement('p');
-       newH1.innerHTML = message;
-       newP.innerHTML = "by "+censoredNumber+" at "+time;
-       newDiv.style.backgroundColor = getColor(color); //need this on both for some browsers (especially safari) to recognize...
-       newDiv.style="background-color:"+getColor(color)+" !important; padding:10px 0; margin:10px 0;";
-       newDiv.className="jumbotron";
-       newDiv.appendChild(newH1);
-       newDiv.appendChild(newP);
-
-       currentMessageCount++;
-       if(currentMessageCount > toDisplay)
-       {
-         //Remove the top div
-         $('#messagesBody').find('div').first().slideUp(function() {
-         $(this).remove();
-         document.getElementById('messagesBody').appendChild(newDiv);
-         });
-        currentMessageCount--;
-       }else{
-         document.getElementById('messagesBody').appendChild(newDiv);
-       }
-
-	    });
-    });
-	}
-
-
-	function initButton()
-	{
-	   $("#check").button();
-	}
-
-	window.onload = function() {
-	     initSocketIO();
-       iosocket.emit('getLastMessages',toDisplay);
-       iosocket.emit('getConfig');
-      };
-
-
-  $(document).ready(function() {
+    $(document).ready(function() {
       $('#check').click(function() {
-	    iosocket.emit('sendAT',toggleVal);
-	    });
-	});
-
-
-</script>
-
+        iosocket.emit('sendAT',toggleVal);
+      });
+    });
+    
+    </script>
   </head>
   <body style="/*background-color: #D4D4D4;*/">
-   <div style="text-align:center;" >
-
-  <h2>Send an SMS with a message to <span class="number" style="color:#3399ff;"></span></h2>
-  <div id="wrap">
-  <div id="messagesBody">
-  </div>
-
-  <br>
-  <br>
-	<div style="display:none;" id="btnHolder">
-    <h2>Debug functions</h2>
-	  <input type="checkbox" id="check" value="toggle"/><label for="check">Send AT</label>
-    <div id="debugOut"> </div>
-	</div>
-</div>
-<!-- <div id="footer">
-<h2>Send an SMS with a message to <span class="number" style="color:#3399ff;"></span></h2>
-</div>
--->
+    <div style="text-align:center;" >
+      <h2>Send an SMS with a message to <span class="number" style="color:#3399ff;"></span></h2>
+      <div id="wrap">
+        <div id="messagesBody"></div>
+        <br>
+        <br>
+        <div style="display:none;" id="btnHolder">
+          <h2>Debug functions</h2>
+          <input type="checkbox" id="check" value="toggle"/><label for="check">Send AT</label>
+          <div id="debugOut"> </div>
+        </div>
+      </div>
+      <div id="footer">
+      <h2>Send an SMS with a message to <span class="number" style="color:#3399ff;"></span></h2>
+      </div>
+    </div>
   </body>
-</html>
+ </html>
diff --git a/clear.html b/clear.html
index 6e59cd1..db26c49 100644
--- a/clear.html
+++ b/clear.html
@@ -1,63 +1,54 @@
 <!DOCTYPE html>
- <meta charset="UTF-8">
- <html>
-  <head>
-<title>Clear Board</title>
-  <link rel='stylesheet' href='sprite/emoji.css' >
-  <link rel="stylesheet" href="/css/bootstrap.min.css" />
-  <script src="/js/jquery-1.12.1.min"></script>
-  <script src="/js/jquery-ui.js"></script>
-	<script src="/socket.io/socket.io.js"></script>
-
-<script>
-  var iosocket;
-
-	function initSocketIO()
-	{
-		iosocket = io.connect();
-		iosocket.on('connect', function() {
-
-	  	iosocket.on('debugMessage', function(message) {
-	  		alert(message);
-		  });
-
-
-    });
-	}
-
-
-
-	window.onload = function() {
-	     initSocketIO();
+  <html>
+    <head>
+      <meta charset="UTF-8">
+      <title>Clear Board</title>
+      <link rel='stylesheet' href='sprite/emoji.css' >
+      <link rel="stylesheet" href="/css/bootstrap.min.css" />
+      <script src="/js/jquery-1.12.1.min"></script>
+      <script src="/js/jquery-ui.js"></script>
+	    <script src="/socket.io/socket.io.js"></script>
+      <script>
+      var iosocket;
+      function initSocketIO() {
+        iosocket = io.connect();
+        iosocket.on('connect', function() {
+          iosocket.on('debugMessage', function(message) {
+            alert(message);
+          });
+        });
+      };
+      window.onload = function() {
+        initSocketIO();
       };
 
-
-  $(document).ready(function() {
-      $('#clear').click(function() {
-      var number = $('#number').val();
-	    iosocket.emit('clear',number);
-      alert("cleared");
-	    });
-      $('#refresh').click(function() {
-      iosocket.emit('refreshClients');
+      $(document).ready(function() {
+        $('#clear').click(function() {
+          var number = $('#number').val();
+          iosocket.emit('clear',number);
+          alert("cleared");
+        });
+        $('#refresh').click(function() {
+          iosocket.emit('refreshClients');
+        });
       });
-	});
-
-
-</script>
-  </head>
-  <body>
-   <div style="text-align:center;" >
-  <div id="wrap">
-	<div  id="btnHolder">
-    <h2>Functions</h2>
-    <input type="number" id="number" value="1" min="1"/><label for="number">Number</label><br>
-	  <input type="button" id="clear" value="clear"/>
-    <br>
-    <input type="button" id="refresh" value="refresh"/>
-    <div id="debugOut"> </div>
-	</div>
-</div>
-
-  </body>
-</html>
+      </script>
+    </head>
+    <body>
+      <div style="text-align:center;" >
+        <div id="wrap">
+          <div  id="btnHolder">
+            <h2>Functions</h2>
+            <input type="number" id="number" value="1" min="1"/>
+            <label for="number">Number</label>
+            <br>
+            <input type="button" id="clear" value="clear"/>
+            <br>
+            <input type="button" id="refresh" value="refresh"/>
+            <div id="debugOut"></div>
+          </div>
+        </div>
+      </div>
+    </body>
+  </html>
+  
diff --git a/demo.html b/demo.html
index 929bee9..2a6b7b8 100644
--- a/demo.html
+++ b/demo.html
@@ -1,220 +1,206 @@
 <!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=320, initial-scale=1">
-  <title>Chat</title>
-  <script src="/js/jquery-1.12.1.min"></script>
-  <script src="/js/jquery-ui.js"></script>
-  <script src="/socket.io/socket.io.js"></script>
-</head>
+  <html>
+    <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=320, initial-scale=1">
+      <title>Chat</title>
+      <script src="/js/jquery-1.12.1.min"></script>
+      <script src="/js/jquery-ui.js"></script>
+      <script src="/socket.io/socket.io.js"></script>
+      <script type="text/javascript">
+      var iosocket;
 
-<script type="text/javascript">
-  var iosocket;
+      function initSocketIO() {
+        iosocket = io.connect();
 
-	function initSocketIO()
-	{
-		iosocket = io.connect();
+        iosocket.on('connect', function() {
+          createSystemMessage('[Connected]');
+          console.log("connect");
 
-		iosocket.on('connect', function() {
-    createSystemMessage('[Connected]');
-    console.log("connect");
+          iosocket.on('debugMessage', function(message) {
+            alert(message);
+          });
+          iosocket.on('disconnect', function() {
+            createSystemMessage('[Disconnected]');
+          });
+        });
+      }
 
-
-    iosocket.on('debugMessage', function(message) {
-	  	alert(message);
-		});
-    iosocket.on('disconnect', function() {
-    createSystemMessage('[Disconnected]');
-    });
-
-    });
-
-	}
-
-
-
-	window.onload = function() {
-	     initSocketIO();
+      window.onload = function() {
+        initSocketIO();
       };
 
+      function createSystemMessage(message) {
+        var message = document.createTextNode(message);
 
-  function createSystemMessage(message) {
-    var message = document.createTextNode(message);
+        var messageBox = document.createElement('p');
+        messageBox.className = 'system';
 
-    var messageBox = document.createElement('p');
-    messageBox.className = 'system';
+        messageBox.appendChild(message);
 
-    messageBox.appendChild(message);
+        var chat = document.getElementById('chat_box');
+        chat.appendChild(messageBox);
+      }
 
-    var chat = document.getElementById('chat_box');
-    chat.appendChild(messageBox);
-  }
+      function createUserMessage(user, message) {
+        var user = document.createTextNode(user + ': ');
 
-  function createUserMessage(user, message) {
-    var user = document.createTextNode(user + ': ');
+        var userBox = document.createElement('span');
+        userBox.className = 'username';
+        userBox.appendChild(user);
 
-    var userBox = document.createElement('span');
-    userBox.className = 'username';
-    userBox.appendChild(user);
+        var message = document.createTextNode(message);
 
-    var message = document.createTextNode(message);
+        var messageBox = document.createElement('p');
+        messageBox.appendChild(userBox);
+        messageBox.appendChild(message);
 
-    var messageBox = document.createElement('p');
-    messageBox.appendChild(userBox);
-    messageBox.appendChild(message);
+        var chat = document.getElementById('chat_box');
+        chat.appendChild(messageBox);
+      }
 
-    var chat = document.getElementById('chat_box');
-    chat.appendChild(messageBox);
-  }
+      function sendMessage() {
+        var user = document.getElementById('user');
+        var message = document.getElementById('message');
+        var number = document.getElementById('number');
+        var currentDate = new Date();
+        var time = currentDate.toLocaleTimeString();
+        var date = currentDate.getDate()+"/"+currentDate.getMonth()+"/"+currentDate.getFullYear();
 
+        iosocket.emit('demoMessage',number.value.toString(),date,time,message.value);
+        createUserMessage(time,message.value);
+        message.value = "";
+      };
 
-  function sendMessage() {
-    var user = document.getElementById('user');
-    var message = document.getElementById('message');
-    var number = document.getElementById('number');
-    var currentDate = new Date();
-    var time = currentDate.toLocaleTimeString();
-    var date = currentDate.getDate()+"/"+currentDate.getMonth()+"/"+currentDate.getFullYear();
+      // added a little wrapper for enter submit
+      function submitEnter(e){
+        if (( e.keyCode == 13 )&&(e.shiftKey === false)) {
+          sendMessage();
+        }
+      }
+      </script>
+      <style type="text/css">
+        * {
+          font-family: "Arial";
+          font-size: 24px;
+        }
 
-    iosocket.emit('demoMessage',number.value.toString(),date,time,message.value);
-    createUserMessage(time,message.value);
-    message.value = "";
-  };
+        html, body, #wrapper {
+          margin: 0;
+          padding: 0;
+          height: 100%;
+        }
 
-  // added a little wrapper for enter submit
-  function submitEnter(e){
-   if (( e.keyCode == 13 )&&(e.shiftKey === false)) {
-     sendMessage();
-   }
+        #wrapper {
+          background-color: #ecf0f1;
+        }
 
- }
+        #chat_box {
+          box-sizing: border-box;
+          height: 100%;
+          overflow: auto;
+          padding-bottom: 50px;
+        }
 
+        #footer {
+          box-sizing: border-box;
+          position: fixed;
+          bottom: 0;
+          height: 50px;
+          width: 100%;
+          background-color: #2980b9;
+        }
 
-</script>
+        #footer .content {
+          padding-top: 4px;
+          position: relative;
+        }
 
-<body>
-  <div id="wrapper">
-    <div id="chat_box" class="content"></div>
+        #user { width: 20%; }
+        #message { width: 68%; }
+        #send_btn {
+          width: 10%;
+          position: absolute;
+          right: 0;
+          bottom: 0;
+          margin: 0;
+        }
 
-    <div id="footer">
-      <div class="content">
-        <input type="text" id="number"  value="+4301234567890" />
-        <input type="text" id="message" onkeypress="return submitEnter(event)" placeholder="Enter a Test Message! (Or emoji!, google if if you don't know how)" />
-        <input type="button" id="send_btn" value="Send"  onclick="sendMessage()">
+        .content {
+          width: 70%;
+          margin: 0 auto;
+        }
+
+        input[type="text"],
+        input[type="button"] {
+          border: 0;
+          color: #fff;
+        }
+
+        input[type="text"] {
+          background-color: #146EA8;
+          padding: 3px 10px;
+        }
+
+        input[type="button"] {
+          background-color: #f39c12;
+          border-right: 2px solid #e67e22;
+          border-bottom: 2px solid #e67e22;
+          min-width: 70px;
+          display: inline-block;
+        }
+
+        input[type="button"]:hover {
+          background-color: #e67e22;
+          border-right: 2px solid #f39c12;
+          border-bottom: 2px solid #f39c12;
+          cursor: pointer;
+        }
+
+        .system,
+        .username {
+          color: #aaa;
+          font-style: italic;
+          font-family: monospace;
+          font-size: 16px;
+        }
+
+        @media(max-width: 1000px) {
+          .content { width: 90%; }
+        }
+
+        @media(max-width: 780px) {
+          #footer { height: 91px; }
+          #chat_box { padding-bottom: 91px; }
+
+          #user { width: 100%; }
+          #message { width: 80%; }
+        }
+
+        @media(max-width: 400px) {
+          #footer { height: 135px; }
+          #chat_box { padding-bottom: 135px; }
+
+          #message { width: 100%; }
+          #send_btn {
+            position: relative;
+            margin-top: 3px;
+            width: 100%;
+          }
+        }
+      </style>
+    </head>
+    <body>
+      <div id="wrapper">
+        <div id="chat_box" class="content"></div>
+
+        <div id="footer">
+          <div class="content">
+            <input type="text" id="number"  value="+4301234567890" />
+            <input type="text" id="message" onkeypress="return submitEnter(event)" placeholder="Enter a Test Message! (Or emoji!, google if if you don't know how)" />
+            <input type="button" id="send_btn" value="Send"  onclick="sendMessage()">
+          </div>
+        </div>
       </div>
-    </div>
-  </div>
-</body>
-</html>
-
-<style type="text/css">
-  * {
-    font-family: "Arial";
-    font-size: 24px;
-  }
-
-  html, body, #wrapper {
-    margin: 0;
-    padding: 0;
-    height: 100%;
-  }
-
-  #wrapper {
-    background-color: #ecf0f1;
-  }
-
-  #chat_box {
-    box-sizing: border-box;
-    height: 100%;
-    overflow: auto;
-    padding-bottom: 50px;
-  }
-
-  #footer {
-    box-sizing: border-box;
-    position: fixed;
-    bottom: 0;
-    height: 50px;
-    width: 100%;
-    background-color: #2980b9;
-  }
-
-  #footer .content {
-    padding-top: 4px;
-    position: relative;
-  }
-
-  #user { width: 20%; }
-  #message { width: 68%; }
-  #send_btn {
-    width: 10%;
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    margin: 0;
-  }
-
-  .content {
-    width: 70%;
-    margin: 0 auto;
-  }
-
-  input[type="text"],
-  input[type="button"] {
-    border: 0;
-    color: #fff;
-  }
-
-  input[type="text"] {
-    background-color: #146EA8;
-    padding: 3px 10px;
-  }
-
-  input[type="button"] {
-    background-color: #f39c12;
-    border-right: 2px solid #e67e22;
-    border-bottom: 2px solid #e67e22;
-    min-width: 70px;
-    display: inline-block;
-  }
-
-  input[type="button"]:hover {
-    background-color: #e67e22;
-    border-right: 2px solid #f39c12;
-    border-bottom: 2px solid #f39c12;
-    cursor: pointer;
-  }
-
-  .system,
-  .username {
-    color: #aaa;
-    font-style: italic;
-    font-family: monospace;
-    font-size: 16px;
-  }
-
-  @media(max-width: 1000px) {
-    .content { width: 90%; }
-  }
-
-  @media(max-width: 780px) {
-    #footer { height: 91px; }
-    #chat_box { padding-bottom: 91px; }
-
-    #user { width: 100%; }
-    #message { width: 80%; }
-  }
-
-  @media(max-width: 400px) {
-    #footer { height: 135px; }
-    #chat_box { padding-bottom: 135px; }
-
-    #message { width: 100%; }
-    #send_btn {
-      position: relative;
-      margin-top: 3px;
-      width: 100%;
-    }
-  }
-</style>
+    </body>
+  </html>
