Update project; add english version

Author: yoksel

Diff for: .editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

Diff for: .eslintrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+  env: {
+    browser: true,
+    es6: true,
+    node: true
+  },
+  extends: [`standard`],
+  globals: {
+    Atomics: `readonly`,
+    SharedArrayBuffer: `readonly`
+  },
+  parser: `babel-eslint`,
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: `module`
+  },
+  rules: {
+    semi: [`error`, `always`],
+    // fix: Cannot read property `range` of null
+    //https://github.com/babel/babel-eslint/issues/681#issuecomment-420663038
+    'template-curly-spacing' : `off`,
+    indent: `off`,
+    quotes: [2, `backtick`]
+  }
+}

Diff for: .stylelintrc

@@ -0,0 +1,42 @@
+{
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "at-rule-no-unknown": [
+      true,
+      ignoreAtRules: [
+        "mixin", "include"
+      ]
+    ],
+    "indentation": 2,
+    "string-quotes": "double",
+    "no-duplicate-selectors": true,
+    "color-hex-case": "upper",
+    "color-hex-length": "short",
+    "selector-max-id": 0,
+    "selector-combinator-space-after": "always",
+    "selector-attribute-quotes": "always",
+    "selector-type-case": "upper",
+    "declaration-block-trailing-semicolon": "always",
+    "declaration-no-important": true,
+    "declaration-colon-space-before": "never",
+    "declaration-colon-space-after": "always-single-line",
+    "declaration-colon-newline-after": null,
+    "property-no-vendor-prefix": true,
+    "value-no-vendor-prefix": true,
+    "number-leading-zero": "never",
+    "function-url-quotes": "always",
+    "font-family-name-quotes": "always-where-required",
+    "comment-whitespace-inside": "always",
+    "comment-empty-line-before": null,
+    "custom-property-empty-line-before": null,
+    "at-rule-no-vendor-prefix": true,
+    "selector-pseudo-element-colon-notation": "double",
+    "selector-pseudo-class-parentheses-space-inside": "never",
+    "selector-no-vendor-prefix": true,
+    "media-feature-range-operator-space-before": "always",
+    "media-feature-range-operator-space-after": "always",
+    "media-feature-parentheses-space-inside": "always",
+    "media-feature-colon-space-before": "never",
+    "media-feature-colon-space-after": "always"
+  }
+}

Diff for: README.md

@@ -1,19 +1,35 @@
 # html-tree
 
-Генератор дерева на основе HTML-разметки.
-
 http://yoksel.github.io/html-tree/
 
+<a id="ru">**RU**</a> | [EN &darr;](#en)
+
+## Генератор дерева на основе HTML-разметки.
+
 Вставьте в левое поле HTML-код, и справа появится дерево документа в виде вложенных списков:
 
-![Генератор дерева на основе HTML-разметки](/assets/img/screen.png)
+![Генератор дерева на основе HTML-разметки](/img/default-ru.png)
 
 Бонусом делается простая проверка БЭМ-нотации и иерархии заголовков:
 
-![Подсветка БЭМ-ошибок](/assets/img/bem-error-highlight.png)
+![Подсветка БЭМ-ошибок](/img/errors-ru.png)
 
 Кликните по классу, чтобы подсветить его:
 
-![Выборочная подсветка кода](/assets/img/user-highlight.png)
+![Выборочная подсветка кода](/img/highlight-ru.png)
+
+[RU &uarr;](#ru) | <a id="en">**EN**</a>
+
+## HTML Tree Generator
+
+Insert the HTML code to the left textarea, and the document tree will appear on the right as nested lists:
+
+![HTML Tree Generator](/img/default-en.png)
+
+As a bonus there is a simple check of BEM notation and header hierarchy:
+
+![Highlighting errors](/img/errors-en.png)
 
+Click on class to highlight it:
 
+![Highlighting classes](/img/highlight-en.png)