Added styles

Gruntfile.js

@@ -0,0 +1,41 @@
+module.exports = function(grunt) {
+
+  // Project configuration.
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+
+    sass: {
+      dist: {
+        options: {
+          style: 'compressed'
+        },
+        files: [{
+          expand: true,
+          cwd: 'assets/styles',
+          src: ['**/*.scss'],
+          dest: 'public/css',
+          ext: '.css'
+        }]
+      }
+    },
+
+    watch: {
+      css: {
+        files: ['assets/styles/**/*.scss'],
+        tasks: ['sass'],
+        options: {
+          atBegin: true,
+          spawn: false
+        }
+      }
+    }
+  });
+
+  // Load plugins.
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-contrib-sass');
+
+  // CLI tasks.
+  grunt.registerTask('default', ['sass']);
+
+};

assets/styles/kraken.scss

@@ -0,0 +1,62 @@
+$nav-width: 200px;
+
+$box-shadow-1: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+$box-shadow-2: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+
+body{
+  background: lightgrey;
+}
+
+#main-nav{
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: $nav-width;
+  height: 100%;
+  padding: 20px 0;
+  background: #212121;
+  color: white;
+  box-shadow: $box-shadow-1;
+  box-sizing: border-box;
+
+  h3{
+    text-align: center;
+  }
+
+  ul{
+    list-style: none;
+
+    li{
+      margin: 0;
+      border-bottom: 1px solid #999;
+
+      &:first-child{
+        border-top: 1px solid #999;
+      }
+    }
+
+    a{
+      display: block;
+      box-sizing: border-box;
+      width: $nav-width;
+      padding: 10px 15px;
+      color: limegreen;
+      font-size: 2.5rem;
+      text-decoration: none;
+      transition: all 230ms ease-in-out;
+
+      &:hover{
+        background: rgba(255, 255, 255, 0.1);
+      }
+    }
+  }
+}
+
+#main-wrapper{
+  max-width: 1200px;
+  margin-top: 25px;
+  padding: 20px 30px;
+  background: white;
+  border-radius: 5px;
+  box-shadow: $box-shadow-2;
+}

package.json

@@ -0,0 +1,33 @@
+{
+  "name": "raven",
+  "version": "0.1.0",
+  "description": "Self-hosted inventory tracker",
+  "main": "index.js",
+  "scripts": {
+    "grunt": "grunt",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "gitea@git.metaunix.net:Metaunix/raven.git"
+  },
+  "keywords": [
+    "inventory",
+    "tracking"
+  ],
+  "author": "Gregory Ballanine <gballantine@metaunix.net>",
+  "uploaders": [
+    {
+      "name": "Gregory Ballantine",
+      "email": "gballantine@metaunix.net"
+    }
+  ],
+  "license": "BSD-2-Clause",
+  "devDependencies": {
+    "grunt": "^1.5.3",
+    "grunt-cli": "^1.4.3",
+    "grunt-contrib-sass": "^2.0.0",
+    "grunt-contrib-watch": "^1.1.0",
+    "sass": "^1.55.0"
+  }
+}