Improve UI

.gitignore

@@ -11,3 +11,6 @@ npm-debug.log
 # Docker
 Dockerfile
 docker-compose.yml
+
+# Generated stylesheet
+static/style.css

main.js

@@ -4,18 +4,26 @@ const express = require('express');
 const app = express();
 const fs = require('fs');
 const path = require('path');
+const sassMiddleware = require('node-sass-middleware');
 
 // setup port
 app.set('port', (process.env.PORT || 5000));
 app.listen(app.get('port'), () => {
   console.log('Node app is running on port', app.get('port'));
 });
 
+// compile sass
+app.use(sassMiddleware({
+  src: path.join(__dirname, 'views', 'stylesheets'),
+  dest: path.join(__dirname, 'static'),
+  outputStyle: 'compressed'
+}));
+
 // static files that shall be accessible
-app.use(express.static(__dirname + '/public'));
+app.use(express.static(path.join(__dirname, 'static')));
 
 // views is directory for all template files
-app.set('views', __dirname + '/views');
+app.set('views', path.join(__dirname, 'views'));
 
 // custom renderer
 app.engine('js', (filePath, options, callback) => {
@@ -103,7 +111,7 @@ app.use((request, response, next) => {
   }
   else if (segments.length == 2 && segments[0] === 'categories' && decodeURIComponent(segments[1]) in register.categories) {
     response.render('pages/single_category', {
-      type: decodeURIComponent(segments[1])
+      category: decodeURIComponent(segments[1])
     });
     return;
   }

package.json

@@ -14,7 +14,8 @@
     "start": "node main.js"
   },
   "dependencies": {
-    "express": "4.14.1"
+    "express": "4.14.1",
+    "node-sass-middleware": "^0.11.0"
   },
   "devDependencies": {
     "colors": "^1.1.2",