diff --git a/client/index.html b/client/index.html
index 26988c7c..b8ab05d5 100644
--- a/client/index.html
+++ b/client/index.html
@@ -6,6 +6,9 @@
+
+
+
diff --git a/client/src/scenes/avatar.js b/client/src/scenes/avatar.js
index a7fe0f74..0ca54da0 100644
--- a/client/src/scenes/avatar.js
+++ b/client/src/scenes/avatar.js
@@ -5,7 +5,7 @@ const genAvatar = (name) => {
for (let i = 0; i < name.length; i += 1) {
const chr = name.charCodeAt(i);
hash = ((hash << 5) - hash) + chr;
- hash = hash & 19; // We have avatars named 0-19
+ hash = hash & 10000; // We have avatars named 0-19
}
return `sprite${hash}`;
};
diff --git a/html-client/.babelrc b/html-client/.babelrc
new file mode 100644
index 00000000..56b2dd02
--- /dev/null
+++ b/html-client/.babelrc
@@ -0,0 +1,9 @@
+{
+ "presets": [
+ "es2015",
+ "react"
+ ],
+ "plugins": [
+ ["transform-react-jsx", { "pragma":"preact.h" }]
+ ]
+}
\ No newline at end of file
diff --git a/html-client/.eslintrc.js b/html-client/.eslintrc.js
new file mode 100755
index 00000000..507d7a3a
--- /dev/null
+++ b/html-client/.eslintrc.js
@@ -0,0 +1,1504 @@
+module.exports = {
+ extends: [
+ 'plugin:react/recommended',
+ ],
+ env: {
+ browser: true,
+ node: true
+ },
+ parserOptions: {
+ ecmaVersion: 6,
+ sourceType: 'module',
+ },
+ plugins: [
+ 'import'
+ ],
+ settings: {
+ react: {
+ pragma: "preact",
+ version: "15.0",
+ },
+ 'import/resolver': {
+ node: {
+ extensions: ['.mjs', '.js', '.jsx', '.json']
+ }
+ },
+ 'import/extensions': [
+ '.js',
+ '.mjs',
+ '.jsx',
+ ],
+ 'import/core-modules': [],
+ 'import/ignore': [
+ 'node_modules',
+ '\\.(coffee|scss|css|less|hbs|svg|json)$',
+ ],
+ },
+ rules: {
+ // prevents stupid complaints a la
+ // (req) {
+ // req.something = x;
+ // }
+ 'no-param-reassign': [2, { props: false }],
+ 'no-multi-spaces': [0],
+ 'max-len': ['error', 120],
+ 'import/no-extraneous-dependencies': [0],
+ 'prefer-arrow-callback': [0],
+ 'arrow-body-style': [0],
+ 'no-return-assign': [2, 'except-parens'],
+ 'no-console': [0],
+ // i like loops
+ 'no-plusplus': [0],
+ 'no-await-in-loop': [0],
+ 'indent': ['error', 4],
+ 'keyword-spacing': ['error'],
+ 'key-spacing': ['error'],
+
+ // for preact
+ "react/react-in-jsx-scope": [0],
+ "react/jsx-indent": [2, 4],
+ "react/jsx-uses-react": 1,
+ "react/jsx-uses-vars": 1,
+ "react/prefer-stateless-function": 1,
+ "react/prop-types": 0,
+
+ // airbnb copypasta
+ // enforces getter/setter pairs in objects
+ 'accessor-pairs': 'off',
+
+ // enforces return statements in callbacks of array's methods
+ // https://eslint.org/docs/rules/array-callback-return
+ 'array-callback-return': ['error', { allowImplicit: true }],
+
+ // treat var statements as if they were block scoped
+ 'block-scoped-var': 'error',
+
+ // specify the maximum cyclomatic complexity allowed in a program
+ complexity: ['off', 11],
+
+ // enforce that class methods use "this"
+ // https://eslint.org/docs/rules/class-methods-use-this
+ 'class-methods-use-this': ['error', {
+ exceptMethods: [],
+ }],
+
+ // require return statements to either always or never specify values
+ 'consistent-return': 'error',
+
+ // specify curly brace conventions for all control statements
+ curly: ['error', 'multi-line'],
+
+ // require default case in switch statements
+ 'default-case': ['error', { commentPattern: '^no default$' }],
+
+ // encourages use of dot notation whenever possible
+ 'dot-notation': ['error', { allowKeywords: true }],
+
+ // enforces consistent newlines before or after dots
+ // https://eslint.org/docs/rules/dot-location
+ 'dot-location': ['error', 'property'],
+
+ // require the use of === and !==
+ // https://eslint.org/docs/rules/eqeqeq
+ eqeqeq: ['error', 'always', { null: 'ignore' }],
+
+ // make sure for-in loops have an if statement
+ 'guard-for-in': 'error',
+
+ // enforce a maximum number of classes per file
+ // https://eslint.org/docs/rules/max-classes-per-file
+ // TODO: semver-major (eslint 5): enable
+ 'max-classes-per-file': ['off', 1],
+
+ // disallow the use of alert, confirm, and prompt
+ 'no-alert': 'warn',
+
+ // disallow use of arguments.caller or arguments.callee
+ 'no-caller': 'error',
+
+ // disallow lexical declarations in case/default clauses
+ // https://eslint.org/docs/rules/no-case-declarations.html
+ 'no-case-declarations': 'error',
+
+ // disallow division operators explicitly at beginning of regular expression
+ // https://eslint.org/docs/rules/no-div-regex
+ 'no-div-regex': 'off',
+
+ // disallow else after a return in an if
+ // https://eslint.org/docs/rules/no-else-return
+ 'no-else-return': ['error', { allowElseIf: false }],
+
+ // disallow empty functions, except for standalone funcs/arrows
+ // https://eslint.org/docs/rules/no-empty-function
+ 'no-empty-function': ['error', {
+ allow: [
+ 'arrowFunctions',
+ 'functions',
+ 'methods',
+ ]
+ }],
+
+ // disallow empty destructuring patterns
+ // https://eslint.org/docs/rules/no-empty-pattern
+ 'no-empty-pattern': 'error',
+
+ // disallow comparisons to null without a type-checking operator
+ 'no-eq-null': 'off',
+
+ // disallow use of eval()
+ 'no-eval': 'error',
+
+ // disallow adding to native types
+ 'no-extend-native': 'error',
+
+ // disallow unnecessary function binding
+ 'no-extra-bind': 'error',
+
+ // disallow Unnecessary Labels
+ // https://eslint.org/docs/rules/no-extra-label
+ 'no-extra-label': 'error',
+
+ // disallow fallthrough of case statements
+ 'no-fallthrough': 'error',
+
+ // disallow the use of leading or trailing decimal points in numeric literals
+ 'no-floating-decimal': 'error',
+
+ // disallow reassignments of native objects or read-only globals
+ // https://eslint.org/docs/rules/no-global-assign
+ 'no-global-assign': ['error', { exceptions: [] }],
+ // deprecated in favor of no-global-assign
+ 'no-native-reassign': 'off',
+
+ // disallow implicit type conversions
+ // https://eslint.org/docs/rules/no-implicit-coercion
+ 'no-implicit-coercion': ['off', {
+ boolean: false,
+ number: true,
+ string: true,
+ allow: [],
+ }],
+
+ // disallow var and named functions in global scope
+ // https://eslint.org/docs/rules/no-implicit-globals
+ 'no-implicit-globals': 'off',
+
+ // disallow use of eval()-like methods
+ 'no-implied-eval': 'error',
+
+ // disallow this keywords outside of classes or class-like objects
+ 'no-invalid-this': 'off',
+
+ // disallow usage of __iterator__ property
+ 'no-iterator': 'error',
+
+ // disallow use of labels for anything other then loops and switches
+ 'no-labels': ['error', { allowLoop: false, allowSwitch: false }],
+
+ // disallow unnecessary nested blocks
+ 'no-lone-blocks': 'error',
+
+ // disallow creation of functions within loops
+ 'no-loop-func': 'error',
+
+ // disallow magic numbers
+ // https://eslint.org/docs/rules/no-magic-numbers
+ 'no-magic-numbers': ['off', {
+ ignore: [],
+ ignoreArrayIndexes: true,
+ enforceConst: true,
+ detectObjects: false,
+ }],
+
+ // disallow use of multiple spaces
+ 'no-multi-spaces': ['error', {
+ ignoreEOLComments: false,
+ }],
+
+ // disallow use of multiline strings
+ 'no-multi-str': 'error',
+
+ // disallow use of new operator when not part of the assignment or comparison
+ 'no-new': 'error',
+
+ // disallow use of new operator for Function object
+ 'no-new-func': 'error',
+
+ // disallows creating new instances of String, Number, and Boolean
+ 'no-new-wrappers': 'error',
+
+ // disallow use of (old style) octal literals
+ 'no-octal': 'error',
+
+ // disallow use of octal escape sequences in string literals, such as
+ // var foo = 'Copyright \251';
+ 'no-octal-escape': 'error',
+
+ // disallow reassignment of function parameters
+ // disallow parameter object manipulation except for specific exclusions
+ // rule: https://eslint.org/docs/rules/no-param-reassign.html
+ 'no-param-reassign': ['error', {
+ props: true,
+ ignorePropertyModificationsFor: [
+ 'acc', // for reduce accumulators
+ 'accumulator', // for reduce accumulators
+ 'e', // for e.returnvalue
+ 'ctx', // for Koa routing
+ 'req', // for Express requests
+ 'request', // for Express requests
+ 'res', // for Express responses
+ 'response', // for Express responses
+ '$scope', // for Angular 1 scopes
+ ]
+ }],
+
+ // disallow usage of __proto__ property
+ 'no-proto': 'error',
+
+ // disallow declaring the same variable more then once
+ 'no-redeclare': 'error',
+
+ // disallow certain object properties
+ // https://eslint.org/docs/rules/no-restricted-properties
+ 'no-restricted-properties': ['error', {
+ object: 'arguments',
+ property: 'callee',
+ message: 'arguments.callee is deprecated',
+ }, {
+ object: 'global',
+ property: 'isFinite',
+ message: 'Please use Number.isFinite instead',
+ }, {
+ object: 'self',
+ property: 'isFinite',
+ message: 'Please use Number.isFinite instead',
+ }, {
+ object: 'window',
+ property: 'isFinite',
+ message: 'Please use Number.isFinite instead',
+ }, {
+ object: 'global',
+ property: 'isNaN',
+ message: 'Please use Number.isNaN instead',
+ }, {
+ object: 'self',
+ property: 'isNaN',
+ message: 'Please use Number.isNaN instead',
+ }, {
+ object: 'window',
+ property: 'isNaN',
+ message: 'Please use Number.isNaN instead',
+ }, {
+ property: '__defineGetter__',
+ message: 'Please use Object.defineProperty instead.',
+ }, {
+ property: '__defineSetter__',
+ message: 'Please use Object.defineProperty instead.',
+ }, {
+ object: 'Math',
+ property: 'pow',
+ message: 'Use the exponentiation operator (**) instead.',
+ }],
+
+ // disallow use of assignment in return statement
+ 'no-return-assign': ['error', 'always'],
+
+ // disallow redundant `return await`
+ 'no-return-await': 'error',
+
+ // disallow use of `javascript:` urls.
+ 'no-script-url': 'error',
+
+ // disallow self assignment
+ // https://eslint.org/docs/rules/no-self-assign
+ // TODO: semver-major: props -> true
+ 'no-self-assign': ['error', {
+ props: false,
+ }],
+
+ // disallow comparisons where both sides are exactly the same
+ 'no-self-compare': 'error',
+
+ // disallow use of comma operator
+ 'no-sequences': 'error',
+
+ // restrict what can be thrown as an exception
+ 'no-throw-literal': 'error',
+
+ // disallow unmodified conditions of loops
+ // https://eslint.org/docs/rules/no-unmodified-loop-condition
+ 'no-unmodified-loop-condition': 'off',
+
+ // disallow usage of expressions in statement position
+ 'no-unused-expressions': ['error', {
+ allowShortCircuit: false,
+ allowTernary: false,
+ allowTaggedTemplates: false,
+ }],
+
+ // disallow unused labels
+ // https://eslint.org/docs/rules/no-unused-labels
+ 'no-unused-labels': 'error',
+
+ // disallow unnecessary .call() and .apply()
+ 'no-useless-call': 'off',
+
+ // disallow useless string concatenation
+ // https://eslint.org/docs/rules/no-useless-concat
+ 'no-useless-concat': 'error',
+
+ // disallow unnecessary string escaping
+ // https://eslint.org/docs/rules/no-useless-escape
+ 'no-useless-escape': 'error',
+
+ // disallow redundant return; keywords
+ // https://eslint.org/docs/rules/no-useless-return
+ 'no-useless-return': 'error',
+
+ // disallow use of void operator
+ // https://eslint.org/docs/rules/no-void
+ 'no-void': 'error',
+
+ // disallow usage of configurable warning terms in comments: e.g. todo
+ 'no-warning-comments': ['off', { terms: ['todo', 'fixme', 'xxx'], location: 'start' }],
+
+ // disallow use of the with statement
+ 'no-with': 'error',
+
+ // require using Error objects as Promise rejection reasons
+ // https://eslint.org/docs/rules/prefer-promise-reject-errors
+ 'prefer-promise-reject-errors': ['error', { allowEmptyReject: true }],
+
+ // require use of the second argument for parseInt()
+ radix: 'error',
+
+ // require `await` in `async function` (note: this is a horrible rule that should never be used)
+ // https://eslint.org/docs/rules/require-await
+ 'require-await': 'off',
+
+ // Enforce the use of u flag on RegExp
+ // https://eslint.org/docs/rules/require-unicode-regexp
+ 'require-unicode-regexp': 'off',
+
+ // requires to declare all vars on top of their containing scope
+ 'vars-on-top': 'error',
+
+ // require immediate function invocation to be wrapped in parentheses
+ // https://eslint.org/docs/rules/wrap-iife.html
+ 'wrap-iife': ['error', 'outside', { functionPrototypeMethods: false }],
+
+ // require or disallow Yoda conditions
+ yoda: 'error',
+
+ // Enforce โforโ loop update clause moving the counter in the right direction
+ // https://eslint.org/docs/rules/for-direction
+ 'for-direction': 'error',
+
+ // Enforces that a return statement is present in property getters
+ // https://eslint.org/docs/rules/getter-return
+ 'getter-return': ['error', { allowImplicit: true }],
+
+ // disallow using an async function as a Promise executor
+ // https://eslint.org/docs/rules/no-async-promise-executor
+ // TODO: enable, semver-major
+ 'no-async-promise-executor': 'off',
+
+ // Disallow await inside of loops
+ // https://eslint.org/docs/rules/no-await-in-loop
+ 'no-await-in-loop': 'error',
+
+ // Disallow comparisons to negative zero
+ // https://eslint.org/docs/rules/no-compare-neg-zero
+ 'no-compare-neg-zero': 'error',
+
+ // disallow assignment in conditional expressions
+ 'no-cond-assign': ['error', 'always'],
+
+ // disallow use of console
+ 'no-console': 'warn',
+
+ // disallow use of constant expressions in conditions
+ 'no-constant-condition': 'warn',
+
+ // disallow control characters in regular expressions
+ 'no-control-regex': 'error',
+
+ // disallow use of debugger
+ 'no-debugger': 'error',
+
+ // disallow duplicate arguments in functions
+ 'no-dupe-args': 'error',
+
+ // disallow duplicate keys when creating object literals
+ 'no-dupe-keys': 'error',
+
+ // disallow a duplicate case label.
+ 'no-duplicate-case': 'error',
+
+ // disallow empty statements
+ 'no-empty': 'error',
+
+ // disallow the use of empty character classes in regular expressions
+ 'no-empty-character-class': 'error',
+
+ // disallow assigning to the exception in a catch block
+ 'no-ex-assign': 'error',
+
+ // disallow double-negation boolean casts in a boolean context
+ // https://eslint.org/docs/rules/no-extra-boolean-cast
+ 'no-extra-boolean-cast': 'error',
+
+ // disallow unnecessary parentheses
+ // https://eslint.org/docs/rules/no-extra-parens
+ 'no-extra-parens': ['off', 'all', {
+ conditionalAssign: true,
+ nestedBinaryExpressions: false,
+ returnAssign: false,
+ ignoreJSX: 'all', // delegate to eslint-plugin-react
+ enforceForArrowConditionals: false,
+ }],
+
+ // disallow unnecessary semicolons
+ 'no-extra-semi': 'error',
+
+ // disallow overwriting functions written as function declarations
+ 'no-func-assign': 'error',
+
+ // disallow function or variable declarations in nested blocks
+ 'no-inner-declarations': 'error',
+
+ // disallow invalid regular expression strings in the RegExp constructor
+ 'no-invalid-regexp': 'error',
+
+ // disallow irregular whitespace outside of strings and comments
+ 'no-irregular-whitespace': 'error',
+
+ // Disallow characters which are made with multiple code points in character class syntax
+ // https://eslint.org/docs/rules/no-misleading-character-class
+ // TODO: enable, semver-major
+ 'no-misleading-character-class': 'off',
+
+ // disallow the use of object properties of the global object (Math and JSON) as functions
+ 'no-obj-calls': 'error',
+
+ // disallow use of Object.prototypes builtins directly
+ // https://eslint.org/docs/rules/no-prototype-builtins
+ 'no-prototype-builtins': 'error',
+
+ // disallow multiple spaces in a regular expression literal
+ 'no-regex-spaces': 'error',
+
+ // disallow sparse arrays
+ 'no-sparse-arrays': 'error',
+
+ // Disallow template literal placeholder syntax in regular strings
+ // https://eslint.org/docs/rules/no-template-curly-in-string
+ 'no-template-curly-in-string': 'error',
+
+ // Avoid code that looks like two expressions but is actually one
+ // https://eslint.org/docs/rules/no-unexpected-multiline
+ 'no-unexpected-multiline': 'error',
+
+ // disallow unreachable statements after a return, throw, continue, or break statement
+ 'no-unreachable': 'error',
+
+ // disallow return/throw/break/continue inside finally blocks
+ // https://eslint.org/docs/rules/no-unsafe-finally
+ 'no-unsafe-finally': 'error',
+
+ // disallow negating the left operand of relational operators
+ // https://eslint.org/docs/rules/no-unsafe-negation
+ 'no-unsafe-negation': 'error',
+ // disallow negation of the left operand of an in expression
+ // deprecated in favor of no-unsafe-negation
+ 'no-negated-in-lhs': 'off',
+
+ // Disallow assignments that can lead to race conditions due to usage of await or yield
+ // https://eslint.org/docs/rules/require-atomic-updates
+ // TODO: enable, semver-major
+ 'require-atomic-updates': 'off',
+
+ // disallow comparisons with the value NaN
+ 'use-isnan': 'error',
+
+ // ensure JSDoc comments are valid
+ // https://eslint.org/docs/rules/valid-jsdoc
+ 'valid-jsdoc': 'off',
+
+ // ensure that the results of typeof are compared against a valid string
+ // https://eslint.org/docs/rules/valid-typeof
+ 'valid-typeof': ['error', { requireStringLiterals: true }],
+
+ // enforces no braces where they can be omitted
+ // https://eslint.org/docs/rules/arrow-body-style
+ // TODO: enable requireReturnForObjectLiteral?
+ 'arrow-body-style': ['error', 'as-needed', {
+ requireReturnForObjectLiteral: false,
+ }],
+
+ // require parens in arrow function arguments
+ // https://eslint.org/docs/rules/arrow-parens
+ 'arrow-parens': ['error', 'as-needed', {
+ requireForBlockBody: true,
+ }],
+
+ // require space before/after arrow function's arrow
+ // https://eslint.org/docs/rules/arrow-spacing
+ 'arrow-spacing': ['error', { before: true, after: true }],
+
+ // verify super() callings in constructors
+ 'constructor-super': 'error',
+
+ // enforce the spacing around the * in generator functions
+ // https://eslint.org/docs/rules/generator-star-spacing
+ 'generator-star-spacing': ['error', { before: false, after: true }],
+
+ // disallow modifying variables of class declarations
+ // https://eslint.org/docs/rules/no-class-assign
+ 'no-class-assign': 'error',
+
+ // disallow arrow functions where they could be confused with comparisons
+ // https://eslint.org/docs/rules/no-confusing-arrow
+ 'no-confusing-arrow': ['error', {
+ allowParens: true,
+ }],
+
+ // disallow modifying variables that are declared using const
+ 'no-const-assign': 'error',
+
+ // disallow duplicate class members
+ // https://eslint.org/docs/rules/no-dupe-class-members
+ 'no-dupe-class-members': 'error',
+
+ // disallow importing from the same path more than once
+ // https://eslint.org/docs/rules/no-duplicate-imports
+ // replaced by https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-duplicates.md
+ 'no-duplicate-imports': 'off',
+
+ // disallow symbol constructor
+ // https://eslint.org/docs/rules/no-new-symbol
+ 'no-new-symbol': 'error',
+
+ // disallow specific imports
+ // https://eslint.org/docs/rules/no-restricted-imports
+ 'no-restricted-imports': ['off', {
+ paths: [],
+ patterns: []
+ }],
+
+ // disallow to use this/super before super() calling in constructors.
+ // https://eslint.org/docs/rules/no-this-before-super
+ 'no-this-before-super': 'error',
+
+ // disallow useless computed property keys
+ // https://eslint.org/docs/rules/no-useless-computed-key
+ 'no-useless-computed-key': 'error',
+
+ // disallow unnecessary constructor
+ // https://eslint.org/docs/rules/no-useless-constructor
+ 'no-useless-constructor': 'error',
+
+ // disallow renaming import, export, and destructured assignments to the same name
+ // https://eslint.org/docs/rules/no-useless-rename
+ 'no-useless-rename': ['error', {
+ ignoreDestructuring: false,
+ ignoreImport: false,
+ ignoreExport: false,
+ }],
+
+ // require let or const instead of var
+ 'no-var': 'error',
+
+ // require method and property shorthand syntax for object literals
+ // https://eslint.org/docs/rules/object-shorthand
+ 'object-shorthand': ['error', 'always', {
+ ignoreConstructors: false,
+ avoidQuotes: true,
+ }],
+
+ // // suggest using arrow functions as callbacks
+ // 'prefer-arrow-callback': ['error', {
+ // allowNamedFunctions: false,
+ // allowUnboundThis: true,
+ // }],
+
+ // suggest using of const declaration for variables that are never modified after declared
+ 'prefer-const': ['error', {
+ destructuring: 'any',
+ ignoreReadBeforeAssign: true,
+ }],
+
+ // Prefer destructuring from arrays and objects
+ // https://eslint.org/docs/rules/prefer-destructuring
+ 'prefer-destructuring': ['error', {
+ VariableDeclarator: {
+ array: false,
+ object: true,
+ },
+ AssignmentExpression: {
+ array: true,
+ object: true,
+ },
+ }, {
+ enforceForRenamedProperties: false,
+ }],
+
+ // disallow parseInt() in favor of binary, octal, and hexadecimal literals
+ // https://eslint.org/docs/rules/prefer-numeric-literals
+ 'prefer-numeric-literals': 'error',
+
+ // suggest using Reflect methods where applicable
+ // https://eslint.org/docs/rules/prefer-reflect
+ 'prefer-reflect': 'off',
+
+ // use rest parameters instead of arguments
+ // https://eslint.org/docs/rules/prefer-rest-params
+ 'prefer-rest-params': 'error',
+
+ // suggest using the spread operator instead of .apply()
+ // https://eslint.org/docs/rules/prefer-spread
+ 'prefer-spread': 'error',
+
+ // suggest using template literals instead of string concatenation
+ // https://eslint.org/docs/rules/prefer-template
+ 'prefer-template': 'error',
+
+ // disallow generator functions that do not have yield
+ // https://eslint.org/docs/rules/require-yield
+ 'require-yield': 'error',
+
+ // enforce spacing between object rest-spread
+ // https://eslint.org/docs/rules/rest-spread-spacing
+ 'rest-spread-spacing': ['error', 'never'],
+
+ // import sorting
+ // https://eslint.org/docs/rules/sort-imports
+ 'sort-imports': ['off', {
+ ignoreCase: false,
+ ignoreMemberSort: false,
+ memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
+ }],
+
+ // require a Symbol description
+ // https://eslint.org/docs/rules/symbol-description
+ 'symbol-description': 'error',
+
+ // enforce usage of spacing in template strings
+ // https://eslint.org/docs/rules/template-curly-spacing
+ 'template-curly-spacing': 'error',
+
+ // enforce spacing around the * in yield* expressions
+ // https://eslint.org/docs/rules/yield-star-spacing
+ 'yield-star-spacing': ['error', 'after'],
+
+ // VARIABLES //
+ // enforce or disallow variable initializations at definition
+ 'init-declarations': 'off',
+
+ // disallow the catch clause parameter name being the same as a variable in the outer scope
+ 'no-catch-shadow': 'off',
+
+ // disallow deletion of variables
+ 'no-delete-var': 'error',
+
+ // disallow labels that share a name with a variable
+ // https://eslint.org/docs/rules/no-label-var
+ 'no-label-var': 'error',
+
+ // disallow specific globals
+ 'no-restricted-globals': ['error', 'isFinite', 'isNaN'],
+
+ // disallow declaration of variables already declared in the outer scope
+ 'no-shadow': 'error',
+
+ // disallow shadowing of names such as arguments
+ 'no-shadow-restricted-names': 'error',
+
+ // disallow use of undeclared variables unless mentioned in a /*global */ block
+ 'no-undef': 'error',
+
+ // disallow use of undefined when initializing variables
+ 'no-undef-init': 'error',
+
+ // disallow use of undefined variable
+ // https://eslint.org/docs/rules/no-undefined
+ // TODO: enable?
+ 'no-undefined': 'off',
+
+ // disallow declaration of variables that are not used in the code
+ 'no-unused-vars': ['error', { vars: 'all', args: 'after-used', ignoreRestSiblings: true }],
+
+ // disallow use of variables before they are defined
+ 'no-use-before-define': ['error', { functions: true, classes: true, variables: true }],
+
+ // STYLE //
+
+ // enforce line breaks after opening and before closing array brackets
+ // https://eslint.org/docs/rules/array-bracket-newline
+ // TODO: enable? semver-major
+ 'array-bracket-newline': ['off', 'consistent'], // object option alternative: { multiline: true, minItems: 3 }
+
+ // enforce line breaks between array elements
+ // https://eslint.org/docs/rules/array-element-newline
+ // TODO: enable? semver-major
+ 'array-element-newline': ['off', { multiline: true, minItems: 3 }],
+
+ // enforce spacing inside array brackets
+ 'array-bracket-spacing': ['error', 'never'],
+
+ // enforce spacing inside single-line blocks
+ // https://eslint.org/docs/rules/block-spacing
+ 'block-spacing': ['error', 'always'],
+
+ // enforce one true brace style
+ 'brace-style': ['error', '1tbs', { allowSingleLine: true }],
+
+ // require camel case names
+ // TODO: semver-major (eslint 5): add ignoreDestructuring: false option
+ camelcase: ['error', { properties: 'never' }],
+
+ // enforce or disallow capitalization of the first letter of a comment
+ // https://eslint.org/docs/rules/capitalized-comments
+ 'capitalized-comments': ['off', 'never', {
+ line: {
+ ignorePattern: '.*',
+ ignoreInlineComments: true,
+ ignoreConsecutiveComments: true,
+ },
+ block: {
+ ignorePattern: '.*',
+ ignoreInlineComments: true,
+ ignoreConsecutiveComments: true,
+ },
+ }],
+
+ // require trailing commas in multiline object literals
+ 'comma-dangle': ['error', {
+ arrays: 'always-multiline',
+ objects: 'always-multiline',
+ imports: 'always-multiline',
+ exports: 'always-multiline',
+ // functions: 'always-multiline',
+ }],
+
+ // enforce spacing before and after comma
+ 'comma-spacing': ['error', { before: false, after: true }],
+
+ // enforce one true comma style
+ 'comma-style': ['error', 'last', {
+ exceptions: {
+ ArrayExpression: false,
+ ArrayPattern: false,
+ ArrowFunctionExpression: false,
+ CallExpression: false,
+ FunctionDeclaration: false,
+ FunctionExpression: false,
+ ImportDeclaration: false,
+ ObjectExpression: false,
+ ObjectPattern: false,
+ VariableDeclaration: false,
+ NewExpression: false,
+ }
+ }],
+
+ // disallow padding inside computed properties
+ 'computed-property-spacing': ['error', 'never'],
+
+ // enforces consistent naming when capturing the current execution context
+ 'consistent-this': 'off',
+
+ // enforce newline at the end of file, with no multiple empty lines
+ 'eol-last': ['error', 'always'],
+
+ // enforce spacing between functions and their invocations
+ // https://eslint.org/docs/rules/func-call-spacing
+ 'func-call-spacing': ['error', 'never'],
+
+ // requires function names to match the name of the variable or property to which they are
+ // assigned
+ // https://eslint.org/docs/rules/func-name-matching
+ // TODO: semver-major (eslint 5): add considerPropertyDescriptor: true
+ 'func-name-matching': ['off', 'always', {
+ includeCommonJSModuleExports: false
+ }],
+
+ // require function expressions to have a name
+ // https://eslint.org/docs/rules/func-names
+ 'func-names': 'warn',
+
+ // enforces use of function declarations or expressions
+ // https://eslint.org/docs/rules/func-style
+ // TODO: enable
+ 'func-style': ['off', 'expression'],
+
+ // enforce consistent line breaks inside function parentheses
+ // https://eslint.org/docs/rules/function-paren-newline
+ 'function-paren-newline': ['error', 'consistent'],
+
+ // Blacklist certain identifiers to prevent them being used
+ // https://eslint.org/docs/rules/id-blacklist
+ 'id-blacklist': 'off',
+
+ // this option enforces minimum and maximum identifier lengths
+ // (variable names, property names etc.)
+ 'id-length': 'off',
+
+ // require identifiers to match the provided regular expression
+ 'id-match': 'off',
+
+ // Enforce the location of arrow function bodies with implicit returns
+ // https://eslint.org/docs/rules/implicit-arrow-linebreak
+ 'implicit-arrow-linebreak': ['error', 'beside'],
+
+ // this option sets a specific tab width for your code
+ // https://eslint.org/docs/rules/indent
+ indent: ['error', 4, {
+ SwitchCase: 1,
+ VariableDeclarator: 1,
+ outerIIFEBody: 1,
+ // MemberExpression: null,
+ FunctionDeclaration: {
+ parameters: 1,
+ body: 1
+ },
+ FunctionExpression: {
+ parameters: 1,
+ body: 1
+ },
+ CallExpression: {
+ arguments: 1
+ },
+ ArrayExpression: 1,
+ ObjectExpression: 1,
+ ImportDeclaration: 1,
+ flatTernaryExpressions: false,
+ // list derived from https://github.com/benjamn/ast-types/blob/HEAD/def/jsx.js
+ ignoredNodes: ['JSXElement', 'JSXElement > *', 'JSXAttribute', 'JSXIdentifier', 'JSXNamespacedName', 'JSXMemberExpression', 'JSXSpreadAttribute', 'JSXExpressionContainer', 'JSXOpeningElement', 'JSXClosingElement', 'JSXText', 'JSXEmptyExpression', 'JSXSpreadChild'],
+ ignoreComments: false
+ }],
+
+ // specify whether double or single quotes should be used in JSX attributes
+ // https://eslint.org/docs/rules/jsx-quotes
+ 'jsx-quotes': ['off', 'prefer-double'],
+
+ // enforces spacing between keys and values in object literal properties
+ 'key-spacing': ['error', { beforeColon: false, afterColon: true }],
+
+ // require a space before & after certain keywords
+ 'keyword-spacing': ['error', {
+ before: true,
+ after: true,
+ overrides: {
+ return: { after: true },
+ throw: { after: true },
+ case: { after: true }
+ }
+ }],
+
+ // enforce position of line comments
+ // https://eslint.org/docs/rules/line-comment-position
+ // TODO: enable?
+ 'line-comment-position': ['off', {
+ position: 'above',
+ ignorePattern: '',
+ applyDefaultPatterns: true,
+ }],
+
+ // disallow mixed 'LF' and 'CRLF' as linebreaks
+ // https://eslint.org/docs/rules/linebreak-style
+ 'linebreak-style': ['error', 'unix'],
+
+ // require or disallow an empty line between class members
+ // https://eslint.org/docs/rules/lines-between-class-members
+ 'lines-between-class-members': ['error', 'always', { exceptAfterSingleLine: false }],
+
+ // enforces empty lines around comments
+ 'lines-around-comment': 'off',
+
+ // require or disallow newlines around directives
+ // https://eslint.org/docs/rules/lines-around-directive
+ 'lines-around-directive': ['error', {
+ before: 'always',
+ after: 'always',
+ }],
+
+ // specify the maximum depth that blocks can be nested
+ 'max-depth': ['off', 4],
+
+ // specify the maximum length of a line in your program
+ // https://eslint.org/docs/rules/max-len
+ 'max-len': ['error', 100, 2, {
+ ignoreUrls: true,
+ ignoreComments: false,
+ ignoreRegExpLiterals: true,
+ ignoreStrings: true,
+ ignoreTemplateLiterals: true,
+ }],
+
+ // specify the max number of lines in a file
+ // https://eslint.org/docs/rules/max-lines
+ 'max-lines': ['off', {
+ max: 300,
+ skipBlankLines: true,
+ skipComments: true
+ }],
+
+ // enforce a maximum function length
+ // https://eslint.org/docs/rules/max-lines-per-function
+ 'max-lines-per-function': ['off', {
+ max: 50,
+ skipBlankLines: true,
+ skipComments: true,
+ IIFEs: true,
+ }],
+
+ // specify the maximum depth callbacks can be nested
+ 'max-nested-callbacks': 'off',
+
+ // limits the number of parameters that can be used in the function declaration.
+ 'max-params': ['off', 3],
+
+ // specify the maximum number of statement allowed in a function
+ 'max-statements': ['off', 10],
+
+ // restrict the number of statements per line
+ // https://eslint.org/docs/rules/max-statements-per-line
+ 'max-statements-per-line': ['off', { max: 1 }],
+
+ // enforce a particular style for multiline comments
+ // https://eslint.org/docs/rules/multiline-comment-style
+ 'multiline-comment-style': ['off', 'starred-block'],
+
+ // require multiline ternary
+ // https://eslint.org/docs/rules/multiline-ternary
+ // TODO: enable?
+ 'multiline-ternary': ['off', 'never'],
+
+ // require a capital letter for constructors
+ 'new-cap': ['error', {
+ newIsCap: true,
+ newIsCapExceptions: [],
+ capIsNew: false,
+ capIsNewExceptions: ['Immutable.Map', 'Immutable.Set', 'Immutable.List'],
+ }],
+
+ // disallow the omission of parentheses when invoking a constructor with no arguments
+ // https://eslint.org/docs/rules/new-parens
+ 'new-parens': 'error',
+
+ // allow/disallow an empty newline after var statement
+ 'newline-after-var': 'off',
+
+ // https://eslint.org/docs/rules/newline-before-return
+ 'newline-before-return': 'off',
+
+ // enforces new line after each method call in the chain to make it
+ // more readable and easy to maintain
+ // https://eslint.org/docs/rules/newline-per-chained-call
+ 'newline-per-chained-call': ['error', { ignoreChainWithDepth: 4 }],
+
+ // disallow use of the Array constructor
+ 'no-array-constructor': 'error',
+
+ // disallow use of bitwise operators
+ // https://eslint.org/docs/rules/no-bitwise
+ 'no-bitwise': 'error',
+
+ // disallow use of the continue statement
+ // https://eslint.org/docs/rules/no-continue
+ 'no-continue': 'error',
+
+ // disallow comments inline after code
+ 'no-inline-comments': 'off',
+
+ // disallow if as the only statement in an else block
+ // https://eslint.org/docs/rules/no-lonely-if
+ 'no-lonely-if': 'error',
+
+ // disallow un-paren'd mixes of different operators
+ // https://eslint.org/docs/rules/no-mixed-operators
+ 'no-mixed-operators': ['error', {
+ // the list of arthmetic groups disallows mixing `%` and `**`
+ // with other arithmetic operators.
+ groups: [
+ ['%', '**'],
+ ['%', '+'],
+ ['%', '-'],
+ ['%', '*'],
+ ['%', '/'],
+ ['**', '+'],
+ ['**', '-'],
+ ['**', '*'],
+ ['**', '/'],
+ ['&', '|', '^', '~', '<<', '>>', '>>>'],
+ ['==', '!=', '===', '!==', '>', '>=', '<', '<='],
+ ['&&', '||'],
+ ['in', 'instanceof']
+ ],
+ allowSamePrecedence: false
+ }],
+
+ // disallow mixed spaces and tabs for indentation
+ 'no-mixed-spaces-and-tabs': 'error',
+
+ // disallow use of chained assignment expressions
+ // https://eslint.org/docs/rules/no-multi-assign
+ 'no-multi-assign': ['error'],
+
+ // disallow multiple empty lines and only one newline at the end
+ 'no-multiple-empty-lines': ['error', { max: 2, maxEOF: 0 }],
+
+ // disallow negated conditions
+ // https://eslint.org/docs/rules/no-negated-condition
+ 'no-negated-condition': 'off',
+
+ // disallow nested ternary expressions
+ 'no-nested-ternary': 'error',
+
+ // disallow use of the Object constructor
+ 'no-new-object': 'error',
+
+ // disallow use of unary operators, ++ and --
+ // https://eslint.org/docs/rules/no-plusplus
+ 'no-plusplus': 'error',
+
+ // disallow certain syntax forms
+ // https://eslint.org/docs/rules/no-restricted-syntax
+ 'no-restricted-syntax': [
+ 'error',
+ {
+ selector: 'ForInStatement',
+ message: 'for..in loops iterate over the entire prototype chain, which is virtually never what you want. Use Object.{keys,values,entries}, and iterate over the resulting array.',
+ },
+ {
+ selector: 'ForOfStatement',
+ message: 'iterators/generators require regenerator-runtime, which is too heavyweight for this guide to allow them. Separately, loops should be avoided in favor of array iterations.',
+ },
+ {
+ selector: 'LabeledStatement',
+ message: 'Labels are a form of GOTO; using them makes code confusing and hard to maintain and understand.',
+ },
+ {
+ selector: 'WithStatement',
+ message: '`with` is disallowed in strict mode because it makes code impossible to predict and optimize.',
+ },
+ ],
+
+ // disallow space between function identifier and application
+ 'no-spaced-func': 'error',
+
+ // disallow tab characters entirely
+ 'no-tabs': 'error',
+
+ // disallow the use of ternary operators
+ 'no-ternary': 'off',
+
+ // disallow trailing whitespace at the end of lines
+ 'no-trailing-spaces': ['error', {
+ skipBlankLines: false,
+ ignoreComments: false,
+ }],
+
+ // disallow dangling underscores in identifiers
+ // https://eslint.org/docs/rules/no-underscore-dangle
+ 'no-underscore-dangle': ['error', {
+ allow: [],
+ allowAfterThis: false,
+ allowAfterSuper: false,
+ enforceInMethodNames: true,
+ }],
+
+ // disallow the use of Boolean literals in conditional expressions
+ // also, prefer `a || b` over `a ? a : b`
+ // https://eslint.org/docs/rules/no-unneeded-ternary
+ 'no-unneeded-ternary': ['error', { defaultAssignment: false }],
+
+ // disallow whitespace before properties
+ // https://eslint.org/docs/rules/no-whitespace-before-property
+ 'no-whitespace-before-property': 'error',
+
+ // enforce the location of single-line statements
+ // https://eslint.org/docs/rules/nonblock-statement-body-position
+ 'nonblock-statement-body-position': ['error', 'beside', { overrides: {} }],
+
+ // require padding inside curly braces
+ 'object-curly-spacing': ['error', 'always'],
+
+ // enforce line breaks between braces
+ // https://eslint.org/docs/rules/object-curly-newline
+ 'object-curly-newline': ['error', {
+ ObjectExpression: { minProperties: 4, multiline: true, consistent: true },
+ ObjectPattern: { minProperties: 4, multiline: true, consistent: true },
+ ImportDeclaration: { minProperties: 4, multiline: true, consistent: true },
+ ExportDeclaration: { minProperties: 4, multiline: true, consistent: true },
+ }],
+
+ // enforce "same line" or "multiple line" on object properties.
+ // https://eslint.org/docs/rules/object-property-newline
+ 'object-property-newline': ['error', {
+ allowAllPropertiesOnSameLine: true,
+ }],
+
+ // allow just one var statement per function
+ 'one-var': ['error', 'never'],
+
+ // require a newline around variable declaration
+ // https://eslint.org/docs/rules/one-var-declaration-per-line
+ 'one-var-declaration-per-line': ['error', 'always'],
+
+ // require assignment operator shorthand where possible or prohibit it entirely
+ // https://eslint.org/docs/rules/operator-assignment
+ 'operator-assignment': ['error', 'always'],
+
+ // Requires operator at the beginning of the line in multiline statements
+ // https://eslint.org/docs/rules/operator-linebreak
+ 'operator-linebreak': ['error', 'before', { overrides: { '=': 'none' } }],
+
+ // disallow padding within blocks
+ 'padded-blocks': ['error', { blocks: 'never', classes: 'never', switches: 'never' }],
+
+ // Require or disallow padding lines between statements
+ // https://eslint.org/docs/rules/padding-line-between-statements
+ 'padding-line-between-statements': 'off',
+
+ // Prefer use of an object spread over Object.assign
+ // https://eslint.org/docs/rules/prefer-object-spread
+ // TODO: semver-major (eslint 5): enable
+ 'prefer-object-spread': 'off',
+
+ // require quotes around object literal property names
+ // https://eslint.org/docs/rules/quote-props.html
+ 'quote-props': ['error', 'as-needed', { keywords: false, unnecessary: true, numbers: false }],
+
+ // specify whether double or single quotes should be used
+ quotes: ['error', 'single', { avoidEscape: true }],
+
+ // do not require jsdoc
+ // https://eslint.org/docs/rules/require-jsdoc
+ 'require-jsdoc': 'off',
+
+ // require or disallow use of semicolons instead of ASI
+ semi: ['error', 'always'],
+
+ // enforce spacing before and after semicolons
+ 'semi-spacing': ['error', { before: false, after: true }],
+
+ // Enforce location of semicolons
+ // https://eslint.org/docs/rules/semi-style
+ 'semi-style': ['error', 'last'],
+
+ // requires object keys to be sorted
+ 'sort-keys': ['off', 'asc', { caseSensitive: false, natural: true }],
+
+ // sort variables within the same declaration block
+ 'sort-vars': 'off',
+
+ // require or disallow space before blocks
+ 'space-before-blocks': 'error',
+
+ // require or disallow space before function opening parenthesis
+ // https://eslint.org/docs/rules/space-before-function-paren
+ 'space-before-function-paren': ['error', {
+ anonymous: 'always',
+ named: 'never',
+ asyncArrow: 'always'
+ }],
+
+ // require or disallow spaces inside parentheses
+ 'space-in-parens': ['error', 'never'],
+
+ // require spaces around operators
+ 'space-infix-ops': 'error',
+
+ // Require or disallow spaces before/after unary operators
+ // https://eslint.org/docs/rules/space-unary-ops
+ 'space-unary-ops': ['error', {
+ words: true,
+ nonwords: false,
+ overrides: {
+ },
+ }],
+
+ // require or disallow a space immediately following the // or /* in a comment
+ // https://eslint.org/docs/rules/spaced-comment
+ 'spaced-comment': ['error', 'always', {
+ line: {
+ exceptions: ['-', '+'],
+ markers: ['=', '!'], // space here to support sprockets directives
+ },
+ block: {
+ exceptions: ['-', '+'],
+ markers: ['=', '!'], // space here to support sprockets directives
+ balanced: true,
+ }
+ }],
+
+ // Enforce spacing around colons of switch statements
+ // https://eslint.org/docs/rules/switch-colon-spacing
+ 'switch-colon-spacing': ['error', { after: true, before: false }],
+
+ // Require or disallow spacing between template tags and their literals
+ // https://eslint.org/docs/rules/template-tag-spacing
+ 'template-tag-spacing': ['error', 'never'],
+
+ // require or disallow the Unicode Byte Order Mark
+ // https://eslint.org/docs/rules/unicode-bom
+ 'unicode-bom': ['error', 'never'],
+
+ // require regex literals to be wrapped in parentheses
+ 'wrap-regex': 'off',
+
+ // NODE //
+ // enforce return after a callback
+ 'callback-return': 'off',
+
+ // require all requires be top-level
+ // https://eslint.org/docs/rules/global-require
+ 'global-require': 'error',
+
+ // enforces error handling in callbacks (node environment)
+ 'handle-callback-err': 'off',
+
+ // disallow use of the Buffer() constructor
+ // https://eslint.org/docs/rules/no-buffer-constructor
+ 'no-buffer-constructor': 'error',
+
+ // disallow mixing regular variable and require declarations
+ 'no-mixed-requires': ['off', false],
+
+ // disallow use of new operator with the require function
+ 'no-new-require': 'error',
+
+ // disallow string concatenation with __dirname and __filename
+ // https://eslint.org/docs/rules/no-path-concat
+ 'no-path-concat': 'error',
+
+ // disallow use of process.env
+ 'no-process-env': 'off',
+
+ // disallow process.exit()
+ 'no-process-exit': 'off',
+
+ // restrict usage of specified node modules
+ 'no-restricted-modules': 'off',
+
+ // disallow use of synchronous methods (off by default)
+ 'no-sync': 'off',
+
+ // IMPORT //
+ // Static analysis:
+
+ // ensure imports point to files/modules that can be resolved
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-unresolved.md
+ 'import/no-unresolved': ['error', { commonjs: true, caseSensitive: true }],
+
+ // ensure named imports coupled with named exports
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/named.md#when-not-to-use-it
+ 'import/named': 'error',
+
+ // ensure default import coupled with default export
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/default.md#when-not-to-use-it
+ 'import/default': 'off',
+
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/namespace.md
+ 'import/namespace': 'off',
+
+ // Helpful warnings:
+
+ // disallow invalid exports, e.g. multiple defaults
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/export.md
+ 'import/export': 'error',
+
+ // do not allow a default import name to match a named export
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-named-as-default.md
+ 'import/no-named-as-default': 'error',
+
+ // warn on accessing default export property names that are also named exports
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-named-as-default-member.md
+ 'import/no-named-as-default-member': 'error',
+
+ // disallow use of jsdoc-marked-deprecated imports
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-deprecated.md
+ 'import/no-deprecated': 'off',
+
+ // Forbid the use of extraneous packages
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-extraneous-dependencies.md
+ // paths are treated both as absolute paths, and relative to process.cwd()
+ 'import/no-extraneous-dependencies': ['error', {
+ devDependencies: [
+ 'test/**', // tape, common npm pattern
+ 'tests/**', // also common npm pattern
+ 'spec/**', // mocha, rspec-like pattern
+ '**/__tests__/**', // jest pattern
+ '**/__mocks__/**', // jest pattern
+ 'test.{js,jsx}', // repos with a single test file
+ 'test-*.{js,jsx}', // repos with multiple top-level test files
+ '**/*{.,_}{test,spec}.{js,jsx}', // tests where the extension or filename suffix denotes that it is a test
+ '**/jest.config.js', // jest config
+ '**/vue.config.js', // vue-cli config
+ '**/webpack.config.js', // webpack config
+ '**/webpack.config.*.js', // webpack config
+ '**/rollup.config.js', // rollup config
+ '**/rollup.config.*.js', // rollup config
+ '**/gulpfile.js', // gulp config
+ '**/gulpfile.*.js', // gulp config
+ '**/Gruntfile{,.js}', // grunt config
+ '**/protractor.conf.js', // protractor config
+ '**/protractor.conf.*.js', // protractor config
+ ],
+ optionalDependencies: false,
+ }],
+
+ // Forbid mutable exports
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-mutable-exports.md
+ 'import/no-mutable-exports': 'error',
+
+ // Module systems:
+
+ // disallow require()
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-commonjs.md
+ 'import/no-commonjs': 'off',
+
+ // disallow AMD require/define
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-amd.md
+ 'import/no-amd': 'error',
+
+ // No Node.js builtin modules
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-nodejs-modules.md
+ // TODO: enable?
+ 'import/no-nodejs-modules': 'off',
+
+ // Style guide:
+
+ // disallow non-import statements appearing before import statements
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/first.md
+ 'import/first': 'error',
+
+ // disallow non-import statements appearing before import statements
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/imports-first.md
+ // deprecated: use `import/first`
+ 'import/imports-first': 'off',
+
+ // disallow duplicate imports
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-duplicates.md
+ 'import/no-duplicates': 'error',
+
+ // disallow namespace imports
+ // TODO: enable?
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-namespace.md
+ 'import/no-namespace': 'off',
+
+ // Ensure consistent use of file extension within the import path
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/extensions.md
+ 'import/extensions': ['error', 'ignorePackages', {
+ js: 'never',
+ mjs: 'never',
+ jsx: 'never',
+ }],
+
+ // ensure absolute imports are above relative imports and that unassigned imports are ignored
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/order.md
+ // TODO: enforce a stricter convention in module import order?
+ 'import/order': ['error', { groups: [['builtin', 'external', 'internal']] }],
+
+ // Require a newline after the last import/require in a group
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/newline-after-import.md
+ 'import/newline-after-import': 'error',
+
+ // Require modules with a single export to use a default export
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/prefer-default-export.md
+ 'import/prefer-default-export': 'error',
+
+ // Restrict which files can be imported in a given folder
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-restricted-paths.md
+ 'import/no-restricted-paths': 'off',
+
+ // Forbid modules to have too many dependencies
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/max-dependencies.md
+ 'import/max-dependencies': ['off', { max: 10 }],
+
+ // Forbid import of modules using absolute paths
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-absolute-path.md
+ 'import/no-absolute-path': 'error',
+
+ // Forbid require() calls with expressions
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-dynamic-require.md
+ 'import/no-dynamic-require': 'error',
+
+ // prevent importing the submodules of other modules
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-internal-modules.md
+ 'import/no-internal-modules': ['off', {
+ allow: [],
+ }],
+
+ // Warn if a module could be mistakenly parsed as a script by a consumer
+ // leveraging Unambiguous JavaScript Grammar
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/unambiguous.md
+ // this should not be enabled until this proposal has at least been *presented* to TC39.
+ // At the moment, it's not a thing.
+ 'import/unambiguous': 'off',
+
+ // Forbid Webpack loader syntax in imports
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-webpack-loader-syntax.md
+ 'import/no-webpack-loader-syntax': 'error',
+
+ // Prevent unassigned imports
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-unassigned-import.md
+ // importing for side effects is perfectly acceptable, if you need side effects.
+ 'import/no-unassigned-import': 'off',
+
+ // Prevent importing the default as if it were named
+ // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-named-default.md
+ 'import/no-named-default': 'error',
+
+ // Reports if a module's default export is unnamed
+ // https://github.com/benmosher/eslint-plugin-import/blob/d9b712ac7fd1fddc391f7b234827925c160d956f/docs/rules/no-anonymous-default-export.md
+ 'import/no-anonymous-default-export': ['off', {
+ allowArray: false,
+ allowArrowFunction: false,
+ allowAnonymousClass: false,
+ allowAnonymousFunction: false,
+ allowLiteral: false,
+ allowObject: false,
+ }],
+
+ // This rule enforces that all exports are declared at the bottom of the file.
+ // https://github.com/benmosher/eslint-plugin-import/blob/98acd6afd04dcb6920b81330114e146dc8532ea4/docs/rules/exports-last.md
+ // TODO: enable?
+ 'import/exports-last': 'off',
+
+ // Reports when named exports are not grouped together in a single export declaration
+ // or when multiple assignments to CommonJS module.exports or exports object are present
+ // in a single file.
+ // https://github.com/benmosher/eslint-plugin-import/blob/44a038c06487964394b1e15b64f3bd34e5d40cde/docs/rules/group-exports.md
+ 'import/group-exports': 'off',
+
+ // forbid default exports. this is a terrible rule, do not use it.
+ // https://github.com/benmosher/eslint-plugin-import/blob/44a038c06487964394b1e15b64f3bd34e5d40cde/docs/rules/no-default-export.md
+ 'import/no-default-export': 'off',
+
+ // Forbid a module from importing itself
+ // https://github.com/benmosher/eslint-plugin-import/blob/44a038c06487964394b1e15b64f3bd34e5d40cde/docs/rules/no-self-import.md
+ 'import/no-self-import': 'error',
+
+ // Forbid cyclical dependencies between modules
+ // https://github.com/benmosher/eslint-plugin-import/blob/d81f48a2506182738409805f5272eff4d77c9348/docs/rules/no-cycle.md
+ 'import/no-cycle': ['error', { maxDepth: Infinity }],
+
+ // Ensures that there are no useless path segments
+ // https://github.com/benmosher/eslint-plugin-import/blob/ebafcbf59ec9f653b2ac2a0156ca3bcba0a7cf57/docs/rules/no-useless-path-segments.md
+ 'import/no-useless-path-segments': 'error',
+
+ // dynamic imports require a leading comment with a webpackChunkName
+ // https://github.com/benmosher/eslint-plugin-import/blob/ebafcbf59ec9f653b2ac2a0156ca3bcba0a7cf57/docs/rules/dynamic-import-chunkname.md
+ 'import/dynamic-import-chunkname': ['off', {
+ importFunctions: [],
+ webpackChunknameFormat: '[0-9a-zA-Z-_/.]+',
+ }],
+
+ // Use this rule to prevent imports to folders in relative parent paths.
+ // https://github.com/benmosher/eslint-plugin-import/blob/c34f14f67f077acd5a61b3da9c0b0de298d20059/docs/rules/no-relative-parent-imports.md
+ 'import/no-relative-parent-imports': 'off',
+
+ },
+};
\ No newline at end of file
diff --git a/html-client/.gitignore b/html-client/.gitignore
new file mode 100644
index 00000000..2106e507
--- /dev/null
+++ b/html-client/.gitignore
@@ -0,0 +1,5 @@
+package-lock.json
+node_modules/
+dist/
+.cache/
+assets/molecules
diff --git a/html-client/assets/normalize.css b/html-client/assets/normalize.css
new file mode 100644
index 00000000..81c6f31e
--- /dev/null
+++ b/html-client/assets/normalize.css
@@ -0,0 +1,427 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
\ No newline at end of file
diff --git a/html-client/assets/skeleton.css b/html-client/assets/skeleton.css
new file mode 100644
index 00000000..f28bf6c5
--- /dev/null
+++ b/html-client/assets/skeleton.css
@@ -0,0 +1,418 @@
+/*
+* Skeleton V2.0.4
+* Copyright 2014, Dave Gamache
+* www.getskeleton.com
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+* 12/29/2014
+*/
+
+
+/* Table of contents
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ
+- Grid
+- Base Styles
+- Typography
+- Links
+- Buttons
+- Forms
+- Lists
+- Code
+- Tables
+- Spacing
+- Utilities
+- Clearing
+- Media Queries
+*/
+
+
+/* Grid
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+.container {
+ position: relative;
+ width: 100%;
+ max-width: 960px;
+ margin: 0 auto;
+ padding: 0 20px;
+ box-sizing: border-box; }
+.column,
+.columns {
+ width: 100%;
+ float: left;
+ box-sizing: border-box; }
+
+/* For devices larger than 400px */
+@media (min-width: 400px) {
+ .container {
+ width: 85%;
+ padding: 0; }
+}
+
+/* For devices larger than 550px */
+@media (min-width: 550px) {
+ .container {
+ width: 80%; }
+ .column,
+ .columns {
+ margin-left: 4%; }
+ .column:first-child,
+ .columns:first-child {
+ margin-left: 0; }
+
+ .one.column,
+ .one.columns { width: 4.66666666667%; }
+ .two.columns { width: 13.3333333333%; }
+ .three.columns { width: 22%; }
+ .four.columns { width: 30.6666666667%; }
+ .five.columns { width: 39.3333333333%; }
+ .six.columns { width: 48%; }
+ .seven.columns { width: 56.6666666667%; }
+ .eight.columns { width: 65.3333333333%; }
+ .nine.columns { width: 74.0%; }
+ .ten.columns { width: 82.6666666667%; }
+ .eleven.columns { width: 91.3333333333%; }
+ .twelve.columns { width: 100%; margin-left: 0; }
+
+ .one-third.column { width: 30.6666666667%; }
+ .two-thirds.column { width: 65.3333333333%; }
+
+ .one-half.column { width: 48%; }
+
+ /* Offsets */
+ .offset-by-one.column,
+ .offset-by-one.columns { margin-left: 8.66666666667%; }
+ .offset-by-two.column,
+ .offset-by-two.columns { margin-left: 17.3333333333%; }
+ .offset-by-three.column,
+ .offset-by-three.columns { margin-left: 26%; }
+ .offset-by-four.column,
+ .offset-by-four.columns { margin-left: 34.6666666667%; }
+ .offset-by-five.column,
+ .offset-by-five.columns { margin-left: 43.3333333333%; }
+ .offset-by-six.column,
+ .offset-by-six.columns { margin-left: 52%; }
+ .offset-by-seven.column,
+ .offset-by-seven.columns { margin-left: 60.6666666667%; }
+ .offset-by-eight.column,
+ .offset-by-eight.columns { margin-left: 69.3333333333%; }
+ .offset-by-nine.column,
+ .offset-by-nine.columns { margin-left: 78.0%; }
+ .offset-by-ten.column,
+ .offset-by-ten.columns { margin-left: 86.6666666667%; }
+ .offset-by-eleven.column,
+ .offset-by-eleven.columns { margin-left: 95.3333333333%; }
+
+ .offset-by-one-third.column,
+ .offset-by-one-third.columns { margin-left: 34.6666666667%; }
+ .offset-by-two-thirds.column,
+ .offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
+
+ .offset-by-one-half.column,
+ .offset-by-one-half.columns { margin-left: 52%; }
+
+}
+
+
+/* Base Styles
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+/* NOTE
+html is set to 62.5% so that all the REM measurements throughout Skeleton
+are based on 10px sizing. So basically 1.5rem = 15px :) */
+html {
+ font-size: 62.5%; }
+body {
+ font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
+ line-height: 1.6;
+ font-weight: 400;
+ font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #222; }
+
+
+/* Typography
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: 2rem;
+ font-weight: 300; }
+h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
+h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
+h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
+h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
+h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
+h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
+
+/* Larger than phablet */
+@media (min-width: 550px) {
+ h1 { font-size: 5.0rem; }
+ h2 { font-size: 4.2rem; }
+ h3 { font-size: 3.6rem; }
+ h4 { font-size: 3.0rem; }
+ h5 { font-size: 2.4rem; }
+ h6 { font-size: 1.5rem; }
+}
+
+p {
+ margin-top: 0; }
+
+
+/* Links
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+a {
+ color: #1EAEDB; }
+a:hover {
+ color: #0FA0CE; }
+
+
+/* Buttons
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+.button,
+button,
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+ display: inline-block;
+ height: 38px;
+ padding: 0 30px;
+ color: #555;
+ text-align: center;
+ font-size: 11px;
+ font-weight: 600;
+ line-height: 38px;
+ letter-spacing: .1rem;
+ text-transform: uppercase;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: transparent;
+ border-radius: 4px;
+ border: 1px solid #bbb;
+ cursor: pointer;
+ box-sizing: border-box; }
+.button:hover,
+button:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+input[type="button"]:hover,
+.button:focus,
+button:focus,
+input[type="submit"]:focus,
+input[type="reset"]:focus,
+input[type="button"]:focus {
+ color: #333;
+ border-color: #888;
+ outline: 0; }
+.button.button-primary,
+button.button-primary,
+input[type="submit"].button-primary,
+input[type="reset"].button-primary,
+input[type="button"].button-primary {
+ color: #FFF;
+ background-color: #33C3F0;
+ border-color: #33C3F0; }
+.button.button-primary:hover,
+button.button-primary:hover,
+input[type="submit"].button-primary:hover,
+input[type="reset"].button-primary:hover,
+input[type="button"].button-primary:hover,
+.button.button-primary:focus,
+button.button-primary:focus,
+input[type="submit"].button-primary:focus,
+input[type="reset"].button-primary:focus,
+input[type="button"].button-primary:focus {
+ color: #FFF;
+ background-color: #1EAEDB;
+ border-color: #1EAEDB; }
+
+
+/* Forms
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="text"],
+input[type="tel"],
+input[type="url"],
+input[type="password"],
+textarea,
+select {
+ height: 38px;
+ padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+ background-color: #fff;
+ border: 1px solid #D1D1D1;
+ border-radius: 4px;
+ box-shadow: none;
+ box-sizing: border-box; }
+/* Removes awkward default styles on some inputs for iOS */
+input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="text"],
+input[type="tel"],
+input[type="url"],
+input[type="password"],
+textarea {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none; }
+textarea {
+ min-height: 65px;
+ padding-top: 6px;
+ padding-bottom: 6px; }
+input[type="email"]:focus,
+input[type="number"]:focus,
+input[type="search"]:focus,
+input[type="text"]:focus,
+input[type="tel"]:focus,
+input[type="url"]:focus,
+input[type="password"]:focus,
+textarea:focus,
+select:focus {
+ border: 1px solid #33C3F0;
+ outline: 0; }
+label,
+legend {
+ display: block;
+ margin-bottom: .5rem;
+ font-weight: 600; }
+fieldset {
+ padding: 0;
+ border-width: 0; }
+input[type="checkbox"],
+input[type="radio"] {
+ display: inline; }
+label > .label-body {
+ display: inline-block;
+ margin-left: .5rem;
+ font-weight: normal; }
+
+
+/* Lists
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+ul {
+ list-style: circle inside; }
+ol {
+ list-style: decimal inside; }
+ol, ul {
+ padding-left: 0;
+ margin-top: 0; }
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+ margin: 1.5rem 0 1.5rem 3rem;
+ font-size: 90%; }
+li {
+ margin-bottom: 1rem; }
+
+
+/* Code
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+code {
+ padding: .2rem .5rem;
+ margin: 0 .2rem;
+ font-size: 90%;
+ white-space: nowrap;
+ background: #F1F1F1;
+ border: 1px solid #E1E1E1;
+ border-radius: 4px; }
+pre > code {
+ display: block;
+ padding: 1rem 1.5rem;
+ white-space: pre; }
+
+
+/* Tables
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+th,
+td {
+ padding: 12px 15px;
+ text-align: left;
+ border-bottom: 1px solid #E1E1E1; }
+th:first-child,
+td:first-child {
+ padding-left: 0; }
+th:last-child,
+td:last-child {
+ padding-right: 0; }
+
+
+/* Spacing
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+button,
+.button {
+ margin-bottom: 1rem; }
+input,
+textarea,
+select,
+fieldset {
+ margin-bottom: 1.5rem; }
+pre,
+blockquote,
+dl,
+figure,
+table,
+p,
+ul,
+ol,
+form {
+ margin-bottom: 2.5rem; }
+
+
+/* Utilities
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+.u-full-width {
+ width: 100%;
+ box-sizing: border-box; }
+.u-max-full-width {
+ max-width: 100%;
+ box-sizing: border-box; }
+.u-pull-right {
+ float: right; }
+.u-pull-left {
+ float: left; }
+
+
+/* Misc
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+hr {
+ margin-top: 3rem;
+ margin-bottom: 3.5rem;
+ border-width: 0;
+ border-top: 1px solid #E1E1E1; }
+
+
+/* Clearing
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+
+/* Self Clearing Goodness */
+.container:after,
+.row:after,
+.u-cf {
+ content: "";
+ display: table;
+ clear: both; }
+
+
+/* Media Queries
+โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ */
+/*
+Note: The best way to structure the use of media queries is to create the queries
+near the relevant code. For example, if you wanted to change the styles for buttons
+on small devices, paste the mobile query code up in the buttons section and style it
+there.
+*/
+
+
+/* Larger than mobile */
+@media (min-width: 400px) {}
+
+/* Larger than phablet (also point when grid becomes active) */
+@media (min-width: 550px) {}
+
+/* Larger than tablet */
+@media (min-width: 750px) {}
+
+/* Larger than desktop */
+@media (min-width: 1000px) {}
+
+/* Larger than Desktop HD */
+@media (min-width: 1200px) {}
diff --git a/html-client/cryps.css b/html-client/cryps.css
new file mode 100644
index 00000000..f899c9a0
--- /dev/null
+++ b/html-client/cryps.css
@@ -0,0 +1,119 @@
+body {
+ background-color: #000000;
+ font-family: 'Jura';
+ color: whitesmoke;
+ font-size: 16pt;
+ padding: 1em;
+}
+
+button, input {
+ font-family: 'Jura';
+ height: auto;
+ color: whitesmoke;
+ border-width: 2px;
+}
+
+@keyframes glowing {
+ 0% { box-shadow: 0 0 0px whitesmoke; }
+ 20% { box-shadow: 0 0 20px whitesmoke; }
+ 60% { box-shadow: 0 0 20px whitesmoke; }
+ 100% { box-shadow: 0 0 0px whitesmoke; }
+}
+
+button:hover {
+ color: whitesmoke;
+ animation: glowing 2000ms infinite;
+ border-color: whitesmoke;
+}
+
+@keyframes greenglow {
+ 0% {
+ box-shadow: 0 0 -20px forestgreen;
+ }
+ 100% {
+ box-shadow: 0 0 -20px forestgreen;
+ box-shadow: 0 0 30px forestgreen;
+ color: forestgreen;
+ border-color: forestgreen;
+ }
+}
+
+.green-btn:hover {
+ animation: greenglow 2s ease 0s 1 normal forwards;
+ animation-iteration-count: 1;
+}
+
+.instance-btn {
+ font-size: 150%;
+ min-width: 20%;
+ border-width: 2px;
+ padding: 0.5em;
+ display: block;
+}
+
+.instance-ui-btn {
+ font-size: 100%;
+ min-width: 20%;
+ padding: 0;
+}
+
+.header {
+ margin-bottom: 2em;
+}
+
+.home-cryp {
+}
+
+.background {
+ min-height: 100%;
+ min-width: 100%;
+ position: absolute;
+ z-index: -1000;
+ background-color: #000000
+}
+
+.cryps-title {
+ font-size: 200%;
+ display: inline;
+}
+
+.login {
+ display: inline;
+ margin-right: 0;
+}
+
+.header-username {
+ display: inline;
+}
+
+.vbox-table td {
+ border: 1px solid whitesmoke;
+ padding: 0.5em;
+}
+
+.vbox-table th:first-child, td:first-child {
+ padding: 0.5em;
+}
+
+.ping-svg {
+ background-color: black;
+ height: 1em;
+ margin-right: 1em;
+}
+
+.ping-path {
+ stroke: #f5f5f5;
+ fill: none;
+ stroke-width: 4;
+ stroke-dasharray: 121, 242;
+ animation: pulse 2s infinite linear;
+}
+
+@keyframes pulse {
+ 0% {
+ stroke-dashoffset: 363;
+ }
+ 100% {
+ stroke-dashoffset: 0;
+ }
+}
\ No newline at end of file
diff --git a/html-client/index.html b/html-client/index.html
new file mode 100644
index 00000000..0fb46f04
--- /dev/null
+++ b/html-client/index.html
@@ -0,0 +1,18 @@
+
+
+
+ cryps.gg - mnml pvp atbs
+
+
+
+
+
+
+
+
+
+
+
+
+
+