hopefully fixed the sass deprecation wrarning

README.md

@@ -2,7 +2,7 @@
 
 This is a logic gate simulator made for infoeducatie 2019.
 
-Many thanks to [Canara](http://canana.xyz/) for the logo!
+Many thanks to [Canana](http://canana.xyz/) for the logo!
 
 ## Getting started
 

deploy.ts

@@ -21,11 +21,16 @@ const run = (command: string): Promise<string> => {
 }
 ;(async () => {
     try {
-        if (!args.includes('--skipBuild') && !args.includes('-sb'))
+        if (!args.includes('--skipBuild') && !args.includes('-sb')) {
             await run('npm run build')
-        await run('git add .')
+        }
-        await run(`git commit -m " ${message}  "`)
+
-        await run('git push origin master')
+        if (!args.includes('--skipGit') && !args.includes('-sg')) {
+            await run('git add .')
+            await run(`git commit -m " ${message}  "`)
+            await run('git push origin master')
+        }
+
         await new Promise((res, rej) => {
             console.log('🏃  Updating github pages')
             //@ts-ignore

package-lock.json

@@ -2151,6 +2151,15 @@
             "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=",
             "dev": true
         },
+        "async": {
+            "version": "2.6.3",
+            "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+            "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+            "dev": true,
+            "requires": {
+                "lodash": "^4.17.14"
+            }
+        },
         "async-each": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
@@ -3869,6 +3878,12 @@
                 "minimalistic-crypto-utils": "^1.0.0"
             }
         },
+        "email-addresses": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.0.3.tgz",
+            "integrity": "sha512-kUlSC06PVvvjlMRpNIl3kR1NRXLEe86VQ7N0bQeaCZb2g+InShCeHQp/JvyYNTugMnRN2NvJhHlc3q12MWbbpg==",
+            "dev": true
+        },
         "emoji-regex": {
             "version": "7.0.3",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
@@ -4344,6 +4359,33 @@
                 }
             }
         },
+        "filename-reserved-regex": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-1.0.0.tgz",
+            "integrity": "sha1-5hz4BfDeHJhFZ9A4bcXfUO5a9+Q=",
+            "dev": true
+        },
+        "filenamify": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-1.2.1.tgz",
+            "integrity": "sha1-qfL/0RxQO+0wABUCknI3jx8TZaU=",
+            "dev": true,
+            "requires": {
+                "filename-reserved-regex": "^1.0.0",
+                "strip-outer": "^1.0.0",
+                "trim-repeated": "^1.0.0"
+            }
+        },
+        "filenamify-url": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/filenamify-url/-/filenamify-url-1.0.0.tgz",
+            "integrity": "sha1-syvYExnvWGO3MHi+1Q9GpPeXX1A=",
+            "dev": true,
+            "requires": {
+                "filenamify": "^1.0.0",
+                "humanize-url": "^1.0.0"
+            }
+        },
         "fill-range": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
@@ -4577,6 +4619,17 @@
                 }
             }
         },
+        "fs-extra": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+            "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+            "dev": true,
+            "requires": {
+                "graceful-fs": "^4.1.2",
+                "jsonfile": "^4.0.0",
+                "universalify": "^0.1.0"
+            }
+        },
         "fs-write-stream-atomic": {
             "version": "1.0.10",
             "resolved": "https://registry.npmjs.org/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz",
@@ -5248,6 +5301,30 @@
                 "assert-plus": "^1.0.0"
             }
         },
+        "gh-pages": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-2.0.1.tgz",
+            "integrity": "sha512-uFlk3bukljeiWKQ2XvPfjcSi/ou7IfoDf2p+Fj672saLAr8bnOdFVqI/JSgrSgInKpCg5BksxEwGUl++dbg8Dg==",
+            "dev": true,
+            "requires": {
+                "async": "^2.6.1",
+                "commander": "^2.18.0",
+                "email-addresses": "^3.0.1",
+                "filenamify-url": "^1.0.0",
+                "fs-extra": "^7.0.0",
+                "globby": "^6.1.0",
+                "graceful-fs": "^4.1.11",
+                "rimraf": "^2.6.2"
+            },
+            "dependencies": {
+                "commander": {
+                    "version": "2.20.0",
+                    "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.0.tgz",
+                    "integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==",
+                    "dev": true
+                }
+            }
+        },
         "glob": {
             "version": "7.1.4",
             "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.4.tgz",
@@ -5736,6 +5813,16 @@
             "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=",
             "dev": true
         },
