diff --git a/Lights.html b/Lights.html
new file mode 100644
index 0000000..e1b9cbe
--- /dev/null
+++ b/Lights.html
@@ -0,0 +1,94 @@
+
+
+
+Team 2 agile work.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Tempature.html b/Tempature.html
new file mode 100644
index 0000000..b632e20
--- /dev/null
+++ b/Tempature.html
@@ -0,0 +1,72 @@
+
+
+
+Team 2 agile work.
+
+
+
+
+
+
+
+
+50°C
+
+
+
\ No newline at end of file
diff --git a/mqtt.crt b/mqtt.crt
new file mode 100644
index 0000000..df5a27f
--- /dev/null
+++ b/mqtt.crt
@@ -0,0 +1,31 @@
+-----BEGIN CERTIFICATE-----
+MIIFYDCCA0igAwIBAgIURFc0JFuBiZs18s64KztbpybwdSgwDQYJKoZIhvcNAQEL
+BQAwSDELMAkGA1UEBhMCQk0xGTAXBgNVBAoTEFF1b1ZhZGlzIExpbWl0ZWQxHjAc
+BgNVBAMTFVF1b1ZhZGlzIFJvb3QgQ0EgMiBHMzAeFw0xMjAxMTIxODU5MzJaFw00
+MjAxMTIxODU5MzJaMEgxCzAJBgNVBAYTAkJNMRkwFwYDVQQKExBRdW9WYWRpcyBM
+aW1pdGVkMR4wHAYDVQQDExVRdW9WYWRpcyBSb290IENBIDIgRzMwggIiMA0GCSqG
+SIb3DQEBAQUAA4ICDwAwggIKAoICAQChriWyARjcV4g/Ruv5r+LrI3HimtFhZiFf
+qq8nUeVuGxbULX1QsFN3vXg6YOJkApt8hpvWGo6t/x8Vf9WVHhLL5hSEBMHfNrMW
+n4rjyduYNM7YMxcoRvynyfDStNVNCXJJ+fKH46nafaF9a7I6JaltUkSs+L5u+9ym
+c5GQYaYDFCDy54ejiK2toIz/pgslUiXnFgHVy7g1gQyjO/Dh4fxaXc6AcW34Sas+
+O7q414AB+6XrW7PFXmAqMaCvN+ggOp+oMiwMzAkd056OXbxMmO7FGmh77FOm6RQ1
+o9/NgJ8MSPsc9PG/Srj61YxxSscfrf5BmrODXfKEVu+lV0POKa2Mq1W/xPtbAd0j
+IaFYAI7D0GoT7RPjEiuA3GfmlbLNHiJuKvhB1PLKFAeNilUSxmn1uIZoL1NesNKq
+IcGY5jDjZ1XHm26sGahVpkUG0CM62+tlXSoREfA7T8pt9DTEceT/AFr2XK4jYIVz
+8eQQsSWu1ZK7E8EM4DnatDlXtas1qnIhO4M15zHfeiFuuDIIfR0ykRVKYnLP43eh
+vNURG3YBZwjgQQvD6xVu+KQZ2aKrr+InUlYrAoosFCT5v0ICvybIxo/gbjh9Uy3l
+7ZizlWNof/k19N+IxWA1ksB8aRxhlRbQ694Lrz4EEEVlWFA4r0jyWbYW8jwNkALG
+cC4BrTwV1wIDAQABo0IwQDAPBgNVHRMBAf8EBTADAQH/MA4GA1UdDwEB/wQEAwIB
+BjAdBgNVHQ4EFgQU7edvdlq/YOxJW8ald7tyFnGbxD0wDQYJKoZIhvcNAQELBQAD
+ggIBAJHfgD9DCX5xwvfrs4iP4VGyvD11+ShdyLyZm3tdquXK4Qr36LLTn91nMX66
+AarHakE7kNQIXLJgapDwyM4DYvmL7ftuKtwGTTwpD4kWilhMSA/ohGHqPHKmd+RC
+roijQ1h5fq7KpVMNqT1wvSAZYaRsOPxDMuHBR//47PERIjKWnML2W2mWeyAMQ0Ga
+W/ZZGYjeVYg3UQt4XAoeo0L9x52ID8DyeAIkVJOviYeIyUqAHerQbj5hLja7NQ4n
+lv1mNDthcnPxFlxHBlRJAHpYErAK74X9sbgzdWqTHBLmYF5vHX/JHyPLhGGfHoJE
++V+tYlUkmlKY7VHnoX6XOuYvHxHaU4AshZ6rNRDbIl9qxV6XU/IyAgkwo1jwDQHV
+csaxfGl7w/U2Rcxhbl5MlMVerugOXou/983g7aEOGzPuVBj+D77vfoRrQ+NwmNtd
+dbINWQeFFSM51vHfqSYP1kjHs6Yi9TM3WpVHn3u6GBVv/9YUZINJ0gpnIdsPNWNg
+KCLjsZWDzYWm3S8P52dSbrsvhXz1SnPnxT7AvSESBT/8twNJAlvIJebiVDj1eYeM
+HVOyToV7BjjHLPj4sHKNJeV3UvQDHEimUF+IIDBu8oJDqz2XhOdT+yHBTw8imoa4
+WSr2Rz0ZiC3oheGe7IUIarFsNMkd7EgrO3jtZsSOeWmD3n+M
+-----END CERTIFICATE-----
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..abc813c
--- /dev/null
+++ b/script.js
@@ -0,0 +1,55 @@
+function setColor(e) {
+ var target = e.target,
+ status = e.target.classList.contains('active');
+
+ e.target.classList.add(status ? 'inactive' : 'active');
+ e.target.classList.remove(status ? 'active' : 'inactive');
+ }
+
+ function startConnect() {
+ // Generate a random client ID
+ clientID = "clientID-" + parseInt(Math.random() * 100);
+
+
+ // Print output for the user in the messages div
+ document.getElementById("messages").innerHTML += 'Connecting to: ' + "test.mosqutto.org" + ' on port: ' + "8080" + '
';
+ document.getElementById("messages").innerHTML += 'Using the following client value: ' + clientID + '
';
+
+ // Initialize new Paho client connection
+ client = new Paho.MQTT.Client("test.mosqutto.org", 8080 , clientID);
+
+ // Set callback handlers
+ client.onConnectionLost = onConnectionLost;
+ client.onMessageArrived = onMessageArrived;
+
+ // Connect the client, if successful, call onConnect function
+ client.connect({
+ onSuccess: onConnect,
+ });
+}
+// Called when the client connects
+function onConnect() {
+ // Fetch the MQTT topic from the form
+
+ // Print output for the user in the messages div
+ document.getElementById("messages").innerHTML += 'Subscribing to: ' + topic + '
';
+
+ // Subscribe to the requested topic
+ client.subscribe("302CEM/Team2/lights01");
+}
+
+// Called when the client loses its connection
+function onConnectionLost(responseObject) {
+ document.getElementById("messages").innerHTML += 'ERROR: Connection lost
';
+ if (responseObject.errorCode !== 0) {
+ document.getElementById("messages").innerHTML += 'ERROR: ' + + responseObject.errorMessage + '
';
+ }
+}
+
+// Called when a message arrives
+function onMessageArrived(message) {
+ console.log("onMessageArrived: " + message.payloadString);
+ document.getElementById("messages").innerHTML += 'Topic: ' + message.destinationName + ' | ' + message.payloadString + '
';
+}
+
+