diff --git a/package-lock.json b/package-lock.json
index 3693de4..53e56ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,11 @@
       "integrity": "sha512-yprFYuno9FtNsSHVlSWd+nRlmGoAbqbeCwOryP6sC/zoCjhpArcRMYp19EvpSUSizJAlsXEwJv+wcWS9XaXdMw==",
       "dev": true
     },
+    "@types/node": {
+      "version": "10.12.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.0.tgz",
+      "integrity": "sha512-3TUHC3jsBAB7qVRGxT6lWyYo2v96BMmD2PTcl47H25Lu7UXtFH/2qqmKiVrnel6Ne//0TFYf6uvNX+HW2FRkLQ=="
+    },
     "@types/webpack-env": {
       "version": "1.13.6",
       "resolved": "http://registry.npmjs.org/@types/webpack-env/-/webpack-env-1.13.6.tgz",
@@ -412,7 +417,6 @@
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz",
       "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=",
-      "dev": true,
       "requires": {
         "mime-types": "2.1.20",
         "negotiator": "0.6.1"
@@ -576,8 +580,7 @@
     "array-flatten": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
-      "dev": true
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
     },
     "array-map": {
       "version": "0.0.0",
@@ -950,7 +953,6 @@
       "version": "1.18.3",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
       "integrity": "sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=",
-      "dev": true,
       "requires": {
         "bytes": "3.0.0",
         "content-type": "1.0.4",
@@ -1163,8 +1165,7 @@
     "bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
-      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
-      "dev": true
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg="
     },
     "cacache": {
       "version": "10.0.4",
@@ -1668,26 +1669,22 @@
     "content-disposition": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
-      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ=",
-      "dev": true
+      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ="
     },
     "content-type": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
-      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
-      "dev": true
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
     },
     "cookie": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
-      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=",
-      "dev": true
+      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s="
     },
     "cookie-signature": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