+        "humanize-url": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/humanize-url/-/humanize-url-1.0.1.tgz",
+            "integrity": "sha1-9KuZ4NKIF0yk4eUEB8VfuuRk7/8=",
+            "dev": true,
+            "requires": {
+                "normalize-url": "^1.0.0",
+                "strip-url-auth": "^1.0.0"
+            }
+        },
         "hyphenate-style-name": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz",
@@ -6289,6 +6376,15 @@
                 "minimist": "^1.2.0"
             }
         },
+        "jsonfile": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+            "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+            "dev": true,
+            "requires": {
+                "graceful-fs": "^4.1.6"
+            }
+        },
         "jsprim": {
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz",
@@ -6913,6 +7009,11 @@
             "integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
             "dev": true
         },
+        "nano-server": {
+            "version": "0.5.4",
+            "resolved": "https://registry.npmjs.org/nano-server/-/nano-server-0.5.4.tgz",
+            "integrity": "sha1-ej+R3lhQgZ8G8Hxg2uqbQCvZ6z0="
+        },
         "nanomatch": {
             "version": "1.2.13",
             "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -9925,6 +10026,21 @@
                 "get-stdin": "^4.0.1"
             }
         },
+        "strip-outer": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
+            "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==",
+            "dev": true,
+            "requires": {
+                "escape-string-regexp": "^1.0.2"
+            }
+        },
+        "strip-url-auth": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/strip-url-auth/-/strip-url-auth-1.0.1.tgz",
+            "integrity": "sha1-IrD6OkE4WzO+PzMVUbu4N/oM164=",
+            "dev": true
+        },
         "style-loader": {
             "version": "0.23.1",
             "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.23.1.tgz",
@@ -10246,6 +10362,15 @@
             "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
             "dev": true
         },
+        "trim-repeated": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz",
+            "integrity": "sha1-42RqLqTokTEr9+rObPsFOAvAHCE=",
+            "dev": true,
+            "requires": {
+                "escape-string-regexp": "^1.0.2"
+            }
+        },
         "trim-right": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
@@ -10410,6 +10535,12 @@
                 "imurmurhash": "^0.1.4"
             }
         },
+        "universalify": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+            "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+            "dev": true
+        },
         "unpipe": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",

package.json

@@ -6,7 +6,8 @@
         "dev": "webpack-dev-server --open --mode development",
         "build": "cross-env NODE_ENV=production webpack",
         "deploy": "ts-node deploy",
-        "show": "gource -f  --start-date \"2019-07-01 12:00\" --key --hide dirnames,filenames,bloom -s 0.3"
+        "show": "gource -f  --start-date \"2019-07-01 12:00\" --key --hide dirnames,filenames,bloom -s 0.3",
+        "start": "npm run build && cd dist && nano-server"
     },
     "devDependencies": {
         "@babel/core": "^7.5.5",
@@ -27,6 +28,7 @@
         "cross-env": "^5.2.0",
         "css-loader": "^3.0.0",
         "file-loader": "^4.1.0",
+        "gh-pages": "^2.0.1",
         "html-webpack-inline-source-plugin": "0.0.10",
         "html-webpack-plugin": "^3.2.0",
         "mini-css-extract-plugin": "^0.8.0",
@@ -47,6 +49,7 @@
         "deepmerge": "^4.0.0",
         "keycode": "^2.2.0",
         "mainloop.js": "^1.0.4",
+        "nano-server": "^0.5.4",
         "react": "^16.8.6",
         "react-custom-scrollbars": "^4.2.1",
         "react-dom": "^16.8.6",

src/modules/splash/classes/Splash.scss

@@ -38,7 +38,7 @@
 .Splash > .error > .details {
     padding: 16px;
 
-    background-color: $grey / 2;
+    background-color: #222222;
 
     border-radius: 3px;
     margin-bottom: 16px;