First release

2021-07-02 19:29:34 +10:00 · 2021-07-02 19:29:34 +10:00 · fa6c85266e
commit fa6c85266e
2339 changed files with 761050 additions and 0 deletions
--- a/node_modules/nes.css/CODE_OF_CONDUCT.md
+++ b/node_modules/nes.css/CODE_OF_CONDUCT.md
@ -0,0 +1,56 @@
+# Contributor Covenant Code of Conduct
+
+View this document in another language:
+[简体中文](.github/CONTRIBUTING-zh-CN.md) / [日本語](.github/CONTRIBUTING-jp.md) / [Español](.github/CONTRIBUTING-es.md) / [Português](.github/CONTRIBUTING-pt-BR.md)
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+* Using welcoming and inclusive language
+* Being respectful of differing viewpoints and experiences
+* Gracefully accepting constructive criticism
+* Focusing on what is best for the community
+* Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
+* Trolling, insulting/derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at [support@nostalgi.cc][support-email]. If contacting the full project team is not desirable, feel free to contact any of them individually:
+
+* B.C.Rikko <[b.c.rikko@gmail.com](mailto:b.c.rikko@gmail.com)>
+* Igor Guastalla <[limaguastallaigor@gmail.com](mailto:limaguastallaigor@gmail.com)>
+* Trezy <[tre@trezy.com](mailto:tre@trezy.com)>
+
+All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
+
+[homepage]: http://contributor-covenant.org
+[support-email]: mailto:support@nostalgi.cc
+[version]: http://contributor-covenant.org/version/1/4/
--- a/node_modules/nes.css/CONTRIBUTING.md
+++ b/node_modules/nes.css/CONTRIBUTING.md
@ -0,0 +1,104 @@
+# Contributing
+
+View this document in another language:
+[简体中文](.github/CONTRIBUTING-zh-CN.md) / [日本語](.github/CONTRIBUTING-jp.md) / [Español](.github/CONTRIBUTING-es.md) / [Português](.github/CONTRIBUTING-pt-BR.md) / [Русский](.github/CONTRIBUTING-ru.md)
+
+You want to contribute to the project? Awesome!
+
+## Things to know
+
+This project adheres to the Contributor Covenant code of conduct. By participating, you are expected to uphold this code. Please see our [Code of Conduct][code-of-conduct] for details on reporting unacceptable behavior.
+
+**Working on your first Pull Request?**
+[How to Contribute to an Open Source Project on GitHub][egghead]
+
+## How do
+
+* Project setup?
+  [We've got you covered!](#project-setup)
+
+* Found a bug?
+  [Let us know!][new-issue]
+
+* Patched a bug?
+  [Make a PR!][new-pr]
+
+* Adding a new feature?
+  Make sure to [open an issue][new-issue] describing your feature, then open a [new PR][new-pr] when you're ready for feedback!
+
+## Project setup
+
+We're really happy you want to contribute to the project! ❤️ The following steps will get you up and running:
+
+1. Fork and clone the repo
+2. Install the required dependencies:
+    ```sh
+    $ npm install
+    ```
+3. Start up the dev server:  
+    To view all available components in an interactive interface, use storybook.
+    ```sh
+    $ npm run storybook
+    ```
+
+### Directories
+```sh
+.
+├── index.html: Demo page
+├── style.css: Demo page style
+├── css: Distribution files
+├── docs: Storybook stories
+└── scss: Source
+    ├── base
+    │   ├── reboot.scss: Don't change! (Bootstrap Reboot)
+    │   ├── generic.scss: Generic style and reboot.css
+    │   └── variables.scss: Common variables
+    ├── elements
+    ├── components
+    ├── form
+    ├── icons: 16x16 icons
+    ├── pixel-arts: For icons other than 16x16.
+    └── utilities
+```
+
+> Tip: Keep your `master` branch pointing at the original repository and make pull requests from branches on your fork. To do this, run:
+>
+> ```
+> git remote add upstream https://github.com/nostalgic-css/NES.css.git
+> git fetch upstream
+> git branch --set-upstream-to=upstream/master master
+> ```
+>
+> This will add the original repository as a "remote" called "upstream," fetch the git information from that remote, and set your local `master` branch to use the `upstream/master` branch whenever you run `git pull`. At that point, you can create all of your branches from this `master` branch. Whenever you want to update your version of `master`, do a regular `git pull`.
+
+## Contributing for members of the `nostalgic-css` organization
+
+Below are steps which must be followed by the members of the `nostalgic-css` organization. External collaborators only have to follow the above guidelines.
+
+### Steps for development
+
+1. Branch from `develop` using the formatting rules below.
+2. Do the work required to satisfy the issue. If you identify work that is unrelated to the issue, please [create a new issue][new-issue] and do the work on a separate branch.
+3. Submit your PRs to merge back into `develop`.
+    * Any change which would affect current development should be documented in the description.
+    * PRs with an issue should be include that issue's number in the title. IE: `[#33] Fix bug`
+    * Assign the PR to yourself.
+    * When the PR is ready to be merged, A review should be requested from the `nostalgic-css/NES.css` team.
+4. Once the PR is approved, it is the responsibility of the **assignee** to merge the changes to the branch.
+
+### Commit formatting
+
+We use [Commitizen][commitizen] and [`commitlint`][commitlint] to make sure all of the commits to the project are easy to read, and [`semantic-release`][semantic-release] to ensure that our releases are automated, [unromantic, and unsentimental][sentimental-versioning].
+
+
+
+
+
+[code-of-conduct]: CODE_OF_CONDUCT.md
+[commitizen]: https://github.com/commitizen/cz-cli
+[commitlint]: [https://github.com/marionebl/commitlint]
+[egghead]: https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github
+[new-issue]: https://github.com/nostalgic-css/NES.css/issues/new/choose
+[new-pr]: https://github.com/nostalgic-css/NES.css/compare/develop...develop
+[semantic-release]: https://github.com/semantic-release/semantic-release
+[sentimental-versioning]: http://sentimentalversioning.org/
--- a/node_modules/nes.css/LICENSE
+++ b/node_modules/nes.css/LICENSE
@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 B.C.Rikko <https://github.com/BcRikko>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/node_modules/nes.css/README.md
+++ b/node_modules/nes.css/README.md
@ -0,0 +1,105 @@
+<div align="center">
+  <a href="https://nostalgic-css.github.io/NES.css/" target="_blank"><img src="https://user-images.githubusercontent.com/5305599/49061716-da649680-f254-11e8-9a89-d95a7407ec6a.png" alt="NES.css: NES-style  CSS framework" style="max-width: 100%;" width="600" height="315"></a>
+
+  <a href=".github/README-jp.md">日本語</a> / <a href=".github/README-zh-CN.md">简体中文</a> / <a href=".github/README-es.md">Español</a> / <a href=".github/README-pt-BR.md">Português</a> / <a href=".github/README-ru.md">Русский</a>
+</div>
+
+NES.css is a **NES-style(8bit-like)** CSS Framework.
+
+[![Gitter][gitter-badge]][gitter] [![Commitizen friendly][commitizen-badge]][commitizen]
+
+## Installation
+
+### Styles
+
+NES.css is available via either npm (preferred), Yarn, or a CDN.
+
+#### via package manager
+
+```shell
+npm install nes.css
+# or
+yarn add nes.css
+```
+
+Our `package.json` contains some additional metadata under the following keys:
+* `sass` - path to our main Sass source file
+* `style` - path to our non-minified CSS
+
+#### via CDN
+
+Import the CSS via a `<link />` element:
+
+```html
+<!-- minify -->
+<link href="https://unpkg.com/nes.css@2.2.1/css/nes.min.css" rel="stylesheet" />
+<!-- latest -->
+<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
+<!-- core style only -->
+<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />
+```
+
+### Fonts
+
+NES.css doesn't provide any fonts, but we do maintain the following list of fonts that we recommend for usage alongside the library.
+
+| Language  | Font                                                               |
+| --------- | ------------------------------------------------------------------ |
+| (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
+| English   | [Kongtext](https://www.dafont.com/kongtext.font)                   |
+| Japanese  | [美咲フォント](http://littlelimit.net/misaki.htm)                  |
+| Japanese  | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/)                 |
+| Korean    | [둥근모꼴](http://cactus.tistory.com/193)                              |
+
+## Usage
+
+NES.css only provides components. You will need to define your own layout.
+
+The recommended font for NES.css is [Press Start 2P][press-start-2p-font]. However, [Press Start 2P][press-start-2p-font] only supports English characters. When you're using this framework with any language other than English, please use another font. Follow the Google Fonts [instructions][google-fonts-guide] about how to include them, or simply include it as below:
+
+```html
+<head>
+    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
+    <link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />
+
+    <style>
+      html, body, pre, code, kbd, samp {
+          font-family: "font-family you want to use";
+      }
+    </style>
+</head>
+```
+
+## CSS Only
+
+NES.css only requires CSS and doesn't depend on any JavaScript.
+
+## Browser Support
+
+NES.css is compatible with the newest version of the following browsers:
+* Chrome
+* Firefox
+* Safari
+
+Untested
+* IE/Edge
+
+## Copyright and license
+
+Code and documentation copyright 2018 [B.C.Rikko](https://github.com/BcRikko). Code released under the MIT License. Docs released under Creative Commons.
+
+## Development
+
+If you'd like to help us out with the project, we welcome contributions of all types! Check out our [`CONTRIBUTING.md`][contributing-document] for more details on how you can help make NES.css amazing!
+
+
+
+
+
+[commitizen]: http://commitizen.github.io/cz-cli/
+[commitizen-badge]: https://img.shields.io/badge/commitizen-friendly-brightgreen.svg
+[contributing-document]: CONTRIBUTING.md
+[gitter]: https://gitter.im/nostalgic-css/Lobby
+[gitter-badge]: https://img.shields.io/gitter/room/nostalgic-css/Lobby.svg
+[google-fonts-guide]: https://developers.google.com/fonts/docs/getting_started
+[press-start-2p-font]: https://fonts.google.com/specimen/Press+Start+2P?selection.family=Press+Start+2P
--- a/node_modules/nes.css/assets/cursor-click.png
+++ b/node_modules/nes.css/assets/cursor-click.png
--- a/node_modules/nes.css/assets/cursor.png
+++ b/node_modules/nes.css/assets/cursor.png
--- a/node_modules/nes.css/css/nes-core.css
+++ b/node_modules/nes.css/css/nes-core.css
--- a/node_modules/nes.css/css/nes-core.css.map
+++ b/node_modules/nes.css/css/nes-core.css.map
--- a/node_modules/nes.css/css/nes-core.min.css
+++ b/node_modules/nes.css/css/nes-core.min.css
--- a/node_modules/nes.css/css/nes.css
+++ b/node_modules/nes.css/css/nes.css
--- a/node_modules/nes.css/css/nes.css.map
+++ b/node_modules/nes.css/css/nes.css.map
--- a/node_modules/nes.css/css/nes.min.css
+++ b/node_modules/nes.css/css/nes.min.css
--- a/node_modules/nes.css/package.json
+++ b/node_modules/nes.css/package.json
@ -0,0 +1,215 @@
+{
+  "_args": [
+    [
+      "nes.css@2.3.0",
+      "F:\\Documents\\websites\\BMM"
+    ]
+  ],
+  "_from": "nes.css@2.3.0",
+  "_id": "nes.css@2.3.0",
+  "_inBundle": false,
+  "_integrity": "sha512-lCFZs9vj3f5RVdbvTL/kSxiYsOARwSeAdJaMNo+bCgmWOO9x8ay7QpT4yQVKHy3r5Dttzd0uqVdpt3fvvx6EpQ==",
+  "_location": "/nes.css",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "version",
+    "registry": true,
+    "raw": "nes.css@2.3.0",
+    "name": "nes.css",
+    "escapedName": "nes.css",
+    "rawSpec": "2.3.0",
+    "saveSpec": null,
+    "fetchSpec": "2.3.0"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/nes.css/-/nes.css-2.3.0.tgz",
+  "_spec": "2.3.0",
+  "_where": "F:\\Documents\\websites\\BMM",
+  "author": {
+    "name": "BcRikko",
+    "url": "https://github.com/Bcrikko"
+  },
+  "browserslist": [
+    "> 1%"
+  ],
+  "bugs": {
+    "url": "https://github.com/nostalgic-css/NES.css/issues"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ],
+    "rules": {
+      "subject-case": [
+        0,
+        "never",
+        "sentence-case"
+      ],
+      "subject-full-stop": [
+        0,
+        "never",
+        "."
+      ]
+    }
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "description": "NES.css is NES-style CSS Framework.",
+  "devDependencies": {
+    "@commitlint/cli": "^7.2.1",
+    "@commitlint/config-conventional": "^7.1.2",
+    "@semantic-release/exec": "^3.3.0",
+    "@storybook/addon-backgrounds": "^5.0.11",
+    "@storybook/addon-knobs": "^5.0.11",
+    "@storybook/html": "^5.0.0",
+    "autoprefixer": "^9.1.5",
+    "babel-loader": "^8.0.4",
+    "classnames": "^2.2.6",
+    "clean-css-cli": "^4.2.1",
+    "commitizen": "^3.1.1",
+    "css-loader": "^2.0.0",
+    "cz-conventional-changelog": "^2.1.0",
+    "eslint": "^5.9.0",
+    "eslint-config-airbnb-base": "^13.1.0",
+    "eslint-plugin-import": "^2.14.0",
+    "file-type": "^11.0.0",
+    "git-rev-sync": "^1.12.0",
+    "husky": "^1.0.0",
+    "lint-staged": "^7.3.0",
+    "node-sass": "^4.12.0",
+    "npm-run-all": "^4.1.5",
+    "postcss-cli": "^6.0.0",
+    "prettier": "^1.15.2",
+    "rimraf": "^2.6.2",
+    "sass-loader": "^7.1.0",
+    "semantic-release": "^15.13.14",
+    "style-loader": "^0.23.1",
+    "stylelint": "^9.5.0",
+    "stylelint-config-prettier": "^4.0.0",
+    "stylelint-config-recess-order": "^2.0.0",
+    "stylelint-config-standard": "^18.2.0",
+    "stylelint-prettier": "^1.0.5",
+    "stylelint-scss": "^3.3.1",
+    "url-loader": "^1.1.2"
+  },
+  "engines": {
+    "node": "10.x"
+  },
+  "eslintConfig": {
+    "extends": "airbnb-base",
+    "rules": {
+      "import/no-extraneous-dependencies": [
+        "error",
+        {
+          "devDependencies": [
+            "**/*.stories.js",
+            "**/*.template.js"
+          ]
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "docs/*"
+  ],
+  "homepage": "https://github.com/nostalgic-css/NES.css#readme",
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
+      "pre-commit": "lint-staged"
+    }
+  },
+  "keywords": [
+    "css",
+    "scss",
+    "nes",
+    "framework"
+  ],
+  "license": "MIT",
+  "lint-staged": {
+    "scss/**/*.scss": [
+      "npm run prebuild:stylelint",
+      "npm run postbuild",
+      "git add"
+    ],
+    "*.js": [
+      "eslint '.storybook/**/*.js' 'story/**/*.js'"
+    ]
+  },
+  "name": "nes.css",
+  "prettier": {
+    "printWidth": 100
+  },
+  "release": {
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "@semantic-release/npm",
+      "@semantic-release/github",
+      [
+        "@semantic-release/exec",
+        {
+          "prepareCmd": "./scripts/updatePackageHeader.js ${nextRelease.version}"
+        }
+      ]
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nostalgic-css/NES.css.git"
+  },
+  "scripts": {
+    "// Build task": "",
+    "// For nes-core.css": "",
+    "// For nes.css": "",
+    "// Misc": "",
+    "build": "run-p build:core build:main",
+    "build:autoprefix": "postcss --use autoprefixer --map false --output css/nes.css css/nes.css",
+    "build:autoprefix-core": "postcss --use autoprefixer --map false --output css/nes-core.css css/nes-core.css",
+    "build:cleancss": "cleancss -o css/nes.min.css css/nes.css",
+    "build:cleancss-core": "cleancss -o css/nes-core.min.css css/nes-core.css",
+    "build:core": "npm run build:sass-core && npm run build:autoprefix-core && npm run build:cleancss-core",
+    "build:main": "npm run build:sass && npm run build:autoprefix && npm run build:cleancss",
+    "build:sass": "node-sass --output-style expanded --source-map true --functions scripts/scssFunctions.js scss/nes.scss css/nes.css",
+    "build:sass-core": "node-sass --output-style expanded --source-map true --functions scripts/scssFunctions.js scss/nes-core.scss css/nes-core.css",
+    "build:storybook": "build-storybook",
+    "commit": "git-cz",
+    "commit:retry": "git-cz --retry",
+    "commitmsg": "commitlint -e",
+    "deploy": "npm run build",
+    "postbuild": "npm run build:storybook",
+    "prebuild": "run-p prebuild:*",
+    "prebuild:clean": "rimraf css",
+    "prebuild:stylelint": "npm run stylelint -- --fix",
+    "semantic-release": "semantic-release",
+    "storybook": "start-storybook -p 6006",
+    "stylelint": "stylelint scss/**/*.scss",
+    "watch": "npm run build:sass -- --watch"
+  },
+  "stylelint": {
+    "plugins": [
+      "stylelint-scss",
+      "stylelint-prettier"
+    ],
+    "extends": [
+      "stylelint-config-standard",
+      "stylelint-config-recess-order",
+      "stylelint-prettier/recommended"
+    ],
+    "rules": {
+      "prettier/prettier": true,
+      "string-quotes": "double",
+      "at-rule-no-unknown": null,
+      "scss/at-rule-no-unknown": true
+    },
+    "ignoreFiles": [
+      "docs/*"
+    ]
+  },
+  "version": "2.3.0"
+}
--- a/node_modules/nes.css/scripts/getBuildData.js
+++ b/node_modules/nes.css/scripts/getBuildData.js
@ -0,0 +1,24 @@
+const git = require('git-rev-sync'); /* eslint-disable-line import/no-extraneous-dependencies */
+
+module.exports = (isCompiled = false) => {
+  let buildData = '';
+
+  if (git.branch() !== 'master') {
+    if (isCompiled) {
+      buildData += `
+        Build Date: ${(new Date()).toISOString()}
+        Node Version: ${process.version}`;
+    }
+
+    buildData += `
+      Branch: ${git.branch()}
+      Commit: ${git.long()}`;
+
+    if (process.env.CIRCLECI) {
+      buildData += `
+        Build Number (CircleCI): ${process.env.CIRCLE_BUILD_NUM}`;
+    }
+  }
+
+  return buildData.replace(/^  +/gm, '  ');
+};
--- a/node_modules/nes.css/scripts/getFileAsDataURI.js
+++ b/node_modules/nes.css/scripts/getFileAsDataURI.js
@ -0,0 +1,15 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const filetype = require('file-type');
+const fs = require('fs');
+const path = require('path');
+/* eslint-enable */
+
+module.exports = (fileString) => {
+  const filepath = path.resolve(__dirname, fileString.getValue());
+  const fileBuffer = fs.readFileSync(filepath);
+
+  const fileDataURI = fileBuffer.toString('base64');
+  const { mime } = filetype(fileBuffer);
+
+  return `data:${mime};base64,${fileDataURI}`;
+};
--- a/node_modules/nes.css/scripts/scssFunctions.js
+++ b/node_modules/nes.css/scripts/scssFunctions.js
@ -0,0 +1,9 @@
+const { types } = require('node-sass'); /* eslint-disable-line import/no-extraneous-dependencies */
+
+const getBuildData = require('./getBuildData');
+const getFileAsDataURI = require('./getFileAsDataURI');
+
+module.exports = {
+  'build-data()': () => types.String(getBuildData(true)),
+  'get-file-as-data-uri($filepath)': filepath => types.String(getFileAsDataURI(filepath)),
+};
--- a/node_modules/nes.css/scripts/updatePackageHeader.js
+++ b/node_modules/nes.css/scripts/updatePackageHeader.js
@ -0,0 +1,29 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const getBuildData = require('./getBuildData');
+
+const nextVersion = process.argv[2];
+
+if (!nextVersion) {
+  throw new Error('This script requires a version number to be provided');
+}
+
+// Update the SCSS Package Header
+const SCSSFilePath = path.resolve('scss', 'nes-core.scss');
+let SCSSFile = fs.readFileSync(SCSSFilePath, 'utf8');
+
+SCSSFile = SCSSFile.replace(/^ {2}Version: development/m, `  Version: ${nextVersion}`);
+SCSSFile = SCSSFile.replace(/^#{build-data\(\)}/m, getBuildData());
+
+fs.writeFileSync(SCSSFilePath, SCSSFile, 'utf8');
+
+// Update the SCSS Package Header
+const CSSFilePath = path.resolve('css', 'nes.css');
+let CSSFile = fs.readFileSync(CSSFilePath, 'utf8');
+
+CSSFile = CSSFile.replace(/^ {2}Version: development/m, `  Version: ${nextVersion}`);
+
+fs.writeFileSync(CSSFilePath, CSSFile, 'utf8');
--- a/node_modules/nes.css/scss/base/_index.scss
+++ b/node_modules/nes.css/scss/base/_index.scss
@ -0,0 +1,6 @@
+@charset "utf-8";
+
+@import "reboot.scss";
+@import "color-palette.scss";
+@import "variables.scss";
+@import "generic.scss";
--- a/node_modules/nes.css/scss/base/color-palette.scss
+++ b/node_modules/nes.css/scss/base/color-palette.scss
@ -0,0 +1,72 @@
+// https://en.wikipedia.org/wiki/List_of_video_game_console_palettes#NES
+
+$color-black: #212529;
+$color-white: #fff;
+
+$color-00: #7c7c7c;
+$color-01: #0000fc;
+$color-02: #0000bc;
+$color-03: #4428bc;
+$color-04: #940084;
+$color-05: #a80020;
+$color-06: #a81000;
+$color-07: #881400;
+$color-08: #503000;
+$color-09: #007800;
+$color-0A: #006800;
+$color-0B: #005800;
+$color-0C: #004058;
+$color-0D: #000;
+$color-0E: #000;
+$color-0F: #000;
+
+$color-10: #bcbcbc;
+$color-11: #0078f8;
+$color-12: #0058f8;
+$color-13: #6844fc;
+$color-14: #d800cc;
+$color-15: #e40058;
+$color-16: #f83800;
+$color-17: #e45c10;
+$color-18: #ac7c00;
+$color-19: #00b800;
+$color-1A: #00a800;
+$color-1B: #00a844;
+$color-1C: #088;
+$color-1D: #000;
+$color-1E: #000;
+$color-1F: #000;
+
+$color-20: #f8f8f8;
+$color-21: #3cbcfc;
+$color-22: #6888fc;
+$color-23: #9878f8;
+$color-24: #f878f8;
+$color-25: #f85898;
+$color-26: #f87858;
+$color-27: #fca044;
+$color-28: #f8b800;
+$color-29: #b8f818;
+$color-2A: #58d854;
+$color-2B: #58f898;
+$color-2C: #00e8d8;
+$color-2D: #787878;
+$color-2E: #000;
+$color-2F: #000;
+
+$color-30: #fcfcfc;
+$color-31: #a4e4fc;
+$color-32: #b8b8f8;
+$color-33: #d8b8f8;
+$color-34: #f8b8f8;
+$color-35: #f8a4c0;
+$color-36: #f0d0b0;
+$color-37: #fbdfa6;
+$color-38: #f8d878;
+$color-39: #d8f878;
+$color-3A: #b8f8b8;
+$color-3B: #b8f8d8;
+$color-3C: #00fcfc;
+$color-3D: #d8d8d8;
+$color-3E: #000;
+$color-3F: #000;
--- a/node_modules/nes.css/scss/base/generic.scss
+++ b/node_modules/nes.css/scss/base/generic.scss
@ -0,0 +1,43 @@
+// Override reboot.scss
+
+html,
+body,
+pre,
+code,
+kbd,
+samp {
+  font-family: $font-family;
+}
+
+html {
+  cursor: $cursor-url, auto;
+}
+
+body {
+  font-size: $font-size;
+  color: $base-color;
+  background-color: $background-color;
+  -webkit-font-smoothing: antialiased;
+}
+
+label {
+  cursor: inherit;
+}
+
+a,
+button {
+  cursor: $cursor-click-url, pointer;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: none;
+}
+
+// Prevent stray pixels on focused inputs such as checkboxes and radios
+input[type="radio"],
+input[type="checkbox"] {
+  outline: 0;
+}
--- a/node_modules/nes.css/scss/base/reboot.scss
+++ b/node_modules/nes.css/scss/base/reboot.scss
@ -0,0 +1,340 @@
+/*!
+ * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+article,
+aside,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+    "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover,
+a:not([href]):not([tabindex]):focus {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
--- a/node_modules/nes.css/scss/base/variables.scss
+++ b/node_modules/nes.css/scss/base/variables.scss
@ -0,0 +1,41 @@
+// Font
+$font-family: "Press Start 2P" !default;
+$font-size: 16px !default;
+
+$base-color: $color-black !default;
+$background-color: $color-white !default;
+
+$cursor-url: url(get-file-as-data-uri("../assets/cursor.png")) !default;
+$cursor-click-url: url(get-file-as-data-uri("../assets/cursor-click.png")) 14 0 !default;
+
+$border-size: 4px !default;
+
+$default-colors: (
+  normal: $background-color,
+  hover: #e7e7e7,
+  shadow: #adafbc
+) !default;
+$disabled-colors: (
+  normal: #d3d3d3,
+  shadow: #adafbc
+) !default;
+$primary-colors: (
+  normal: #209cee,
+  hover: #108de0,
+  shadow: #006bb3
+) !default;
+$success-colors: (
+  normal: #92cc41,
+  hover: #76c442,
+  shadow: #4aa52e
+) !default;
+$warning-colors: (
+  normal: #f7d51d,
+  hover: #f2c409,
+  shadow: #e59400
+) !default;
+$error-colors: (
+  normal: #e76e55,
+  hover: #ce372b,
+  shadow: #8c2022
+) !default;
--- a/node_modules/nes.css/scss/components/_index.scss
+++ b/node_modules/nes.css/scss/components/_index.scss
@ -0,0 +1 @@
+@charset "utf-8";
--- a/node_modules/nes.css/scss/elements/_index.scss
+++ b/node_modules/nes.css/scss/elements/_index.scss
@ -0,0 +1,12 @@
+@charset "utf-8";
+
+@import "avatar.scss";
+@import "badges.scss";
+@import "balloons.scss";
+@import "buttons.scss";
+@import "containers.scss";
+@import "dialogs.scss";
+@import "lists.scss";
+@import "progress.scss";
+@import "tables.scss";
+@import "text.scss";
--- a/node_modules/nes.css/scss/elements/avatar.scss
+++ b/node_modules/nes.css/scss/elements/avatar.scss
@ -0,0 +1,23 @@
+@mixin img-style($param) {
+  $size: $param * 16;
+
+  width: $size;
+  height: $size;
+
+  &.is-rounded {
+    border-radius: 50px;
+  }
+}
+.nes-avatar {
+  @include img-style(2px);
+
+  &.is-small {
+    @include img-style(1px);
+  }
+  &.is-medium {
+    @include img-style(3px);
+  }
+  &.is-large {
+    @include img-style(4px);
+  }
+}
--- a/node_modules/nes.css/scss/elements/badges.scss
+++ b/node_modules/nes.css/scss/elements/badges.scss
@ -0,0 +1,105 @@
+@mixin span-style-is-icon($color, $background-color, $display, $width, $font-size) {
+  display: $display;
+  align-items: center;
+  justify-content: center;
+  width: $width;
+  font-size: $font-size;
+  color: $color;
+  text-align: center;
+  background-color: $background-color;
+}
+
+@mixin span-style($color, $background, $option, $width: 50%) {
+  position: absolute;
+  top: 0;
+  width: $width;
+  color: $color;
+  text-align: center;
+  background-color: $background;
+
+  @if $option == left {
+    left: 0;
+  } @else if $option == right {
+    right: 0;
+  }
+}
+
+@mixin badge-style($color, $background, $option: is-default) {
+  $box-shadow-first-two: 0 0.5em $background, 0 -0.5em $background;
+
+  @if $option == is-splited {
+    &:first-child {
+      @include span-style($color, $background, left);
+
+      box-shadow: $box-shadow-first-two, 0 0 $background, -0.5em 0 $background;
+    }
+    &:last-child {
+      @include span-style($color, $background, right);
+
+      box-shadow: $box-shadow-first-two, 0.5em 0 $background, 0 0 $background;
+    }
+  } @else if $option == is-icon {
+    &:first-child {
+      @include span-style-is-icon($color, $background, flex, 2.7em, 0.5em);
+
+      position: absolute;
+      top: -2.8em;
+      left: -2.7em;
+      height: 2.7em;
+    }
+    &:last-child {
+      @include span-style-is-icon($color, $background, inline-block, 6em, 0.88em);
+
+      box-shadow: $box-shadow-first-two, 0.5em 0 $background, -0.5em 0 $background;
+    }
+  } @else {
+    &:first-child {
+      @include span-style($color, $background, 0, 100%);
+
+      box-shadow: $box-shadow-first-two, 0.5em 0 $background, -0.5em 0 $background;
+    }
+  }
+}
+
+// Default style
+.nes-badge {
+  $em: 0.75em;
+
+  position: relative;
+  display: inline-block;
+  width: $em * 14;
+  height: $em * 2.5;
+  margin: 0.5em;
+  font-size: $em * 1.2;
+  white-space: nowrap;
+  vertical-align: top;
+  user-select: none;
+
+  // Other styles
+  // prettier-ignore
+  $types:
+    "dark" $background-color $base-color,
+    "primary" $background-color map-get($primary-colors, "normal"),
+    "success" $background-color map-get($success-colors, "normal"),
+    "warning" $base-color map-get($warning-colors, "normal"),
+    "error" $background-color map-get($error-colors, "normal");
+
+  @each $type in $types {
+    &.is-splited {
+      & span.is-#{nth($type, 1)} {
+        @include badge-style(nth($type, 2), nth($type, 3), is-splited);
+      }
+    }
+
+    &.is-icon {
+      width: $em * 7;
+      & span.is-#{nth($type, 1)} {
+        @include badge-style(nth($type, 2), nth($type, 3), is-icon);
+      }
+    }
+
+    & span.is-#{nth($type, 1)} {
+      @include badge-style(nth($type, 2), nth($type, 3));
+    }
+  }
+}
--- a/node_modules/nes.css/scss/elements/balloons.scss
+++ b/node_modules/nes.css/scss/elements/balloons.scss
@ -0,0 +1,135 @@
+@mixin box-shadow($color, $fromLeft: true) {
+  @if $fromLeft {
+    // prettier-ignore
+    box-shadow:
+      -4px 0,
+      4px 0,
+      -4px 4px $color,
+      0 4px,
+      -8px 4px,
+      -4px 8px,
+      -8px 8px;
+  } @else {
+    // prettier-ignore
+    box-shadow:
+      -4px 0,
+      4px 0,
+      4px 4px $color,
+      0 4px,
+      8px 4px,
+      4px 8px,
+      8px 8px;
+  }
+}
+
+.nes-balloon {
+  @include rounded-corners();
+
+  position: relative;
+  display: inline-block;
+  padding: 1rem 1.5rem;
+  margin: 8px;
+  margin-bottom: 30px;
+  background-color: $background-color;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  &::before,
+  &::after {
+    position: absolute;
+    content: "";
+  }
+
+  &.is-dark {
+    @include rounded-corners(true);
+
+    color: $background-color;
+    background: $base-color;
+    border-image-outset: 2;
+    box-shadow: 0 0 0 8px $base-color;
+
+    &.from-left,
+    &.from-right {
+      &::before {
+        background-color: $base-color;
+        border-color: $background-color;
+      }
+
+      &::after {
+        color: $background-color;
+        background-color: $base-color;
+      }
+    }
+
+    &.from-left {
+      &::before {
+        box-shadow: -5px 10px 0 6px $base-color;
+      }
+      &::after {
+        @include box-shadow($base-color);
+      }
+    }
+
+    &.from-right {
+      &::before {
+        box-shadow: 5px 10px 0 6px $base-color;
+      }
+      &::after {
+        @include box-shadow($base-color, false);
+      }
+    }
+  }
+
+  &.from-left {
+    &::before,
+    &::after {
+      left: 2rem;
+    }
+
+    &::before {
+      bottom: -14px;
+      width: 26px;
+      height: 10px;
+      background-color: $background-color;
+      border-right: 4px solid $base-color;
+      border-left: 4px solid $base-color;
+    }
+
+    &::after {
+      bottom: -18px;
+      width: 18px;
+      height: 4px;
+      margin-right: 8px;
+      color: $base-color;
+      background-color: $background-color;
+      @include box-shadow($background-color);
+    }
+  }
+
+  &.from-right {
+    &::before,
+    &::after {
+      right: 2rem;
+    }
+
+    &::before {
+      bottom: -14px;
+      width: 26px;
+      height: 10px;
+      background-color: $background-color;
+      border-right: 4px solid $base-color;
+      border-left: 4px solid $base-color;
+    }
+
+    &::after {
+      bottom: -18px;
+      width: 18px;
+      height: 4px;
+      margin-left: 8px;
+      background-color: $background-color;
+      @include box-shadow($background-color, false);
+    }
+  }
+}
--- a/node_modules/nes.css/scss/elements/buttons.scss
+++ b/node_modules/nes.css/scss/elements/buttons.scss
@ -0,0 +1,87 @@
+@mixin btn-style($color, $background, $hover-background, $shadow) {
+  color: $color;
+  background-color: $background;
+
+  &::after {
+    position: absolute;
+    top: -$border-size;
+    right: -$border-size;
+    bottom: -$border-size;
+    left: -$border-size;
+    content: "";
+    box-shadow: inset -4px -4px $shadow;
+  }
+
+  &:hover {
+    color: $color;
+    text-decoration: none;
+    background-color: $hover-background;
+
+    &::after {
+      box-shadow: inset -6px -6px $shadow;
+    }
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 6px rgba($shadow, 0.3);
+  }
+
+  &:active:not(.is-disabled)::after {
+    box-shadow: inset 4px 4px $shadow;
+  }
+}
+
+// Default style
+.nes-btn {
+  @include compact-rounded-corners();
+
+  position: relative;
+  display: inline-block;
+  padding: 6px 8px;
+  margin: $border-size;
+  text-align: center;
+  vertical-align: middle;
+  cursor: $cursor-click-url, pointer;
+  user-select: none;
+
+  @include btn-style(
+    $base-color,
+    map-get($default-colors, "normal"),
+    map-get($default-colors, "hover"),
+    map-get($default-colors, "shadow")
+  );
+
+  &:focus {
+    outline: 0;
+  }
+
+  &.is-disabled,
+  &.is-disabled:hover,
+  &.is-disabled:focus {
+    color: $base-color;
+    cursor: not-allowed;
+    background-color: map-get($disabled-colors, "normal");
+    box-shadow: inset -4px -4px map-get($disabled-colors, "shadow");
+    opacity: 0.6;
+  }
+
+  // Other styles
+  // prettier-ignore
+  $types:
+    "primary" $background-color map-get($primary-colors, "normal") map-get($primary-colors, "hover") map-get($primary-colors, "shadow"),
+    "success" $background-color map-get($success-colors, "normal") map-get($success-colors, "hover") map-get($success-colors, "shadow"),
+    "warning" $base-color map-get($warning-colors, "normal") map-get($warning-colors, "hover") map-get($warning-colors, "shadow"),
+    "error" $background-color map-get($error-colors, "normal") map-get($error-colors, "hover") map-get($error-colors, "shadow");
+
+  @each $type in $types {
+    &.is-#{nth($type, 1)} {
+      @include btn-style(nth($type, 2), nth($type, 3), nth($type, 4), nth($type, 5));
+    }
+  }
+
+  input[type="file"] {
+    position: absolute;
+    pointer-events: none;
+    opacity: 0;
+  }
+}
--- a/node_modules/nes.css/scss/elements/containers.scss
+++ b/node_modules/nes.css/scss/elements/containers.scss
@ -0,0 +1,117 @@
+.nes-container {
+  position: relative;
+  padding: 1.5rem 2rem;
+  border-color: black;
+  border-style: solid;
+  border-width: 4px;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  &.is-centered {
+    text-align: center;
+  }
+
+  &.is-right {
+    text-align: right;
+  }
+
+  &.with-title {
+    > .title {
+      display: table;
+      padding: 0 0.5rem;
+      margin: -1.8rem 0 1rem;
+      font-size: 1rem;
+      background-color: $background-color;
+    }
+
+    &.is-centered {
+      > .title {
+        margin: -2rem auto 1rem;
+      }
+    }
+
+    &.is-right {
+      > .title {
+        margin: -2rem 0 1rem auto;
+      }
+    }
+  }
+
+  &.is-dark {
+    position: relative;
+    margin: $border-size;
+    color: $background-color;
+    background-color: $base-color;
+    border-color: white;
+
+    &::after {
+      position: absolute;
+      top: -$border-size * 1.8;
+      right: -$border-size * 1.8;
+      bottom: -$border-size * 1.8;
+      left: -$border-size * 1.8;
+      z-index: -1;
+      content: "";
+      background-color: $base-color;
+    }
+
+    &.with-title {
+      > .title {
+        color: $background-color;
+        background-color: $base-color;
+      }
+    }
+  }
+
+  &.is-rounded {
+    @include rounded-corners();
+
+    padding: 1rem 1.5rem;
+    margin: $border-size;
+
+    &.with-title {
+      > .title {
+        margin-top: -1.5rem;
+      }
+
+      &.is-centered {
+        > .title {
+          margin: -1.5rem auto 1rem;
+        }
+      }
+
+      &.is-right {
+        > .title {
+          margin: -1.5rem 0 1rem auto;
+        }
+      }
+    }
+
+    &.is-dark {
+      @include rounded-corners(true);
+      &::after {
+        content: none;
+      }
+
+      &.with-title {
+        > .title {
+          margin-top: -1.3rem;
+        }
+
+        &.is-centered {
+          > .title {
+            margin: -1.3rem auto 1rem;
+          }
+        }
+
+        &.is-right {
+          > .title {
+            margin: -1.3rem 0 1rem auto;
+          }
+        }
+      }
+    }
+  }
+}
--- a/node_modules/nes.css/scss/elements/dialogs.scss
+++ b/node_modules/nes.css/scss/elements/dialogs.scss
@ -0,0 +1,37 @@
+.nes-dialog {
+  padding: 1.5rem 2rem;
+  border-width: $border-size;
+
+  > .backdrop,
+  &::backdrop {
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  &.is-rounded {
+    @include rounded-corners();
+
+    &.is-dark {
+      @include rounded-corners(true);
+    }
+  }
+  &.is-dark {
+    color: $background-color;
+    background-color: $base-color;
+    border-color: $background-color;
+
+    &:not(.is-rounded)::before {
+      position: absolute;
+      top: -$border-size * 2;
+      right: -$border-size * 2;
+      bottom: -$border-size * 2;
+      left: -$border-size * 2;
+      z-index: -1;
+      content: "";
+      border: $border-size solid $base-color;
+    }
+  }
+}
--- a/node_modules/nes.css/scss/elements/lists.scss
+++ b/node_modules/nes.css/scss/elements/lists.scss
@ -0,0 +1,46 @@
+.nes-list {
+  // prettier-ignore
+  $disc: (
+    (0,0,0,1,1,0,0,0),
+    (0,0,1,1,1,1,0,0),
+    (0,1,1,1,1,1,1,0),
+    (0,1,1,1,1,1,1,0),
+    (0,0,1,1,1,1,0,0),
+    (0,0,0,1,1,0,0,0)
+    );
+
+  // prettier-ignore
+  $circle: (
+    (0,0,0,1,1,0,0,0),
+    (0,0,1,1,1,1,0,0),
+    (0,1,1,0,0,1,1,0),
+    (0,1,1,0,0,1,1,0),
+    (0,0,1,1,1,1,0,0),
+    (0,0,0,1,1,0,0,0)
+  );
+  $colors: ($base-color, map-get($default-colors, "shadow"));
+
+  list-style-type: none;
+
+  & li {
+    position: relative;
+  }
+
+  &.is-disc li::before {
+    position: absolute;
+    top: calc(50% - 8px);
+    left: -22px;
+    content: "";
+
+    @include pixelize(2px, $disc, $colors);
+  }
+
+  &.is-circle li::before {
+    position: absolute;
+    top: calc(50% - 8px);
+    left: -22px;
+    content: "";
+
+    @include pixelize(2px, $circle, $colors);
+  }
+}
--- a/node_modules/nes.css/scss/elements/progress.scss
+++ b/node_modules/nes.css/scss/elements/progress.scss
@ -0,0 +1,111 @@
+.nes-progress {
+  @include compact-rounded-corners();
+
+  width: 100%;
+  height: 48px;
+  margin: 4px;
+  color: $base-color;
+  background-color: $background-color;
+  -webkit-appearance: none;
+  appearance: none;
+
+  @mixin progress-style($color) {
+    &::-webkit-progress-bar {
+      background-color: $background-color;
+    }
+    &::-webkit-progress-value {
+      background-color: $color;
+    }
+    &::-moz-progress-bar {
+      background-color: $color;
+    }
+    &::-ms-fill {
+      background-color: $color;
+      border: none;
+    }
+  }
+
+  @include progress-style($base-color);
+
+  &.is-rounded {
+    @include rounded-corners();
+  }
+  &.is-primary {
+    @include progress-style(map-get($primary-colors, "normal"));
+  }
+
+  &.is-success {
+    @include progress-style(map-get($success-colors, "normal"));
+  }
+
+  &.is-warning {
+    @include progress-style(map-get($warning-colors, "normal"));
+  }
+
+  &.is-error {
+    @include progress-style(map-get($error-colors, "normal"));
+  }
+
+  &.is-pattern {
+    &::-webkit-progress-value {
+      background-color: $base-color;
+      background-image: linear-gradient(
+          45deg,
+          $background-color 25%,
+          transparent 25%,
+          transparent 75%,
+          $background-color 75%,
+          $background-color
+        ),
+        linear-gradient(
+          45deg,
+          $background-color 25%,
+          transparent 25%,
+          transparent 75%,
+          $background-color 75%,
+          $background-color
+        );
+      background-position: 0 0, 10px 10px;
+      background-size: 20px 20px;
+    }
+
+    &::-moz-progress-bar {
+      background-color: $base-color;
+      background-image: -moz-linear-gradient(
+          45deg,
+          $background-color 25%,
+          transparent 25%,
+          transparent 75%,
+          $background-color 75%,
+          $background-color
+        ),
+        -moz-linear-gradient(45deg, $background-color 25%, transparent 25%, transparent 75%, $background-color
+              75%, $background-color);
+      background-position: 0 0, 10px 10px;
+      background-size: 20px 20px;
+    }
+
+    &::-ms-fill {
+      background-color: $base-color;
+      background-image: linear-gradient(
+          45deg,
+          $background-color 25%,
+          transparent 25%,
+          transparent 75%,
+          $background-color 75%,
+          $background-color
+        ),
+        linear-gradient(
+          45deg,
+          $background-color 25%,
+          transparent 25%,
+          transparent 75%,
+          $background-color 75%,
+          $background-color
+        );
+      background-position: 0 0, 10px 10px;
+      background-size: 20px 20px;
+      border: none;
+    }
+  }
+}
--- a/node_modules/nes.css/scss/elements/tables.scss
+++ b/node_modules/nes.css/scss/elements/tables.scss
@ -0,0 +1,113 @@
+.nes-table-responsive {
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.nes-table {
+  table-layout: fixed;
+  background-color: $background-color;
+
+  tr {
+    margin-left: -0.25em;
+  }
+
+  th,
+  td {
+    position: relative;
+    padding: 0.5rem;
+    word-wrap: break-word;
+    border-color: $base-color;
+    border-style: solid;
+    border-width: 0 0.25em 0.25em 0;
+
+    &:last-child {
+      border-right-width: 0;
+    }
+
+    &::after,
+    &::before {
+      position: absolute;
+      display: block;
+      width: 0.25em;
+      height: 0.25em;
+      content: "";
+      background-color: $base-color;
+    }
+
+    &::after {
+      bottom: -0.25em;
+      left: -0.25em;
+    }
+
+    &::before {
+      top: -0.25em;
+      right: -0.25em;
+    }
+
+    &:last-child::before {
+      top: initial;
+      bottom: -0.25em;
+    }
+  }
+
+  &.is-centered th {
+    text-align: center;
+  }
+
+  &.is-bordered {
+    margin: 4px;
+    border-spacing: 0;
+    border-collapse: separate;
+
+    @include compact-rounded-corners();
+  }
+
+  &.is-dark {
+    color: $background-color;
+    background-color: $base-color;
+
+    &::before {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      content: "";
+    }
+
+    &.is-bordered {
+      @include compact-rounded-corners(true);
+    }
+
+    th,
+    td {
+      border-color: $background-color;
+
+      &::after,
+      &::before {
+        display: none;
+      }
+    }
+  }
+
+  /***************************************************************************  \
+    This eliminates the gap between the last row in a table and the border, as
+    well as hiding the derelict pixels in the bottom right and bottom left of
+    the last row of a table
+  \  ***************************************************************************/
+  tbody,
+  thead:last-child {
+    tr:last-child {
+      th,
+      td {
+        border-bottom-width: 0;
+
+        &:first-child::after,
+        &:last-child::before {
+          display: none;
+        }
+      }
+    }
+  }
+}
--- a/node_modules/nes.css/scss/elements/text.scss
+++ b/node_modules/nes.css/scss/elements/text.scss
@ -0,0 +1,21 @@
+.nes-text {
+  &.is-primary {
+    color: map-get($primary-colors, "normal");
+  }
+
+  &.is-success {
+    color: map-get($success-colors, "normal");
+  }
+
+  &.is-warning {
+    color: map-get($warning-colors, "normal");
+  }
+
+  &.is-error {
+    color: map_get($error-colors, "normal");
+  }
+
+  &.is-disabled {
+    color: map_get($disabled-colors, "normal");
+  }
+}
--- a/node_modules/nes.css/scss/form/_index.scss
+++ b/node_modules/nes.css/scss/form/_index.scss
@ -0,0 +1,6 @@
+@charset "utf-8";
+
+@import "inputs.scss";
+@import "radios.scss";
+@import "checkboxes.scss";
+@import "selects.scss";
--- a/node_modules/nes.css/scss/form/checkboxes.scss
+++ b/node_modules/nes.css/scss/form/checkboxes.scss
@ -0,0 +1,106 @@
+.nes-checkbox {
+  // prettier-ignore
+  $checkbox: (
+    (1,1,1,1,1,1,1,1,0,0),
+    (1,0,0,0,0,0,0,1,0,0),
+    (1,0,0,0,0,0,0,1,0,0),
+    (1,0,0,0,0,0,0,1,0,0),
+    (1,0,0,0,0,0,0,1,0,0),
+    (1,0,0,0,0,0,0,1,0,0),
+    (1,0,0,0,0,0,0,1,0,0),
+    (1,1,1,1,1,1,1,1,0,0),
+  );
+
+  // prettier-ignore
+  $checkbox-checked: (
+    (1,1,1,1,1,1,1,0,1,1),
+    (1,0,0,0,0,0,0,1,1,1),
+    (1,0,0,0,0,0,1,1,0,0),
+    (1,1,0,0,0,1,1,0,0,0),
+    (1,1,1,0,1,1,0,1,0,0),
+    (1,0,1,1,1,0,0,1,0,0),
+    (1,0,0,1,0,0,0,1,0,0),
+    (1,1,1,1,1,1,1,1,0,0)
+  );
+  // prettier-ignore
+  $checkbox-focus: (
+    (2,2,2,2,2,2,2,2,0,0),
+    (2,0,0,0,0,0,0,2,0,0),
+    (2,0,0,0,0,0,0,2,0,0),
+    (2,0,0,0,0,0,0,2,0,0),
+    (2,0,0,0,0,0,0,2,0,0),
+    (2,0,0,0,0,0,0,2,0,0),
+    (2,0,0,0,0,0,0,2,0,0),
+    (2,2,2,2,2,2,2,2,0,0),
+  );
+
+  // prettier-ignore
+  $checkbox-checked-focus: (
+    (2,2,2,2,2,2,2,0,1,1),
+    (2,0,0,0,0,0,0,1,1,1),
+    (1,0,0,0,0,0,1,1,0,0),
+    (1,1,0,0,0,1,1,0,0,0),
+    (2,1,1,0,1,1,0,2,0,0),
+    (2,0,1,1,1,0,0,2,0,0),
+    (2,0,0,1,0,0,0,2,0,0),
+    (2,2,2,2,2,2,2,2,0,0)
+  );
+  $colors: ($base-color, map-get($default-colors, "shadow"));
+  $colors-checkbox-dark: ($color-white, map-get($default-colors, "shadow"));
+
+  margin-left: 28px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  @include visually-hidden();
+
+  & + span {
+    position: relative;
+    cursor: $cursor-click-url, pointer;
+  }
+
+  & + span::before,
+  &:checked + span::before {
+    position: absolute;
+    top: -3px;
+    left: -28px;
+    content: "";
+  }
+
+  // prettier-ignore
+  & + span::before { /* stylelint-disable-line no-descending-specificity */
+    @include pixelize(2px, $checkbox, $colors);
+  }
+  // prettier-ignore
+  &:focus + span::before { /* stylelint-disable-line no-descending-specificity */
+    @include pixelize(2px, $checkbox-focus, $colors);
+  }
+
+  &:checked + span::before {
+    @include pixelize(2px, $checkbox-checked, $colors);
+  }
+  &:checked:focus + span::before {
+    @include pixelize(2px, $checkbox-checked-focus, $colors);
+  }
+  &.is-dark {
+    + span {
+      color: $color-white;
+    }
+    // prettier-ignore
+    + span::before { /* stylelint-disable-line no-descending-specificity */
+      color: $color-white;
+    }
+
+    &:checked + span::before {
+      @include pixelize(2px, $checkbox-checked-focus, $colors-checkbox-dark);
+
+      color: $color-white;
+    }
+    &:checked:focus + span::before {
+      @include pixelize(2px, $checkbox-checked-focus, $colors-checkbox-dark);
+
+      color: $color-white;
+    }
+  }
+}
--- a/node_modules/nes.css/scss/form/inputs.scss
+++ b/node_modules/nes.css/scss/form/inputs.scss
@ -0,0 +1,75 @@
+.nes-input,
+.nes-textarea {
+  @mixin border-style($border, $outline) {
+    @include compact-border-image($border);
+
+    outline-color: $outline;
+  }
+
+  @include compact-rounded-corners();
+
+  width: calc(100% - #{2 * $border-size});
+  padding: 0.5rem 1rem;
+  margin: 4px;
+  background-clip: padding-box;
+
+  &.is-dark {
+    @include border-style(map-get($default-colors, "normal"), map-get($default-colors, "hover"));
+
+    color: $background-color;
+    background-color: $base-color;
+  }
+  &.is-success {
+    @include border-style(map-get($success-colors, "normal"), map-get($success-colors, "hover"));
+  }
+  &.is-warning {
+    @include border-style(map-get($warning-colors, "normal"), map-get($warning-colors, "hover"));
+  }
+  &.is-error {
+    @include border-style(map-get($error-colors, "normal"), map-get($error-colors, "hover"));
+  }
+}
+
+.nes-field {
+  > label {
+    display: block;
+  }
+  .nes-input,
+  .nes-textarea {
+    display: block;
+  }
+
+  &.is-inline {
+    display: flex;
+    align-items: center;
+
+    > label {
+      flex-basis: 0;
+      flex-grow: 1;
+      margin: 0;
+      margin-right: 1.5rem;
+      text-align: right;
+    }
+
+    .nes-input,
+    .nes-textarea {
+      flex-basis: 0;
+      flex-grow: 5;
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .nes-field.is-inline {
+    display: block;
+
+    > label {
+      margin-bottom: 0.5rem; // reboot.css:label
+      text-align: left;
+    }
+
+    .nes-input {
+      max-width: 100%;
+    }
+  }
+}
--- a/node_modules/nes.css/scss/form/radios.scss
+++ b/node_modules/nes.css/scss/form/radios.scss
@ -0,0 +1,76 @@
+.nes-radio {
+  // prettier-ignore
+  $radio: (
+    (1,1,0,0,0,0),
+    (1,1,1,1,0,0),
+    (1,1,1,1,1,0),
+    (1,1,1,1,1,1),
+    (1,1,1,1,1,0),
+    (1,1,1,1,0,0),
+    (1,1,0,0,0,0),
+  );
+  // prettier-ignore
+  $radio-checked-focus: (
+    (2,2,0,0,0,0),
+    (2,2,2,2,0,0),
+    (2,2,2,2,2,0),
+    (2,2,2,2,2,2),
+    (2,2,2,2,2,0),
+    (2,2,2,2,0,0),
+    (2,2,0,0,0,0),
+  );
+  $colors: ($base-color, map-get($default-colors, "shadow"));
+  $colors-radio-dark: ($color-white, map-get($default-colors, "shadow"));
+
+  margin-right: 20px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  @include visually-hidden();
+
+  & + span {
+    position: relative;
+    cursor: $cursor-click-url, pointer;
+  }
+
+  &:checked + span::before {
+    position: absolute;
+    top: -2px;
+    left: -20px;
+    content: "";
+
+    @include pixelize(2px, $radio, $colors);
+  }
+
+  &:checked:hover,
+  &:checked:focus {
+    & + span::before {
+      animation: blink 1s infinite steps(1);
+    }
+  }
+
+  &:checked:focus + span::before {
+    @include pixelize(2px, $radio-checked-focus, $colors);
+  }
+  &.is-dark {
+    + span {
+      color: $color-white;
+    }
+    // prettier-ignore
+    + span::before { /* stylelint-disable-line no-descending-specificity */
+      color: $color-white;
+    }
+
+    &:checked + span::before {
+      @include pixelize(2px, $radio-checked-focus, $colors-radio-dark);
+
+      color: $color-white;
+    }
+    &:checked:focus + span::before {
+      @include pixelize(2px, $radio-checked-focus, $colors-radio-dark);
+
+      color: $color-white;
+    }
+  }
+}
--- a/node_modules/nes.css/scss/form/selects.scss
+++ b/node_modules/nes.css/scss/form/selects.scss
@ -0,0 +1,70 @@
+.nes-select {
+  // prettier-ignore
+  $dropdown: (
+    (1,1,1,1,1,1,1),
+    (1,1,1,1,1,1,1),
+    (0,1,1,1,1,1,0),
+    (0,1,1,1,1,1,0),
+    (0,0,1,1,1,0,0),
+    (0,0,0,1,0,0,0),
+  );
+  $colors: ($base-color, map-get($default-colors, "shadow"));
+
+  position: relative;
+  width: calc(100% - #{2 * $border-size});
+  margin: 4px;
+
+  select {
+    @include compact-rounded-corners();
+
+    width: 100%;
+    padding: 0.5rem 2.5rem 0.5rem 1rem;
+    cursor: $cursor-click-url, pointer;
+    border-radius: 0;
+    outline-color: map-get($default-colors, "hover");
+    -webkit-appearance: none;
+    appearance: none;
+
+    &:invalid {
+      color: map-get($disabled-colors, shadow);
+    }
+  }
+
+  &.is-dark select {
+    color: $background-color;
+    background-color: $base-color;
+  }
+
+  &::after {
+    @include pixelize(3px, $dropdown, $colors);
+
+    position: absolute;
+    top: calc(50% - 11px);
+    right: 36px;
+    pointer-events: none;
+    content: "";
+  }
+
+  // prettier-ignore
+  $types:
+    "success" map-get($success-colors, "normal") map-get($success-colors, "hover"),
+    "warning" map-get($warning-colors, "normal") map-get($warning-colors, "hover"),
+    "error" map-get($error-colors, "normal") map-get($error-colors, "hover"),
+    "dark" map-get($default-colors, "normal") map-get($default-colors, "hover");
+
+  @each $type in $types {
+    &.is-#{nth($type, 1)} {
+      $color: nth($type, 2);
+
+      &::after {
+        color: $color;
+      }
+
+      select {
+        @include compact-border-image($color);
+
+        outline-color: nth($type, 3);
+      }
+    }
+  }
+}
--- a/node_modules/nes.css/scss/helpers/_index.scss
+++ b/node_modules/nes.css/scss/helpers/_index.scss
@ -0,0 +1,3 @@
+@charset "utf-8";
+
+@import "pointer.scss";
--- a/node_modules/nes.css/scss/helpers/pointer.scss
+++ b/node_modules/nes.css/scss/helpers/pointer.scss
@ -0,0 +1,3 @@
+.nes-pointer {
+  cursor: $cursor-click-url, pointer;
+}
--- a/node_modules/nes.css/scss/icons/_index.scss
+++ b/node_modules/nes.css/scss/icons/_index.scss
@ -0,0 +1,3 @@
+@charset "utf-8";
+
+@import "icons.scss";
--- a/node_modules/nes.css/scss/icons/close.scss
+++ b/node_modules/nes.css/scss/icons/close.scss
@ -0,0 +1,20 @@
+$icon-close-colors: ($base-color);
+// prettier-ignore
+$icon-close: (
+  (1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
+  (1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
+  (1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
+  (1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1),
+  (0,0,0,1,1,1,1,0,0,1,1,1,1,0,0,0),
+  (0,0,0,1,1,1,1,0,0,1,1,1,1,0,0,0),
+  (0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0),
+  (0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0),
+  (0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0),
+  (0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0),
+  (0,0,0,1,1,1,1,0,0,1,1,1,1,0,0,0),
+  (0,0,0,1,1,1,1,0,0,1,1,1,1,0,0,0),
+  (1,1,1,1,1,1,1,0,0,1,1,1,1,1,1,1),
+  (1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
+  (1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
+  (1,1,1,1,0,0,0,0,0,0,0,0,1,1,1,1),
+);
--- a/node_modules/nes.css/scss/icons/coin.scss
+++ b/node_modules/nes.css/scss/icons/coin.scss
@ -0,0 +1,20 @@
+$icon-coin-colors: (#060606, #fff, #ffc107);
+// prettier-ignore
+$icon-coin: (
+  (0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0),
+  (0,0,0,1,1,1,2,2,2,1,1,1,1,0,0,0),
+  (0,0,1,1,2,2,3,3,3,3,3,1,1,0,0,0),
+  (0,0,1,2,3,3,2,2,2,1,3,3,1,1,0,0),
+  (0,1,1,2,3,3,2,3,3,1,3,3,1,1,0,0),
+  (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+  (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+  (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+  (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+  (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+  (0,1,2,3,3,3,2,3,3,1,3,3,3,1,1,0),
+  (0,1,1,2,3,3,2,3,3,1,3,3,1,1,0,0),
+  (0,0,1,2,3,3,2,1,1,1,3,3,1,1,0,0),
+  (0,0,1,1,2,3,3,3,3,3,3,1,1,0,0,0),
+  (0,0,0,1,1,1,3,3,3,1,1,1,1,0,0,0),
+  (0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0),
+);
--- a/node_modules/nes.css/scss/icons/facebook.scss
+++ b/node_modules/nes.css/scss/icons/facebook.scss
@ -0,0 +1,20 @@
+$icon-facebook-colors: (#fff, #4566ae);
+// prettier-ignore
+$icon-facebook: (
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+  ( 2,2,2,2,2,2,2,2,2,2,1,1,1,1,2,2),
+  ( 2,2,2,2,2,2,2,2,2,1,1,1,1,1,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,1,1,1,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
+  ( 2,2,2,2,2,1,1,1,1,1,1,1,1,1,2,2),
+  ( 2,2,2,2,2,1,1,1,1,1,1,1,1,1,2,2),
+  ( 2,2,2,2,2,1,1,1,1,1,1,1,1,1,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
+  ( 2,2,2,2,2,2,2,2,1,1,1,2,2,2,2,2),
+  ( 0,2,2,2,2,2,2,2,1,1,1,2,2,2,2,0)
+);
--- a/node_modules/nes.css/scss/icons/github.scss
+++ b/node_modules/nes.css/scss/icons/github.scss
@ -0,0 +1,20 @@
+$icon-github-colors: (#fff, #333);
+// prettier-ignore
+$icon-github: (
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+  ( 2,2,2,2,1,2,2,2,2,2,2,2,2,1,2,2 ),
+  ( 2,2,2,2,1,1,2,2,2,2,2,2,1,1,2,2 ),
+  ( 2,2,2,2,1,1,1,1,1,1,1,1,1,1,2,2 ),
+  ( 2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
+  ( 2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
+  ( 2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
+  ( 2,2,2,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
+  ( 2,2,2,2,1,1,1,1,1,1,1,1,1,1,2,2 ),
+  ( 2,2,2,2,2,1,1,1,1,1,1,1,1,2,2,2 ),
+  ( 2,1,1,2,2,2,2,1,1,1,1,2,2,2,2,2 ),
+  ( 2,2,2,1,2,2,1,1,1,1,1,1,2,2,2,2 ),
+  ( 2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,1,1,1,1,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,1,1,1,1,2,2,2,2 ),
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 )
+);
--- a/node_modules/nes.css/scss/icons/gmail.scss
+++ b/node_modules/nes.css/scss/icons/gmail.scss
@ -0,0 +1,20 @@
+$icon-gmail-colors: (#eeecec, #fd2b2b);
+// prettier-ignore
+$icon-gmail: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
+  (2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
+  (2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2),
+  (2,2,1,2,2,1,1,1,1,1,1,2,2,1,2,2),
+  (2,2,1,1,2,2,1,1,1,1,2,2,1,1,2,2),
+  (2,2,1,1,1,2,2,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
--- a/node_modules/nes.css/scss/icons/google.scss
+++ b/node_modules/nes.css/scss/icons/google.scss
@ -0,0 +1,20 @@
+$icon-google-colors: (#4285f4, #fff, #db4437, #f4b400, #0f9d58);
+// prettier-ignore
+$icon-google: (
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+  ( 2,2,2,2,2,3,3,3,3,3,3,2,2,2,2,2 ),
+  ( 2,2,2,3,3,3,3,3,3,3,3,3,3,2,2,2 ),
+  ( 2,2,3,3,3,3,3,3,3,3,3,3,2,2,2,2 ),
+  ( 2,3,3,3,3,2,2,2,2,2,3,2,2,2,2,2 ),
+  ( 4,3,3,3,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 4,4,3,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
+  ( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
+  ( 4,4,4,2,2,2,2,2,1,1,1,1,1,1,1,2 ),
+  ( 4,4,5,2,2,2,2,2,2,2,2,2,1,1,1,2 ),
+  ( 4,5,5,5,2,2,2,2,2,2,2,1,1,1,1,2 ),
+  ( 2,5,5,5,5,2,2,2,2,2,5,1,1,1,2,2 ),
+  ( 2,2,5,5,5,5,5,5,5,5,5,5,1,1,2,2 ),
+  ( 2,2,2,5,5,5,5,5,5,5,5,5,5,2,2,2 ),
+  ( 0,2,2,2,2,5,5,5,5,5,5,2,2,2,2,0 )
+);
--- a/node_modules/nes.css/scss/icons/heart.scss
+++ b/node_modules/nes.css/scss/icons/heart.scss
@ -0,0 +1,81 @@
+$icon-heart-colors: (#fff, #444, #f22426, #842300);
+// prettier-ignore
+$icon-heart: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,2,2,2,0,0,0,0,0,2,2,2,0,0,0),
+  (0,2,3,3,3,2,0,0,0,2,3,3,4,2,0,0),
+  (2,3,1,1,3,3,2,0,2,3,3,3,3,4,2,0),
+  (2,3,1,3,3,3,3,2,3,3,3,3,3,4,2,0),
+  (2,3,3,3,3,3,3,3,3,3,3,3,3,4,2,0),
+  (2,3,3,3,3,3,3,3,3,3,3,3,3,4,2,0),
+  (2,3,3,3,3,3,3,3,3,3,3,3,3,4,2,0),
+  (0,2,3,3,3,3,3,3,3,3,3,3,4,2,0,0),
+  (0,0,2,3,3,3,3,3,3,3,3,4,2,0,0,0),
+  (0,0,0,2,3,3,3,3,3,3,4,2,0,0,0,0),
+  (0,0,0,0,2,3,3,3,3,4,2,0,0,0,0,0),
+  (0,0,0,0,0,2,3,3,4,2,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,4,2,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
+
+// prettier-ignore
+$icon-heart-half: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,2,2,2,0,0,0,0,0,2,2,2,0,0,0),
+  (0,2,3,3,3,2,0,0,0,2,0,0,0,2,0,0),
+  (2,3,1,1,3,3,2,0,2,0,0,0,0,0,2,0),
+  (2,3,1,3,3,3,3,2,0,0,0,0,0,0,2,0),
+  (2,3,3,3,3,3,3,3,0,0,0,0,0,0,2,0),
+  (2,3,3,3,3,3,3,3,0,0,0,0,0,0,2,0),
+  (2,3,3,3,3,3,3,3,0,0,0,0,0,0,2,0),
+  (0,2,3,3,3,3,3,3,0,0,0,0,0,2,0,0),
+  (0,0,2,3,3,3,3,3,0,0,0,0,2,0,0,0),
+  (0,0,0,2,3,3,3,3,0,0,0,2,0,0,0,0),
+  (0,0,0,0,2,3,3,3,0,0,2,0,0,0,0,0),
+  (0,0,0,0,0,2,3,3,0,2,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,4,2,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
+
+// prettier-ignore
+$icon-heart-transparent: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,2,2,2,0,0,0,0,0,2,2,2,0,0,0),
+  (0,2,0,0,0,2,0,0,0,2,0,0,0,2,0,0),
+  (2,0,0,0,0,0,2,0,2,0,0,0,0,0,2,0),
+  (2,0,0,0,0,0,0,2,0,0,0,0,0,0,2,0),
+  (2,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0),
+  (2,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0),
+  (2,0,0,0,0,0,0,0,0,0,0,0,0,0,2,0),
+  (0,2,0,0,0,0,0,0,0,0,0,0,0,2,0,0),
+  (0,0,2,0,0,0,0,0,0,0,0,0,2,0,0,0),
+  (0,0,0,2,0,0,0,0,0,0,0,2,0,0,0,0),
+  (0,0,0,0,2,0,0,0,0,0,2,0,0,0,0,0),
+  (0,0,0,0,0,2,0,0,0,2,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,0,2,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
+
+$icon-heart-empty-colors: (#adafbb);
+// prettier-ignore
+$icon-heart-empty: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,1,1,1,0,0,0,0,0,1,1,1,0,0,0),
+  (0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0),
+  (1,0,0,0,0,0,1,0,1,0,0,0,0,0,1,0),
+  (1,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0),
+  (1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
+  (1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
+  (1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
+  (0,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0),
+  (0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
+  (0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0),
+  (0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0),
+  (0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
+  (0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
--- a/node_modules/nes.css/scss/icons/icons.scss
+++ b/node_modules/nes.css/scss/icons/icons.scss
@ -0,0 +1,165 @@
+// reaction
+@import "heart.scss";
+@import "star.scss";
+@import "like.scss";
+
+// sns
+@import "twitter.scss";
+@import "facebook.scss";
+@import "github.scss";
+@import "youtube.scss";
+@import "google.scss";
+@import "medium.scss";
+@import "twitch.scss";
+@import "reddit.scss";
+@import "whatsapp.scss";
+@import "gmail.scss";
+@import "linkedin.scss";
+@import "instagram.scss";
+
+// others
+@import "close.scss";
+@import "trophy.scss";
+@import "coin.scss";
+
+.nes-icon {
+  $default-size: 1px;
+  $icon-size: $default-size * 16;
+
+  position: relative;
+  display: inline-block;
+  width: $icon-size;
+  height: $icon-size;
+  margin-right: $icon-size;
+  margin-bottom: $icon-size;
+
+  // NOTE: Use `transform: scale()` because cannot use font-size less than 10px on Chrome
+  // default 2px
+  transform: scale(2);
+  transform-origin: top left;
+
+  &.is-small {
+    margin: 0;
+    // 1px
+    transform: scale(1);
+  }
+
+  &.is-medium {
+    margin-right: $icon-size * 2;
+    margin-bottom: $icon-size * 2;
+    // 3px
+    transform: scale(3);
+  }
+
+  &.is-large {
+    margin-right: $icon-size * 3;
+    margin-bottom: $icon-size * 3;
+    // 4px
+    transform: scale(4);
+  }
+
+  &::before {
+    position: absolute;
+    top: $default-size * -1;
+    left: $default-size * -1;
+    display: block;
+    content: "";
+    background: transparent;
+  }
+
+  &.heart::before {
+    @include pixelize($default-size, $icon-heart, $icon-heart-colors);
+  }
+  &.heart.is-half::before {
+    @include pixelize($default-size, $icon-heart-half, $icon-heart-colors);
+  }
+  &.heart.is-transparent::before {
+    @include pixelize($default-size, $icon-heart-transparent, $icon-heart-colors);
+  }
+  &.heart.is-empty::before {
+    @include pixelize($default-size, $icon-heart-empty, $icon-heart-empty-colors);
+  }
+
+  &.star::before {
+    @include pixelize($default-size, $icon-star, $icon-star-colors);
+  }
+  &.star.is-empty::before {
+    @include pixelize($default-size, $icon-star-empty, $icon-star-empty-colors);
+  }
+  &.star.is-half::before {
+    @include pixelize($default-size, $icon-star-half, $icon-star-colors);
+  }
+  &.star.is-transparent::before {
+    @include pixelize($default-size, $icon-star-transparent, $icon-star-colors);
+  }
+
+  &.trophy::before {
+    @include pixelize($default-size, $icon-trophy, $icon-trophy-colors);
+  }
+  &.trophy.is-empty::before {
+    @include pixelize($default-size, $icon-trophy-empty, $icon-trophy-empty-colors);
+  }
+
+  &.like::before {
+    @include pixelize($default-size, $icon-like, $icon-like-colors);
+  }
+  &.like.is-empty::before {
+    @include pixelize($default-size, $icon-like-empty, $icon-like-empty-colors);
+  }
+
+  &.twitter::before {
+    @include pixelize($default-size, $icon-twitter, $icon-twitter-colors);
+  }
+
+  &.facebook::before {
+    @include pixelize($default-size, $icon-facebook, $icon-facebook-colors);
+  }
+
+  &.github::before {
+    @include pixelize($default-size, $icon-github, $icon-github-colors);
+  }
+
+  &.youtube::before {
+    @include pixelize($default-size, $icon-youtube, $icon-youtube-colors);
+  }
+
+  &.close::before {
+    @include pixelize($default-size, $icon-close, $icon-close-colors);
+  }
+
+  &.google::before {
+    @include pixelize($default-size, $icon-google, $icon-google-colors);
+  }
+
+  &.medium::before {
+    @include pixelize($default-size, $icon-medium, $icon-medium-colors);
+  }
+
+  &.twitch::before {
+    @include pixelize($default-size, $icon-twitch, $icon-twitch-colors);
+  }
+
+  &.reddit::before {
+    @include pixelize($default-size, $icon-reddit, $icon-reddit-colors);
+  }
+
+  &.whatsapp::before {
+    @include pixelize($default-size, $icon-whatsapp, $icon-whatsapp-colors);
+  }
+
+  &.gmail::before {
+    @include pixelize($default-size, $icon-gmail, $icon-gmail-colors);
+  }
+
+  &.linkedin::before {
+    @include pixelize($default-size, $icon-linkedin, $icon-linkedin-colors);
+  }
+
+  &.instagram::before {
+    @include pixelize($default-size, $icon-instagram, $icon-instagram-colors);
+  }
+
+  &.coin::before {
+    @include pixelize($default-size, $icon-coin, $icon-coin-colors);
+  }
+}
--- a/node_modules/nes.css/scss/icons/instagram.scss
+++ b/node_modules/nes.css/scss/icons/instagram.scss
@ -0,0 +1,20 @@
+$icon-instagram-colors: (#fff, #8005c8, #d40075, #e98c25, #d84646);
+// prettier-ignore
+$icon-instagram: (
+  ( 0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0),
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+  ( 2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
+  ( 2,2,1,1,1,1,1,1,1,1,1,2,2,1,2,2),
+  ( 2,2,1,1,1,1,1,1,1,1,1,2,2,1,2,2),
+  ( 2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2),
+  ( 3,2,1,1,1,2,1,1,1,1,2,1,1,1,2,3),
+  ( 3,3,1,1,1,2,1,1,1,1,2,1,1,1,3,3),
+  ( 3,3,1,1,1,3,1,1,1,1,3,1,1,1,3,3),
+  ( 3,3,1,1,1,3,1,1,1,1,3,1,1,1,3,3),
+  ( 4,4,1,1,1,1,3,3,3,3,1,1,1,1,3,3),
+  ( 4,4,1,1,1,1,1,1,1,1,1,1,1,1,3,3),
+  ( 4,4,1,1,1,1,1,1,1,1,1,1,1,1,5,5),
+  ( 4,4,4,1,1,1,1,1,1,1,1,1,1,5,5,5),
+  ( 0,4,4,4,4,4,4,4,4,5,5,5,5,5,5,0),
+  ( 0,0,4,4,4,4,4,4,5,5,5,5,5,5,0,0)
+);
--- a/node_modules/nes.css/scss/icons/like.scss
+++ b/node_modules/nes.css/scss/icons/like.scss
@ -0,0 +1,41 @@
+$icon-like-colors: (#fff, #333, #2e77be);
+// prettier-ignore
+$icon-like: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,2,2,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,2,1,2,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,2,1,2,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,1,1,2,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,1,1,2,2,2,2,2,2,0),
+  (0,0,0,0,0,2,1,1,1,1,1,1,1,1,1,2),
+  (0,2,2,2,0,2,1,1,1,1,1,1,1,1,1,2),
+  (2,3,3,3,2,1,1,1,1,1,1,1,1,1,1,2),
+  (2,3,3,3,2,1,1,1,1,1,1,1,1,1,2,0),
+  (2,3,3,3,2,1,1,1,1,1,1,1,1,1,2,0),
+  (2,3,3,3,2,1,1,1,1,1,1,1,1,1,2,0),
+  (2,3,3,3,2,1,1,1,1,1,1,1,1,2,0,0),
+  (2,3,3,3,2,1,1,1,1,1,1,1,1,2,0,0),
+  (0,2,2,2,0,2,2,2,2,2,2,2,2,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
+
+$icon-like-empty-colors: (#adafbb);
+// prettier-ignore
+$icon-like-empty: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,1,0,1,0,0,0,0,0,0),
+  (0,0,0,0,0,0,1,0,0,1,0,0,0,0,0,0),
+  (0,0,0,0,0,0,1,0,0,1,1,1,1,1,1,0),
+  (0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,1),
+  (0,1,1,1,0,1,0,0,0,0,0,0,0,0,0,1),
+  (1,0,0,0,1,0,0,0,0,0,0,0,0,0,0,1),
+  (1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
+  (1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
+  (1,0,0,0,1,0,0,0,0,0,0,0,0,0,1,0),
+  (1,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0),
+  (1,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0),
+  (0,1,1,1,0,1,1,1,1,1,1,1,1,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
--- a/node_modules/nes.css/scss/icons/linkedin.scss
+++ b/node_modules/nes.css/scss/icons/linkedin.scss
@ -0,0 +1,20 @@
+$icon-linkedin-colors: (#fff, #2577b9);
+// prettier-ignore
+$icon-linkedin: (
+  (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,1,1,1,2,1,1,1,2,2,2),
+  (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,1,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+);
--- a/node_modules/nes.css/scss/icons/medium.scss
+++ b/node_modules/nes.css/scss/icons/medium.scss
@ -0,0 +1,20 @@
+$icon-medium-colors: (#fff, #12100e);
+// prettier-ignore
+$icon-medium: (
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+  ( 2,1,1,1,2,2,2,2,2,2,2,1,1,1,1,2 ),
+  ( 2,2,1,1,2,2,2,2,2,2,2,1,1,1,2,2 ),
+  ( 2,2,1,1,1,2,2,2,2,2,2,1,1,1,2,2 ),
+  ( 2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2 ),
+  ( 2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2 ),
+  ( 2,2,1,1,1,1,2,2,2,1,1,1,1,1,2,2 ),
+  ( 2,2,1,2,1,1,1,2,2,1,1,1,1,1,2,2 ),
+  ( 2,2,1,2,1,1,1,2,1,1,2,1,1,1,2,2 ),
+  ( 2,2,1,2,2,1,1,1,1,1,2,1,1,1,2,2 ),
+  ( 2,2,1,2,2,1,1,1,1,2,2,1,1,1,2,2 ),
+  ( 2,2,1,2,2,2,1,1,1,2,2,1,1,1,2,2 ),
+  ( 2,2,1,2,2,2,1,1,2,2,2,1,1,1,2,2 ),
+  ( 2,2,1,2,2,2,2,1,2,2,2,1,1,1,2,2 ),
+  ( 2,1,1,1,2,2,2,2,2,2,1,1,1,1,1,2 ),
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+);
--- a/node_modules/nes.css/scss/icons/reddit.scss
+++ b/node_modules/nes.css/scss/icons/reddit.scss
@ -0,0 +1,20 @@
+$icon-reddit-colors: (#fff, #f40);
+// prettier-ignore
+$icon-reddit: (
+  ( 0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0 ),
+  ( 0,2,2,2,2,2,2,2,1,1,1,2,1,2,2,0 ),
+  ( 2,2,2,2,2,2,2,1,2,2,2,1,1,1,2,2 ),
+  ( 2,2,2,2,2,2,2,1,2,2,2,2,1,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,1,1,2,2,2,2,2,2 ),
+  ( 2,1,1,2,1,1,1,1,1,1,1,1,2,1,1,2 ),
+  ( 2,1,2,1,1,1,1,1,1,1,1,1,1,2,1,2 ),
+  ( 2,2,1,1,1,2,2,1,1,2,2,1,1,1,2,2 ),
+  ( 2,1,1,1,1,2,2,1,1,2,2,1,1,1,1,2 ),
+  ( 2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
+  ( 2,1,1,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
+  ( 2,2,1,1,1,2,1,1,1,1,2,1,1,1,2,2 ),
+  ( 2,2,2,1,1,1,2,2,2,2,1,1,1,2,2,2 ),
+  ( 2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2 ),
+  ( 0,2,2,2,2,2,1,1,1,1,2,2,2,2,2,0 ),
+  ( 0,0,2,2,2,2,2,2,2,2,2,2,2,2,0,0 )
+);
--- a/node_modules/nes.css/scss/icons/star.scss
+++ b/node_modules/nes.css/scss/icons/star.scss
@ -0,0 +1,79 @@
+$icon-star-colors: (#fff, #444, #ebe527, #f59f54);
+// prettier-ignore
+$icon-star: (
+  (0,0,0,0,0,0,0,2,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
+  (0,0,0,0,0,2,3,3,3,2,0,0,0,0,0,0),
+  (0,0,0,0,0,2,1,1,3,2,0,0,0,0,0,0),
+  (2,2,2,2,2,2,1,3,3,3,2,2,2,2,2,0),
+  (2,3,3,3,1,1,3,3,3,3,3,3,3,3,2,0),
+  (0,2,3,3,1,3,3,3,3,3,3,3,4,2,0,0),
+  (0,0,2,3,3,3,3,3,3,3,4,4,2,0,0,0),
+  (0,0,0,2,3,3,3,3,3,3,3,2,0,0,0,0),
+  (0,0,2,3,3,3,3,4,3,3,3,3,2,0,0,0),
+  (0,0,2,3,3,3,4,4,4,3,3,3,2,0,0,0),
+  (0,2,3,3,4,4,4,2,4,4,4,3,3,2,0,0),
+  (0,2,3,4,4,2,2,0,2,2,4,4,3,2,0,0),
+  (2,4,4,2,2,0,0,0,0,0,2,2,4,4,2,0),
+  (2,2,2,0,0,0,0,0,0,0,0,0,2,2,2,0)
+);
+
+$icon-star-empty-colors: (#adafbb);
+// prettier-ignore
+$icon-star-empty: (
+  (0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
+  (0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
+  (0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
+  (1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,0),
+  (1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0),
+  (0,1,0,0,0,0,0,0,0,0,0,0,0,1,0,0),
+  (0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
+  (0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0),
+  (0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
+  (0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
+  (0,1,0,0,0,0,0,1,0,0,0,0,0,1,0,0),
+  (0,1,0,0,0,1,1,0,1,1,0,0,0,1,0,0),
+  (1,0,0,1,1,0,0,0,0,0,1,1,0,0,1,0),
+  (1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0)
+);
+
+$icon-star-half: (
+  (0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0),
+  (0, 0, 0, 0, 0, 0, 2, 3, 2, 0, 0, 0, 0, 0, 0, 0),
+  (0, 0, 0, 0, 0, 0, 2, 3, 2, 0, 0, 0, 0, 0, 0, 0),
+  (0, 0, 0, 0, 0, 2, 3, 3, 0, 2, 0, 0, 0, 0, 0, 0),
+  (0, 0, 0, 0, 0, 2, 3, 3, 0, 2, 0, 0, 0, 0, 0, 0),
+  (2, 2, 2, 2, 2, 2, 3, 3, 0, 0, 2, 2, 2, 2, 2, 0),
+  (2, 3, 3, 3, 3, 3, 3, 3, 0, 0, 0, 0, 0, 0, 2, 0),
+  (0, 2, 3, 3, 3, 3, 3, 3, 0, 0, 0, 0, 0, 2, 0, 0),
+  (0, 0, 2, 3, 3, 3, 3, 3, 0, 0, 0, 0, 2, 0, 0, 0),
+  (0, 0, 0, 2, 3, 3, 3, 3, 0, 0, 0, 2, 0, 0, 0, 0),
+  (0, 0, 2, 3, 3, 3, 3, 4, 0, 0, 0, 0, 2, 0, 0, 0),
+  (0, 0, 2, 3, 3, 3, 4, 4, 0, 0, 0, 0, 2, 0, 0, 0),
+  (0, 2, 3, 3, 4, 4, 4, 2, 0, 0, 0, 0, 0, 2, 0, 0),
+  (0, 2, 3, 4, 4, 2, 2, 0, 2, 2, 0, 0, 0, 2, 0, 0),
+  (2, 4, 4, 2, 2, 0, 0, 0, 0, 0, 2, 2, 0, 0, 2, 0),
+  (2, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 2, 0)
+);
+
+$icon-star-transparent: (
+  (0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0),
+  (0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0),
+  (0, 0, 0, 0, 0, 0, 2, 0, 2, 0, 0, 0, 0, 0, 0, 0),
+  (0, 0, 0, 0, 0, 2, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0),
+  (0, 0, 0, 0, 0, 2, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0),
+  (2, 2, 2, 2, 2, 2, 0, 0, 0, 0, 2, 2, 2, 2, 2, 0),
+  (2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0),
+  (0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0),
+  (0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0),
+  (0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0),
+  (0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0),
+  (0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0),
+  (0, 2, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 2, 0, 0),
+  (0, 2, 0, 0, 0, 2, 2, 0, 2, 2, 0, 0, 0, 2, 0, 0),
+  (2, 0, 0, 2, 2, 0, 0, 0, 0, 0, 2, 2, 0, 0, 2, 0),
+  (2, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 2, 2, 0)
+);
--- a/node_modules/nes.css/scss/icons/trophy.scss
+++ b/node_modules/nes.css/scss/icons/trophy.scss
@ -0,0 +1,41 @@
+$icon-trophy-colors: (#fff, #444, #ebe527, #f59f54);
+// prettier-ignore
+$icon-trophy: (
+  (0,0,2,2,2,2,2,2,2,2,2,2,2,0,0,0),
+  (0,0,2,3,3,3,3,3,3,3,3,4,2,0,0,0),
+  (2,2,2,3,1,3,3,3,3,3,3,4,2,2,2,0),
+  (2,0,2,3,1,3,3,3,3,3,3,4,2,0,2,0),
+  (2,0,2,3,1,3,3,3,3,3,3,4,2,0,2,0),
+  (0,2,2,3,1,3,3,3,3,3,3,4,2,2,0,0),
+  (0,0,2,3,1,3,3,3,3,3,3,4,2,0,0,0),
+  (0,0,2,3,3,3,3,3,3,3,3,4,2,0,0,0),
+  (0,0,0,2,3,3,3,3,3,3,4,2,0,0,0,0),
+  (0,0,0,0,2,3,3,3,3,4,2,0,0,0,0,0),
+  (0,0,0,0,0,2,3,3,4,2,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,2,3,2,0,0,0,0,0,0,0),
+  (0,0,0,0,0,2,2,3,2,2,0,0,0,0,0,0),
+  (0,0,0,0,2,3,3,3,3,4,2,0,0,0,0,0),
+  (0,0,0,0,2,2,2,2,2,2,2,0,0,0,0,0)
+);
+
+$icon-trophy-empty-colors: (#adafbb);
+// prettier-ignore
+$icon-trophy-empty: (
+  (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,0),
+  (0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
+  (1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0),
+  (1,0,1,0,0,0,0,0,0,0,0,0,1,0,1,0),
+  (1,0,1,0,0,0,0,0,0,0,0,0,1,0,1,0),
+  (0,1,1,0,0,0,0,0,0,0,0,0,1,1,0,0),
+  (0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
+  (0,0,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
+  (0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0),
+  (0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0),
+  (0,0,0,0,0,1,0,0,0,1,0,0,0,0,0,0),
+  (0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,1,0,1,0,0,0,0,0,0,0),
+  (0,0,0,0,0,1,1,0,1,1,0,0,0,0,0,0),
+  (0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0),
+  (0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0)
+);
--- a/node_modules/nes.css/scss/icons/twitch.scss
+++ b/node_modules/nes.css/scss/icons/twitch.scss
@ -0,0 +1,20 @@
+$icon-twitch-colors: (#fff, #6441a4);
+// prettier-ignore
+$icon-twitch: (
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+  ( 2,2,1,1,1,1,1,1,1,1,1,1,1,1,1,2 ),
+  ( 2,1,1,2,2,2,2,2,2,2,2,2,2,2,1,2 ),
+  ( 2,1,1,2,2,2,2,2,2,2,2,2,2,2,1,2 ),
+  ( 2,1,1,2,2,2,2,1,2,2,1,2,2,2,1,2 ),
+  ( 2,1,1,2,2,2,2,1,2,2,1,2,2,2,1,2 ),
+  ( 2,1,1,2,2,2,2,1,2,2,1,2,2,2,1,2 ),
+  ( 2,1,1,2,2,2,2,1,2,2,1,2,2,2,1,2 ),
+  ( 2,1,1,2,2,2,2,2,2,2,2,2,2,2,1,2 ),
+  ( 2,1,1,2,2,2,2,2,2,2,2,2,2,1,1,2 ),
+  ( 2,1,1,2,2,2,2,2,2,2,2,2,1,1,2,2 ),
+  ( 2,1,1,1,1,2,2,1,1,1,1,1,1,2,2,2 ),
+  ( 2,1,1,1,1,2,1,1,1,1,1,1,2,2,2,2 ),
+  ( 2,2,2,2,1,1,1,1,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,1,1,2,2,2,2,2,2,2,2,2,2 ),
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 )
+);
--- a/node_modules/nes.css/scss/icons/twitter.scss
+++ b/node_modules/nes.css/scss/icons/twitter.scss
@ -0,0 +1,20 @@
+$icon-twitter-colors: (#fff, #2c9ceb);
+// prettier-ignore
+$icon-twitter: (
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+  ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 2,1,2,2,2,2,2,2,2,1,1,1,2,2,2,2 ),
+  ( 2,1,1,1,2,2,2,2,1,1,1,1,1,2,2,2 ),
+  ( 2,1,1,1,1,1,2,1,1,1,1,1,1,1,1,2 ),
+  ( 2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2 ),
+  ( 2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2 ),
+  ( 2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2 ),
+  ( 2,2,2,1,1,1,1,1,1,1,1,1,2,2,2,2 ),
+  ( 2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2 ),
+  ( 2,2,2,2,2,1,1,1,1,1,1,1,2,2,2,2 ),
+  ( 2,2,2,2,1,1,1,1,1,1,1,2,2,2,2,2 ),
+  ( 2,2,1,1,1,1,1,1,1,2,2,2,2,2,2,2 ),
+  ( 2,2,2,1,1,1,2,2,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 )
+);
--- a/node_modules/nes.css/scss/icons/whatsapp.scss
+++ b/node_modules/nes.css/scss/icons/whatsapp.scss
@ -0,0 +1,19 @@
+$icon-whatsapp-colors: (#00ba37, #fff);
+// prettier-ignore
+$icon-whatsapp: (
+  ( 0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0 ),
+  ( 0,0,1,1,1,2,2,2,2,2,2,2,1,1,1,0 ),
+  ( 0,1,1,1,2,1,1,1,1,1,1,1,2,1,1,1 ),
+  ( 0,1,1,2,1,1,1,1,1,1,1,1,1,2,1,1 ),
+  ( 0,1,1,2,1,2,2,1,1,1,1,1,1,2,1,1 ),
+  ( 0,1,2,1,1,2,2,1,1,1,1,1,1,1,2,1 ),
+  ( 0,1,2,1,1,2,1,1,1,1,1,1,1,1,2,1 ),
+  ( 0,1,2,1,1,1,2,2,1,1,1,1,1,1,2,1 ),
+  ( 0,1,2,1,1,1,1,2,2,1,1,1,1,1,2,1 ),
+  ( 0,1,2,1,1,1,1,1,2,1,2,2,1,1,2,1 ),
+  ( 0,1,1,2,1,1,1,1,1,2,2,2,1,2,1,1 ),
+  ( 0,1,1,2,1,1,1,1,1,1,1,1,1,2,1,1 ),
+  ( 0,1,2,1,2,1,1,1,1,1,1,1,2,1,1,1 ),
+  ( 0,1,2,2,1,2,2,2,2,2,2,2,1,1,1,0 ),
+  ( 0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0 )
+);
--- a/node_modules/nes.css/scss/icons/youtube.scss
+++ b/node_modules/nes.css/scss/icons/youtube.scss
@ -0,0 +1,20 @@
+$icon-youtube-colors: (#fff, #f00);
+// prettier-ignore
+$icon-youtube: (
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 ),
+  ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,2,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,1,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,1,1,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,1,1,1,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,1,1,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,1,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,1,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,1,2,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2 ),
+  ( 0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0 )
+);
--- a/node_modules/nes.css/scss/nes-core.scss
+++ b/node_modules/nes.css/scss/nes-core.scss
@ -0,0 +1,13 @@
+@charset "utf-8";
+
+/*!***************************************************************************\
+  NES.css Framework
+  Version: 2.3.0
+
+\*****************************************************************************/
+
+@import "base/_index.scss";
+@import "utilities/_index.scss";
+@import "helpers/_index.scss";
+@import "elements/_index.scss";
+@import "form/_index.scss";
--- a/node_modules/nes.css/scss/nes.scss
+++ b/node_modules/nes.css/scss/nes.scss
@ -0,0 +1,6 @@
+@charset "utf-8";
+
+@import "nes-core.scss";
+@import "components/_index.scss";
+@import "icons/_index.scss";
+@import "pixel-arts/_index.scss";
--- a/node_modules/nes.css/scss/pixel-arts/_index.scss
+++ b/node_modules/nes.css/scss/pixel-arts/_index.scss
@ -0,0 +1,17 @@
+@charset "utf-8";
+
+@import "nes-icon.scss";
+@import "nes-jp-icon.scss";
+@import "snes-icon.scss";
+@import "snes-jp-icon.scss";
+@import "bcrikko.scss";
+@import "ash.scss";
+@import "pokeball.scss";
+@import "bulbasaur.scss";
+@import "charmander.scss";
+@import "squirtle.scss";
+@import "phone.scss";
+@import "smartphone.scss";
+@import "mario.scss";
+@import "kirby.scss";
+@import "octocat.scss";
--- a/node_modules/nes.css/scss/pixel-arts/ash.scss
+++ b/node_modules/nes.css/scss/pixel-arts/ash.scss
@ -0,0 +1,38 @@
+.nes-ash {
+  $ash-colors: (#f8f8ff, #ff614e, #007f7f, #181818, #ffe3c5, #426adb, #4169e1);
+  // prettier-ignore
+  $ash: (
+    (0,0,0,0,4,4,4,4,4,4,0,0,0,0),
+    (0,0,0,4,2,2,2,1,1,3,4,0,0,0),
+    (0,0,4,2,2,2,2,1,1,1,1,4,0,0),
+    (0,0,4,2,2,2,2,1,1,3,3,4,4,0),
+    (0,4,4,4,2,2,2,2,2,2,2,2,2,4),
+    (0,4,4,4,4,4,4,4,2,2,2,4,4,0),
+    (4,4,4,4,4,4,4,5,5,4,5,4,0,0),
+    (0,4,4,5,5,5,4,5,5,4,5,4,0,0),
+    (0,0,4,5,5,5,5,5,5,5,5,4,0,0),
+    (0,4,7,4,4,5,5,5,5,5,4,0,0,0),
+    (0,4,7,4,4,4,4,4,4,4,0,0,0,0),
+    (0,4,4,5,5,4,7,7,4,4,4,0,0,0),
+    (4,3,4,5,5,4,7,4,4,3,3,4,0,0),
+    (4,3,3,4,4,4,4,4,3,3,4,0,0,0),
+    (0,4,4,0,0,0,0,0,4,4,0,0,0,0)
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($ash, 1));
+  height: $size * length($ash);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $ash, $ash-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/bcrikko.scss
+++ b/node_modules/nes.css/scss/pixel-arts/bcrikko.scss
@ -0,0 +1,40 @@
+.nes-bcrikko {
+  $bcrikko-colors: (#333, #f9f2d7, #c5090c, #fff);
+
+  // prettier-ignore
+  $bcrikko: (
+    (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+    (2,2,2,2,1,1,2,2,2,2,1,1,2,2,2,2),
+    (2,2,2,1,1,4,1,2,2,1,1,4,1,2,2,2),
+    (2,2,2,1,1,1,1,2,2,1,1,1,1,2,2,2),
+    (2,2,2,1,1,1,1,2,2,1,1,1,1,2,2,2),
+    (2,2,2,1,1,1,1,2,2,1,1,1,1,2,2,2),
+    (2,2,2,2,1,1,2,2,2,2,1,1,2,2,2,2),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+    (2,2,2,3,2,2,2,2,2,2,2,2,3,2,2,2),
+    (2,2,2,3,2,2,2,2,2,2,2,2,3,2,2,2),
+    (2,2,2,2,3,3,3,3,3,3,3,3,2,2,2,2),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+    (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($bcrikko, 1));
+  height: $size * length($bcrikko);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $bcrikko, $bcrikko-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/bulbasaur.scss
+++ b/node_modules/nes.css/scss/pixel-arts/bulbasaur.scss
@ -0,0 +1,40 @@
+.nes-bulbasaur {
+  $bulbasaur-colors: (#000, #8beb46, #2d8d22, #5ceee1, #3fc3b5, #fdfdf5, #ca242a);
+  // prettier-ignore
+  $bulbasaur: (
+    (0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0),
+    (0,0,0,0,0,0,0,0,0,0,0,1,2,2,2,1,0,0,0,0),
+    (0,0,0,0,0,0,0,0,0,1,1,1,2,2,2,1,0,0,0,0),
+    (0,0,0,0,0,0,0,1,1,2,2,3,2,2,3,2,1,1,0,0),
+    (0,0,0,1,1,0,1,2,2,2,3,3,2,2,3,2,2,2,1,0),
+    (0,0,1,4,4,1,1,2,2,3,2,3,2,2,2,3,2,2,2,1),
+    (0,0,1,4,4,4,1,1,3,2,3,2,2,2,2,2,3,2,2,1),
+    (0,0,1,4,4,4,4,5,1,2,3,2,2,2,2,2,3,2,2,1),
+    (0,1,4,4,5,4,5,5,4,1,1,1,2,2,2,2,3,2,1,0),
+    (1,1,5,4,4,4,4,4,4,4,4,1,2,2,2,1,1,1,1,0),
+    (1,1,5,4,4,4,5,4,4,4,1,5,1,1,1,5,5,5,1,0),
+    (1,4,4,4,4,5,4,1,1,4,5,5,5,5,5,1,5,6,1,0),
+    (1,5,4,4,4,4,1,7,6,6,5,5,1,5,5,1,1,1,0,0),
+    (0,1,5,4,4,4,1,7,6,4,5,1,5,5,1,0,0,0,0,0),
+    (0,0,1,1,5,5,5,5,5,5,1,5,5,5,1,0,0,0,0,0),
+    (0,0,0,0,1,1,1,1,1,1,1,6,5,6,1,0,0,0,0,0),
+    (0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0),
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($bulbasaur, 1));
+  height: $size * length($bulbasaur);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $bulbasaur, $bulbasaur-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/charmander.scss
+++ b/node_modules/nes.css/scss/pixel-arts/charmander.scss
@ -0,0 +1,41 @@
+.nes-charmander {
+  $charmander-colors: (#000202, #f77702, #eb2010, #fdfcff, #e5d70a, #e7d70e);
+  // prettier-ignore
+  $charmander: (
+    (0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,1,0,0,0),
+    (0,0,0,1,2,2,2,2,1,0,0,0,0,0,0,0,1,3,1,0,0),
+    (0,0,1,2,2,2,2,2,2,1,0,0,0,0,0,0,1,3,3,1,0),
+    (0,0,1,2,2,2,2,2,2,1,0,0,0,0,0,0,1,3,3,1,0),
+    (0,1,2,2,2,2,2,2,2,2,1,0,0,0,0,1,3,3,2,3,1),
+    (1,2,2,2,2,4,1,2,2,2,1,0,0,0,0,1,3,2,6,3,1),
+    (1,2,2,2,2,1,1,2,2,2,2,1,0,0,0,1,3,5,5,3,1),
+    (1,2,2,2,2,1,1,2,2,2,2,1,0,0,0,0,1,5,1,1,0),
+    (0,1,2,2,2,2,2,2,2,2,2,2,1,0,0,0,1,2,1,0,0),
+    (0,0,1,1,2,2,2,2,2,2,2,2,2,1,0,1,2,2,1,0,0),
+    (0,0,0,0,1,1,1,2,2,1,2,2,2,1,1,2,2,1,0,0,0),
+    (0,0,0,0,0,1,6,5,1,2,2,2,2,2,1,2,2,1,0,0,0),
+    (0,0,0,0,0,1,5,5,5,1,1,2,2,2,1,2,1,0,0,0,0),
+    (0,0,0,0,1,4,1,6,5,5,2,2,2,2,1,1,0,0,0,0,0),
+    (0,0,0,0,0,1,1,1,5,5,2,2,2,1,1,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,0,1,1,1,0,1,1,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,0,0,1,4,0,4,1,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0)
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($charmander, 1));
+  height: $size * length($charmander);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $charmander, $charmander-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/kirby.scss
+++ b/node_modules/nes.css/scss/pixel-arts/kirby.scss
@ -0,0 +1,39 @@
+.nes-kirby {
+  $kirby-colors: (#000, #ffaccc, #ff5478);
+  // prettier-ignore
+  $kirby: (
+    (0,0,1,1,0,1,1,1,1,1,0,0,0,0,0,0),
+    (0,1,2,2,1,2,2,2,2,2,1,1,0,0,0,0),
+    (1,2,2,1,2,2,2,2,2,2,2,2,1,0,0,0),
+    (1,2,2,2,2,2,1,2,1,2,2,2,2,1,0,0),
+    (1,2,2,2,2,2,1,2,1,2,2,2,2,1,0,0),
+    (1,2,2,2,2,2,1,2,1,2,2,2,2,2,1,0),
+    (1,2,2,2,3,3,2,2,2,3,3,2,2,2,2,1),
+    (1,2,2,2,2,2,2,1,2,2,2,2,2,2,2,1),
+    (0,1,2,2,2,2,2,1,2,2,2,2,2,2,2,1),
+    (0,1,2,2,2,2,2,2,2,2,2,2,1,1,1,0),
+    (0,1,2,2,2,2,2,2,2,2,2,1,3,3,3,1),
+    (0,0,1,2,2,2,2,2,2,2,1,3,3,3,3,1),
+    (0,0,1,1,2,2,2,2,2,2,1,3,3,3,3,1),
+    (0,1,3,3,1,1,2,2,2,1,3,3,3,3,1,0),
+    (1,3,3,3,3,3,1,1,1,1,1,3,3,1,0,0),
+    (0,1,1,1,1,1,1,0,0,0,1,1,1,0,0,0)
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($kirby, 1));
+  height: $size * length($kirby);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $kirby, $kirby-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/mario.scss
+++ b/node_modules/nes.css/scss/pixel-arts/mario.scss
@ -0,0 +1,39 @@
+.nes-mario {
+  $mario-colors: (#f81c2f, #65352b, #ffbb8e, #000, #1560ad, #aeaeac, #fef102);
+  // prettier-ignore
+  $mario: (
+    (0,0,0,0,1,1,1,1,1,0,0,0,0,0),
+    (0,0,0,1,1,1,1,1,1,1,1,1,0,0),
+    (0,0,0,2,2,2,3,3,4,3,0,0,0,0),
+    (0,0,2,3,2,3,3,3,4,3,3,3,0,0),
+    (0,0,2,3,2,2,3,3,3,4,3,3,3,0),
+    (0,0,2,2,3,3,3,3,4,4,4,4,0,0),
+    (0,0,0,0,3,3,3,3,3,3,3,0,0,0),
+    (0,0,0,0,1,5,1,1,5,0,0,0,0,0),
+    (0,0,1,1,1,5,1,1,5,1,1,1,0,0),
+    (0,1,1,1,1,5,5,5,5,1,1,1,1,0),
+    (0,6,6,1,5,7,5,5,7,5,1,6,6,0),
+    (0,6,6,6,5,5,5,5,5,5,6,6,6,0),
+    (0,6,6,5,5,5,5,5,5,5,5,6,6,0),
+    (0,0,0,5,5,5,0,0,5,5,5,0,0,0),
+    (0,0,2,2,2,0,0,0,0,2,2,2,0,0),
+    (0,2,2,2,2,0,0,0,0,2,2,2,2,0)
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($mario, 1));
+  height: $size * length($mario);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $mario, $mario-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/nes-icon.scss
+++ b/node_modules/nes.css/scss/pixel-arts/nes-icon.scss
@ -0,0 +1,34 @@
+.nes-logo {
+  $logo-colors: (#3e3634, #c3c3c3, #787973, #bf1710);
+
+  // prettier-ignore
+  $logo: (
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+    (2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
+    (2,1,1,2,1,1,3,3,3,1,1,1,1,1,2),
+    (2,1,2,2,2,1,1,1,1,1,1,1,1,1,2),
+    (2,1,1,2,1,1,3,3,3,1,4,1,4,1,2),
+    (2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2)
+  );
+  $size: 4px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($logo, 1));
+  height: $size * length($logo);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $logo, $logo-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/nes-jp-icon.scss
+++ b/node_modules/nes.css/scss/pixel-arts/nes-jp-icon.scss
@ -0,0 +1,34 @@
+.nes-jp-logo {
+  $logo-colors: (#333, #871f37, #dfd3b9);
+
+  // prettier-ignore
+  $logo: (
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+    (2,3,3,3,3,3,2,2,2,2,2,2,2,2,2),
+    (2,3,3,1,3,3,2,2,2,2,2,2,2,2,2),
+    (2,3,1,1,1,3,3,3,3,3,3,3,3,3,2),
+    (2,3,3,1,3,3,1,2,1,3,1,3,1,3,2),
+    (2,3,3,3,3,3,3,3,3,3,3,3,3,3,2),
+    (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2)
+  );
+  $size: 4px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($logo, 1));
+  height: $size * length($logo);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $logo, $logo-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/octocat.scss
+++ b/node_modules/nes.css/scss/pixel-arts/octocat.scss
@ -0,0 +1,66 @@
+.nes-octocat {
+  $octocat-colors: (#333, #ffdec4, #cb7066);
+  // prettier-ignore
+  $octocat-1: (
+    (0,0,0,1,0,0,0,0,0,0,0,0,1,0),
+    (0,0,0,1,1,0,0,0,0,0,0,1,1,0),
+    (0,0,0,1,1,1,1,1,1,1,1,1,1,0),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,1),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,1),
+    (0,0,1,1,1,2,2,2,2,2,2,1,1,1),
+    (0,0,1,1,2,3,2,2,2,2,3,2,1,1),
+    (0,0,1,1,2,3,2,2,2,2,3,2,1,1),
+    (0,0,0,1,1,2,2,3,3,2,2,1,1,0),
+    (1,1,0,0,0,0,1,1,1,1,0,0,0,0),
+    (0,0,1,1,0,1,1,1,1,1,1,0,0,0),
+    (0,0,0,1,1,1,1,1,1,1,1,0,0,0),
+    (0,0,0,0,0,1,0,1,1,0,1,0,0,0),
+    (0,0,0,0,0,1,0,1,1,0,1,0,0,0),
+    (0,0,0,0,1,0,1,0,0,1,0,1,0,0)
+  );
+  // prettier-ignore
+  $octocat-2: (
+    (0,0,0,1,0,0,0,0,0,0,0,0,1,0),
+    (0,0,0,1,1,0,0,0,0,0,0,1,1,0),
+    (0,0,0,1,1,1,1,1,1,1,1,1,1,0),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,1),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,1),
+    (0,0,1,1,1,2,2,2,2,2,2,1,1,1),
+    (0,0,1,1,2,2,2,2,2,2,2,2,1,1),
+    (0,1,1,1,2,3,2,2,2,2,3,2,1,1),
+    (0,1,0,1,1,2,2,3,3,2,2,1,1,0),
+    (0,0,1,0,0,0,1,1,1,1,0,0,0,0),
+    (0,0,0,1,0,1,1,1,1,1,1,0,0,0),
+    (0,0,0,1,1,1,1,1,1,1,1,0,0,0),
+    (0,0,0,0,0,1,0,1,1,0,1,0,0,0),
+    (0,0,0,0,0,1,0,1,1,0,1,0,0,0),
+    (0,0,0,0,1,0,1,0,0,1,0,1,0,0)
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($octocat-1, 1));
+  height: $size * length($octocat-1);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $octocat-1, $octocat-colors);
+    @include fill-gaps();
+  }
+
+  &.animate::before {
+    animation: wave 0.5s infinite steps(1);
+  }
+
+  @keyframes wave {
+    50% {
+      @include pixelize($size, $octocat-2, $octocat-colors);
+    }
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/phone.scss
+++ b/node_modules/nes.css/scss/pixel-arts/phone.scss
@ -0,0 +1,44 @@
+.nes-phone {
+  $phone-colors: (#596985, #3c4665, #000);
+  // prettier-ignore
+  $phone: (
+    (0,0,3,3,3,3,3,3),
+    (0,3,3,2,2,2,1,3),
+    (3,3,2,2,2,2,1,3),
+    (3,2,2,2,2,2,1,3),
+    (3,2,2,2,2,2,1,3),
+    (3,2,2,2,2,2,1,3),
+    (3,2,2,3,3,3,3,3),
+    (3,2,2,3,0,0,0,0),
+    (3,2,2,3,0,0,0,0),
+    (3,2,2,3,0,0,0,0),
+    (3,2,2,3,0,0,0,0),
+    (3,2,2,3,0,0,0,0),
+    (3,2,2,3,0,0,0,0),
+    (3,2,2,3,0,0,0,0),
+    (3,2,2,3,3,3,3,3),
+    (3,2,2,2,2,2,1,3),
+    (3,2,2,2,2,2,1,3),
+    (3,2,2,2,2,2,1,3),
+    (3,3,2,2,2,2,1,3),
+    (0,3,3,2,2,2,1,3),
+    (0,0,3,3,3,3,3,3)
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($phone, 1));
+  height: $size * length($phone);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $phone, $phone-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/pokeball.scss
+++ b/node_modules/nes.css/scss/pixel-arts/pokeball.scss
@ -0,0 +1,37 @@
+.nes-pokeball {
+  $pokeball-colors: (#060606, #ff001d, #fff, #9fa1a1);
+  // prettier-ignore
+  $pokeball: (
+    (0,0,0,0,0,1,1,1,1,0,0,0,0,0),
+    (0,0,0,1,1,2,2,2,2,1,1,0,0,0),
+    (0,0,1,3,3,2,2,2,2,2,2,1,0,0),
+    (0,1,3,3,2,2,2,2,2,2,2,1,1,0),
+    (0,1,3,2,2,2,2,2,2,2,2,2,1,0),
+    (1,3,2,2,2,2,2,2,2,2,2,2,2,1),
+    (1,1,1,2,2,2,2,1,1,1,2,2,2,1),
+    (1,1,1,1,2,2,1,3,3,3,1,2,2,1),
+    (1,4,3,1,1,1,1,3,3,3,1,1,1,1),
+    (0,1,3,3,3,1,1,3,3,3,1,3,1,0),
+    (0,1,3,3,3,3,3,1,1,1,3,3,1,0),
+    (0,0,1,4,4,3,3,3,3,3,3,1,0,0),
+    (0,0,0,1,1,4,4,4,4,1,1,0,0,0),
+    (0,0,0,0,0,1,1,1,1,0,0,0,0,0),
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($pokeball, 1));
+  height: $size * length($pokeball);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $pokeball, $pokeball-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/smartphone.scss
+++ b/node_modules/nes.css/scss/pixel-arts/smartphone.scss
@ -0,0 +1,50 @@
+.nes-smartphone {
+  $smartphone-colors: (#fff, #060606);
+  // prettier-ignore
+  $smartphone: (
+    (0,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+    (2,2,1,1,1,1,1,1,1,1,1,1,1,2,2),
+    (2,1,1,1,2,2,2,2,2,2,2,1,1,1,2),
+    (2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,2,2,2,2,2,2,2,2,2,2,2,1,2),
+    (2,1,1,1,1,1,1,1,1,1,1,1,1,1,2),
+    (2,1,1,1,1,1,1,2,2,1,1,1,1,1,2),
+    (2,1,1,1,1,1,1,2,2,1,1,1,1,1,2),
+    (2,2,1,1,1,1,1,1,1,1,1,1,1,2,2),
+    (0,2,2,2,2,2,2,2,2,2,2,2,2,2,0)
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($smartphone, 1));
+  height: $size * length($smartphone);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $smartphone, $smartphone-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/snes-icon.scss
+++ b/node_modules/nes.css/scss/pixel-arts/snes-icon.scss
@ -0,0 +1,34 @@
+.snes-logo {
+  $logo-colors: (#333, #d7d7d7, #8932e5, #ad6df0);
+
+  // prettier-ignore
+  $logo: (
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0),
+    (0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
+    (1,2,2,1,2,2,2,2,2,2,2,4,2,2,1),
+    (1,2,1,1,1,2,2,2,2,2,4,2,3,2,1),
+    (1,2,2,1,2,2,1,2,1,2,2,3,2,2,1),
+    (0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0)
+  );
+  $size: 4px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($logo, 1));
+  height: $size * length($logo);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $logo, $logo-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/snes-jp-icon.scss
+++ b/node_modules/nes.css/scss/pixel-arts/snes-jp-icon.scss
@ -0,0 +1,35 @@
+.snes-jp-logo {
+  $px: 3px;
+  $logo-colors: (#333, #d7d7d7, #7dbb78, #999cf7, #f40500, #f6f504);
+
+  // prettier-ignore
+  $logo: (
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0),
+    (0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
+    (1,2,2,1,2,2,2,2,2,2,2,4,2,2,1),
+    (1,2,1,1,1,2,2,2,2,2,3,2,5,2,1),
+    (1,2,2,1,2,2,1,2,1,2,2,6,2,2,1),
+    (0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0)
+  );
+  $size: 4px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($logo, 1));
+  height: $size * length($logo);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $logo, $logo-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/pixel-arts/squirtle.scss
+++ b/node_modules/nes.css/scss/pixel-arts/squirtle.scss
@ -0,0 +1,40 @@
+.nes-squirtle {
+  $squirtle-colors: (#000, #9cf, #cb6633, #9fa1a1, #fff, #f89934, #ff3);
+  // prettier-ignore
+  $squirtle: (
+    (0,0,0,1,1,1,1,0,0,0,0,0,0,0,0,0,1,1,1,0,0),
+    (0,0,1,2,2,2,2,1,1,0,0,0,0,0,0,1,2,2,2,1,0),
+    (0,1,2,2,2,2,2,2,2,1,1,0,0,0,1,2,2,2,2,2,1),
+    (0,1,2,2,2,2,2,2,2,1,6,1,1,0,1,2,2,2,1,2,1),
+    (1,3,2,2,2,2,2,2,2,2,6,6,6,1,2,2,2,1,2,2,1),
+    (1,2,2,2,2,5,1,2,2,2,5,6,6,6,1,2,2,1,2,1,0),
+    (1,2,2,2,2,1,3,2,2,2,5,6,6,6,1,2,1,1,1,0,0),
+    (0,1,2,2,2,1,3,2,2,2,1,5,6,6,6,1,1,0,0,0,0),
+    (0,0,1,1,2,2,2,2,1,1,2,2,5,6,6,1,0,0,0,0,0),
+    (0,0,1,2,1,1,1,1,2,2,2,2,5,6,6,1,0,0,0,0,0),
+    (0,0,0,1,1,7,7,1,2,2,2,1,5,6,6,1,0,0,0,0,0),
+    (0,0,0,0,0,1,7,7,1,1,1,1,5,6,6,1,0,0,0,0,0),
+    (0,0,0,0,1,2,1,7,7,7,7,7,1,5,1,0,0,0,0,0,0),
+    (0,0,0,0,0,1,1,1,1,7,7,2,1,5,1,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,0,1,1,1,2,1,1,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,0,0,1,2,2,2,1,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0),
+  );
+  $size: 6px;
+
+  position: relative;
+  display: inline-block;
+  width: $size * length(nth($squirtle, 1));
+  height: $size * length($squirtle);
+
+  &::before {
+    position: absolute;
+    top: -$size;
+    left: -$size;
+    content: "";
+    background: transparent;
+
+    @include pixelize($size, $squirtle, $squirtle-colors);
+    @include fill-gaps();
+  }
+}
--- a/node_modules/nes.css/scss/utilities/_index.scss
+++ b/node_modules/nes.css/scss/utilities/_index.scss
@ -0,0 +1,7 @@
+@charset "utf-8";
+
+@import "animations.scss";
+@import "fill-gaps.scss";
+@import "icon-mixin.scss";
+@import "rounded-corners-mixin.scss";
+@import "visually-hidden.scss";
--- a/node_modules/nes.css/scss/utilities/animations.scss
+++ b/node_modules/nes.css/scss/utilities/animations.scss
@ -0,0 +1,9 @@
+@keyframes blink {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+  }
+}
--- a/node_modules/nes.css/scss/utilities/fill-gaps.scss
+++ b/node_modules/nes.css/scss/utilities/fill-gaps.scss
@ -0,0 +1,5 @@
+// Fill gaps in pixel art dots
+// `transform` property conflict when used for nes-icon
+@mixin fill-gaps() {
+  transform: rotate(0);
+}
--- a/node_modules/nes.css/scss/utilities/icon-mixin.scss
+++ b/node_modules/nes.css/scss/utilities/icon-mixin.scss
@ -0,0 +1,59 @@
+@mixin pixelize($size, $matrix, $colors, $default-color: null) {
+  $ret: "";
+  $moz: "";
+  @if ($default-color == null) {
+    // count number of each color in matrix and decide main color by highest count
+    $matrix-colors: ();
+    $counts: ();
+    @each $row in $matrix {
+      @each $item in $row {
+        @if $item != 0 {
+          $index: index($matrix-colors, $item);
+          @if not $index {
+            $matrix-colors: append($matrix-colors, $item);
+            $counts: append($counts, 1);
+          } @else {
+            $count: nth($counts, $index) + 1;
+            $counts: set-nth($counts, $index, $count);
+          }
+        }
+      }
+    }
+    // use index of the highest count to get the corresponding matrix color
+    $default-color: nth($colors, nth($matrix-colors, index($counts, max($counts...))));
+  }
+
+  @for $i from 1 through length($matrix) {
+    $row: nth($matrix, $i);
+
+    @for $j from 1 through length($row) {
+      $dot: nth($row, $j);
+
+      @if $dot != 0 {
+        @if $ret != "" {
+          $ret: $ret + ",";
+          $moz: $moz + ",";
+        }
+
+        $color: nth($colors, $dot);
+        @if $color == $default-color {
+          $ret: $ret + ($j * $size) + " " + ($i * $size);
+          $moz: $moz + ($j * $size) + " " + ($i * $size) + " 0 0.020em";
+        } @else {
+          $ret: $ret + ($j * $size) + " " + ($i * $size) + " " + $color;
+          $moz: $moz + ($j * $size) + " " + ($i * $size) + " 0 0.020em " + $color;
+        }
+      }
+    }
+  }
+
+  width: $size;
+  height: $size;
+  color: $default-color;
+  box-shadow: unquote($ret);
+
+  // firefox only style
+  @supports (-moz-appearance: meterbar) {
+    box-shadow: unquote($moz);
+  }
+}
--- a/node_modules/nes.css/scss/utilities/rounded-corners-mixin.scss
+++ b/node_modules/nes.css/scss/utilities/rounded-corners-mixin.scss
@ -0,0 +1,64 @@
+%rounded-corner-defaults {
+  border-style: solid;
+  border-width: $border-size;
+}
+
+@mixin border-image($color) {
+  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="8" height="8" xmlns="http://www.w3.org/2000/svg"><path d="M3 1 h1 v1 h-1 z M4 1 h1 v1 h-1 z M2 2 h1 v1 h-1 z M5 2 h1 v1 h-1 z M1 3 h1 v1 h-1 z M6 3 h1 v1 h-1 z M1 4 h1 v1 h-1 z M6 4 h1 v1 h-1 z M2 5 h1 v1 h-1 z M5 5 h1 v1 h-1 z M3 6 h1 v1 h-1 z M4 6 h1 v1 h-1 z" fill="rgb(#{red($color)},#{green($color)},#{blue($color)})" /></svg>');
+}
+
+@mixin compact-border-image($color) {
+  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(#{red($color)},#{green($color)},#{blue($color)})" /></svg>');
+}
+
+@mixin border-image-repeat() {
+  border-image-repeat: stretch;
+
+  // for chrome
+  @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
+    border-image-repeat: space;
+  }
+
+  // for firefox
+  @supports (-moz-appearance: meterbar) {
+    border-image-repeat: stretch;
+  }
+}
+
+@mixin rounded-corners($isDark: false) {
+  @extend %rounded-corner-defaults;
+
+  border-image-slice: 3;
+  border-image-width: 3;
+
+  @include border-image-repeat();
+
+  @if $isDark {
+    @include border-image($color-white);
+
+    border-image-outset: 0;
+  } @else {
+    @include border-image($color-black);
+
+    border-image-outset: 2;
+  }
+}
+
+@mixin compact-rounded-corners($isDark: false) {
+  @extend %rounded-corner-defaults;
+
+  border-image-slice: 2;
+  border-image-width: 2;
+
+  @include border-image-repeat();
+
+  @if $isDark {
+    @include compact-border-image($color-white);
+
+    border-image-outset: 0;
+  } @else {
+    @include compact-border-image($color-black);
+
+    border-image-outset: 2;
+  }
+}
--- a/node_modules/nes.css/scss/utilities/visually-hidden.scss
+++ b/node_modules/nes.css/scss/utilities/visually-hidden.scss
@ -0,0 +1,13 @@
+/* https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939 */
+@mixin visually-hidden() {
+  // position: absolute;
+  // margin: -1px;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+  border: 0;
+  clip-path: inset(50%);
+}
--- a/node_modules/nes.css/sketch/NES-css-index.sketch
+++ b/node_modules/nes.css/sketch/NES-css-index.sketch
--- a/node_modules/nes.css/story/_helpers/icons.js
+++ b/node_modules/nes.css/story/_helpers/icons.js
@ -0,0 +1,44 @@
+export const Icons = {
+  twitter: 'twitter',
+  facebook: 'facebook',
+  github: 'github',
+  google: 'google',
+  youtube: 'youtube',
+  whatsapp: 'whatsapp',
+  gmail: 'gmail',
+  linkedin: 'linkedin',
+  instagram: 'instagram',
+  close: 'close',
+  coin: 'coin',
+  trophy: 'trophy',
+};
+
+export const Sprites = {
+  'nes-pokeball': 'nes-pokeball',
+  'nes-bulbasaur': 'nes-bulbasaur',
+  'nes-charmander': 'nes-charmander',
+  'nes-squirtle': 'nes-squirtle',
+  'nes-smartphone': 'nes-smartphone',
+  'nes-kirby': 'nes-kirby',
+  'nes-phone': 'nes-phone',
+  'nes-octocat animate': 'nes-octocat animate',
+  'nes-ash': 'nes-ash',
+  'nes-mario': 'nes-mario',
+  'nes-logo': 'nes-logo',
+  'nes-jp-logo': 'nes-jp-logo',
+  'snes-logo': 'snes-logo',
+  'snes-jp-logo': 'snes-jp-logo',
+};
+
+export const Reactions = {
+  heart: 'heart',
+  star: 'star',
+  like: 'like',
+};
+
+export const Size = {
+  default: '',
+  'is-small': 'is-small',
+  'is-medium': 'is-medium',
+  'is-large': 'is-large',
+};
--- a/node_modules/nes.css/story/_helpers/shared.js
+++ b/node_modules/nes.css/story/_helpers/shared.js
@ -0,0 +1,5 @@
+export default {
+  'is-success': 'is-success',
+  'is-warning': 'is-warning',
+  'is-error': 'is-error',
+};
--- a/node_modules/nes.css/story/avatars/avatars.stories.js
+++ b/node_modules/nes.css/story/avatars/avatars.stories.js
@ -0,0 +1,8 @@
+import { storiesOf } from '@storybook/html';
+import { withKnobs } from '@storybook/addon-knobs';
+
+import Avatars from './avatars.template';
+
+storiesOf('Avatars', module)
+  .addDecorator(withKnobs)
+  .add('Avatar', () => Avatars());
--- a/node_modules/nes.css/story/avatars/avatars.template.js
+++ b/node_modules/nes.css/story/avatars/avatars.template.js
@ -0,0 +1,26 @@
+import { select, boolean } from '@storybook/addon-knobs';
+import classNames from 'classnames';
+
+export default () => {
+  const isRounded = boolean('is-rounded', false);
+  const avatarSize = select('Avatar Classes', {
+    default: '',
+    'is-small': 'is-small',
+    'is-medium': 'is-medium',
+    'is-large': 'is-large',
+  }, '');
+
+  const avatarClasses = classNames(
+    'nes-avatar',
+    avatarSize,
+    {
+      'is-rounded': isRounded,
+    },
+  );
+
+  return `
+    <img src="http://www.gravatar.com/avatar?s=15" class="${avatarClasses}"
+      alt="Gravatar Image Example"
+      style="image-rendering: pixelated;">
+  `;
+};
--- a/node_modules/nes.css/story/badge/badge.stories.js
+++ b/node_modules/nes.css/story/badge/badge.stories.js
@ -0,0 +1,8 @@
+import { storiesOf } from '@storybook/html';
+import { withKnobs } from '@storybook/addon-knobs';
+
+import Badge from './badge.template';
+
+storiesOf('Badges', module)
+  .addDecorator(withKnobs)
+  .add('Badge', () => Badge());
--- a/node_modules/nes.css/story/badge/badge.template.js
+++ b/node_modules/nes.css/story/badge/badge.template.js
@ -0,0 +1,38 @@
+import { select } from '@storybook/addon-knobs';
+import classNames from 'classnames';
+
+import sharedOptions from '../_helpers/shared';
+
+export default () => {
+  const sharedComponentOptions = {
+    'is-dark': 'is-dark',
+    'is-primary': 'is-primary',
+    ...sharedOptions,
+  };
+
+  const iconStyle = select('Badge Display', {
+    default: '',
+    'is-splited': 'is-splited',
+    'is-icon': 'is-icon',
+  }, 'is-splited');
+
+  const leftOptions = select('Left Style', {
+    ...sharedComponentOptions,
+  }, 'is-dark');
+
+  const rightOptions = select('Right Style', {
+    ...sharedComponentOptions,
+  }, 'is-success');
+
+  const badgeClasses = classNames(
+    'nes-badge',
+    iconStyle,
+  );
+
+  return `
+    <a href="#" class="${badgeClasses}">
+      <span class="${leftOptions}">npm</span>
+      <span class="${rightOptions}">1.0.0</span>
+    </a>
+  `;
+};
--- a/node_modules/nes.css/story/balloons/balloons.stories.js
+++ b/node_modules/nes.css/story/balloons/balloons.stories.js
@ -0,0 +1,8 @@
+import { storiesOf } from '@storybook/html';
+import { withKnobs } from '@storybook/addon-knobs';
+
+import Ballons from './balloons.template';
+
+storiesOf('Balloons', module)
+  .addDecorator(withKnobs)
+  .add('Balloon', () => Ballons());
--- a/node_modules/nes.css/story/balloons/balloons.template.js
+++ b/node_modules/nes.css/story/balloons/balloons.template.js
@ -0,0 +1,25 @@
+import { select, boolean } from '@storybook/addon-knobs';
+import classNames from 'classnames';
+
+export default () => {
+  const isDark = boolean('is-dark', false);
+  const balloonDirection = select('Direction', {
+    default: '',
+    'from-left': 'from-left',
+    'from-right': 'from-right',
+  }, '');
+
+  const balloonClasses = classNames(
+    'nes-balloon',
+    balloonDirection,
+    {
+      'is-dark': isDark,
+    },
+  );
+
+  return `
+    <div class="${balloonClasses}">
+      <p>Hello NES.css</p>
+    </div>
+  `;
+};
--- a/node_modules/nes.css/story/buttons/buttons.stories.js
+++ b/node_modules/nes.css/story/buttons/buttons.stories.js
@ -0,0 +1,8 @@
+import { storiesOf } from '@storybook/html';
+import { withKnobs } from '@storybook/addon-knobs';
+
+import Buttons from './buttons.template';
+
+storiesOf('Buttons', module)
+  .addDecorator(withKnobs)
+  .add('Buttons', () => Buttons());
--- a/node_modules/nes.css/story/buttons/buttons.template.js
+++ b/node_modules/nes.css/story/buttons/buttons.template.js
@ -0,0 +1,26 @@
+import { select } from '@storybook/addon-knobs';
+
+import sharedOption from '../_helpers/shared';
+
+export default () => {
+  const buttonType = select('Button Type', {
+    button: 'button',
+    file: 'file',
+  }, 'button');
+
+  const buttonClasses = select('Button Classes', {
+    default: '',
+    'is-primary': 'is-primary',
+    ...sharedOption,
+    'is-disabled': 'is-disabled',
+  }, '');
+
+  return buttonType === 'button' ? `
+    <button type="button" class="nes-btn ${buttonClasses}">Normal</button>
+  ` : `
+    <label class="nes-btn ${buttonClasses}">
+      <span>Select your file</span>
+      <input type="file">
+    </label>
+  `;
+};
--- a/node_modules/nes.css/story/containers/containers.stories.js
+++ b/node_modules/nes.css/story/containers/containers.stories.js
@ -0,0 +1,8 @@
+import { storiesOf } from '@storybook/html';
+import { withKnobs } from '@storybook/addon-knobs';
+
+import Containers from './containers.template';
+
+storiesOf('Containers', module)
+  .addDecorator(withKnobs)
+  .add('Container', () => Containers());
--- a/node_modules/nes.css/story/containers/containers.template.js
+++ b/node_modules/nes.css/story/containers/containers.template.js
@ -0,0 +1,31 @@
+import { select, boolean } from '@storybook/addon-knobs';
+import classNames from 'classnames';
+
+export default () => {
+  const isDark = boolean('is-dark', false);
+  const isRounded = boolean('is-rounded', false);
+  const withTitle = boolean('with-title', false);
+
+  const containerAlignment = select('Alignment', {
+    default: '',
+    'is-centered': 'is-centered',
+    'is-right': 'is-right',
+  }, '');
+
+  const containerClasses = classNames(
+    'nes-container',
+    containerAlignment,
+    {
+      'is-dark': isDark,
+      'is-rounded': isRounded,
+      'with-title': withTitle,
+    },
+  );
+
+  return `
+    <div class="${containerClasses}">
+      ${withTitle ? '<p class="title">Container</p>' : ''}
+      <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
+    </div>
+  `;
+};
--- a/node_modules/nes.css/story/dialogs/dialogs.stories.js
+++ b/node_modules/nes.css/story/dialogs/dialogs.stories.js
@ -0,0 +1,8 @@
+import { storiesOf } from '@storybook/html';
+import { withKnobs } from '@storybook/addon-knobs';
+
+import Dialogs from './dialogs.template';
+
+storiesOf('Dialogs', module)
+  .addDecorator(withKnobs)
+  .add('Dialog', () => Dialogs());
--- a/node_modules/nes.css/story/dialogs/dialogs.template.js
+++ b/node_modules/nes.css/story/dialogs/dialogs.template.js
@ -0,0 +1,23 @@
+import { boolean } from '@storybook/addon-knobs';
+import classNames from 'classnames';
+
+export default () => {
+  const isOpen = boolean('Open', true) ? 'open' : '';
+  const isRounded = boolean('is-rounded', false);
+  const isDark = boolean('is-dark', false);
+
+  const dialogClasses = classNames(
+    'nes-dialog',
+    {
+      'is-rounded': isRounded,
+      'is-dark': isDark,
+    },
+  );
+
+  return `
+    <dialog class="${dialogClasses}" ${isOpen}>
+      <p class="title">Dialog</p>
+      <p>Alert: this is a dialog.</p>
+    </dialog>
+  `;
+};
--- a/Show more
+++ b/Show more