-      "dev": true
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
     },
     "copy-concurrently": {
       "version": "1.0.5",
@@ -2083,7 +2080,6 @@
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
       "requires": {
         "ms": "2.0.0"
       }
@@ -2236,8 +2232,7 @@
     "depd": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
-      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
-      "dev": true
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak="
     },
     "des.js": {
       "version": "1.0.0",
@@ -2252,8 +2247,7 @@
     "destroy": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
-      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
-      "dev": true
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
     },
     "detect-node": {
       "version": "2.0.4",
@@ -2417,8 +2411,7 @@
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
-      "dev": true
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
     },
     "ejs": {
       "version": "2.6.1",
@@ -2456,8 +2449,7 @@
     "encodeurl": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
-      "dev": true
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
     },
     "end-of-stream": {
       "version": "1.4.1",
@@ -2539,8 +2531,7 @@
     "escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=",
-      "dev": true
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
     },
     "escape-string-regexp": {
       "version": "1.0.5",
@@ -2588,8 +2579,7 @@
     "etag": {
       "version": "1.8.1",
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
-      "dev": true
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
     },
     "event-pubsub": {
       "version": "4.3.0",
@@ -2682,7 +2672,6 @@
       "version": "4.16.4",
       "resolved": "https://registry.npmjs.org/express/-/express-4.16.4.tgz",
       "integrity": "sha512-j12Uuyb4FMrd/qQAm6uCHAkPtO8FDTRJZBDd5D2KOL2eLaz1yUNdUB/NOIyq0iU4q4cFarsUCrnFDPBcnksuOg==",
-      "dev": true,
       "requires": {
         "accepts": "1.3.5",
         "array-flatten": "1.1.1",
@@ -2904,7 +2893,6 @@
       "version": "1.1.1",
       "resolved": "http://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
       "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
-      "dev": true,
       "requires": {
         "debug": "2.6.9",
         "encodeurl": "1.0.2",
@@ -3035,8 +3023,7 @@
     "forwarded": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
-      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
-      "dev": true
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ="
     },
     "fragment-cache": {
       "version": "0.2.1",
@@ -3050,8 +3037,7 @@
     "fresh": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
-      "dev": true
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
     },
     "friendly-errors-webpack-plugin": {
       "version": "1.7.0",
@@ -4174,7 +4160,6 @@
       "version": "1.6.3",
       "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
       "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
-      "dev": true,
       "requires": {
         "depd": "1.1.2",
         "inherits": "2.0.3",
@@ -4232,7 +4217,6 @@
       "version": "0.4.23",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
       "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
-      "dev": true,
       "requires": {
         "safer-buffer": "2.1.2"
       }
@@ -4417,8 +4401,7 @@
     "inherits": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
-      "dev": true
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
     },
     "internal-ip": {
       "version": "3.0.1",
@@ -4451,8 +4434,7 @@
     "ipaddr.js": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.8.0.tgz",
-      "integrity": "sha1-6qM9bd16zo9/b+DJygRA5wZzix4=",
-      "dev": true
+      "integrity": "sha1-6qM9bd16zo9/b+DJygRA5wZzix4="
     },
     "is-absolute-url": {
       "version": "2.1.0",
@@ -5202,9 +5184,8 @@
     },
     "media-typer": {
       "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
-      "dev": true
+      "resolved": "http://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
     },
     "mem": {
       "version": "4.0.0",
@@ -5256,8 +5237,7 @@
     "merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
-      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
-      "dev": true
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
     },
     "merge-source-map": {
       "version": "1.1.0",
@@ -5285,8 +5265,7 @@
     "methods": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
-      "dev": true
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
     },
     "micromatch": {
       "version": "3.1.10",
@@ -5328,14 +5307,12 @@
     "mime-db": {
       "version": "1.36.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.36.0.tgz",
-      "integrity": "sha512-L+xvyD9MkoYMXb1jAmzI/lWYAxAMCPvIBSWur0PZ5nOf5euahRLVqH//FKW9mWp2lkqUgYiXPgkzfMUFi4zVDw==",
-      "dev": true
+      "integrity": "sha512-L+xvyD9MkoYMXb1jAmzI/lWYAxAMCPvIBSWur0PZ5nOf5euahRLVqH//FKW9mWp2lkqUgYiXPgkzfMUFi4zVDw=="
     },
     "mime-types": {
       "version": "2.1.20",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.20.tgz",
       "integrity": "sha512-HrkrPaP9vGuWbLK1B1FfgAkbqNjIuy4eHlIYnFi7kamZyLLrGlo2mpcx0bBmNpKqBtYtAfGbodDddIgddSJC2A==",
-      "dev": true,
       "requires": {
         "mime-db": "1.36.0"
       }
@@ -5512,8 +5489,7 @@
     "ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
-      "dev": true
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
     },
     "multicast-dns": {
       "version": "6.2.3",
@@ -5559,8 +5535,7 @@
     "negotiator": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz",
-      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=",
-      "dev": true
+      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk="
     },
     "neo-async": {
       "version": "2.6.0",
@@ -5938,7 +5913,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
       "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
-      "dev": true,
       "requires": {
         "ee-first": "1.1.1"
       }
@@ -6144,8 +6118,7 @@
     "parseurl": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
-      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M=",
-      "dev": true
+      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M="
     },
     "pascalcase": {
       "version": "0.1.1",
@@ -6198,8 +6171,7 @@
     "path-to-regexp": {
       "version": "0.1.7",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
-      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=",
-      "dev": true
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
     },
     "path-type": {
       "version": "3.0.0",
@@ -6848,7 +6820,6 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.4.tgz",
       "integrity": "sha512-5erio2h9jp5CHGwcybmxmVqHmnCBZeewlfJ0pex+UW7Qny7OOZXTtH56TGNyBizkgiOwhJtMKrVzDTeKcySZwA==",
-      "dev": true,
       "requires": {
         "forwarded": "0.1.2",
         "ipaddr.js": "1.8.0"
@@ -6922,8 +6893,7 @@
     "qs": {
       "version": "6.5.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-      "dev": true
+      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA=="
     },
     "querystring": {
       "version": "0.2.0",
@@ -6965,14 +6935,12 @@
     "range-parser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
-      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4=",
-      "dev": true
+      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4="
     },
     "raw-body": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz",
       "integrity": "sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==",
-      "dev": true,
       "requires": {
         "bytes": "3.0.0",
         "http-errors": "1.6.3",
@@ -7395,8 +7363,7 @@
     "safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
     },
     "safe-regex": {
       "version": "1.1.0",
@@ -7410,8 +7377,7 @@
     "safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "sass-graph": {
       "version": "2.2.4",
@@ -7653,7 +7619,6 @@
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
       "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==",
-      "dev": true,
       "requires": {
         "debug": "2.6.9",
         "depd": "1.1.2",
@@ -7673,8 +7638,7 @@
         "mime": {
           "version": "1.4.1",
           "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
-          "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ==",
-          "dev": true
+          "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ=="
         }
       }
     },
@@ -7703,7 +7667,6 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz",
       "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==",
-      "dev": true,
       "requires": {
         "encodeurl": "1.0.2",
         "escape-html": "1.0.3",
@@ -7749,8 +7712,7 @@
     "setprototypeof": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
-      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
-      "dev": true
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
     },
     "sha.js": {
       "version": "2.4.11",
@@ -8148,8 +8110,7 @@
     "statuses": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
-      "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew==",
-      "dev": true
+      "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew=="
     },
     "stdout-stream": {
       "version": "1.4.1",
@@ -8576,7 +8537,6 @@
       "version": "1.6.16",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz",
       "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==",
-      "dev": true,
       "requires": {
         "media-typer": "0.3.0",
         "mime-types": "2.1.20"
@@ -8732,8 +8692,7 @@
     "unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
-      "dev": true
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
     },
     "unquote": {
       "version": "1.1.1",
@@ -8924,8 +8883,7 @@
     "utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
-      "dev": true
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
     },
     "uuid": {
       "version": "3.3.2",
@@ -8946,8 +8904,7 @@
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
-      "dev": true
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
     },
     "vendors": {
       "version": "1.0.2",
diff --git a/package.json b/package.json
index adbd8f7..158bcdc 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,8 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "@types/node": "^10.12.0",
+    "express": "^4.16.4",
     "vue": "^2.5.17",
     "vue-class-component": "^6.0.0",
     "vue-property-decorator": "^7.0.0",
diff --git a/public/animes.json b/public/animes.json
index 8000352..1adc285 100644
--- a/public/animes.json
+++ b/public/animes.json
@@ -12,6 +12,7 @@
       "anio": 2018,
       "fuente": "Original",
       "generos": "Drama, Magia, Romance",
+      "color": "#2f7090",
       "OP": {
         "1": "17sai - Haruka to Miyuki"
       },
@@ -35,6 +36,7 @@
       "anio": 2018,
       "fuente": "",
       "generos": "",
+      "color": "#a3be6f",
       "OP": {
         "1": ""
       },
@@ -58,6 +60,7 @@
       "anio": 2018,
       "fuente": "Novela Ligera",
       "generos": "Accion, Fantasia, Magia, Sobrenatural",
+      "color": "red",
       "OP": {
         "1": "VORACITY - MYTH & ROID"
       },
@@ -81,6 +84,7 @@
       "anio": 2018,
       "fuente": "Matgo",
       "generos": "Accion, Aventura, Drama",
+      "color": "#ffc107",
       "OP": {
         "1": "found & lost - Survive Said The Prophet",
         "2": "FREEDOM - BLUE ENCOUNT"
@@ -106,6 +110,7 @@
       "anio": 2018,
       "fuente": "Novela Visual",
       "generos": "Ciencia ficcion, Thriller",
+      "color": "rgb(187, 32, 52)",
       "OP": {
         "1": "Fatima - Kanako Itou"
       },
@@ -132,6 +137,7 @@
       "anio": 2018,
       "fuente": "Manga",
       "generos": "Drama, Horror, Psicologico, Supernatural",
+      "color": "black",
       "OP": {
         "1": "Changing Point - i Ris"
       },
@@ -155,6 +161,7 @@
       "anio": 2018,
       "fuente": "Manga web",
       "generos": "Comedia, Romance",
+      "color": "#EB5089",
       "OP": {
         "1": "Fiction - Sumika"
       },
@@ -178,6 +185,7 @@
       "anio": 2018,
       "fuente": "Manga",
       "generos": "Ecchi, Escolar, Shonen",
+      "color": "#413EC9",
       "OP": {
         "1": "Symbol - Luck Life"
       },
@@ -201,6 +209,7 @@
       "anio": 2018,
       "fuente": "Novela ligera",
       "generos": "Fantasia, Drama, Slice of Life",
+      "color": "#23bf87",
       "OP": {
         "1": "Sincerely - TRUIE"
       },
@@ -248,6 +257,7 @@
       "anio": 2017,
       "fuente": "Manga",
       "generos": "Accion, Comedia, Fantasia, Shounen, Super poderes, Sobrenatural",
+      "color": "#aa0d0b",
       "OP": {
         "1": "fake town baby - UNISON SQUARE GARDEN"
       },
@@ -271,6 +281,7 @@
       "anio": 2017,
       "fuente": "Original",
       "generos": "Slice of Life, Drama, Romance, Escolar",
+      "color": "#593844",
       "OP": {
         "1": "over and over - Yanagi Nagi"
       },
@@ -294,6 +305,7 @@
       "anio": 2017,
       "fuente": "Manga",
       "generos": "Ecchi, Escolar, Shonen",
+      "color": "#B95F4A",
       "OP": {
         "1": "BRAVER - ZAQ"
       },
@@ -317,6 +329,7 @@
       "anio": 2017,
       "fuente": "Manga",
       "generos": "Drama, Juegos, Misterio, Psicologico, Escolar, Shonen",
+      "color": "#AB272A",
       "OP": {
         "1": "Deal with the devil - Tia"
       },
@@ -340,6 +353,7 @@
       "anio": 2017,
       "fuente": "Original",
       "generos": "Accion, Ciencia ficcion, Fantasia",
+      "color": "#8C00FD",
       "OP": {
         "1": "gravityWall - SawanoHiroyuki[nZk]:Tielle & Gemie",
         "2": "sh0ut - SawanoHiroyuki[nZk]:Tielle & Gemie"
@@ -367,6 +381,7 @@
       "anio": 2016,
       "fuente": "Original",
       "generos": "Ciencia ficcion, Aventura, Comedia, Magia",
+      "color": "#E62F68",
       "OP": {
         "1": "Serendipity - ZAQ"
       },
diff --git a/public/index.html b/public/index.html
index 5b01850..d816795 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
@@ -10,12 +10,19 @@
     <link href="https://fonts.googleapis.com/css?family=Muli|Open+Sans" rel="stylesheet">
 
     <title>PseudoSubs - Anime 100% libre de publicidad</title>
-  </head>
-  <body>
+</head>
+<body>
     <noscript>
-      <strong>Ups. Parece que tu navegador decidió desactivar JavaScript. Actívalo y recarga la página.</strong>
+        <div class="container center" style="font-family: Muli, sans-serif; font-size: large;">
+            El mundo está escrito en JavaScript. PseudoSubs también. <br>
+            <br>
+            <img src="https://upload.wikimedia.org/wikipedia/commons/6/6a/JavaScript-logo.png" class="responsive-img" alt="LogoJS"><br>
+            <br>
+            Activa JavaScript para disfrutar de lo mejor en anime, a 1080p@60fps. <br>
+            <a href="https://duckduckgo.com/como%20activar%20javascript" title="Como activar JS" target="_blank">¿Cómo lo hago?</a>
+        </div>
     </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
+<div id="app"></div>
+<!-- built files will be auto injected -->
+</body>
 </html>
diff --git a/src/components/AnimeView/Contenido.vue b/src/components/AnimeView/Contenido.vue
new file mode 100644
index 0000000..6a1915d
--- /dev/null
+++ b/src/components/AnimeView/Contenido.vue
@@ -0,0 +1,90 @@
+<template>
+    <div>
+        <div class="caja contenido">
+            <div v-if="render">
+                <div class="contenido--titulo">
+                    {{ datos.titulo }}
+                </div>
+                <br>
+                <div class="contenido--contenedor-imagen">
+                    <img :src="datos.imgUrl" :alt="datos.titulo" class="responsive-img">
+                </div>
+                <br>
+                <div class="contenido--descripcion">
+                    {{ datos.descripcion }}
+                </div>
+                <div class="contenido--datos">
+                    <div class="contenido--datos--titulo">
+                        Especificaciones tecnicas
+                    </div>
+                    <div class="contenido--datos--descripcion">
+                        Capitulos: {{ datos.data.eps }} <br>
+                        Al Aire: {{ datos.data.alAire }} <br>
+                        Temporada: {{ datos.data.temporada }} <br>
+                        Estudio: {{ datos.data.estudio }} <br>
+                        Fuente: {{ datos.data.fuente }} <br>
+                        Generos: {{ datos.data.generos }} <br>
+                        <br>
+                        Openings:<br>
+                        <template v-for="(op, index) in datos.data.OP">
+                            <div class="espaciado">{{ index }} : {{ op }}</div>
+                        </template>
+                        Endings:<br>
+                        <template v-for="(op, index) in datos.data.ED">
+                            <div class="espaciado">{{ index }} : {{ op }}</div>
+                        </template>
+                    </div>
+                    <anuncio-global />
+                </div>
+            </div>
+            <div v-else>
+                No pudimos encontrar {{ nombre }} en nuestra base de datos :c
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import AnuncioGlobal from '../anuncio-global'
+
+    export default {
+        name: "Contenido",
+        props: {
+            nombre: String,
+            datos: Object,
+            render: Boolean
+        },
+        components: {
+            'anuncio-global': AnuncioGlobal
+        }
+    }
+</script>
+
+<style scoped lang="sass">
+.contenido--titulo
+    text-align: center
+    font:
+        size: xx-large
+        family: Muli, "Open Sans", sans-serif
+        weight: bold
+
+.contenido--contenedor-imagen
+    text-align: center
+
+.contenido--descripcion
+    text-align: justify
+
+.contenido--datos
+    margin: 20px 0
+
+.contenido--datos--titulo
+    font:
+        size: x-large
+        weight: bold
+    color: #23bf87
+
+.contenido--datos--descripcion
+
+.espaciado
+    margin-left: 10px
+</style>
\ No newline at end of file
diff --git a/src/components/AnimeView/NavBar.vue b/src/components/AnimeView/NavBar.vue
new file mode 100644
index 0000000..2aec7cb
--- /dev/null
+++ b/src/components/AnimeView/NavBar.vue
@@ -0,0 +1,62 @@
+<template>
+    <div>
+        <div class="navbar-fixed">
+            <nav>
+                <div class="nav-wrapper nav-bar--main" :style="'background-color: ' + color">
+                    <b>
+                        <router-link to="/" class="brand-logo nav-bar--main--logo">
+                            PseudoSubs
+                        </router-link>
+                    </b>
+
+                    <ul class="right hide-on-med-and-down">
+                        <li><router-link to="../../../Changelog.php">Lista de Cambios</router-link></li>
+                        <li><router-link to="../../../About.php">Sobre Nosotros</router-link></li>
+                    </ul>
+                </div>
+            </nav>
+        </div>
+        <div class="nav-wrapper" :style="'background-color: ' + color">
+            <div class="col s12 enMedio">
+                <router-link to="/" class="breadcrumb" style="margin-left: 20px">Inicio</router-link>
+                <router-link to="/Anime/" class="breadcrumb enMedio">Anime</router-link>
+                <router-link :to="'/Anime/' + anio" class="breadcrumb hide-on-small-only enMedio">{{ anio }}</router-link>
+                <router-link :to="'/Anime/' + anio + '/' + temporada" class="breadcrumb hide-on-small-only enMedio">{{ temporada }}</router-link>
+                <router-link to="" class="breadcrumb enMedio" style="cursor: default">{{ nombre }}</router-link>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "NavBar",
+        props: {
+            variante: String,
+            anio: Number,
+            temporada: String,
+            nombre: String,
+            color: {
+                type: String,
+                default: "#23BF87"
+            }
+        }
+    }
+</script>
+
+<style scoped lang="sass">
+.nav-bar
+    transition: background-color 25ms
+
+.nav-bar--main
+    transition: background-color 25ms
+    padding: 0 25px
+
+.nav-bar--main--logo
+    font:
+        family: "Product Sans", Muli, sans-serif
+
+.enMedio
+    display: flex
+    align-items: center
+</style>
\ No newline at end of file
diff --git a/src/components/anuncio-global.vue b/src/components/anuncio-global.vue
new file mode 100644
index 0000000..67bf82b
--- /dev/null
+++ b/src/components/anuncio-global.vue
@@ -0,0 +1,44 @@
+<template>
+    <div class="anuncio" v-if="visible" :style="'border: solid 2px ' + bordeColor">
+        <div class="anuncio--icono">
+            <i class="material-icons medium" :style="'color: ' + iconoColor">{{ icono }}</i>
+        </div>
+        <div class="anuncio--texto">
+            {{ texto }}
+        </div>
+        <div class="anuncio--clear"></div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "anuncio-global",
+        data: function () {
+            return {
+                visible: true,
+                texto: "¡Y aquí va el texto del anuncio global!",
+                icono: "disc_full",
+                iconoColor: "green",
+                bordeColor: "green"
+            }
+        }
+    }
+</script>
+
+<style scoped lang="sass">
+.anuncio
+    margin: 20px 0
+    padding: 10px
+    border-radius: 3px
+
+.anuncio--icono
+    float: left
+    margin: 0 15px
+
+.anuncio--texto
+    text-align: center
+
+.anuncio--clear
+    clear: left
+
+</style>
\ No newline at end of file
diff --git a/src/components/slider-reciente.vue b/src/components/slider-reciente.vue
index fc5a057..e90bf3c 100644
--- a/src/components/slider-reciente.vue
+++ b/src/components/slider-reciente.vue
@@ -40,13 +40,15 @@
 </template>
 
 <script lang="ts">
-    import entradaReciente from './entrada-reciente'
+    import entradaReciente from './entrada-reciente.vue'
 
     let posCicloActual = 0;
-    let entradas = undefined;
-    let intervaloCiclo = undefined;
+    let entradas:HTMLCollection;
+    let intervaloCiclo;
 
     const ciclarEntradasRecientes = ():void => {
+        // Maldito TS, ¿En serio era necesario que sea tan estricto?
+        // @ts-ignore
         entradas = document.getElementById("entradasRecientes").children;
 
         intervaloCiclo = setInterval(sigElemReciente, 5000);
@@ -54,7 +56,7 @@
     };
 
     const sigElemReciente = () => {
-        const elemActual = entradas[posCicloActual];
+        const elemActual:HTMLElement = entradas[posCicloActual] as HTMLElement;
 
         if (posCicloActual === entradas.length-1)
             posCicloActual = 0;
@@ -62,10 +64,10 @@
             posCicloActual++;
 
         const elemSig = entradas[posCicloActual];
-
-        elemActual.style.opacity = 0;
+        elemActual.style.opacity = 0 + "";
         setTimeout(() => {
             elemActual.className = "mi-slider--contenido-oculto";
+            // @ts-ignore
             elemActual.style = "";
             setTimeout(() => {
                 elemSig.className = "mi-slider--contenido";
@@ -89,7 +91,9 @@
             fetch('/animes.json')
                 .then( response => response.json())
                 .then(function (myJson) {
+                    // @ts-ignore
                     vm.animes = myJson;
+                    // @ts-ignore
                     window.indiceAnimes = myJson;
                 })
 
diff --git a/src/views/AnimeView.vue b/src/views/AnimeView.vue
index cd0022c..2682d4b 100644
--- a/src/views/AnimeView.vue
+++ b/src/views/AnimeView.vue
@@ -1,20 +1,85 @@
 <template>
     <div>
-        Anumaaaa v': <br>
-        <br>
-        Veamos.... <br>
-        {{ this.$route.params.anio }}<br>
-        {{ this.$route.params.temp }}<br>
-        {{ this.$route.params.anime }}<br>
+        <nav-bar
+                :variante="'Anime'"
+                :anio="parseInt(this.$route.params.anio)"
+                :temporada="this.$route.params.temp"
+                :nombre="this.$route.params.anime"
+                :color="this.datos.data.color"
+        />
+        <div class="container row">
+            <div class="col l8 m8 s12">
+                <contenido :nombre="this.$route.params.anime" :datos="this.datos" :render="this.existe" />
+            </div>
+            <div class="col l4 m4 hide-on-small-only">
+                <div class="caja">
+                    we
+                </div>
+            </div>
+        </div>
+        <mi-footer />
     </div>
 </template>
 
 <script>
+    import NavBar from '../components/AnimeView/NavBar'
+    import Contenido from '../components/AnimeView/Contenido'
+    import Footer from '../components/mi-footer';
+
     export default {
-        name: "AnimeView"
+        name: "AnimeView",
+        components: {
+            'nav-bar': NavBar,
+            'contenido': Contenido,
+            'mi-footer': Footer,
+        },
+        data: function () {
+            return {
+                datos: {},
+                existe: false
+            }
+        },
+        created: function () {
+            const exec = () => {
+                const link = `/Anime/${this.$route.params.anio}/${this.$route.params.temp}/${this.$route.params.anime}`;
+                console.log(`El link es ${link}`);
+                for (const animeI in window.indiceAnimes) {
+                    const anime = window.indiceAnimes[animeI];
+                    if (anime.link === link) {
+                        console.log("Lo encontre we :D");
+                        this.datos = anime;
+                        this.existe = true;
+                        break;
+                    }
+                }
+            };
+
+            /* Se asegura que la lista de animes exista. */
+            if (window.indiceAnimes[0]) {
+                exec();
+            } else {
+                let vm = this;
+                // Obtener los animes desde una API v:
+                fetch('/animes.json')
+                    .then( response => response.json())
+                    .then(function (myJson) {
+                        window.indiceAnimes = myJson;
+                        exec();
+                    })
+            }
+
+        }
     }
 </script>
 
-<style scoped>
+<style scoped lang="sass">
+@media only screen and (min-width: 700px)
+    .container
+        width: 75%
+
+@media only screen and (min-width: 993px)
+    .container
+        width: 80%
+
 
 </style>
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 7899fbf..1d5c8ca 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -34,6 +34,9 @@
     "tests/**/*.tsx"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    "dist",
+    "build",
+    "node.d.ts"
   ]
 }