diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1377554
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+*.swp
diff --git a/webserver/database/logs/blue.json b/webserver/database/logs/blue.json
index 0637a08..06de254 100644
--- a/webserver/database/logs/blue.json
+++ b/webserver/database/logs/blue.json
@@ -1 +1 @@
-[]
\ No newline at end of file
+[{"data": "archtosu@172.23.7.203: x\n", "timestamp": "1681449990"}]
\ No newline at end of file
diff --git a/webserver/database/logs/red.json b/webserver/database/logs/red.json
index 0637a08..375e232 100644
--- a/webserver/database/logs/red.json
+++ b/webserver/database/logs/red.json
@@ -1 +1 @@
-[]
\ No newline at end of file
+[{"data": "start of attack", "timestamp": "1681449990"}, {"data": "command 0: ATTACK", "timestamp": "1681449990"}, {"data": "command 1: ATTACK", "timestamp": "1681449990"}, {"data": "command 2: ATTACK", "timestamp": "1681449990"}, {"data": "command 3: ATTACK", "timestamp": "1681449990"}, {"data": "command 4: ATTACK", "timestamp": "1681449990"}, {"data": "command 5: ATTACK", "timestamp": "1681449990"}, {"data": "command 6: ATTACK", "timestamp": "1681449990"}, {"data": "command 7: ATTACK", "timestamp": "1681449991"}, {"data": "command 8: ATTACK", "timestamp": "1681449991"}, {"data": "command 9: ATTACK", "timestamp": "1681449991"}, {"data": "command 10: ATTACK", "timestamp": "1681449991"}]
\ No newline at end of file
diff --git a/webserver/database/temp/attack_start.txt b/webserver/database/temp/attack_start.txt
new file mode 100644
index 0000000..83ce00a
--- /dev/null
+++ b/webserver/database/temp/attack_start.txt
@@ -0,0 +1 @@
+1681449990
\ No newline at end of file
diff --git a/webserver/database/temp/sim_running.txt b/webserver/database/temp/sim_running.txt
new file mode 100644
index 0000000..4791ed5
--- /dev/null
+++ b/webserver/database/temp/sim_running.txt
@@ -0,0 +1 @@
+True
\ No newline at end of file
diff --git a/webserver/database/temp/sim_start.txt b/webserver/database/temp/sim_start.txt
new file mode 100644
index 0000000..8fb7397
--- /dev/null
+++ b/webserver/database/temp/sim_start.txt
@@ -0,0 +1 @@
+1681449989
\ No newline at end of file
diff --git a/webserver/main.py b/webserver/main.py
index baaf7d3..f01f141 100755
--- a/webserver/main.py
+++ b/webserver/main.py
@@ -310,6 +310,7 @@ def api_red_logs():
 def api_blue_logs():
     global STARTED
     temp_json_n = request.json
+    temp_json_n['data'] = b64decode(temp_json_n['data']).decode('utf-8')
     print('blue log received')
     print(temp_json_n)
 
diff --git a/webserver/templates/main/dashboard_main1.html b/webserver/templates/main/dashboard_main1.html
index cab6794..d317166 100644
--- a/webserver/templates/main/dashboard_main1.html
+++ b/webserver/templates/main/dashboard_main1.html
@@ -1303,7 +1303,7 @@
                 <div class="videos">
                     <div class="video anim" style="--delay: .4s">
                         <a href="#" style="text-decoration: none;color: #ff66d9;">
-                            <div class="video-by" title="Time elapsed since the Attack started">Time since Attack start</div>
+				<div class="video-by" title="Time elapsed since the Attack started">Time elapsed since start of attack</div>
                             {% autoescape false %}
 			    <div class="video-name padding_stat_n" id="attackstart" data-start="{{ attack_start_timestamp }}">0</div>
                             {% endautoescape %}
@@ -1311,7 +1311,7 @@
                     </div>
                     <div class="video anim" style="--delay: .45s">
                         <a href="#" style="text-decoration: none;color: #ff66d9;">
-                            <div class="video-by" title="Time since the sim started">Time since Sim start</div>
+				<div class="video-by" title="Time since the sim started">Time elapsed since start of simulation</div>
                             {% autoescape false %}
 			    <div class="video-name padding_stat_n" id="simstart" data-start="{{ sim_start_timestamp }}">0</div>
                             {% endautoescape %}
@@ -1320,13 +1320,13 @@
                     <div class="video anim" style="--delay: .5s">
                         <a id="start_toggle" href="/d1/startsim" style="text-decoration: none;color: #ff66d9;">
                             <div class="video-by" title="Start or Stop the Simulation" id="start_stop_sim_btn">Start Simulation</div>
-                            <div class="video-name padding_stat_n">click here</div>
+                            <div class="video-name padding_stat_n">Click here</div>
                         </a>
                     </div>
                     <div class="video anim" style="--delay: .55s">
                         <a href="#" style="text-decoration: none;color: #ff66d9;">
-                            <div class="video-by" title="xxx">Other</div>
-                            <div class="video-name padding_stat_n">xxx</div>
+                            <div class="video-by" title="xxx">Blue team status</div>
+                            <div class="video-name padding_stat_n">👍</div>
                         </a>
                     </div>
                 </div><br><br><br>
@@ -1555,6 +1555,7 @@
 		}
 		function populateTimeline(data) {
 			data = flatten_dict(data);
+			data.sort(timestamp_sort);
 			let tl = document.getElementById('timeline');
 			tl.innerHTML = '';
 			data.forEach(data_entry => {
@@ -1598,7 +1599,7 @@
 		const iid = setInterval(() => {
 			let start = parseInt(document.getElementById("simstart").getAttribute("data-start"));
 			let end = ~~(Date.now()/1e3);
-			if (start === -1 && document.getElementById('start_stop_sim_btn').innerHTML === 'Start Simulation' && document.getElementById("attackstart").getAttribute("data-start") === "-1") {
+			if (start === -1 || document.getElementById('start_stop_sim_btn').innerHTML === 'Start Simulation' || document.getElementById("attackstart").getAttribute("data-start") === "-1") {
 				document.getElementById("simstart").innerHTML = "0";
 			} else {
 				document.getElementById("simstart").innerHTML = end - start;
@@ -1611,7 +1612,7 @@
 
 			start = parseInt(document.getElementById("attackstart").getAttribute("data-start"));
 			end = ~~(Date.now()/1e3);
-			if (start === -1) {
+			if (start === -1 || document.getElementById('start_stop_sim_btn').innerHTML === 'Start Simulation') {
 				document.getElementById("attackstart").innerHTML = "0";
 			} else {
 				document.getElementById("attackstart").innerHTML = end - start;