Add styles

2 files changed, 35 insertions, 2 deletions

diff --git a/public/client.js b/public/client.js
index 193683d..4b946f5 100644
--- a/public/client.js
+++ b/public/client.js
@@ -3,7 +3,7 @@ var statusapp = angular.module('status-app', []);
 statusapp.controller('status-controller', ['$scope', '$http', function status_controller($scope, $http) {
     $scope.systems = [];
 
-    setInterval(function() {
+    var update = function() {
         $http({
             method: "GET",
             url: "/status"
@@ -12,5 +12,8 @@ statusapp.controller('status-controller', ['$scope', '$http', function status_co
         }, function errorCallback(response) {
 
         });
-    }, 5000);
+    };
+    
+    setInterval(update, 5000);
+    update();
 }]);
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..9983bea
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,30 @@
+body {
+    text-align: center;
+    font-family: 'Lato', sans-serif;
+    font-weight: 400;
+    font-style: italic;
+}
+
+div {
+    margin: 10px;
+    border-radius: 10px;
+    padding: 3px;
+}
+
+h1, h2, h3 {
+    margin: 5px;
+    font-weight: 300;
+    font-style: normal;
+}
+
+h1 {
+    font-size: 40px;
+}
+
+.good-system {
+    background-color: rgba(10, 200, 10, 0.9);
+}
+
+.bad-system {
+    background-color: rgba(200, 10, 10, 0.9);
+}