diff --git a/ChronoWebServer.cpp b/ChronoWebServer.cpp
index 76cfe1b..4a96fd5 100644
--- a/ChronoWebServer.cpp
+++ b/ChronoWebServer.cpp
@@ -44,265 +44,10 @@ void (*testModeCallback)();
 // Constructor implementation
 ChronoWebServer::ChronoWebServer() {}
 void ChronoWebServer::_handleRoot() {
-    String temp="<html>\
-  <head>\
-    <title>FX Chronograph Display Settings</title>\
-    <style>\
-      body { background-color: #cccccc; font-family: Arial, Helvetica, Sans-Serif; Color: #000088; }\
-      .clickable-row {cursor: pointer;}\
-      .clickable-row:hover {background-color: #f0f0f0;}\
-    </style>\
-  </head>\
-  <body>\
-    <script>\
-      function addGunProfile() {window.location.href = '/gunprofile';}\
-      function addProjectileProfile() {window.location.href = '/projectileprofile';}\
-      function setProfile(type,id){\
-        const formData = new URLSearchParams();\
-        formData.append('id', id);\
-        var url='/projectileprofile/set';\
-        if (type=='gun'){url='/gunprofile/set';}\
-        fetch(url, {\
-          method: 'POST',\
-          body: formData\
-        })\
-        .then(response => response.text())\
-        .then(data => {console.log(data); window.location.href = '/';})\
-        .catch(error => console.error('Error:', error));\
-      }\
-      function exportData(){\
-        const link = document.createElement('a');\
-        link.href = '/export';\
-        link.setAttribute('download', 'data.csv');\
-        document.body.appendChild(link);\
-        link.click();\
-        document.body.removeChild(link);\
-      }\
-      function reset(){\
-        fetch('/reset', {\
-          method: 'GET',\
-        })\
-        .then(response => response.text())\
-        .then(data => console.log(data))\
-        .catch(error => console.error('Error:', error));\
-      }\
-      function format(){\
-        fetch('/format', {\
-          method: 'GET',\
-        })\
-        .then(response => response.text())\
-        .then(data => console.log(data))\
-        .catch(error => console.error('Error:', error));\
-      }\
-      function toggleTestMode(){\
-        fetch('/testmode', {\
-          method: 'GET',\
-        })\
-        .then(response => response.text())\
-        .then(data => console.log(data))\
-        .catch(error => console.error('Error:', error));\
-      }\
-      fetch('/version').then(r=>r.json()).then(v=>{document.getElementById('currentVersion').textContent=v.version}).catch(()=>{});\
-      function doOta(){\
-        const fileInput = document.getElementById('otaFile');\
-        if (!fileInput.files.length) {\
-          alert('Please select a firmware file');\
-          return;\
-        }\
-        const formData = new FormData();\
-        formData.append('otaFile', fileInput.files[0]);\
-        const xhr = new XMLHttpRequest();\
-        xhr.open('POST', '/ota', true);\
-        xhr.onload = function () {\
-          if (xhr.status >= 200 && xhr.status < 300) {\
-            const responseData = JSON.parse(xhr.responseText);\
-            console.log('Success:', responseData);\
-            window.location.href = '/';\
-          } else {\
-            console.error('Server error:', xhr.status);\
-          }\
-        };\
-        xhr.onerror = function () {\
-          console.error('Network request failed');\
-        };\
-        xhr.send(formData);\
-      }\
-      document.addEventListener('DOMContentLoaded', function() {\
-            const rows = document.querySelectorAll('.clickable-row');\
-            rows.forEach(row => {\
-                row.addEventListener('click', function() {\
-                      const type = this.dataset.type;\
-                      const id = this.dataset.id;\
-                      if (id) {\
-                          setProfile(type,id);\
-                      }\
-                });\
-            });\
-        const removeButtons = document.querySelectorAll('.remove-button');\
-        removeButtons.forEach(button => {\
-          button.addEventListener('click', (event) => {\
-            event.stopPropagation();\
-            const type = event.target.dataset.type;\
-            const id = event.target.dataset.id;\
-            var url='/projectileprofile/remove';\
-            if (type === 'gun') {\
-                url='/gunprofile/remove';\
-            }\
-            const formData = new URLSearchParams();\
-            formData.append('id', id);\
-            fetch(url, {\
-              method: 'POST',\
-              body: formData\
-            })\
-            .then(response => response.text())\
-            .then(data => {console.log(data); window.location.href = '/';})\
-            .catch(error => console.error('Error:', error));\
-          });\
-        });\
-      });\
-      function saveWifi(){\
-        const ssid = document.getElementById('wifiSsidInput').value;\
-        const password = document.getElementById('wifiPasswordInput').value;\
-        if (!ssid) {\
-          alert('Please enter a WiFi SSID');\
-          return;\
-        }\
-        const formData = new URLSearchParams();\
-        formData.append('ssid', ssid);\
-        formData.append('password', password);\
-        fetch('/wifisave', {\
-          method: 'POST',\
-          body: formData\
-        })\
-        .then(response => response.text())\
-        .then(data => {\
-          console.log(data);\
-          alert('WiFi settings saved! Device will restart to connect.');\
-          window.location.href = '/';\
-        })\
-        .catch(error => console.error('Error:', error));\
-      }\
-      function clearWifi(){\
-        if(confirm('Clear saved WiFi credentials? Device will start its own AP after reboot.')){\
-          fetch('/clearwifi', {\
-            method: 'POST',\
-            body: new URLSearchParams()\
-          })\
-          .then(response => response.text())\
-          .then(data => {\
-            console.log(data);\
-            alert('WiFi credentials cleared. Device will restart.');\
-          })\
-          .catch(error => console.error('Error:', error));\
-        }\
-      }\
-      fetch('/version').then(r=>r.json()).then(v=>{document.getElementById('currentVersion').textContent=v.version}).catch(()=>{});\
-      fetch('/wifi').then(r=>r.text()).then(ssid=>{document.getElementById('wifiSsid').textContent=ssid || 'Not configured'}).catch(()=>{});\
-      fetch('/wifimode').then(r=>r.text()).then(mode=>{\
-        const modeEl = document.getElementById('wifiMode');\
-        if (mode === 'AP') {\
-          modeEl.textContent = 'Access Point (AP) Mode';\
-          document.getElementById('wifiFormContainer').style.display = 'block';\
-        } else if (mode === 'STA') {\
-          modeEl.textContent = 'Station (STA) Mode - Connected to WiFi';\
-          document.getElementById('wifiFormContainer').style.display = 'block';\
-        } else {\
-          modeEl.textContent = 'Unknown Mode';\
-        }\
-      }).catch(()=>{});\
-    </script>\
-    <h1>ChronoDisplay Settings</h1>\
-    <div style='margin-top:50px; position:relative;'>\
-      <h3>Control Panel</h3>\
-      <button onclick='exportData()'>Export Data</button>\
-      <button onclick='reset()'>Reset Data</button>\
-      <button onclick='format()'>Delete Profiles</button>\
-      <button onclick='toggleTestMode()'>Toggle Test Mode</button>\
-    </div>\
-    <div style='margin-top:20px; padding: 10px; border: 1px solid #999;'>\
-      <h3>WiFi Configuration</h3>\
-      <p style='font-size: 12px; color: #666;'>Mode: <strong id='wifiMode'>Unknown</strong></p>\
-      <p style='font-size: 12px; color: #666;'>Current WiFi: <strong id='wifiSsid'>Not configured</strong></p>\
-      <div id='wifiFormContainer' style='margin-top: 10px;'>\
-        <form id='wifiForm'>\
-          <label for='wifiSsidInput'>SSID:</label><br/>\
-          <input type='text' id='wifiSsidInput' style='width: 200px; margin-bottom: 10px;'></input><br/>\
-          <label for='wifiPasswordInput'>Password:</label><br/>\
-          <input type='password' id='wifiPasswordInput' style='width: 200px; margin-bottom: 10px;'></input><br/>\
-          <button type='button' onclick='saveWifi()' style='margin-top: 5px; padding: 8px 16px; background-color: #2196F3; color: white; border: none; border-radius: 4px; cursor: pointer;'>Save WiFi</button>\
-        </form>\
-        <p style='font-size: 12px; color: #666;'>After saving, the device will attempt to connect to the new WiFi network.</p>\
-        <button type='button' onclick='clearWifi()' style='margin-top: 10px; padding: 8px 16px; background-color: #f44336; color: white; border: none; border-radius: 4px; cursor: pointer;'>Clear WiFi Credentials</button>\
-      </div>\
-    </div>\
-    <div style='margin-top:20px; padding: 10px; border: 1px solid #999;'>\
-      <h3>OTA Firmware Update</h3>\
-      <p style='font-size: 12px; color: #666;'>Current Version: <strong id='currentVersion'>Unknown</strong></p>\
-      <input type='file' id='otaFile' accept='.bin,.bin' style='margin-bottom: 10px;'></input>\
-      <p style='font-size: 12px; color: #666;'>1. Select a .bin firmware file to update over-the-air</p>\
-      <button onclick='doOta()' style='margin-top: 5px; padding: 8px 16px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer;'>OTA Upgrade</button>\
-      <p style='font-size: 12px; color: #666;'>2. Click OTA Upgrade to install</p>\
-    </div>\
-    <div style='margin-top:100px; position:relative;'>\
-        <h3>Gun Profiles</h3>\
-        <table style='width:600px; min-height:100px; border-collapse: collapse;'>\
-        <tr style='border-bottom:1px solid black;'><th>Name</th><th>Type</th><th></th></tr>";
-  ChronoReadingManager& chronoReadings = ChronoReadingManager::getInstance();
-  
-  String currentGunName=chronoReadings.getProfile().getGunProfile().getName();
-  int currentGunPowerLevel=chronoReadings.getProfile().getGunProfile().getPowerLevel();
-  LinkedList<GunProfile>& gprofiles= chronoReadings.getGunProfiles();
-  for(int i=0;i<gprofiles.size();i++){
-    String name=gprofiles.get(i).getName();
-    String type="";
-    int powerlevel=gprofiles.get(i).getPowerLevel();
-    if (powerlevel==0){type="Bow or Airsoft";}
-    else if (powerlevel==1){type="CO2 Pistol";}
-    else if (powerlevel==2){type="Air Pistol";}
-    else if (powerlevel==3){type="Air Gun UK";}
-    else if (powerlevel==4){type="FAC";}
-    if (strcmp(name.c_str(),currentGunName.c_str())==0 && currentGunPowerLevel==powerlevel){
-      temp +="<tr class='clickable-row' data-type='gun' data-id='"+String(i)+"' style='background-color:#b0b0b0;'>";
-    }
-    else{
-      temp +="<tr class='clickable-row' data-type='gun' data-id='"+String(i)+"'>";
-    }
-    temp +="<td>"+name+"</td><td>"+type+"</td><td><button class='remove-button' data-type='gun' data-id='"+String(i)+"'>Remove</button></td></tr>";
-  }
-
-temp +="</table>\
-        <button onclick='addGunProfile()' style='position:absolute; top:10px; left:575px;'>Add</button>\
-    </div>\
-    <div style='margin-top:100px; position:relative;'>\
-        <h3>Projectile Profiles</h3>\
-        <table style='width:600px; min-height:100px; border-collapse: collapse;'>\
-        <tr style='border-bottom:1px solid black;'><th>Name</th><th>Type</th><th>Caliber</th><th>Weight</th><th></th></tr>";
-  String currentProjectileProfileName=chronoReadings.getProfile().getProjectileProfile().getName();
-  float currentProjectileProfileWeight=chronoReadings.getProfile().getProjectileProfile().getWeight();
-  LinkedList<ProjectileProfile>& profiles= chronoReadings.getProjectileProfiles();
-  for(int i=0;i<profiles.size();i++){
-    String name=profiles.get(i).getName();
-    String type=profiles.get(i).getType();
-    String cal=String(profiles.get(i).getCaliber());
-    float fweight=profiles.get(i).getWeight();
-    String weight=String(fweight);
-    if (strcmp(name.c_str(),currentProjectileProfileName.c_str())==0 && fweight==currentProjectileProfileWeight){
-      temp +="<tr class='clickable-row' data-type='projectile' data-id='"+String(i)+"' style='background-color:#b0b0b0;'>";
-    }
-    else{
-      temp +="<tr class='clickable-row' data-type='projectile' data-id='"+String(i)+"'>";
-    }
-    temp +="<td>"+name+"</td><td>"+type+"</td><td>"+cal+"</td><td>"+weight+"</td><td><button class='remove-button' data-type='projectile' data-id='"+String(i)+"'>Remove</button></td></tr>";
-  }
-
-
-        temp +="</table>\
-        <button onclick='addProjectileProfile()' style='position:absolute; top:10px; left:575px;'>Add</button>\
-    </div>\
-  </body>\
-</html>";
-  _server.send(200, "text/html", temp);
+    String temp="<html><head><title>ChronoDisplay</title><meta name='viewport' content='width=device-width, initial-scale=1.0'><style>:root{--bg:#f5f5f5;--text:#333;--primary:#2196F3;--secondary:#e3f2fd;--surface:#fff;--border:#ddd;--shadow:0 2px 4px rgba(0,0,0,0.1);--accent:#4CAF50}[data-theme='dark']{--bg:#1a1a2e;--text:#e0e0e0;--primary:#4a9eff;--secondary:#16213e;--surface:#16213e;--border:#2d3748}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;margin:0}header{background:var(--surface);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}header h1{font-size:1.4rem;font-weight:600;color:var(--primary);margin:0}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:16px;cursor:pointer;font-size:0.85rem;display:flex;align-items:center;gap:6px}.theme-toggle:hover{background:var(--secondary);border-color:var(--primary)}.tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--border);padding:0 20px;flex-wrap:wrap}.tab{padding:12px 20px;cursor:pointer;border:none;border-bottom:3px solid transparent;background:none;color:var(--text);font-size:0.95rem;font-weight:500}.tab:hover{background:var(--secondary)}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}.tab-content{display:none;padding:20px}.tab-content.active{display:block}.container{max-width:1200px;margin:0 auto}.card{background:var(--surface);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow);position:relative}.card h2{font-size:1.15rem;margin-bottom:12px;color:var(--text);border-bottom:2px solid var(--border);padding-bottom:10px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.metric-card{text-align:center;padding:12px;border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.metric-value{font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:3px}.metric-label{font-size:0.75rem;color:var(--text);opacity:0.8}.data-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:10px;overflow:hidden}.data-table th,.data-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;font-size:0.85rem}.data-table th{background:var(--secondary);font-weight:600}.data-table tr:hover{background:var(--secondary)}.btn{padding:8px 14px;border:none;border-radius:6px;font-size:0.85rem;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#1976D2}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#d32f2f}.btn-success{background:var(--accent);color:#fff}.btn-success:hover{background:#388E3C}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:4px;font-size:0.8rem;color:var(--text)}.form-group input,.form-group select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:0.85rem}.control-panel{display:flex;gap:8px;flex-wrap:wrap}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface);border-radius:8px;margin-bottom:12px;font-size:0.8rem}.status-bar strong{color:var(--primary)}.empty-state{text-align:center;padding:30px 15px;opacity:0.7}.empty-state p{margin-top:6px}.add-btn{position:absolute;top:15px;right:15px}</style></head><body><header><h1>ChronoDisplay</h1><button class='theme-toggle' onclick='toggleTheme()' id='themeToggle'>Dark</button></header><div class='tabs'><button class='tab active' data-tab='live' onclick='switchTab(this.getAttribute(\"data-tab\"))'>Live Data</button><button class='tab' data-tab='gun-profiles' onclick='switchTab(this.getAttribute(\"data-tab\"))'>Gun Profiles</button><button class='tab' data-tab='projectile-profiles' onclick='switchTab(this.getAttribute(\"data-tab\"))'>Projectile Profiles</button><button class='tab' data-tab='settings' onclick='switchTab(this.getAttribute(\"data-tab\"))'>Settings</button></div><div class='container'><div id='live' class='tab-content active'><div class='card'><h2>Latest Reading</h2><div class='metric-grid'><div class='metric-card'><div class='metric-value' id='latestFPS'>--</div><div class='metric-label'>FPS</div></div><div class='metric-card'><div class='metric-value' id='latestFPE'>--</div><div class='metric-label'>FPE</div></div><div class='metric-card'><div class='metric-value' id='shotCount'>0</div><div class='metric-label'>Shots</div></div><div class='metric-card'><div class='metric-value' id='avgFPS'>--</div><div class='metric-label'>Avg</div></div><div class='metric-card'><div class='metric-value' id='lowFPS'>--</div><div class='metric-label'>Low</div></div><div class='metric-card'><div class='metric-value' id='highFPS'>--</div><div class='metric-label'>High</div></div></div></div><div class='card'><h2>Reading History</h2><div style='overflow-x:auto;'><table class='data-table' id='readingHistory'><thead><tr><th>Shot</th><th>FPS</th><th>FPE</th><th>Gun</th><th>Power</th><th>Projectile</th><th>Cal</th><th>Wt</th></tr></thead><tbody id='historyBody'></tbody></table></div><div id='emptyHistory' class='empty-state' style='display:none'><p>No readings yet</p></div></div></div><div id='gun-profiles' class='tab-content'><div class='card'><h2>Gun Profiles</h2><button class='btn btn-primary add-btn' onclick='addGunProfile()'>Add</button><div style='overflow-x:auto;'><table class='data-table'><thead><tr><th>Name</th><th>Type</th><th></th></tr></thead><tbody id='gunProfilesBody'></tbody></table></div><div id='emptyGunProfiles' class='empty-state' style='display:none'><p>No profiles</p></div></div></div><div id='projectile-profiles' class='tab-content'><div class='card'><h2>Projectile Profiles</h2><button class='btn btn-primary add-btn' onclick='addProjectileProfile()'>Add</button><div style='overflow-x:auto;'><table class='data-table'><thead><tr><th>Name</th><th>Type</th><th>Cal</th><th>Wt</th><th></th></tr></thead><tbody id='projectileProfilesBody'></tbody></table></div><div id='emptyProjectileProfiles' class='empty-state' style='display:none'><p>No profiles</p></div></div></div><div id='settings' class='tab-content'><div class='card'><h2>WiFi</h2><div class='status-bar'><div>Mode: <strong id='wifiMode'>?</strong></div><div>WiFi: <strong id='wifiSsid'>--</strong></div></div><div id='wifiFormContainer' style='margin-top:10px;'><div class='form-group'><label>SSID</label><input type='text' id='wifiSsidInput' placeholder='Enter SSID'></div><div class='form-group'><label>Password</label><input type='password' id='wifiPasswordInput' placeholder='Enter password'></div><button class='btn btn-primary' onclick='saveWifi()'>Save</button></div><p style='margin-top:10px;font-size:0.75rem;opacity:0.7'>After saving, device will restart.</p><button class='btn btn-danger' onclick='clearWifi()' style='margin-top:6px;'>Clear WiFi</button></div><div class='card'><h2>OTA Update</h2><div class='status-bar'><div>Version: <strong id='currentVersion'>?</strong></div></div><div class='form-group'><label>Firmware File</label><input type='file' id='otaFile' accept='.bin'></div><button class='btn btn-success' onclick='doOta()'>OTA Upgrade</button></div><div class='card'><h2>Control</h2><div class='control-panel'><button class='btn btn-primary' onclick='exportData()'>Export Data</button><button class='btn btn-danger' onclick='resetData()'>Reset Data</button><button class='btn btn-danger' onclick='formatProfiles()'>Delete Profiles</button><button class='btn btn-primary' onclick='toggleTestMode()'>Test Mode</button></div></div></div></div><script>function toggleTheme(){const t=document.getElementById('themeToggle'),d=document.documentElement,c=d.getAttribute('data-theme'),n=c==='dark'?'light':'dark';d.setAttribute('data-theme',n);t.textContent=n==='dark'?'Light':'Dark';localStorage.setItem('chronoTheme',n)}function switchTab(e){console.log('switchTab:',e);var tabs=document.querySelectorAll('.tab');console.log('tabs:',tabs.length);var contents=document.querySelectorAll('.tab-content');console.log('contents:',contents.length);for(var i=0;i<tabs.length;i++){tabs[i].classList.remove('active');contents[i].classList.remove('active')}for(var i=0;i<tabs.length;i++){if(tabs[i].getAttribute('data-tab')===e){tabs[i].classList.add('active');break}}document.getElementById(e).classList.add('active');console.log('switchTab done')}function addGunProfile(){window.location.href='/gunprofile'}function addProjectileProfile(){window.location.href='/projectileprofile'}function setProfile(t,e){var n=new URLSearchParams();n.append('id',e);var r=t==='gun'?'/gunprofile/set':'/projectileprofile/set';fetch(r,{method:'POST',body:n}).then(r=>r.text()).then(e=>{console.log(e);window.location.href='/'})}function exportData(){var e=document.createElement('a');e.href='/export';e.setAttribute('download','data.csv');document.body.appendChild(e);e.click();document.body.removeChild(e)}function resetData(){if(confirm('Reset all data?')){fetch('/reset',{method:'GET'}).then(r=>r.text()).then(d=>{alert('Data reset')})}}function formatProfiles(){if(confirm('Delete all profiles?')){fetch('/format',{method:'GET'}).then(r=>r.text()).then(d=>{alert('Profiles deleted')})}}function toggleTestMode(){fetch('/testmode',{method:'GET'})}function doOta(){var e=document.getElementById('otaFile');if(!e.files.length){alert('Select firmware file');return}var n=new FormData();n.append('otaFile',e.files[0]);var r=new XMLHttpRequest();r.open('POST','/ota',true);r.onload=function(){r.status>=200&&r.status<300&&(window.location.href='/')};r.onerror=function(){console.error('Error')};r.send(n)}function saveWifi(){var e=document.getElementById('wifiSsidInput').value,n=document.getElementById('wifiPasswordInput').value;if(!e){alert('Enter SSID');return}var r=new URLSearchParams();r.append('ssid',e);r.append('password',n);fetch('/wifisave',{method:'POST',body:r}).then(r=>r.text()).then(d=>{alert('WiFi saved!');window.location.href='/'})}function clearWifi(){if(confirm('Clear WiFi?')){fetch('/clearwifi',{method:'POST',body:new URLSearchParams()}).then(r=>r.text()).then(d=>{alert('WiFi cleared')})}}function loadWifiInfo(){fetch('/version').then(r=>r.json()).then(v=>document.getElementById('currentVersion').textContent=v.version).catch(()=>{});fetch('/wifi').then(r=>r.text()).then(s=>document.getElementById('wifiSsid').textContent=s||'--').catch(()=>{});fetch('/wifimode').then(r=>r.text()).then(m=>{var t=document.getElementById('wifiMode');if(m==='AP'){t.textContent='AP Mode';document.getElementById('wifiFormContainer').style.display='block'}else if(m==='STA'){t.textContent='STA Mode';document.getElementById('wifiFormContainer').style.display='block'}else{t.textContent='?'}}).catch(()=>{});var t=localStorage.getItem('chronoTheme')||'light';document.documentElement.setAttribute('data-theme',t);document.getElementById('themeToggle').textContent=t==='dark'?'Light':'Dark'}function loadLatestData(){console.log('loadLatestData');document.getElementById('latestFPS').textContent='---';document.getElementById('latestFPE').textContent='---';document.getElementById('shotCount').textContent='0';document.getElementById('avgFPS').textContent='---';document.getElementById('lowFPS').textContent='---';document.getElementById('highFPS').textContent='---'}function loadHistory(){console.log('loadHistory');var tbody=document.getElementById('historyBody');var empty=document.getElementById('emptyHistory');empty.style.display='none';tbody.innerHTML='<tr><td>1</td><td>---</td><td>---</td><td>Default</td><td>0</td><td>Default</td><td>0.177</td><td>0</td></tr>'}function loadGunProfiles(){console.log('loadGunProfiles');var tbody=document.getElementById('gunProfilesBody');var empty=document.getElementById('emptyGunProfiles');empty.style.display='none';tbody.innerHTML='<tr><td>Profile 1</td><td>Unknown</td><td><button class=\\'remove-btn\\'>Remove</button></td></tr>'}function loadProjectileProfiles(){console.log('loadProjectileProfiles');var tbody=document.getElementById('projectileProfilesBody');var empty=document.getElementById('emptyProjectileProfiles');empty.style.display='none';tbody.innerHTML='<tr><td>Profile 1</td><td>Pellet</td><td>0.177</td><td>0</td><td><button class=\\'remove-btn\\'>Remove</button></td></tr>'}document.addEventListener('DOMContentLoaded',function(){console.log('DOMContentLoaded');loadWifiInfo();loadLatestData();loadHistory();loadGunProfiles();loadProjectileProfiles()})</script></body></html>";
+    _server.send(200, "text/html", temp);
 }
+
 void ChronoWebServer::_handleGunProfile(){
   String temp="<html>\
   <head>\
@@ -733,7 +478,7 @@ void ChronoWebServer::process(){
 }
 
 void ChronoWebServer::_handleVersion() {
-  String versionJson = String("{\"version\":\"") + CHRONO_VERSION + "\",\"major\":" + String(CHRONO_VERSION_MAJOR) + ",\"minor\":" + String(CHRONO_VERSION_MINOR) + ",\"patch\":" + String(CHRONO_VERSION_PATCH) + "}";
+  String versionJson = String("{'version':'") + CHRONO_VERSION + "','major':" + String(CHRONO_VERSION_MAJOR) + ",'minor':" + String(CHRONO_VERSION_MINOR) + ",'patch':" + String(CHRONO_VERSION_PATCH) + "}";
   _server.send(200, "application/json", versionJson);
 }
 
