hasura-imad · tijothomas11 · Sep 20, 2016 · Sep 20, 2016 · Sep 20, 2016 · Sep 20, 2016
diff --git a/.gitignore b/.gitignore
@@ -1 +1 @@
-node_modules/
+node_modules/
diff --git a/package.json b/package.json
@@ -1,15 +1,15 @@
-{
-  "name": "imad-2016-base",
-  "version": "0.1.0",
-  "description": "IMAD 2016 course app",
-  "main": "server.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "express": "^4.14.0",
-    "morgan": "^1.7.0"
-  }
-}
+{
+  "name": "imad-2016-base",
+  "version": "0.1.0",
+  "description": "IMAD 2016 course app",
+  "main": "server.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "express": "^4.14.0",
+    "morgan": "^1.7.0"
+  }
+}
diff --git a/server.js b/server.js
@@ -9,6 +9,18 @@ app.get('/', function (req, res) {
   res.sendFile(path.join(__dirname, 'ui', 'index.html'));
 });
 
+app.get('/article-1', function(req,res) {
+    res.send('Article one will be found here');
+});
+
+app.get('/article-2', function(req,res) {
+    res.send('Article two will be found here');
+});
+
+app.get('/article-3', function(req,res) {
+    res.send('Article three will be found here');
+});
+
 app.get('/ui/style.css', function (req, res) {
   res.sendFile(path.join(__dirname, 'ui', 'style.css'));
 });
@@ -21,4 +33,4 @@ app.get('/ui/madi.png', function (req, res) {
 var port = 8080; // Use 8080 for local development because you might already have apache running on 80
 app.listen(8080, function () {
   console.log(`IMAD course app listening on port ${port}!`);
-});
+});
diff --git a/ui/article-1.html b/ui/article-1.html
@@ -0,0 +1,3 @@
+<!DOCTYPE html>
+<html>
+</html>
diff --git a/ui/index.html b/ui/index.html
@@ -1,17 +1,18 @@
-<!doctype html>
-<html>
-    <head>
-        <link href="/ui/style.css" rel="stylesheet" />
-    </head>
-    <body>
-        <div class="center">
-            <img src="/ui/madi.png" class="img-medium"/>
-        </div>
-        <br>
-        <div class="center text-big bold">
-            Hi! I am your webapp.
-        </div>
-        <script type="text/javascript" src="/ui/main.js">
-        </script>
-    </body>
-</html>
+<!doctype html>
+<html>
+    <head>
+        <link href="/ui/style.css" rel="stylesheet" />
+    </head>
+    <body>
+        <div class="center">
+            <img src="/ui/madi.png" class="img-medium"/>
+        </div>
+        <br>
+        <div class="center text-big bold">
+            Hi! I am Tijo. This will be awesome
+            <h4 style="font-family:cursive; color:gold">Building this up!</h4>            
+        </div>
+        <script type="text/javascript" src="/ui/main.js">
+        </script>
+    </body>
+</html>
diff --git a/ui/main.js b/ui/main.js
@@ -1 +1 @@
-console.log('Loaded!');
+console.log('Loaded!');
diff --git a/ui/style.css b/ui/style.css
@@ -1,22 +1,22 @@
-body {
-    font-family: sans-serif;
-    background-color: lightgrey;
-    margin-top: 75px;
-}
-
-.center {
-    text-align: center;
-}
-
-.text-big {
-    font-size: 300%;
-}
-
-.bold {
-    font-weight: bold;
-}
-
-.img-medium {
-    height: 200px;
-}
-
+body {
+    font-family: sans-serif;
+    background-color: white;
+    margin-top: 75px;
+}
+
+.center {
+    text-align: center;
+}
+
+.text-big {
+    font-size: 300%;
+}
+
+.bold {
+    font-weight: bold;
+}
+
+.img-medium {
+    height: 200px;
+}
+