Add some frontend tooling

app/gulpfile.js

@@ -0,0 +1 @@
+import { series } from "gulp";

app/js/index.js

@@ -0,0 +1 @@
+// nothing here yet

app/js/user/register.js

@@ -0,0 +1,3 @@
+export function checkPasswords(form) {
+
+}

app/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "slovocast",
+  "version": "1.0.0",
+  "description": "The Slovocast Podcast Platform Frontend",
+  "main": "js/index.js",
+  "directories": {
+    "test": "tests"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Dave Smith-Hayes",
+  "license": "ISC",
+  "devDependencies": {
+    "gulp": "^5.0.0",
+    "gulp-cli": "^3.0.0",
+    "gulp-sass": "^5.1.0",
+    "sass": "^1.81.0"
+  }
+}

app/scss/main.scss

@@ -0,0 +1,62 @@
+body {
+  background-color: #eee;
+}
+
+.container {
+  box-sizing: border-box;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+header {
+  float: left;
+  padding: 0.25em 1em;
+
+  h1 {
+    margin: 0;
+    padding: 0;
+  }
+}
+
+nav {
+  float: right;
+  padding: 0.25em 1em;
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    li {
+      display: inline;
+    }
+    li:last-child {
+      margin-left: 1em;
+    }
+
+  }
+}
+
+main {
+  clear: both;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  padding: 1em;
+  box-sizing: border-box;
+}
+
+.flash {
+  padding: 0.5em;
+  box-sizing: border-box;
+  margin-bottom: 1em;
+  color: #fff;
+} 
+.error {
+  border: 1px solid #140505;
+  border-radius: 5px;
+  background-color: #C32727;
+}
+
+footer {
+  text-align: right;
+  padding: 0.25em 1em;
+}