From 3fb419d530a0d9b0c07e9ba7371039b401cd5131 Mon Sep 17 00:00:00 2001
From: Guusvanmeerveld <guusvanmeerveld@live.nl>
Date: Sat, 24 Jul 2021 23:08:55 +0200
Subject: [PATCH] Added a compiler for sass, js and html

---
 .github/workflows/test.yml              |  23 +
 .gitignore                              |   4 +-
 .prettierrc                             |   9 +
 .vscode/settings.json                   |   3 +
 builder.config.js                       |  46 ++
 dark-mode.css                           |  25 -
 js/background.js                        |  19 -
 js/login.js                             |  69 ---
 js/save.js                              |  93 ----
 manifest.json                           |  29 --
 materials-switches.css                  |  46 --
 options/index.css                       |  29 --
 options/index.html                      |  50 --
 package.json                            |  15 +
 popup/index.css                         |  18 -
 popup/index.html                        |  45 --
 src/background.js                       |  27 +
 src/builder/builders.js                 | 128 +++++
 src/builder/index.js                    |  24 +
 src/builder/watch.js                    |  13 +
 {icons => src/icons}/128x.png           | Bin
 {icons => src/icons}/16x.png            | Bin
 {icons => src/icons}/256x.png           | Bin
 {icons => src/icons}/32x.png            | Bin
 {icons => src/icons}/48x.png            | Bin
 {icons => src/icons}/banner.png         | Bin
 src/lib/fonts.css                       |   9 +
 src/lib/fonts/Roboto.woff2              | Bin 0 -> 15828 bytes
 src/lib/milligram.css                   | 647 ++++++++++++++++++++++++
 src/lib/normalize.css                   | 351 +++++++++++++
 src/login.js                            |  65 +++
 src/manifest.json                       |  24 +
 src/pages/account.html                  |   0
 src/pages/options.html                  |  37 ++
 src/pages/popup.html                    |  58 +++
 src/pages/scripts/accounts.js           |   8 +
 src/pages/scripts/constants.js          |   1 +
 src/pages/scripts/dark-mode.js          |  19 +
 src/save.js                             |  77 +++
 src/stylesheets/dark-mode.sass          |   3 +
 src/stylesheets/materials-switches.sass |  43 ++
 src/stylesheets/options.sass            |   4 +
 src/stylesheets/popup.sass              |  15 +
 yarn.lock                               | 358 +++++++++++++
 44 files changed, 2010 insertions(+), 424 deletions(-)
 create mode 100644 .github/workflows/test.yml
 create mode 100644 .prettierrc
 create mode 100644 .vscode/settings.json
 create mode 100644 builder.config.js
 delete mode 100644 dark-mode.css
 delete mode 100644 js/background.js
 delete mode 100644 js/login.js
 delete mode 100644 js/save.js
 delete mode 100644 manifest.json
 delete mode 100644 materials-switches.css
 delete mode 100644 options/index.css
 delete mode 100644 options/index.html
 create mode 100644 package.json
 delete mode 100644 popup/index.css
 delete mode 100644 popup/index.html
 create mode 100644 src/background.js
 create mode 100644 src/builder/builders.js
 create mode 100644 src/builder/index.js
 create mode 100644 src/builder/watch.js
 rename {icons => src/icons}/128x.png (100%)
 rename {icons => src/icons}/16x.png (100%)
 rename {icons => src/icons}/256x.png (100%)
 rename {icons => src/icons}/32x.png (100%)
 rename {icons => src/icons}/48x.png (100%)
 rename {icons => src/icons}/banner.png (100%)
 create mode 100644 src/lib/fonts.css
 create mode 100644 src/lib/fonts/Roboto.woff2
 create mode 100644 src/lib/milligram.css
 create mode 100644 src/lib/normalize.css
 create mode 100644 src/login.js
 create mode 100644 src/manifest.json
 create mode 100644 src/pages/account.html
 create mode 100644 src/pages/options.html
 create mode 100644 src/pages/popup.html
 create mode 100644 src/pages/scripts/accounts.js
 create mode 100644 src/pages/scripts/constants.js
 create mode 100644 src/pages/scripts/dark-mode.js
 create mode 100644 src/save.js
 create mode 100644 src/stylesheets/dark-mode.sass
 create mode 100644 src/stylesheets/materials-switches.sass
 create mode 100644 src/stylesheets/options.sass
 create mode 100644 src/stylesheets/popup.sass
 create mode 100644 yarn.lock

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
new file mode 100644
index 0000000..983421b
--- /dev/null
+++ b/.github/workflows/test.yml
@@ -0,0 +1,23 @@
+name: deploy
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  typescript:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Setup checkout
+        uses: actions/checkout@v2
+      - name: Setup NodeJS v12
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12
+      - name: Install Dependencies
+        run: yarn install
+      - name: Check for syntax errors
+        run: yarn test-build
+      - name: ESlint check
+        run: yarn lint
diff --git a/.gitignore b/.gitignore
index 27fdd73..79293ad 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
 Magister Auto-Login.crx
-Magister Auto-Login.pem
\ No newline at end of file
+Magister Auto-Login.pem
+node_modules
+dist
\ No newline at end of file
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..8e97d94
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,9 @@
+{
+    "trailingComma": "es5",
+    "useTabs": true,
+    "semi": true,
+    "singleQuote": true,
+    "tabWidth": 2,
+    "printWidth": 100,
+    "arrowParens": "always"
+}
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..ff24a05
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+	"prettier.configPath": ".prettierrc"
+}
diff --git a/builder.config.js b/builder.config.js
new file mode 100644
index 0000000..3305980
--- /dev/null
+++ b/builder.config.js
@@ -0,0 +1,46 @@
+module.exports = {
+    paths: {
+        "@stylesheets": "css",
+        "@scripts": "js",
+        "@pages": "html",
+        "@icons": "icons",
+        "@libraries": "lib"
+    },
+    interpreter: [
+        {
+            input: '.',
+            output: '.',
+            type: 'js',
+        },
+        {
+            input: 'pages/scripts',
+            output: 'js',
+            type: 'js',
+        },
+        {
+            input: 'pages',
+            output: 'html',
+            type: 'html',
+        },
+        {
+            input: 'stylesheets',
+            output: 'css',
+            type: 'sass',
+        },
+        {
+            input: 'icons',
+            output: 'icons',
+            type: 'other',
+        },
+        {
+            input: 'lib',
+            output: 'lib',
+            type: 'other',
+        },
+        {
+            input: 'manifest.json',
+            output: 'manifest.json',
+            type: 'file',
+        }
+    ]
+}
\ No newline at end of file
diff --git a/dark-mode.css b/dark-mode.css
deleted file mode 100644
index a669350..0000000
--- a/dark-mode.css
+++ /dev/null
@@ -1,25 +0,0 @@
-body {
-    background-color: #282a2d;
-}
-* {
-    color: #c5c5c5!important;   
-}
- .input-group-text {
-    color: #fff;
-    background-color: #1e2226;
-    border-color: #383f47;
-}
-.form-control, .bg-light {
-    background-color: #22262a!important;
-    color: #fff!important;
-    border-color: #383f47;
-}
-.btn-primary {
-    background-color: #0167d4;
-}
-.btn-primary:hover {
-    background-color: #0056b2;
-}
-.active.btn-primary {
-    background-color: #0052aa!important;
-}
\ No newline at end of file
diff --git a/js/background.js b/js/background.js
deleted file mode 100644
index 1e79602..0000000
--- a/js/background.js
+++ /dev/null
@@ -1,19 +0,0 @@
-chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
-  if (changeInfo.status == 'complete' && tab.active) {
-    chrome.tabs.executeScript(tab.ib, {
-      file: 'js/login.js'
-    });
-  }
-});
-
-chrome.runtime.onInstalled.addListener(function () {
-  // open options.html
-  window.open('/options/index.html', '_blank');
-
-  chrome.storage.sync.set({
-    "enabled": true
-  });
-  chrome.browserAction.setBadgeText({ 
-    text: 'ON' 
-  });
-});
\ No newline at end of file
diff --git a/js/login.js b/js/login.js
deleted file mode 100644
index 9a14add..0000000
--- a/js/login.js
+++ /dev/null
@@ -1,69 +0,0 @@
-const d = document.getElementById.bind(document);
-const q = document.querySelector.bind(document);
-document.querySelector('img[alt="Magister"]').remove(); // verwijderen van animatie linksboven
-
-// user object moet gemaakt worden vanuit chrome.storage.sync
-
-var snooze = ms => new Promise(res => setTimeout(res, ms));
-function login() {
-    chrome.storage.sync.get(['school', 'number', 'password'], async function (result) {
-
-        if (d("scholenkiezer_value")) {
-            await waitForSel("#scholenkiezer_value");
-    
-            if (d("scholenkiezer_value") && result.school) {
-                d("scholenkiezer_value").value = result.school;
-                d("scholenkiezer_value").dispatchEvent(new Event("input"));
-            };
-    
-            await waitForSel(".selected");
-    
-            if (q(".selected")) {
-                q(".selected").click();
-            }
-        }
-        
-        await waitForSel("#username");
-
-        if (d("username") && result.number) {
-            d("username").value = result.number;
-            d("username").dispatchEvent(new Event("input"));
-        };
-
-        await waitForSel("#username_submit")
-        if (d("username_submit")) {
-            d("username_submit").click();
-        };
-
-        await waitForSel("#rswp_password")
-
-        if (d("rswp_password") && result.password) {
-            d("rswp_password").value = result.password;
-            d("rswp_password").dispatchEvent(new Event("input"));
-        };
-
-        await waitForSel("[id*=_submit]")
-        if (d("rswp_submit")) {
-            d("rswp_submit").click();
-        };
-    });
-}
-
-function waitForSel(s) {
-    return new Promise(res => {
-        setInterval(() => {
-            if (q(s)) {
-                res()
-            }
-        }, 10);
-    });
-};
-
-chrome.storage.sync.get(['enabled'], function (result){
-    if(result.enabled){
-        login();
-    };
-});
-
-
-
diff --git a/js/save.js b/js/save.js
deleted file mode 100644
index fe040a1..0000000
--- a/js/save.js
+++ /dev/null
@@ -1,93 +0,0 @@
-const d = document.getElementById.bind(document);
-const qAll = document.querySelectorAll.bind(document);
-
-d("save").addEventListener("click", save);
-
-qAll(".login").forEach(s => {
-    s.addEventListener("keydown", e => {
-        if (e.key == "Enter") {
-            if (e.target.id == "school") {
-                d("number").focus()
-            };
-            if (e.target.id == "number") {
-                d("password").focus()
-            };
-            if (e.target.id == "password") {
-                save()
-            };
-        }
-    });
-});
-
-function save() {
-
-    var school = d("school").value;
-    var number = d("number").value;
-    var password = d("password").value;
-    
-    try {
-        chrome.storage.sync.set({
-        "school": school,
-        "number": number,
-        "password": password
-        });
-
-        d("save").innerHTML = "Opgeslagen!"
-    } catch (e) {
-        d("save").innerHTML = "Fout"
-        d("save").className = "btn btn-danger float-right"
-        console.error(e);
-    }
-};
-
-function onLoad() {
-    chrome.storage.sync.get(['school', 'number', 'password'], function (result) {
-        if (result.school !== undefined) {
-
-            d("school").value = result.school
-        };
-
-        if (result.number !== undefined){
-            
-            d("number").value = result.number
-        };
-
-        if (result.password !== undefined) {
-            d("password").value = "lolleukgeprobeerd"
-        };
-    });
-
-    chrome.storage.sync.get(['enabled'], function (result) {
-        d("switch").checked = result.enabled
-    });
-
-    chrome.storage.sync.get(['darkmode'], function (result) {
-        d("dark-mode").checked = result.darkmode
-        d("dark-link").disabled = !d("dark-mode").checked
-    });
-
-    d("switch").addEventListener("click", toggle)
-    d("dark-mode").addEventListener("click", darkMode)
-};
-
-function toggle() {
-    var checked = d("switch").checked;
-    chrome.storage.sync.set({
-        "enabled": checked
-    });
-
-    chrome.browserAction.setBadgeText({ 
-        text: checked ? "ON" : "OFF"
-    });
-};
-
-function darkMode() {
-    chrome.storage.sync.set({
-        "darkmode": d("dark-mode").checked
-    });
-    
-    d("dark-link").disabled = !d("dark-mode").checked
-
-}
-
-onLoad()
diff --git a/manifest.json b/manifest.json
deleted file mode 100644
index aaf50ee..0000000
--- a/manifest.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "name": "Magister Auto-Login",
-  "version": "2.0",
-  "manifest_version": 2,
-  "description": "Auto-Login for Magister 6 webapp.",
-  "options_page": "options/index.html",
-  "homepage_url": "http://mb-o.nl/autologin",
-  "background": {
-    "scripts": [
-      "js/background.js"
-    ],
-    "persistent": true
-  },
-  "browser_action": {
-    "default_title": "Auto-login",
-    "default_popup": "/popup/index.html"
-  },
-  "icons": {
-    "16": "/icons/16x.png",
-    "32": "/icons/32x.png",
-    "48": "/icons/48x.png",
-    "128": "/icons/128x.png",
-    "256": "/icons/256x.png"
-  },
-  "permissions": [
-    "https://accounts.magister.net/*",
-    "storage"
-  ]
-}
diff --git a/materials-switches.css b/materials-switches.css
deleted file mode 100644
index a738ad6..0000000
--- a/materials-switches.css
+++ /dev/null
@@ -1,46 +0,0 @@
-.material-switch > input[type="checkbox"] {
-    display: none;
-}
-
-.material-switch > label {
-    cursor: pointer;
-    margin-top: .8rem;
-    float: right;
-    height: 0px;
-    position: relative; 
-    width: 40px;  
-}
-
-.material-switch > label::before {
-    background: rgb(0, 0, 0);
-    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
-    border-radius: 8px;
-    content: '';
-    height: 16px;
-    margin-top: -8px;
-    position:absolute;
-    opacity: 0.3;
-    transition: all 0.4s ease-in-out;
-    width: 40px;
-}
-.material-switch > label::after {
-    background: rgb(255, 255, 255);
-    border-radius: 16px;
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
-    content: '';
-    height: 24px;
-    left: -4px;
-    margin-top: -8px;
-    position: absolute;
-    top: -4px;
-    transition: all 0.3s ease-in-out;
-    width: 24px;
-}
-.material-switch > input[type="checkbox"]:checked + label::before {
-    background: #007bff;
-    opacity: 0.5;
-}
-.material-switch > input[type="checkbox"]:checked + label::after {
-    background: #007bff;
-    left: 20px;
-}
\ No newline at end of file
diff --git a/options/index.css b/options/index.css
deleted file mode 100644
index 0675030..0000000
--- a/options/index.css
+++ /dev/null
@@ -1,29 +0,0 @@
-.screen {
-    width: 100vw;
-    height: 100vh;
-}
-.copyright {
-    position: absolute;
-    margin: 7px;
-    right: 0;
-    bottom: 0;
-}
-
-.switch-span {
-    width: 2rem;
-}
-.enable {
-    position: absolute;
-    left: 1rem;
-    bottom: 1.7rem;
-}
-
-.darkcheck{
-    position: absolute;
-    margin: 7px;
-    right: 0px;
-}
-
-body {
-    min-width: 20rem;
-}
\ No newline at end of file
diff --git a/options/index.html b/options/index.html
deleted file mode 100644
index ba8edcb..0000000
--- a/options/index.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <title>Options | Magister Auto-Login</title>
-    <link rel="shortcut icon" href="/icons/128x.png">
-    <link rel="stylesheet" href="index.css">
-    <link rel="stylesheet" href="/materials-switches.css">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
-    <link rel="stylesheet" id="dark-link" disabled href="/dark-mode.css">
-</head>
-
-<body>
-  <input id="dark-mode" type="checkbox" class="darkcheck"></input>
-    <div class="d-flex align-items-center screen">
-        <div class="container mt-3">
-            <div class="row">
-                <h1 class="mb-3">Magister Auto-Login</h1> 
-                <span class="position-relative switch-span">
-                    <div class="material-switch pull-right enable">
-                        <input id="switch" type="checkbox">
-                        <label for="switch" class="label-primary"></label>
-                    </div>
-                </span>
-            </div>
-            <div class="row">
-                <div class="col">
-                    <label for="">School:</label>
-                    <input type="text" class="form-control mb-3 login" autofocus name="school" id="school" placeholder="Vul je school in">
-                    <hr class="bg-light mb-3">
-                    <label for="">Stamnummer</label>:</label>
-                    <input type="text" class="form-control mb-3 login" autofocus name="number" id="number"
-                        placeholder="Vul je stamnummer in">
-                    <hr class="bg-light mb-3">
-                    <label for="">Wachtwoord:</label>
-                    <input type="password" class="form-control mb-3 login" name="password" id="password"
-                        placeholder="Vul je wachtwoord in">
-                    <hr class="bg-light mb-3">
-                    <button class="btn-primary btn float-right" id="save">Opslaan</button>
-                </div>
-            </div>
-        </div>
-        <p class="copyright" title="Kleine credit naar Sam Taen">Door Martijn Oosterhuis & Guus van Meerveld</p>
-    </div>
-
-
-    <script src="/js/save.js"></script>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..16e5728
--- /dev/null
+++ b/package.json
@@ -0,0 +1,15 @@
+{
+  "dependencies": {
+    "chalk": "^4.1.1",
+    "chokidar": "^3.5.2",
+    "fs-extra": "^10.0.0",
+    "minify": "^7.0.2",
+    "prettier": "^2.3.2",
+    "sass": "^1.36.0"
+  },
+  "scripts": {
+    "dev": "node src/builder/watch",
+    "build": "node src/builder",
+    "prettify": "prettier --write src"
+  }
+}
diff --git a/popup/index.css b/popup/index.css
deleted file mode 100644
index 014d894..0000000
--- a/popup/index.css
+++ /dev/null
@@ -1,18 +0,0 @@
-body {
-    min-width: 20rem;
-    min-height: 24rem;
-}
-
-.darkcheck{
-    position: absolute;
-    margin: 7px;
-    right: 0px;
-}
-
-.enable {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    margin-bottom: 10px;
-    margin-left: 20px;
-}
\ No newline at end of file
diff --git a/popup/index.html b/popup/index.html
deleted file mode 100644
index 5d1c9c8..0000000
--- a/popup/index.html
+++ /dev/null
@@ -1,45 +0,0 @@
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <link rel="stylesheet" href="index.css">
-    <link rel="stylesheet" href="/materials-switches.css">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
-    <link rel="stylesheet" id="dark-link" disabled href="/dark-mode.css">
-</head>
-
-<body>
-  <input id="dark-mode" type="checkbox" class="darkcheck"></input>
-    <div class="d-flex align-items-center screen">
-        <div class="container fluid mt-3">
-            <div class="row">
-            </div>
-            <div class="row">
-                <div class="col">
-                    <label for="">School:</label>
-                    <input type="text" class="form-control mb-3 login" autofocus name="school" id="school"
-                        placeholder="Vul je school in">
-                    <hr class="bg-light mb-3">
-                    <label for="">Gebruikersnaam:</label>
-                    <input type="text" class="form-control mb-3 login" autofocus name="number" id="number"
-                        placeholder="Vul je gebruikersnaam in">
-                    <hr class="bg-light mb-3">
-                    <label for="">Wachtwoord:</label>
-                    <input type="password" class="form-control mb-3 login" name="password" id="password"
-                        placeholder="Vul je wachtwoord in">
-                    <hr class="bg-light mb-3">
-                    <button class="btn-primary btn float-right" id="save">Opslaan</button>
-                    <div class="material-switch pull-right enable">
-                        <input id="switch" type="checkbox">
-                        <label for="switch" class="label-primary"></label>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <script src="/js/save.js"></script>
-</body>
-
-</html>
diff --git a/src/background.js b/src/background.js
new file mode 100644
index 0000000..1b8f987
--- /dev/null
+++ b/src/background.js
@@ -0,0 +1,27 @@
+// Runs when the extensions is updated
+const updated = (tabId, changeInfo, tab) => {
+	if (changeInfo.status == 'complete' && tab.active) {
+		chrome.tabs.executeScript(tab.ib, {
+			file: 'login.js',
+		});
+	}
+};
+
+// Run when extensions is installed
+const installed = () => {
+	window.open('@pages/options.html', '_blank');
+
+	chrome.storage.sync.get('accounts', (accounts) => {
+		chrome.storage.sync.set({
+			enabled: true,
+			accounts: accounts || [],
+		});
+	});
+
+	chrome.browserAction.setBadgeText({
+		text: 'ON',
+	});
+};
+
+chrome.tabs.onUpdated.addListener(updated);
+chrome.runtime.onInstalled.addListener(installed);
diff --git a/src/builder/builders.js b/src/builder/builders.js
new file mode 100644
index 0000000..61ce961
--- /dev/null
+++ b/src/builder/builders.js
@@ -0,0 +1,128 @@
+const fs = require('fs-extra');
+const { join } = require('path');
+
+const minify = require('minify');
+const sass = require('sass');
+const chalk = require('chalk');
+
+const sassExtension = '.sass';
+
+const config = require(join(process.cwd(), 'builder.config.js'));
+
+/**
+ * Compiles files in a directory to a given directory
+ * @param {string} dir - The input directory
+ * @param {string} outDir - The output directory
+ * @param {string} fileExtension - The file extension
+ * @returns
+ */
+const builder = (dir, outDir, fileExtension) =>
+    dirChecker(outDir, () =>
+        fs.readdir(dir, (err, files) => {
+            if (err) throw new Error(err);
+
+            // Filter out other files
+            files = files.filter((file) => file.endsWith(fileExtension));
+
+            // Minify the files & write them to the build directory
+            files.forEach((file) => {
+                const t0 = performance.now();
+
+                compile(join(dir, file), fileExtension, (data) => {
+                    const withPaths = replacePaths(data);
+
+                    if (fileExtension === 'sass') {
+                        file = file.replace(sassExtension, '.min.css');
+                    }
+
+                    fs.writeFile(join(outDir, file), withPaths, (err) => {
+                        if (err) throw new Error(err);
+
+                        const t1 = performance.now();
+
+                        console.log(`${chalk.gray(file)} ${Math.round(t1 - t0)}ms`);
+                    });
+                });
+            });
+        })
+    );
+
+/**
+ * Compiles a string of data.
+ * @param {string} data
+ * @param {'sass' | 'js' | 'html'} type
+ * @param {(data) => void}  callback
+ */
+const compile = (file, type, callback) => {
+    switch (type) {
+        case 'sass':
+            sass.render({ file, outputStyle: 'compressed' }, (err, data) =>
+                callback(data.css.toString())
+            );
+
+            return;
+        default:
+
+            return minify(file).then(callback).catch(console.log('Error compiling file ' + file))
+
+    }
+};
+
+/**
+ * Compiles a file
+ * @param {string} file - The input file
+ */
+const fileBuilder = (file, output) =>
+    fs.readFile(file, { encoding: 'utf-8' }, (err, data) => {
+        if (err) throw new Error(err);
+
+        const t0 = performance.now();
+
+        const withPaths = replacePaths(data);
+
+        fs.writeFile(output, withPaths, (err) => {
+            if (err) throw new Error(err);
+
+            const t1 = performance.now();
+
+            const path = file.split('/');
+            const fileName = path[path.length - 1];
+
+            console.log(`${chalk.gray(fileName)} ${Math.round(t1 - t0)}ms`);
+        });
+    });
+
+/**
+ * Replaces all specified paths in builder.config.js with their definitions
+ * @param {string} data - The data that needs its paths replaced
+ * @returns
+ */
+const replacePaths = (data) => {
+    if (config.paths) {
+        Object.keys(config.paths).forEach((key) => {
+            data = data.replace(new RegExp(key, 'g'), '/' + config.paths[key]);
+        });
+
+        data = data.replace(sassExtension, '.min.css');
+    }
+
+    return data;
+};
+
+/**
+ * Checks if a directory exists and creates it if it doesn't.
+ * @param {string} dir - The directory to check
+ * @param {() => void} callback - The callback function
+ */
+const dirChecker = (dir, callback) => {
+    if (!fs.existsSync(dir)) {
+        fs.mkdir(dir, { recursive: true }, () => callback());
+    } else {
+        callback();
+    }
+};
+
+module.exports = {
+    builder,
+    fileBuilder,
+};
diff --git a/src/builder/index.js b/src/builder/index.js
new file mode 100644
index 0000000..3f73a32
--- /dev/null
+++ b/src/builder/index.js
@@ -0,0 +1,24 @@
+const { join } = require('path');
+const fs = require('fs-extra');
+
+const srcDir = join(process.cwd(), 'src');
+const distDir = join(process.cwd(), 'dist');
+
+const config = require(join(process.cwd(), 'builder.config.js'));
+
+const { builder, fileBuilder, sassBuilder } = require('./builders');
+
+if (config.interpreter) {
+	config.interpreter.forEach((interpreter) => {
+		const input = join(srcDir, interpreter.input);
+		const output = join(distDir, interpreter.output);
+
+		if (interpreter.type === 'js' || interpreter.type === 'html' || interpreter.type === 'sass') {
+			builder(input, output, interpreter.type);
+		} else if (interpreter.type === 'file') {
+			fileBuilder(input, output);
+		} else if (interpreter.type === 'other') {
+			fs.copy(input, output);
+		}
+	});
+}
diff --git a/src/builder/watch.js b/src/builder/watch.js
new file mode 100644
index 0000000..bbb4be4
--- /dev/null
+++ b/src/builder/watch.js
@@ -0,0 +1,13 @@
+const chokidar = require('chokidar');
+const { join } = require('path');
+
+const srcDir = join(process.cwd(), 'src');
+
+const watcher = chokidar.watch(srcDir, {
+    persistent: true
+});
+
+// Check for changes in the src directory
+watcher.on('change', (path) => {
+    const fileExtension = path.split('.').pop();
+})
\ No newline at end of file
diff --git a/icons/128x.png b/src/icons/128x.png
similarity index 100%
rename from icons/128x.png
rename to src/icons/128x.png
diff --git a/icons/16x.png b/src/icons/16x.png
similarity index 100%
rename from icons/16x.png
rename to src/icons/16x.png
diff --git a/icons/256x.png b/src/icons/256x.png
similarity index 100%
rename from icons/256x.png
rename to src/icons/256x.png
diff --git a/icons/32x.png b/src/icons/32x.png
similarity index 100%
rename from icons/32x.png
rename to src/icons/32x.png
diff --git a/icons/48x.png b/src/icons/48x.png
similarity index 100%
rename from icons/48x.png
rename to src/icons/48x.png
diff --git a/icons/banner.png b/src/icons/banner.png
similarity index 100%
rename from icons/banner.png
rename to src/icons/banner.png
diff --git a/src/lib/fonts.css b/src/lib/fonts.css
new file mode 100644
index 0000000..201bd08
--- /dev/null
+++ b/src/lib/fonts.css
@@ -0,0 +1,9 @@
+/* latin */
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 700;
+	src: url(./fonts/Roboto.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
+		U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
diff --git a/src/lib/fonts/Roboto.woff2 b/src/lib/fonts/Roboto.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..01d05fa509b7f91526cabe90c9bafa130e4c118a
GIT binary patch
literal 15828
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

literal 0
HcmV?d00001

diff --git a/src/lib/milligram.css b/src/lib/milligram.css
new file mode 100644
index 0000000..04f24dd
--- /dev/null
+++ b/src/lib/milligram.css
@@ -0,0 +1,647 @@
+/*!
+  * Milligram v1.4.1
+  * https://milligram.io
+  *
+  * Copyright (c) 2020 CJ Patoilo
+  * Licensed under the MIT license
+ */
+
+*,
+*:after,
+*:before {
+	box-sizing: inherit;
+}
+
+html {
+	box-sizing: border-box;
+	font-size: 62.5%;
+}
+
+body {
+	color: #606c76;
+	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+	font-size: 1.6em;
+	font-weight: 300;
+	letter-spacing: 0.01em;
+	line-height: 1.6;
+}
+
+blockquote {
+	border-left: 0.3rem solid #d1d1d1;
+	margin-left: 0;
+	margin-right: 0;
+	padding: 1rem 1.5rem;
+}
+
+blockquote *:last-child {
+	margin-bottom: 0;
+}
+
+.button,
+button,
+input[type='button'],
+input[type='reset'],
+input[type='submit'] {
+	background-color: #9b4dca;
+	border: 0.1rem solid #9b4dca;
+	border-radius: 0.4rem;
+	color: #fff;
+	cursor: pointer;
+	display: inline-block;
+	font-size: 1.1rem;
+	font-weight: 700;
+	height: 3.8rem;
+	letter-spacing: 0.1rem;
+	line-height: 3.8rem;
+	padding: 0 3rem;
+	text-align: center;
+	text-decoration: none;
+	text-transform: uppercase;
+	white-space: nowrap;
+}
+
+.button:focus,
+.button:hover,
+button:focus,
+button:hover,
+input[type='button']:focus,
+input[type='button']:hover,
+input[type='reset']:focus,
+input[type='reset']:hover,
+input[type='submit']:focus,
+input[type='submit']:hover {
+	background-color: #606c76;
+	border-color: #606c76;
+	color: #fff;
+	outline: 0;
+}
+
+.button[disabled],
+button[disabled],
+input[type='button'][disabled],
+input[type='reset'][disabled],
+input[type='submit'][disabled] {
+	cursor: default;
+	opacity: 0.5;
+}
+
+.button[disabled]:focus,
+.button[disabled]:hover,
+button[disabled]:focus,
+button[disabled]:hover,
+input[type='button'][disabled]:focus,
+input[type='button'][disabled]:hover,
+input[type='reset'][disabled]:focus,
+input[type='reset'][disabled]:hover,
+input[type='submit'][disabled]:focus,
+input[type='submit'][disabled]:hover {
+	background-color: #9b4dca;
+	border-color: #9b4dca;
+}
+
+.button.button-outline,
+button.button-outline,
+input[type='button'].button-outline,
+input[type='reset'].button-outline,
+input[type='submit'].button-outline {
+	background-color: transparent;
+	color: #9b4dca;
+}
+
+.button.button-outline:focus,
+.button.button-outline:hover,
+button.button-outline:focus,
+button.button-outline:hover,
+input[type='button'].button-outline:focus,
+input[type='button'].button-outline:hover,
+input[type='reset'].button-outline:focus,
+input[type='reset'].button-outline:hover,
+input[type='submit'].button-outline:focus,
+input[type='submit'].button-outline:hover {
+	background-color: transparent;
+	border-color: #606c76;
+	color: #606c76;
+}
+
+.button.button-outline[disabled]:focus,
+.button.button-outline[disabled]:hover,
+button.button-outline[disabled]:focus,
+button.button-outline[disabled]:hover,
+input[type='button'].button-outline[disabled]:focus,
+input[type='button'].button-outline[disabled]:hover,
+input[type='reset'].button-outline[disabled]:focus,
+input[type='reset'].button-outline[disabled]:hover,
+input[type='submit'].button-outline[disabled]:focus,
+input[type='submit'].button-outline[disabled]:hover {
+	border-color: inherit;
+	color: #9b4dca;
+}
+
+.button.button-clear,
+button.button-clear,
+input[type='button'].button-clear,
+input[type='reset'].button-clear,
+input[type='submit'].button-clear {
+	background-color: transparent;
+	border-color: transparent;
+	color: #9b4dca;
+}
+
+.button.button-clear:focus,
+.button.button-clear:hover,
+button.button-clear:focus,
+button.button-clear:hover,
+input[type='button'].button-clear:focus,
+input[type='button'].button-clear:hover,
+input[type='reset'].button-clear:focus,
+input[type='reset'].button-clear:hover,
+input[type='submit'].button-clear:focus,
+input[type='submit'].button-clear:hover {
+	background-color: transparent;
+	border-color: transparent;
+	color: #606c76;
+}
+
+.button.button-clear[disabled]:focus,
+.button.button-clear[disabled]:hover,
+button.button-clear[disabled]:focus,
+button.button-clear[disabled]:hover,
+input[type='button'].button-clear[disabled]:focus,
+input[type='button'].button-clear[disabled]:hover,
+input[type='reset'].button-clear[disabled]:focus,
+input[type='reset'].button-clear[disabled]:hover,
+input[type='submit'].button-clear[disabled]:focus,
+input[type='submit'].button-clear[disabled]:hover {
+	color: #9b4dca;
+}
+
+code {
+	background: #f4f5f6;
+	border-radius: 0.4rem;
+	font-size: 86%;
+	margin: 0 0.2rem;
+	padding: 0.2rem 0.5rem;
+	white-space: nowrap;
+}
+
+pre {
+	background: #f4f5f6;
+	border-left: 0.3rem solid #9b4dca;
+	overflow-y: hidden;
+}
+
+pre > code {
+	border-radius: 0;
+	display: block;
+	padding: 1rem 1.5rem;
+	white-space: pre;
+}
+
+hr {
+	border: 0;
+	border-top: 0.1rem solid #f4f5f6;
+	margin: 3rem 0;
+}
+
+input[type='color'],
+input[type='date'],
+input[type='datetime'],
+input[type='datetime-local'],
+input[type='email'],
+input[type='month'],
+input[type='number'],
+input[type='password'],
+input[type='search'],
+input[type='tel'],
+input[type='text'],
+input[type='url'],
+input[type='week'],
+input:not([type]),
+textarea,
+select {
+	-webkit-appearance: none;
+	background-color: transparent;
+	border: 0.1rem solid #d1d1d1;
+	border-radius: 0.4rem;
+	box-shadow: none;
+	box-sizing: inherit;
+	height: 3.8rem;
+	padding: 0.6rem 1rem 0.7rem;
+	width: 100%;
+}
+
+input[type='color']:focus,
+input[type='date']:focus,
+input[type='datetime']:focus,
+input[type='datetime-local']:focus,
+input[type='email']:focus,
+input[type='month']:focus,
+input[type='number']:focus,
+input[type='password']:focus,
+input[type='search']:focus,
+input[type='tel']:focus,
+input[type='text']:focus,
+input[type='url']:focus,
+input[type='week']:focus,
+input:not([type]):focus,
+textarea:focus,
+select:focus {
+	border-color: #9b4dca;
+	outline: 0;
+}
+
+select {
+	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>')
+		center right no-repeat;
+	padding-right: 3rem;
+}
+
+select:focus {
+	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>');
+}
+
+select[multiple] {
+	background: none;
+	height: auto;
+}
+
+textarea {
+	min-height: 6.5rem;
+}
+
+label,
+legend {
+	display: block;
+	font-size: 1.6rem;
+	font-weight: 700;
+	margin-bottom: 0.5rem;
+}
+
+fieldset {
+	border-width: 0;
+	padding: 0;
+}
+
+input[type='checkbox'],
+input[type='radio'] {
+	display: inline;
+}
+
+.label-inline {
+	display: inline-block;
+	font-weight: normal;
+	margin-left: 0.5rem;
+}
+
+.container {
+	margin: 0 auto;
+	max-width: 112rem;
+	padding: 0 2rem;
+	position: relative;
+	width: 100%;
+}
+
+.row {
+	display: flex;
+	flex-direction: column;
+	padding: 0;
+	width: 100%;
+}
+
+.row.row-no-padding {
+	padding: 0;
+}
+
+.row.row-no-padding > .column {
+	padding: 0;
+}
+
+.row.row-wrap {
+	flex-wrap: wrap;
+}
+
+.row.row-top {
+	align-items: flex-start;
+}
+
+.row.row-bottom {
+	align-items: flex-end;
+}
+
+.row.row-center {
+	align-items: center;
+}
+
+.row.row-stretch {
+	align-items: stretch;
+}
+
+.row.row-baseline {
+	align-items: baseline;
+}
+
+.row .column {
+	display: block;
+	flex: 1 1 auto;
+	margin-left: 0;
+	max-width: 100%;
+	width: 100%;
+}
+
+.row .column.column-offset-10 {
+	margin-left: 10%;
+}
+
+.row .column.column-offset-20 {
+	margin-left: 20%;
+}
+
+.row .column.column-offset-25 {
+	margin-left: 25%;
+}
+
+.row .column.column-offset-33,
+.row .column.column-offset-34 {
+	margin-left: 33.3333%;
+}
+
+.row .column.column-offset-40 {
+	margin-left: 40%;
+}
+
+.row .column.column-offset-50 {
+	margin-left: 50%;
+}
+
+.row .column.column-offset-60 {
+	margin-left: 60%;
+}
+
+.row .column.column-offset-66,
+.row .column.column-offset-67 {
+	margin-left: 66.6666%;
+}
+
+.row .column.column-offset-75 {
+	margin-left: 75%;
+}
+
+.row .column.column-offset-80 {
+	margin-left: 80%;
+}
+
+.row .column.column-offset-90 {
+	margin-left: 90%;
+}
+
+.row .column.column-10 {
+	flex: 0 0 10%;
+	max-width: 10%;
+}
+
+.row .column.column-20 {
+	flex: 0 0 20%;
+	max-width: 20%;
+}
+
+.row .column.column-25 {
+	flex: 0 0 25%;
+	max-width: 25%;
+}
+
+.row .column.column-33,
+.row .column.column-34 {
+	flex: 0 0 33.3333%;
+	max-width: 33.3333%;
+}
+
+.row .column.column-40 {
+	flex: 0 0 40%;
+	max-width: 40%;
+}
+
+.row .column.column-50 {
+	flex: 0 0 50%;
+	max-width: 50%;
+}
+
+.row .column.column-60 {
+	flex: 0 0 60%;
+	max-width: 60%;
+}
+
+.row .column.column-66,
+.row .column.column-67 {
+	flex: 0 0 66.6666%;
+	max-width: 66.6666%;
+}
+
+.row .column.column-75 {
+	flex: 0 0 75%;
+	max-width: 75%;
+}
+
+.row .column.column-80 {
+	flex: 0 0 80%;
+	max-width: 80%;
+}
+
+.row .column.column-90 {
+	flex: 0 0 90%;
+	max-width: 90%;
+}
+
+.row .column .column-top {
+	align-self: flex-start;
+}
+
+.row .column .column-bottom {
+	align-self: flex-end;
+}
+
+.row .column .column-center {
+	align-self: center;
+}
+
+@media (min-width: 40rem) {
+	.row {
+		flex-direction: row;
+		margin-left: -1rem;
+		width: calc(100% + 2rem);
+	}
+	.row .column {
+		margin-bottom: inherit;
+		padding: 0 1rem;
+	}
+}
+
+a {
+	color: #9b4dca;
+	text-decoration: none;
+}
+
+a:focus,
+a:hover {
+	color: #606c76;
+}
+
+dl,
+ol,
+ul {
+	list-style: none;
+	margin-top: 0;
+	padding-left: 0;
+}
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ol ol,
+ol ul,
+ul dl,
+ul ol,
+ul ul {
+	font-size: 90%;
+	margin: 1.5rem 0 1.5rem 3rem;
+}
+
+ol {
+	list-style: decimal inside;
+}
+
+ul {
+	list-style: circle inside;
+}
+
+.button,
+button,
+dd,
+dt,
+li {
+	margin-bottom: 1rem;
+}
+
+fieldset,
+input,
+select,
+textarea {
+	margin-bottom: 1.5rem;
+}
+
+blockquote,
+dl,
+figure,
+form,
+ol,
+p,
+pre,
+table,
+ul {
+	margin-bottom: 2.5rem;
+}
+
+table {
+	border-spacing: 0;
+	display: block;
+	overflow-x: auto;
+	text-align: left;
+	width: 100%;
+}
+
+td,
+th {
+	border-bottom: 0.1rem solid #e1e1e1;
+	padding: 1.2rem 1.5rem;
+}
+
+td:first-child,
+th:first-child {
+	padding-left: 0;
+}
+
+td:last-child,
+th:last-child {
+	padding-right: 0;
+}
+
+@media (min-width: 40rem) {
+	table {
+		display: table;
+		overflow-x: initial;
+	}
+}
+
+b,
+strong {
+	font-weight: bold;
+}
+
+p {
+	margin-top: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-weight: 300;
+	letter-spacing: -0.1rem;
+	margin-bottom: 2rem;
+	margin-top: 0;
+}
+
+h1 {
+	font-size: 4.6rem;
+	line-height: 1.2;
+}
+
+h2 {
+	font-size: 3.6rem;
+	line-height: 1.25;
+}
+
+h3 {
+	font-size: 2.8rem;
+	line-height: 1.3;
+}
+
+h4 {
+	font-size: 2.2rem;
+	letter-spacing: -0.08rem;
+	line-height: 1.35;
+}
+
+h5 {
+	font-size: 1.8rem;
+	letter-spacing: -0.05rem;
+	line-height: 1.5;
+}
+
+h6 {
+	font-size: 1.6rem;
+	letter-spacing: 0;
+	line-height: 1.4;
+}
+
+img {
+	max-width: 100%;
+}
+
+.clearfix:after {
+	clear: both;
+	content: ' ';
+	display: table;
+}
+
+.float-left {
+	float: left;
+}
+
+.float-right {
+	float: right;
+}
+
+/*# sourceMappingURL=milligram.css.map */
diff --git a/src/lib/normalize.css b/src/lib/normalize.css
new file mode 100644
index 0000000..53dee43
--- /dev/null
+++ b/src/lib/normalize.css
@@ -0,0 +1,351 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+	line-height: 1.15; /* 1 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+	margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+	display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+	box-sizing: content-box; /* 1 */
+	height: 0; /* 1 */
+	overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+	font-family: monospace, monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+	background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+	border-bottom: none; /* 1 */
+	text-decoration: underline; /* 2 */
+	text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+	font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+	font-family: monospace, monospace; /* 1 */
+	font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+	border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	font-family: inherit; /* 1 */
+	font-size: 100%; /* 1 */
+	line-height: 1.15; /* 1 */
+	margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input {
+	/* 1 */
+	overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select {
+	/* 1 */
+	text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+	-webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+	border-style: none;
+	padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
+	outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+	padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+	box-sizing: border-box; /* 1 */
+	color: inherit; /* 2 */
+	display: table; /* 1 */
+	max-width: 100%; /* 1 */
+	padding: 0; /* 3 */
+	white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+	vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type='checkbox'],
+[type='radio'] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type='search'] {
+	-webkit-appearance: textfield; /* 1 */
+	outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type='search']::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button; /* 1 */
+	font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+	display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+	display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+	display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+	display: none;
+}
diff --git a/src/login.js b/src/login.js
new file mode 100644
index 0000000..55780a8
--- /dev/null
+++ b/src/login.js
@@ -0,0 +1,65 @@
+const d = document.getElementById.bind(document);
+const q = document.querySelector.bind(document);
+document.querySelector('img[alt="Magister"]').remove(); // verwijderen van animatie linksboven
+
+// user object moet gemaakt worden vanuit chrome.storage.sync
+
+var snooze = (ms) => new Promise((res) => setTimeout(res, ms));
+function login() {
+	chrome.storage.sync.get(['school', 'number', 'password'], async function (result) {
+		if (d('scholenkiezer_value')) {
+			await waitForSel('#scholenkiezer_value');
+
+			if (d('scholenkiezer_value') && result.school) {
+				d('scholenkiezer_value').value = result.school;
+				d('scholenkiezer_value').dispatchEvent(new Event('input'));
+			}
+
+			await waitForSel('.selected');
+
+			if (q('.selected')) {
+				q('.selected').click();
+			}
+		}
+
+		await waitForSel('#username');
+
+		if (d('username') && result.number) {
+			d('username').value = result.number;
+			d('username').dispatchEvent(new Event('input'));
+		}
+
+		await waitForSel('#username_submit');
+		if (d('username_submit')) {
+			d('username_submit').click();
+		}
+
+		await waitForSel('#rswp_password');
+
+		if (d('rswp_password') && result.password) {
+			d('rswp_password').value = result.password;
+			d('rswp_password').dispatchEvent(new Event('input'));
+		}
+
+		await waitForSel('[id*=_submit]');
+		if (d('rswp_submit')) {
+			d('rswp_submit').click();
+		}
+	});
+}
+
+function waitForSel(s) {
+	return new Promise((res) => {
+		setInterval(() => {
+			if (q(s)) {
+				res();
+			}
+		}, 10);
+	});
+}
+
+chrome.storage.sync.get(['enabled'], function (result) {
+	if (result.enabled) {
+		login();
+	}
+});
diff --git a/src/manifest.json b/src/manifest.json
new file mode 100644
index 0000000..5efcee7
--- /dev/null
+++ b/src/manifest.json
@@ -0,0 +1,24 @@
+{
+	"name": "Magister Auto-Login",
+	"version": "3.0",
+	"manifest_version": 2,
+	"description": "Auto-Login for Magister 6 webapp.",
+	"options_page": "@pages/options.html",
+	"homepage_url": "http://mb-o.nl/autologin",
+	"background": {
+		"scripts": ["/background.js"],
+		"persistent": true
+	},
+	"browser_action": {
+		"default_title": "Auto-login",
+		"default_popup": "@pages/popup.html"
+	},
+	"icons": {
+		"16": "@icons/16x.png",
+		"32": "@icons/32x.png",
+		"48": "@icons/48x.png",
+		"128": "@icons/128x.png",
+		"256": "@icons/256x.png"
+	},
+	"permissions": ["https://accounts.magister.net/*", "storage"]
+}
diff --git a/src/pages/account.html b/src/pages/account.html
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/options.html b/src/pages/options.html
new file mode 100644
index 0000000..ec0ddb6
--- /dev/null
+++ b/src/pages/options.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>Options | Magister Auto-Login</title>
+
+		<link rel="stylesheet" href="@libraries/fonts.css" />
+		<link rel="stylesheet" href="@libraries/normalize.css" />
+		<link rel="stylesheet" href="@libraries/milligram.css" />
+
+		<link rel="shortcut icon" href="@icons/128x.png" />
+		<link rel="stylesheet" href="@stylesheets/options.sass" />
+		<link rel="stylesheet" href="@stylesheets/materials-switches.sass" />
+
+		<link rel="stylesheet" id="dark-mode-stylesheet" disabled href="@stylesheets/dark-mode.sass" />
+	</head>
+
+	<body>
+		<input type="checkbox" class="dark-mode" />
+
+		<div class="container">
+			<div class="header">
+				<img src="@icons/128x.png" alt="" />
+
+				<h1>Magister Auto Login</h1>
+
+				<i><small>Gemaakt door Martijn Oosterhuis & Guus van Meerveld</small></i>
+			</div>
+
+			<h2>Accounts</h2>
+			<div class="accounts"></div>
+		</div>
+
+		<script src="@scripts/constants.js"></script>
+		<script src="@scripts/dark-mode.js"></script>
+		<script src="@scripts/accounts.js"></script>
+	</body>
+</html>
diff --git a/src/pages/popup.html b/src/pages/popup.html
new file mode 100644
index 0000000..aa741af
--- /dev/null
+++ b/src/pages/popup.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<link rel="stylesheet" href="@stylesheets/popup.css" />
+		<link rel="stylesheet" href="@stylesheets/materials-switches.css" />
+		<link rel="stylesheet" id="dark-mode-stylesheet" disabled href="@stylesheets/dark-mode.css" />
+	</head>
+
+	<body>
+		<input id="dark-mode" type="checkbox" class="darkcheck" />
+		<div class="d-flex align-items-center screen">
+			<div class="container fluid mt-3">
+				<div class="row"></div>
+				<div class="row">
+					<div class="col">
+						<label for="">School:</label>
+						<input
+							type="text"
+							class="form-control mb-3 login"
+							autofocus
+							name="school"
+							id="school"
+							placeholder="Vul je school in"
+						/>
+						<hr class="bg-light mb-3" />
+						<label for="">Gebruikersnaam:</label>
+						<input
+							type="text"
+							class="form-control mb-3 login"
+							autofocus
+							name="number"
+							id="number"
+							placeholder="Vul je gebruikersnaam in"
+						/>
+						<hr class="bg-light mb-3" />
+						<label for="">Wachtwoord:</label>
+						<input
+							type="password"
+							class="form-control mb-3 login"
+							name="password"
+							id="password"
+							placeholder="Vul je wachtwoord in"
+						/>
+						<hr class="bg-light mb-3" />
+						<button class="btn-primary btn float-right" id="save">Opslaan</button>
+						<div class="material-switch pull-right enable">
+							<input id="switch" type="checkbox" />
+							<label for="switch" class="label-primary"></label>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<script src="@dark-mode.js"></script>
+		<script src="@save.js"></script>
+	</body>
+</html>
diff --git a/src/pages/scripts/accounts.js b/src/pages/scripts/accounts.js
new file mode 100644
index 0000000..66add83
--- /dev/null
+++ b/src/pages/scripts/accounts.js
@@ -0,0 +1,8 @@
+const getAccounts = (accounts) => {
+	if (accounts.length == 0) {
+		$('.accounts').innerHTML = 'Je hebt nog geen accounts.';
+		return;
+	}
+};
+
+const accounts = chrome.storage.sync.get('accounts', getAccounts);
diff --git a/src/pages/scripts/constants.js b/src/pages/scripts/constants.js
new file mode 100644
index 0000000..0ed4b25
--- /dev/null
+++ b/src/pages/scripts/constants.js
@@ -0,0 +1 @@
+const $ = document.querySelector.bind(document);
diff --git a/src/pages/scripts/dark-mode.js b/src/pages/scripts/dark-mode.js
new file mode 100644
index 0000000..656ffbc
--- /dev/null
+++ b/src/pages/scripts/dark-mode.js
@@ -0,0 +1,19 @@
+const toggleDarkMode = () => {
+	const checked = $('.dark-mode').checked;
+
+	chrome.storage.sync.set({
+		'dark-mode': checked,
+	});
+
+	$('#dark-mode-stylesheet').disabled = !checked;
+};
+
+const initDarkMode = () =>
+	chrome.storage.sync.get('dark-mode', (usingDarkMode) => {
+		$('#dark-mode-stylesheet').disabled = !usingDarkMode;
+		$('.dark-mode').checked = usingDarkMode;
+	});
+
+$('.dark-mode').addEventListener('click', toggleDarkMode);
+
+initDarkMode();
diff --git a/src/save.js b/src/save.js
new file mode 100644
index 0000000..8614b6e
--- /dev/null
+++ b/src/save.js
@@ -0,0 +1,77 @@
+d('save').addEventListener('click', save);
+
+qAll('.login').forEach((s) => {
+	s.addEventListener('keydown', (e) => {
+		if (e.key == 'Enter') {
+			if (e.target.id == 'school') {
+				d('number').focus();
+			}
+			if (e.target.id == 'number') {
+				d('password').focus();
+			}
+			if (e.target.id == 'password') {
+				save();
+			}
+		}
+	});
+});
+
+function save() {
+	var school = d('school').value;
+	var number = d('number').value;
+	var password = d('password').value;
+
+	try {
+		chrome.storage.sync.set({
+			school: school,
+			number: number,
+			password: password,
+		});
+
+		d('save').innerHTML = 'Opgeslagen!';
+	} catch (e) {
+		d('save').innerHTML = 'Fout';
+		d('save').className = 'btn btn-danger float-right';
+		console.error(e);
+	}
+}
+
+function onLoad() {
+	chrome.storage.sync.get(['school', 'number', 'password'], function (result) {
+		if (result.school !== undefined) {
+			d('school').value = result.school;
+		}
+
+		if (result.number !== undefined) {
+			d('number').value = result.number;
+		}
+
+		if (result.password !== undefined) {
+			d('password').value = 'lolleukgeprobeerd';
+		}
+	});
+
+	chrome.storage.sync.get(['enabled'], function (result) {
+		d('switch').checked = result.enabled;
+	});
+
+	chrome.storage.sync.get(['darkmode'], function (result) {
+		d('dark-mode').checked = result.darkmode;
+		d('dark-link').disabled = !d('dark-mode').checked;
+	});
+
+	d('switch').addEventListener('click', toggle);
+}
+
+function toggle() {
+	var checked = d('switch').checked;
+	chrome.storage.sync.set({
+		enabled: checked,
+	});
+
+	chrome.browserAction.setBadgeText({
+		text: checked ? 'ON' : 'OFF',
+	});
+}
+
+onLoad();
diff --git a/src/stylesheets/dark-mode.sass b/src/stylesheets/dark-mode.sass
new file mode 100644
index 0000000..cbba64e
--- /dev/null
+++ b/src/stylesheets/dark-mode.sass
@@ -0,0 +1,3 @@
+body
+	background-color: #282a2d
+	color: #c5c5c5
diff --git a/src/stylesheets/materials-switches.sass b/src/stylesheets/materials-switches.sass
new file mode 100644
index 0000000..2459514
--- /dev/null
+++ b/src/stylesheets/materials-switches.sass
@@ -0,0 +1,43 @@
+.material-switch > input[type='checkbox']
+	display: none
+
+.material-switch > label
+	cursor: pointer
+	margin-top: 0.8rem
+	float: right
+	height: 0px
+	position: relative
+	width: 40px
+
+.material-switch > label::before
+	background: rgb(0, 0, 0)
+	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5)
+	border-radius: 8px
+	content: ''
+	height: 16px
+	margin-top: -8px
+	position: absolute
+	opacity: 0.3
+	transition: all 0.4s ease-in-out
+	width: 40px
+
+.material-switch > label::after
+	background: rgb(255, 255, 255)
+	border-radius: 16px
+	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3)
+	content: ''
+	height: 24px
+	left: -4px
+	margin-top: -8px
+	position: absolute
+	top: -4px
+	transition: all 0.3s ease-in-out
+	width: 24px
+
+.material-switch > input[type='checkbox']:checked + label::before
+	background: #007bff
+	opacity: 0.5
+
+.material-switch > input[type='checkbox']:checked + label::after
+	background: #007bff
+	left: 20px
diff --git a/src/stylesheets/options.sass b/src/stylesheets/options.sass
new file mode 100644
index 0000000..0e65ff3
--- /dev/null
+++ b/src/stylesheets/options.sass
@@ -0,0 +1,4 @@
+.header
+	margin-bottom: 5rem
+
+	text-align: center
diff --git a/src/stylesheets/popup.sass b/src/stylesheets/popup.sass
new file mode 100644
index 0000000..de08363
--- /dev/null
+++ b/src/stylesheets/popup.sass
@@ -0,0 +1,15 @@
+body
+	min-width: 20rem
+	min-height: 24rem
+
+.darkcheck
+	position: absolute
+	margin: 7px
+	right: 0px
+
+.enable
+	position: absolute
+	bottom: 0
+	left: 0
+	margin-bottom: 10px
+	margin-left: 20px
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..a31c675
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,358 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+ansi-styles@^4.1.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
+  integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==
+  dependencies:
+    color-convert "^2.0.1"
+
+anymatch@~3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716"
+  integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==
+  dependencies:
+    normalize-path "^3.0.0"
+    picomatch "^2.0.4"
+
+binary-extensions@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
+  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
+
+braces@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
+  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+  dependencies:
+    fill-range "^7.0.1"
+
+buffer-from@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
+  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
+
+camel-case@^4.1.1:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
+  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
+  dependencies:
+    pascal-case "^3.1.2"
+    tslib "^2.0.3"
+
+chalk@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.1.tgz#c80b3fab28bf6371e6863325eee67e618b77e6ad"
+  integrity sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.2.tgz#dba3976fcadb016f66fd365021d91600d01c1e75"
+  integrity sha512-ekGhOnNVPgT77r4K/U3GDhu+FQ2S8TnK/s2KbIGXi0SZWuwkZ2QNyfWdZW+TVfn84DpEP7rLeCt2UI6bJ8GwbQ==
+  dependencies:
+    anymatch "~3.1.2"
+    braces "~3.0.2"
+    glob-parent "~5.1.2"
+    is-binary-path "~2.1.0"
+    is-glob "~4.0.1"
+    normalize-path "~3.0.0"
+    readdirp "~3.6.0"
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+clean-css@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.3.tgz#507b5de7d97b48ee53d84adb0160ff6216380f78"
+  integrity sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==
+  dependencies:
+    source-map "~0.6.0"
+
+clean-css@^5.0.1:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.1.3.tgz#42348778c3acb0083946ba340896802be5517ee2"
+  integrity sha512-qGXzUCDpLwAlPx0kYeU4QXjzQIcIYZbJjD4FNm7NnSjoP0hYMVZhHOpUYJ6AwfkMX2cceLRq54MeCgHy/va1cA==
+  dependencies:
+    source-map "~0.6.0"
+
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
+commander@^2.20.0:
+  version "2.20.3"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
+commander@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
+  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
+
+css-b64-images@~0.2.5:
+  version "0.2.5"
+  resolved "https://registry.yarnpkg.com/css-b64-images/-/css-b64-images-0.2.5.tgz#42005d83204b2b4a5d93b6b1a5644133b5927a02"
+  integrity sha1-QgBdgyBLK0pdk7axpWRBM7WSegI=
+
+debug@^4.1.0:
+  version "4.3.2"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.2.tgz#f0a49c18ac8779e31d4a0c6029dfb76873c7428b"
+  integrity sha512-mOp8wKcvj7XxC78zLgw/ZA+6TSgkoE2C/ienthhRD298T7UNwAg9diBpLRxC0mOezLl4B0xV7M0cCO6P/O0Xhw==
+  dependencies:
+    ms "2.1.2"
+
+dot-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
+  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+fill-range@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
+  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+  dependencies:
+    to-regex-range "^5.0.1"
+
+fs-extra@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.0.0.tgz#9ff61b655dde53fb34a82df84bb214ce802e17c1"
+  integrity sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==
+  dependencies:
+    graceful-fs "^4.2.0"
+    jsonfile "^6.0.1"
+    universalify "^2.0.0"
+
+fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
+glob-parent@~5.1.2:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+  dependencies:
+    is-glob "^4.0.1"
+
+graceful-fs@^4.1.6, graceful-fs@^4.2.0:
+  version "4.2.6"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.6.tgz#ff040b2b0853b23c3d31027523706f1885d76bee"
+  integrity sha512-nTnJ528pbqxYanhpDYsi4Rd8MAeaBA67+RZ10CM1m3bTAVFEDcd5AuA4a6W5YkGZ1iNXHzZz8T6TBKLeBuNriQ==
+
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+html-minifier-terser@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#922e96f1f3bb60832c2634b79884096389b1f054"
+  integrity sha512-ZPr5MNObqnV/T9akshPKbVgyOqLmy+Bxo7juKCfTfnjNniTAMdy4hz21YQqoofMBJD2kdREaqPPdThoR78Tgxg==
+  dependencies:
+    camel-case "^4.1.1"
+    clean-css "^4.2.3"
+    commander "^4.1.1"
+    he "^1.2.0"
+    param-case "^3.0.3"
+    relateurl "^0.2.7"
+    terser "^4.6.3"
+
+is-binary-path@~2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
+  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
+  dependencies:
+    binary-extensions "^2.0.0"
+
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+
+is-glob@^4.0.1, is-glob@~4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
+  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
+  dependencies:
+    is-extglob "^2.1.1"
+
+is-number@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+jsonfile@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
+  integrity sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==
+  dependencies:
+    universalify "^2.0.0"
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
+lower-case@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
+  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
+  dependencies:
+    tslib "^2.0.3"
+
+minify@^7.0.2:
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/minify/-/minify-7.0.2.tgz#8ac33a490c907b581a6cb4970dc656bb6d59ac11"
+  integrity sha512-qWFzieSULBAKTLbTqaXY5OLFbFNuEa1b0M+piLkpgJ6pHrMyvvCw6H7WM5/d+HJIwgUCLMI0uEAAyhawAF6cbA==
+  dependencies:
+    clean-css "^5.0.1"
+    css-b64-images "~0.2.5"
+    debug "^4.1.0"
+    html-minifier-terser "^5.1.1"
+    terser "^5.3.2"
+    try-to-catch "^3.0.0"
+
+ms@2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+no-case@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
+  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
+  dependencies:
+    lower-case "^2.0.2"
+    tslib "^2.0.3"
+
+normalize-path@^3.0.0, normalize-path@~3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
+param-case@^3.0.3:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
+  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
+  dependencies:
+    dot-case "^3.0.4"
+    tslib "^2.0.3"
+
+pascal-case@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
+  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+  dependencies:
+    no-case "^3.0.4"
+    tslib "^2.0.3"
+
+picomatch@^2.0.4, picomatch@^2.2.1:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
+  integrity sha512-lY1Q/PiJGC2zOv/z391WOTD+Z02bCgsFfvxoXXf6h7kv9o+WmsmzYqrAwY63sNgOxE4xEdq0WyUnXfKeBrSvYw==
+
+prettier@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
+  integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==
+
+readdirp@~3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
+  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
+  dependencies:
+    picomatch "^2.2.1"
+
+relateurl@^0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
+  integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
+
+sass@^1.36.0:
+  version "1.36.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.36.0.tgz#5912ef9d5d16714171ba11cb17edb274c4bbc07e"
+  integrity sha512-fQzEjipfOv5kh930nu3Imzq3ie/sGDc/4KtQMJlt7RRdrkQSfe37Bwi/Rf/gfuYHsIuE1fIlDMvpyMcEwjnPvg==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+
+source-map-support@~0.5.12, source-map-support@~0.5.19:
+  version "0.5.19"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"
+  integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==
+  dependencies:
+    buffer-from "^1.0.0"
+    source-map "^0.6.0"
+
+source-map@^0.6.0, source-map@~0.6.0, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+source-map@~0.7.2:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
+  integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
+
+supports-color@^7.1.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
+  integrity sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==
+  dependencies:
+    has-flag "^4.0.0"
+
+terser@^4.6.3:
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17"
+  integrity sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.12"
+
+terser@^5.3.2:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.7.1.tgz#2dc7a61009b66bb638305cb2a824763b116bf784"
+  integrity sha512-b3e+d5JbHAe/JSjwsC3Zn55wsBIM7AsHLjKxT31kGCldgbpFePaFo+PiddtO6uwRZWRw7sPXmAN8dTW61xmnSg==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.7.2"
+    source-map-support "~0.5.19"
+
+to-regex-range@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+  dependencies:
+    is-number "^7.0.0"
+
+try-to-catch@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/try-to-catch/-/try-to-catch-3.0.0.tgz#a1903b44d13d5124c54d14a461d22ec1f52ea14b"
+  integrity sha512-eIm6ZXwR35jVF8By/HdbbkcaCDTBI5PpCPkejRKrYp0jyf/DbCCcRhHD7/O9jtFI3ewsqo9WctFEiJTS6i+CQA==
+
+tslib@^2.0.3:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
+  integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
+
+universalify@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717"
+  integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==