Merge pull request #77 from tmshv/upd/file-sign

File signature
2021-04-05 20:25:46 +03:00
commit cd2800c79d
@@ -14,8 +14,11 @@
                "lodash": "^4.17.19",
                "markdown-it": "^10.0.0",
                "next": "^10.1.3",
+                "rc-tooltip": "^5.1.0",
                "react": "^17.0.1",
                "react-dom": "^17.0.1",
+                "react-icons": "^4.2.0",
+                "react-use": "^17.2.1",
                "sitemap": "^1.5.0",
                "typograf": "^6.11.1",
                "use-media": "^1.4.0"
@@ -246,6 +249,11 @@
            "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
            "dev": true
        },
+        "node_modules/@types/js-cookie": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.6.tgz",
+            "integrity": "sha512-+oY0FDTO2GYKEV0YPvSshGq9t7YozVkgvXLty7zogQNuCxBhT9/3INX9Q7H1aRZ4SUDRXAKlJuA4EA5nTt7SNw=="
+        },
        "node_modules/@types/lodash": {
            "version": "4.14.149",
            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.149.tgz",
@@ -273,6 +281,11 @@
                "csstype": "^2.2.0"
            }
        },
+        "node_modules/@xobotyi/scrollbar-width": {
+            "version": "1.9.5",
+            "resolved": "https://registry.npmjs.org/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz",
+            "integrity": "sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ=="
+        },
        "node_modules/acorn-jsx": {
            "version": "5.2.0",
            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz",
@@ -764,6 +777,14 @@
            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
            "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
        },
+        "node_modules/copy-to-clipboard": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz",
+            "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==",
+            "dependencies": {
+                "toggle-selection": "^1.0.6"
+            }
+        },
        "node_modules/core-util-is": {
            "version": "1.0.2",
            "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -843,6 +864,35 @@
                "node": "*"
            }
        },
+        "node_modules/css-in-js-utils": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz",
+            "integrity": "sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==",
+            "dependencies": {
+                "hyphenate-style-name": "^1.0.2",
+                "isobject": "^3.0.1"
+            }
+        },
+        "node_modules/css-in-js-utils/node_modules/isobject": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+            "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/css-tree": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+            "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+            "dependencies": {
+                "mdn-data": "2.0.14",
+                "source-map": "^0.6.1"
+            },
+            "engines": {
+                "node": ">=8.0.0"
+            }
+        },
        "node_modules/css.escape": {
            "version": "1.5.1",
            "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
@@ -967,6 +1017,11 @@
                "node": ">=6.0.0"
            }
        },
+        "node_modules/dom-align": {
+            "version": "1.12.0",
+            "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.12.0.tgz",
+            "integrity": "sha512-YkoezQuhp3SLFGdOlr5xkqZ640iXrnHAwVYcDg8ZKRUtO7mSzSC2BA5V0VuyAwPSJA4CLIc6EDDJh4bEsD2+zA=="
+        },
        "node_modules/domain-browser": {
            "version": "1.2.0",
            "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -1038,6 +1093,14 @@
            "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.0.tgz",
            "integrity": "sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw=="
        },
+        "node_modules/error-stack-parser": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.0.6.tgz",
+            "integrity": "sha512-d51brTeqC+BHlwF0BhPtcYgF5nlzf9ZZ0ZIUQNZpc9ZB9qw5IJ2diTrBY9jlCJkTLITYPjmiX6OWCwH+fuyNgQ==",
+            "dependencies": {
+                "stackframe": "^1.1.1"
+            }
+        },
        "node_modules/es-abstract": {
            "version": "1.18.0",
            "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0.tgz",
@@ -1464,10 +1527,9 @@
            }
        },
        "node_modules/fast-deep-equal": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz",
-            "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==",
-            "dev": true
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
        },
        "node_modules/fast-json-stable-stringify": {
            "version": "2.1.0",
@@ -1481,6 +1543,16 @@
            "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
            "dev": true
        },
+        "node_modules/fast-shallow-equal": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz",
+            "integrity": "sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw=="
+        },
+        "node_modules/fastest-stable-stringify": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz",
+            "integrity": "sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q=="
+        },
        "node_modules/feed": {
            "version": "4.1.0",
            "resolved": "https://registry.npmjs.org/feed/-/feed-4.1.0.tgz",
@@ -1784,6 +1856,11 @@
            "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
            "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM="
        },
+        "node_modules/hyphenate-style-name": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
+            "integrity": "sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ=="
+        },
        "node_modules/iconv-lite": {
            "version": "0.4.24",
            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -1833,6 +1910,14 @@
            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
        },
+        "node_modules/inline-style-prefixer": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-6.0.0.tgz",
+            "integrity": "sha512-XTHvRUS4ZJNzC1GixJRmOlWSS45fSt+DJoyQC9ytj0WxQfcgofQtDtyKKYxHUqEsWCs+LIWftPF1ie7+i012Fg==",
+            "dependencies": {
+                "css-in-js-utils": "^2.0.0"
+            }
+        },
        "node_modules/inquirer": {
            "version": "7.1.0",
            "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.1.0.tgz",
@@ -2190,6 +2275,11 @@
                "url": "https://github.com/chalk/supports-color?sponsor=1"
            }
        },
+        "node_modules/js-cookie": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+            "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+        },
        "node_modules/js-tokens": {
            "version": "4.0.0",
            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -2342,6 +2432,11 @@
                "safe-buffer": "^5.1.2"
            }
        },
+        "node_modules/mdn-data": {
+            "version": "2.0.14",
+            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+            "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+        },
        "node_modules/mdurl": {
            "version": "1.0.1",
            "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
@@ -2428,6 +2523,35 @@
            "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
            "dev": true
        },
+        "node_modules/nano-css": {
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/nano-css/-/nano-css-5.3.1.tgz",
+            "integrity": "sha512-ENPIyNzANQRyYVvb62ajDd7PAyIgS2LIUnT9ewih4yrXSZX4hKoUwssy8WjUH++kEOA5wUTMgNnV7ko5n34kUA==",
+            "dependencies": {
+                "css-tree": "^1.1.2",
+                "csstype": "^3.0.6",
+                "fastest-stable-stringify": "^2.0.2",
+                "inline-style-prefixer": "^6.0.0",
+                "rtl-css-js": "^1.14.0",
+                "sourcemap-codec": "^1.4.8",
+                "stacktrace-js": "^2.0.2",
+                "stylis": "^4.0.6"
+            },
+            "peerDependencies": {
+                "react": "*",
+                "react-dom": "*"
+            }
+        },
+        "node_modules/nano-css/node_modules/csstype": {
+            "version": "3.0.7",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.7.tgz",
+            "integrity": "sha512-KxnUB0ZMlnUWCsx2Z8MUsr6qV6ja1w9ArPErJaJaF8a5SOWoHLIszeCTKGRGRgtLgYrs1E8CHkNSP1VZTTPc9g=="
+        },
+        "node_modules/nano-css/node_modules/stylis": {
+            "version": "4.0.9",
+            "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.9.tgz",
+            "integrity": "sha512-ci7pEFNVW3YJiWEzqPOMsAjY6kgraZ3ZgBfQ5HYbNtLJEsQ0G46ejWZpfSSCp/FaSiCSGGhzL9O2lN+2cB6ong=="
+        },
        "node_modules/nanoid": {
            "version": "3.1.20",
            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.20.tgz",
@@ -3096,6 +3220,82 @@
                "node": ">= 0.8"
            }
        },
+        "node_modules/rc-align": {
+            "version": "4.0.9",
+            "resolved": "https://registry.npmjs.org/rc-align/-/rc-align-4.0.9.tgz",
+            "integrity": "sha512-myAM2R4qoB6LqBul0leaqY8gFaiECDJ3MtQDmzDo9xM9NRT/04TvWOYd2YHU9zvGzqk9QXF6S9/MifzSKDZeMw==",
+            "dependencies": {
+                "@babel/runtime": "^7.10.1",
+                "classnames": "2.x",
+                "dom-align": "^1.7.0",
+                "rc-util": "^5.3.0",
+                "resize-observer-polyfill": "^1.5.1"
+            },
+            "peerDependencies": {
+                "react": ">=16.9.0",
+                "react-dom": ">=16.9.0"
+            }
+        },
+        "node_modules/rc-motion": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.4.1.tgz",
+            "integrity": "sha512-TWLvymfMu8SngPx5MDH8dQ0D2RYbluNTfam4hY/dNNx9RQ3WtGuZ/GXHi2ymLMzH+UNd6EEFYkOuR5JTTtm8Xg==",
+            "dependencies": {
+                "@babel/runtime": "^7.11.1",
+                "classnames": "^2.2.1",
+                "rc-util": "^5.2.1"
+            },
+            "peerDependencies": {
+                "react": ">=16.9.0",
+                "react-dom": ">=16.9.0"
+            }
+        },
+        "node_modules/rc-tooltip": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-5.1.0.tgz",
+            "integrity": "sha512-pFqD1JZwNIpbdcefB7k5xREoHAWM/k3yQwYF0iminbmDXERgq4rvBfUwIvlCqqZSM7HDr9hYeYr6ZsVNaKtvCQ==",
+            "dependencies": {
+                "@babel/runtime": "^7.11.2",
+                "rc-trigger": "^5.0.0"
+            },
+            "peerDependencies": {
+                "react": ">=16.9.0",
+                "react-dom": ">=16.9.0"
+            }
+        },
+        "node_modules/rc-trigger": {
+            "version": "5.2.3",
+            "resolved": "https://registry.npmjs.org/rc-trigger/-/rc-trigger-5.2.3.tgz",
+            "integrity": "sha512-6Fokao07HUbqKIDkDRFEM0AGZvsvK0Fbp8A/KFgl1ngaqfO1nY037cISCG1Jm5fxImVsXp9awdkP7Vu5cxjjog==",
+            "dependencies": {
+                "@babel/runtime": "^7.11.2",
+                "classnames": "^2.2.6",
+                "rc-align": "^4.0.0",
+                "rc-motion": "^2.0.0",
+                "rc-util": "^5.5.0"
+            },
+            "engines": {
+                "node": ">=8.x"
+            },
+            "peerDependencies": {
+                "react": ">=16.9.0",
+                "react-dom": ">=16.9.0"
+            }
+        },
+        "node_modules/rc-util": {
+            "version": "5.9.8",
+            "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.9.8.tgz",
+            "integrity": "sha512-typLSHYGf5irvGLYQshs0Ra3aze086h0FhzsAkyirMunYZ7b3Te8gKa5PVaanoHaZa9sS6qx98BxgysoRP+6Tw==",
+            "dependencies": {
+                "@babel/runtime": "^7.12.5",
+                "react-is": "^16.12.0",
+                "shallowequal": "^1.1.0"
+            },
+            "peerDependencies": {
+                "react": ">=16.9.0",
+                "react-dom": ">=16.9.0"
+            }
+        },
        "node_modules/react": {
            "version": "17.0.1",
            "resolved": "https://registry.npmjs.org/react/-/react-17.0.1.tgz",
@@ -3118,6 +3318,14 @@
                "scheduler": "^0.20.1"
            }
        },
+        "node_modules/react-icons": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.2.0.tgz",
+            "integrity": "sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==",
+            "peerDependencies": {
+                "react": "*"
+            }
+        },
        "node_modules/react-is": {
            "version": "16.13.1",
            "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -3131,6 +3339,45 @@
                "node": ">=0.10.0"
            }
        },
+        "node_modules/react-universal-interface": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",
+            "integrity": "sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==",
+            "peerDependencies": {
+                "react": "*",
+                "tslib": "*"
+            }
+        },
+        "node_modules/react-use": {
+            "version": "17.2.1",
+            "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.2.1.tgz",
+            "integrity": "sha512-9r51/at7/Nr/nEP4CsHz+pl800EAqhIY9R6O68m68kaWc8slDAfx1UrIedQqpsb4ImddFYb+6hF1i5Vj4u4Cnw==",
+            "dependencies": {
+                "@types/js-cookie": "^2.2.6",
+                "@xobotyi/scrollbar-width": "^1.9.5",
+                "copy-to-clipboard": "^3.3.1",
+                "fast-deep-equal": "^3.1.3",
+                "fast-shallow-equal": "^1.0.0",
+                "js-cookie": "^2.2.1",
+                "nano-css": "^5.3.1",
+                "react-universal-interface": "^0.6.2",
+                "resize-observer-polyfill": "^1.5.1",
+                "screenfull": "^5.1.0",
+                "set-harmonic-interval": "^1.0.1",
+                "throttle-debounce": "^3.0.1",
+                "ts-easing": "^0.2.0",
+                "tslib": "^2.1.0"
+            },
+            "peerDependencies": {
+                "react": "^16.8.0  || ^17.0.0",
+                "react-dom": "^16.8.0  || ^17.0.0"
+            }
+        },
+        "node_modules/react-use/node_modules/tslib": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+            "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
+        },
        "node_modules/readable-stream": {
            "version": "3.6.0",
            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -3169,6 +3416,11 @@
                "node": ">=8"
            }
        },
+        "node_modules/resize-observer-polyfill": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+            "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+        },
        "node_modules/restore-cursor": {
            "version": "3.1.0",
            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
@@ -3191,6 +3443,14 @@
                "inherits": "^2.0.1"
            }
        },
+        "node_modules/rtl-css-js": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/rtl-css-js/-/rtl-css-js-1.14.1.tgz",
+            "integrity": "sha512-G9N1s/6329FpJr8k9e1U/Lg0IDWThv99sb7k0IrXHjSnubxe01h52/ajsPRafJK1/2Vqrhz3VKLe3E1dx6jS9Q==",
+            "dependencies": {
+                "@babel/runtime": "^7.1.2"
+            }
+        },
        "node_modules/run-async": {
            "version": "2.4.1",
            "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
@@ -3237,6 +3497,17 @@
                "object-assign": "^4.1.1"
            }
        },
+        "node_modules/screenfull": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.1.0.tgz",
+            "integrity": "sha512-dYaNuOdzr+kc6J6CFcBrzkLCfyGcMg+gWkJ8us93IQ7y1cevhQAugFsaCdMHb6lw8KV3xPzSxzH7zM1dQap9mA==",
+            "engines": {
+                "node": ">=0.10.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
        "node_modules/semver": {
            "version": "6.3.0",
            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
@@ -3245,6 +3516,14 @@
                "semver": "bin/semver.js"
            }
        },
+        "node_modules/set-harmonic-interval": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
+            "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==",
+            "engines": {
+                "node": ">=6.9"
+            }
+        },
        "node_modules/setimmediate": {
            "version": "1.0.5",
            "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
@@ -3267,6 +3546,11 @@
                "sha.js": "bin.js"
            }
        },
+        "node_modules/shallowequal": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+            "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+        },
        "node_modules/shebang-command": {
            "version": "2.0.0",
            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -3374,11 +3658,56 @@
                "node": ">=0.10.0"
            }
        },
+        "node_modules/sourcemap-codec": {
+            "version": "1.4.8",
+            "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+            "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+        },
        "node_modules/sprintf-js": {
            "version": "1.0.3",
            "resolved": "http://storage.mds.yandex.net/get-npm/35308/sprintf-js-1.0.3.tgz",
            "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
        },
+        "node_modules/stack-generator": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.5.tgz",
+            "integrity": "sha512-/t1ebrbHkrLrDuNMdeAcsvynWgoH/i4o8EGGfX7dEYDoTXOYVAkEpFdtshlvabzc6JlJ8Kf9YdFEoz7JkzGN9Q==",
+            "dependencies": {
+                "stackframe": "^1.1.1"
+            }
+        },
+        "node_modules/stackframe": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.2.0.tgz",
+            "integrity": "sha512-GrdeshiRmS1YLMYgzF16olf2jJ/IzxXY9lhKOskuVziubpTYcYqyOwYeJKzQkwy7uN0fYSsbsC4RQaXf9LCrYA=="
+        },
+        "node_modules/stacktrace-gps": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/stacktrace-gps/-/stacktrace-gps-3.0.4.tgz",
+            "integrity": "sha512-qIr8x41yZVSldqdqe6jciXEaSCKw1U8XTXpjDuy0ki/apyTn/r3w9hDAAQOhZdxvsC93H+WwwEu5cq5VemzYeg==",
+            "dependencies": {
+                "source-map": "0.5.6",
+                "stackframe": "^1.1.1"
+            }
+        },
+        "node_modules/stacktrace-gps/node_modules/source-map": {
+            "version": "0.5.6",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+            "integrity": "sha1-dc449SvwczxafwwRjYEzSiu19BI=",
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/stacktrace-js": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/stacktrace-js/-/stacktrace-js-2.0.2.tgz",
+            "integrity": "sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==",
+            "dependencies": {
+                "error-stack-parser": "^2.0.6",
+                "stack-generator": "^2.0.5",
+                "stacktrace-gps": "^3.0.4"
+            }
+        },
        "node_modules/stacktrace-parser": {
            "version": "0.1.10",
            "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz",
@@ -3640,6 +3969,14 @@
            "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
            "dev": true
        },
+        "node_modules/throttle-debounce": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-3.0.1.tgz",
+            "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==",
+            "engines": {
+                "node": ">=10"
+            }
+        },
        "node_modules/through": {
            "version": "2.3.8",
            "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -3693,6 +4030,11 @@
                "node": ">=8.0"
            }
        },
+        "node_modules/toggle-selection": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+            "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI="
+        },
        "node_modules/toidentifier": {
            "version": "1.0.0",
            "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
@@ -3709,6 +4051,11 @@
                "punycode": "^2.1.0"
            }
        },
+        "node_modules/ts-easing": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/ts-easing/-/ts-easing-0.2.0.tgz",
+            "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ=="
+        },
        "node_modules/ts-pnp": {
            "version": "1.2.0",
            "resolved": "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.2.0.tgz",
@@ -3720,8 +4067,7 @@
        "node_modules/tslib": {
            "version": "1.13.0",
            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
-            "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==",
-            "dev": true
+            "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
        },
        "node_modules/tty-browserify": {
            "version": "0.0.0",
@@ -4180,6 +4526,11 @@
            "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
            "dev": true
        },
+        "@types/js-cookie": {
+            "version": "2.2.6",
+            "resolved": "https://registry.npmjs.org/@types/js-cookie/-/js-cookie-2.2.6.tgz",
+            "integrity": "sha512-+oY0FDTO2GYKEV0YPvSshGq9t7YozVkgvXLty7zogQNuCxBhT9/3INX9Q7H1aRZ4SUDRXAKlJuA4EA5nTt7SNw=="
+        },
        "@types/lodash": {
            "version": "4.14.149",
            "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.149.tgz",
@@ -4207,6 +4558,11 @@
                "csstype": "^2.2.0"
            }
        },
+        "@xobotyi/scrollbar-width": {
+            "version": "1.9.5",
+            "resolved": "https://registry.npmjs.org/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz",
+            "integrity": "sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ=="
+        },
        "acorn-jsx": {
            "version": "5.2.0",
            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.2.0.tgz",
@@ -4646,6 +5002,14 @@
                }
            }
        },
+        "copy-to-clipboard": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.1.tgz",
+            "integrity": "sha512-i13qo6kIHTTpCm8/Wup+0b1mVWETvu2kIMzKoK8FpkLkFxlt0znUAHcMzox+T8sPlqtZXq3CulEjQHsYiGFJUw==",
+            "requires": {
+                "toggle-selection": "^1.0.6"
+            }
+        },
        "core-util-is": {
            "version": "1.0.2",
            "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
@@ -4721,6 +5085,31 @@
                "randomfill": "^1.0.3"
            }
        },
+        "css-in-js-utils": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz",
+            "integrity": "sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==",
+            "requires": {
+                "hyphenate-style-name": "^1.0.2",
+                "isobject": "^3.0.1"
+            },
+            "dependencies": {
+                "isobject": {
+                    "version": "3.0.1",
+                    "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+                    "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
+                }
+            }
+        },
+        "css-tree": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+            "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+            "requires": {
+                "mdn-data": "2.0.14",
+                "source-map": "^0.6.1"
+            }
+        },
        "css.escape": {
            "version": "1.5.1",
            "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
@@ -4834,6 +5223,11 @@
                "esutils": "^2.0.2"
            }
        },
+        "dom-align": {
+            "version": "1.12.0",
+            "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.12.0.tgz",
+            "integrity": "sha512-YkoezQuhp3SLFGdOlr5xkqZ640iXrnHAwVYcDg8ZKRUtO7mSzSC2BA5V0VuyAwPSJA4CLIc6EDDJh4bEsD2+zA=="
+        },
        "domain-browser": {
            "version": "1.2.0",
            "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -4899,6 +5293,14 @@
            "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.0.tgz",
            "integrity": "sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw=="
        },
+        "error-stack-parser": {
+            "version": "2.0.6",
+            "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.0.6.tgz",
+            "integrity": "sha512-d51brTeqC+BHlwF0BhPtcYgF5nlzf9ZZ0ZIUQNZpc9ZB9qw5IJ2diTrBY9jlCJkTLITYPjmiX6OWCwH+fuyNgQ==",
+            "requires": {
+                "stackframe": "^1.1.1"
+            }
+        },
        "es-abstract": {
            "version": "1.18.0",
            "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0.tgz",
@@ -5222,10 +5624,9 @@
            }
        },
        "fast-deep-equal": {
-            "version": "3.1.1",
-            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz",
-            "integrity": "sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==",
-            "dev": true
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
        },
        "fast-json-stable-stringify": {
            "version": "2.1.0",
@@ -5239,6 +5640,16 @@
            "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
            "dev": true
        },
+        "fast-shallow-equal": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz",
+            "integrity": "sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw=="
+        },
+        "fastest-stable-stringify": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/fastest-stable-stringify/-/fastest-stable-stringify-2.0.2.tgz",
+            "integrity": "sha512-bijHueCGd0LqqNK9b5oCMHc0MluJAx0cwqASgbWMvkO01lCYgIhacVRLcaDz3QnyYIRNJRDwMb41VuT6pHJ91Q=="
+        },
        "feed": {
            "version": "4.1.0",
            "resolved": "https://registry.npmjs.org/feed/-/feed-4.1.0.tgz",
@@ -5478,6 +5889,11 @@
            "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
            "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM="
        },
+        "hyphenate-style-name": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
+            "integrity": "sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ=="
+        },
        "iconv-lite": {
            "version": "0.4.24",
            "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
@@ -5518,6 +5934,14 @@
            "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
            "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
        },
+        "inline-style-prefixer": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-6.0.0.tgz",
+            "integrity": "sha512-XTHvRUS4ZJNzC1GixJRmOlWSS45fSt+DJoyQC9ytj0WxQfcgofQtDtyKKYxHUqEsWCs+LIWftPF1ie7+i012Fg==",
+            "requires": {
+                "css-in-js-utils": "^2.0.0"
+            }
+        },
        "inquirer": {
            "version": "7.1.0",
            "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.1.0.tgz",
@@ -5756,6 +6180,11 @@
                }
            }
        },
+        "js-cookie": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
+            "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+        },
        "js-tokens": {
            "version": "4.0.0",
            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -5884,6 +6313,11 @@
                "safe-buffer": "^5.1.2"
            }
        },
+        "mdn-data": {
+            "version": "2.0.14",
+            "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+            "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
+        },
        "mdurl": {
            "version": "1.0.1",
            "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
@@ -5960,6 +6394,33 @@
            "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
            "dev": true
        },
+        "nano-css": {
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/nano-css/-/nano-css-5.3.1.tgz",
+            "integrity": "sha512-ENPIyNzANQRyYVvb62ajDd7PAyIgS2LIUnT9ewih4yrXSZX4hKoUwssy8WjUH++kEOA5wUTMgNnV7ko5n34kUA==",
+            "requires": {
+                "css-tree": "^1.1.2",
+                "csstype": "^3.0.6",
+                "fastest-stable-stringify": "^2.0.2",
+                "inline-style-prefixer": "^6.0.0",
+                "rtl-css-js": "^1.14.0",
+                "sourcemap-codec": "^1.4.8",
+                "stacktrace-js": "^2.0.2",
+                "stylis": "^4.0.6"
+            },
+            "dependencies": {
+                "csstype": {
+                    "version": "3.0.7",
+                    "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.7.tgz",
+                    "integrity": "sha512-KxnUB0ZMlnUWCsx2Z8MUsr6qV6ja1w9ArPErJaJaF8a5SOWoHLIszeCTKGRGRgtLgYrs1E8CHkNSP1VZTTPc9g=="
+                },
+                "stylis": {
+                    "version": "4.0.9",
+                    "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.9.tgz",
+                    "integrity": "sha512-ci7pEFNVW3YJiWEzqPOMsAjY6kgraZ3ZgBfQ5HYbNtLJEsQ0G46ejWZpfSSCp/FaSiCSGGhzL9O2lN+2cB6ong=="
+                }
+            }
+        },
        "nanoid": {
            "version": "3.1.20",
            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.20.tgz",
@@ -6505,6 +6966,59 @@
                "unpipe": "1.0.0"
            }
        },
+        "rc-align": {
+            "version": "4.0.9",
+            "resolved": "https://registry.npmjs.org/rc-align/-/rc-align-4.0.9.tgz",
+            "integrity": "sha512-myAM2R4qoB6LqBul0leaqY8gFaiECDJ3MtQDmzDo9xM9NRT/04TvWOYd2YHU9zvGzqk9QXF6S9/MifzSKDZeMw==",
+            "requires": {
+                "@babel/runtime": "^7.10.1",
+                "classnames": "2.x",
+                "dom-align": "^1.7.0",
+                "rc-util": "^5.3.0",
+                "resize-observer-polyfill": "^1.5.1"
+            }
+        },
+        "rc-motion": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.4.1.tgz",
+            "integrity": "sha512-TWLvymfMu8SngPx5MDH8dQ0D2RYbluNTfam4hY/dNNx9RQ3WtGuZ/GXHi2ymLMzH+UNd6EEFYkOuR5JTTtm8Xg==",
+            "requires": {
+                "@babel/runtime": "^7.11.1",
+                "classnames": "^2.2.1",
+                "rc-util": "^5.2.1"
+            }
+        },
+        "rc-tooltip": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-5.1.0.tgz",
+            "integrity": "sha512-pFqD1JZwNIpbdcefB7k5xREoHAWM/k3yQwYF0iminbmDXERgq4rvBfUwIvlCqqZSM7HDr9hYeYr6ZsVNaKtvCQ==",
+            "requires": {
+                "@babel/runtime": "^7.11.2",
+                "rc-trigger": "^5.0.0"
+            }
+        },
+        "rc-trigger": {
+            "version": "5.2.3",
+            "resolved": "https://registry.npmjs.org/rc-trigger/-/rc-trigger-5.2.3.tgz",
+            "integrity": "sha512-6Fokao07HUbqKIDkDRFEM0AGZvsvK0Fbp8A/KFgl1ngaqfO1nY037cISCG1Jm5fxImVsXp9awdkP7Vu5cxjjog==",
+            "requires": {
+                "@babel/runtime": "^7.11.2",
+                "classnames": "^2.2.6",
+                "rc-align": "^4.0.0",
+                "rc-motion": "^2.0.0",
+                "rc-util": "^5.5.0"
+            }
+        },
+        "rc-util": {
+            "version": "5.9.8",
+            "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.9.8.tgz",
+            "integrity": "sha512-typLSHYGf5irvGLYQshs0Ra3aze086h0FhzsAkyirMunYZ7b3Te8gKa5PVaanoHaZa9sS6qx98BxgysoRP+6Tw==",
+            "requires": {
+                "@babel/runtime": "^7.12.5",
+                "react-is": "^16.12.0",
+                "shallowequal": "^1.1.0"
+            }
+        },
        "react": {
            "version": "17.0.1",
            "resolved": "https://registry.npmjs.org/react/-/react-17.0.1.tgz",
@@ -6524,6 +7038,12 @@
                "scheduler": "^0.20.1"
            }
        },
+        "react-icons": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.2.0.tgz",
+            "integrity": "sha512-rmzEDFt+AVXRzD7zDE21gcxyBizD/3NqjbX6cmViAgdqfJ2UiLer8927/QhhrXQV7dEj/1EGuOTPp7JnLYVJKQ==",
+            "requires": {}
+        },
        "react-is": {
            "version": "16.13.1",
            "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -6534,6 +7054,40 @@
            "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz",
            "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
        },
+        "react-universal-interface": {
+            "version": "0.6.2",
+            "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",
+            "integrity": "sha512-dg8yXdcQmvgR13RIlZbTRQOoUrDciFVoSBZILwjE2LFISxZZ8loVJKAkuzswl5js8BHda79bIb2b84ehU8IjXw==",
+            "requires": {}
+        },
+        "react-use": {
+            "version": "17.2.1",
+            "resolved": "https://registry.npmjs.org/react-use/-/react-use-17.2.1.tgz",
+            "integrity": "sha512-9r51/at7/Nr/nEP4CsHz+pl800EAqhIY9R6O68m68kaWc8slDAfx1UrIedQqpsb4ImddFYb+6hF1i5Vj4u4Cnw==",
+            "requires": {
+                "@types/js-cookie": "^2.2.6",
+                "@xobotyi/scrollbar-width": "^1.9.5",
+                "copy-to-clipboard": "^3.3.1",
+                "fast-deep-equal": "^3.1.3",
+                "fast-shallow-equal": "^1.0.0",
+                "js-cookie": "^2.2.1",
+                "nano-css": "^5.3.1",
+                "react-universal-interface": "^0.6.2",
+                "resize-observer-polyfill": "^1.5.1",
+                "screenfull": "^5.1.0",
+                "set-harmonic-interval": "^1.0.1",
+                "throttle-debounce": "^3.0.1",
+                "ts-easing": "^0.2.0",
+                "tslib": "^2.1.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.1.0",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz",
+                    "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A=="
+                }
+            }
+        },
        "readable-stream": {
            "version": "3.6.0",
            "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -6563,6 +7117,11 @@
            "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==",
            "dev": true
        },
+        "resize-observer-polyfill": {
+            "version": "1.5.1",
+            "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+            "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+        },
        "restore-cursor": {
            "version": "3.1.0",
            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
@@ -6582,6 +7141,14 @@
                "inherits": "^2.0.1"
            }
        },
+        "rtl-css-js": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/rtl-css-js/-/rtl-css-js-1.14.1.tgz",
+            "integrity": "sha512-G9N1s/6329FpJr8k9e1U/Lg0IDWThv99sb7k0IrXHjSnubxe01h52/ajsPRafJK1/2Vqrhz3VKLe3E1dx6jS9Q==",
+            "requires": {
+                "@babel/runtime": "^7.1.2"
+            }
+        },
        "run-async": {
            "version": "2.4.1",
            "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
@@ -6622,11 +7189,21 @@
                "object-assign": "^4.1.1"
            }
        },
+        "screenfull": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/screenfull/-/screenfull-5.1.0.tgz",
+            "integrity": "sha512-dYaNuOdzr+kc6J6CFcBrzkLCfyGcMg+gWkJ8us93IQ7y1cevhQAugFsaCdMHb6lw8KV3xPzSxzH7zM1dQap9mA=="
+        },
        "semver": {
            "version": "6.3.0",
            "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
            "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw=="
        },
+        "set-harmonic-interval": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz",
+            "integrity": "sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g=="
+        },
        "setimmediate": {
            "version": "1.0.5",
            "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
@@ -6646,6 +7223,11 @@
                "safe-buffer": "^5.0.1"
            }
        },
+        "shallowequal": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+            "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+        },
        "shebang-command": {
            "version": "2.0.0",
            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -6740,11 +7322,55 @@
            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
        },
+        "sourcemap-codec": {
+            "version": "1.4.8",
+            "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
+            "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+        },
        "sprintf-js": {
            "version": "1.0.3",
            "resolved": "http://storage.mds.yandex.net/get-npm/35308/sprintf-js-1.0.3.tgz",
            "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
        },
+        "stack-generator": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.5.tgz",
+            "integrity": "sha512-/t1ebrbHkrLrDuNMdeAcsvynWgoH/i4o8EGGfX7dEYDoTXOYVAkEpFdtshlvabzc6JlJ8Kf9YdFEoz7JkzGN9Q==",
+            "requires": {
+                "stackframe": "^1.1.1"
+            }
+        },
+        "stackframe": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.2.0.tgz",
+            "integrity": "sha512-GrdeshiRmS1YLMYgzF16olf2jJ/IzxXY9lhKOskuVziubpTYcYqyOwYeJKzQkwy7uN0fYSsbsC4RQaXf9LCrYA=="
+        },
+        "stacktrace-gps": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/stacktrace-gps/-/stacktrace-gps-3.0.4.tgz",
+            "integrity": "sha512-qIr8x41yZVSldqdqe6jciXEaSCKw1U8XTXpjDuy0ki/apyTn/r3w9hDAAQOhZdxvsC93H+WwwEu5cq5VemzYeg==",
+            "requires": {
+                "source-map": "0.5.6",
+                "stackframe": "^1.1.1"
+            },
+            "dependencies": {
+                "source-map": {
+                    "version": "0.5.6",
+                    "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz",
+                    "integrity": "sha1-dc449SvwczxafwwRjYEzSiu19BI="
+                }
+            }
+        },
+        "stacktrace-js": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/stacktrace-js/-/stacktrace-js-2.0.2.tgz",
+            "integrity": "sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==",
+            "requires": {
+                "error-stack-parser": "^2.0.6",
+                "stack-generator": "^2.0.5",
+                "stacktrace-gps": "^3.0.4"
+            }
+        },
        "stacktrace-parser": {
            "version": "0.1.10",
            "resolved": "https://registry.npmjs.org/stacktrace-parser/-/stacktrace-parser-0.1.10.tgz",
@@ -6970,6 +7596,11 @@
            "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
            "dev": true
        },
+        "throttle-debounce": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-3.0.1.tgz",
+            "integrity": "sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg=="
+        },
        "through": {
            "version": "2.3.8",
            "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -7011,6 +7642,11 @@
                "is-number": "^7.0.0"
            }
        },
+        "toggle-selection": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+            "integrity": "sha1-bkWxJj8gF/oKzH2J14sVuL932jI="
+        },
        "toidentifier": {
            "version": "1.0.0",
            "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
@@ -7024,6 +7660,11 @@
                "punycode": "^2.1.0"
            }
        },
+        "ts-easing": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/ts-easing/-/ts-easing-0.2.0.tgz",
+            "integrity": "sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ=="
+        },
        "ts-pnp": {
            "version": "1.2.0",
            "resolved": "https://registry.npmjs.org/ts-pnp/-/ts-pnp-1.2.0.tgz",
@@ -7032,8 +7673,7 @@
        "tslib": {
            "version": "1.13.0",
            "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
-            "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q==",
-            "dev": true
+            "integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
        },
        "tty-browserify": {
            "version": "0.0.0",
@@ -23,8 +23,11 @@
        "lodash": "^4.17.19",
        "markdown-it": "^10.0.0",
        "next": "^10.1.3",
+        "rc-tooltip": "^5.1.0",
        "react": "^17.0.1",
        "react-dom": "^17.0.1",
+        "react-icons": "^4.2.0",
+        "react-use": "^17.2.1",
        "sitemap": "^1.5.0",
        "typograf": "^6.11.1",
        "use-media": "^1.4.0"
@@ -8,14 +8,14 @@ import { Meta } from 'src/components/Meta'
 import { MetaBuilder } from 'src/lib/meta'
 import { apiGet } from '@/next-lib'
 import { GetStaticProps, NextPage } from 'next'
-import { IBreadcumbsPart, IMeta, ITag, FileTokenData, Token } from '@/types'
-import { size, ext } from 'src/lib/file'
+import { IBreadcumbsPart, IMeta, ITag, Sign, Token } from '@/types'
 import { Html } from 'src/components/Html'
 import { Youtube } from '@/components/Youtube'
 import { createPage, createPageUrls } from '@/remote/factory'
 import { paramsToSlug } from '@/remote/lib'
 import { PageGrid } from '@/components/PageGrid'
 import { useRouter } from 'next/router'
+import { FileCard } from '@/components/FIleCard'

 async function getUrls() {
    let urls = []
@@ -36,35 +36,6 @@ async function getUrls() {
    return urls
 }

-const File: React.SFC<FileTokenData> = props => {
-    const fileSize = size(props.file_size)
-    const format = ext(props.file_format)
-
-    return (
-        <div className={'document-row'}>
-            <a href={props['url']} className="invisible">
-                <div className="document-row__image">
-                    <Image
-                        src={props['image_url']}
-                        width={200}
-                        height={200}
-                    />
-                </div>
-            </a>
-
-            <div className="document-row__file">
-                <a href={props['url']}>{props['title']}</a>
-            </div>
-
-            <div className="document-row__file-info">
-                <a href={props.file_url} target="_blank">
-                    {format} ({fileSize})
-                </a>
-            </div>
-        </div>
-    )
-}
-
 type Props = {
    title: string
    tags: ITag[]
@@ -83,6 +54,12 @@ const Index: NextPage<Props> = props => {
            </div>
        )
    }
+    const sign: Sign = {
+        date: '20.01.2021г.',
+        person: 'Тимашева Марина Геннадьевна',
+        position: 'Директор',
+        signature: '0ac4ea89753a4ba9893799442325fb41',
+    }

    return (
        <App
@@ -154,7 +131,11 @@ const Index: NextPage<Props> = props => {

                            case 'file':
                                return (
-                                    <File key={i} {...x.data} />
+                                    <FileCard
+                                        key={i}
+                                        sign={sign}
+                                        {...x.data}
+                                    />
                                )

                            case 'grid':
@@ -1,5 +1,6 @@
+import 'rc-tooltip/assets/bootstrap_white.css'
+
 import 'src/style/style.css'
-import 'src/style/document-row.css'
 import 'src/style/content.css'
 import 'src/style/article.css'
 import 'src/style/marker/marker-table.css'
@@ -1,30 +0,0 @@
-import * as React from 'react'
-import { ext, size } from '../../lib/file'
-import { titleCase } from '../../lib/string'
-
-export interface IDocumentListItemProps {
-    title: string
-    url: string
-    imageUrl: string
-    fileUrl: string
-    fileName: string
-    fileSize: number
-}
-
-export const DocumentListItem: React.FC<IDocumentListItemProps> = props => (
-    <div className="document-row">
-        <a href={props.url} className="invisible">
-            <div className="document-row__image">
-                <img src={props.imageUrl} alt={props.title} />
-            </div>
-        </a>
-
-        <div className="document-row__file">
-            <a href={props.url}>{titleCase(props.title)}</a>
-        </div>
-
-        <div className="document-row__file-info">
-            <a href={props.fileUrl} target="_blank">{ext(props.fileName)} ({size(props.fileSize)})</a>
-        </div>
-    </div>
-)
@@ -0,0 +1,25 @@
+import s from './signature.module.css'
+
+import { Sign } from '@/types'
+import { FiShield } from 'react-icons/fi'
+import Tooltip from 'rc-tooltip'
+
+export type SignatureProps = Sign
+export const Signature: React.FC<SignatureProps> = props => {
+    const content = (
+        <ul className={s.signature}>
+            <li>Дата и время подписания: {props.date}</li>
+            <li>ФИО подписавшего документ: {props.person}</li>
+            <li>Должность: {props.position}</li>
+            <li>Уникальный программный ключ: {props.signature}</li>
+        </ul>
+    )
+
+    return (
+        <>
+            <Tooltip overlayClassName={'hudozka'} placement="left" trigger={['hover', 'click']} overlay={content}>
+                <FiShield className={s.secure} size={20} />
+            </Tooltip>
+        </>
+    )
+}
@@ -0,0 +1,21 @@
+.file {
+  display: flex;
+  flex-direction: row;
+
+  margin-bottom: var(--size-l);
+}
+
+.image {
+  box-shadow: var(--shadow);
+}
+
+.name {
+  margin-left: var(--size-m);
+  flex-grow: 7;
+}
+
+.info {
+  flex-grow: 1;
+  font-size: var(--font-size-second);
+  text-align: right;
+}
@@ -0,0 +1,58 @@
+import s from './filecard.module.css'
+
+import Image from 'next/image'
+import { FileTokenData, Sign } from '@/types'
+import { size, ext } from '@/lib/file'
+import { getResizedUrl } from '@/lib/image'
+import { Signature } from './Signature'
+
+export type FileCardProps = FileTokenData & {
+    sign?: Sign
+}
+
+export const FileCard: React.FC<FileCardProps> = props => {
+    const fileSize = size(props.file_size)
+    const format = ext(props.file_format)
+
+    return (
+        <div className={s.file}>
+            <a href={props.url} className="invisible">
+                <div className={s.image}>
+                    <Image
+                        className={s.image}
+                        loader={({ src, width, quality }) => {
+                            return getResizedUrl(src, {
+                                width: 200,
+                                height: 200,
+                                n: 1,
+                            })
+                        }}
+                        src={props.image_url}
+                        width={100}
+                        height={100}
+                        objectFit={'contain'}
+                    />
+                </div>
+            </a>
+
+            <div className={s.name}>
+                <span style={{
+                    display: 'flex',
+                }}>
+                    {!props.sign ? null : (
+                        <Signature
+                            {...props.sign}
+                        />
+                    )}
+                    <a href={props.url}>{props.title}</a>
+                </span>
+            </div>
+
+            <div className={s.info}>
+                <a href={props.file_url} target="_blank">
+                    {format} ({fileSize})
+                </a>
+            </div>
+        </div>
+    )
+}
@@ -0,0 +1,7 @@
+.secure {
+  padding-right: 10px;
+}
+
+.signature{
+    list-style: none;
+}
@@ -10,5 +10,5 @@ export function getResizedUrl(src: string, options: ResizeOptions): string {
        return null
    }

-    return `http://images.weserv.nl/?url=${src}&w=${options.width}&h=${options.height}&n=${n}`
+    return `https://images.weserv.nl/?url=${src}&w=${options.width}&h=${options.height}&n=${n}`
 }
@@ -58,11 +58,12 @@ export function createPageTokens(components: StrapiComponent[]): Token[] {
                    data: {
                        url: component.media.url,
                        slug: 'jopa',
-                        image_url: getResizedUrl(component.media.url, {
-                            width: 200,
-                            height: 200,
-                            n: 1,
-                        }),
+                        image_url: component.media.url,
+                        // image_url: getResizedUrl(component.media.url, {
+                        //     width: 200,
+                        //     height: 200,
+                        //     n: 1,
+                        // }),
                        file_url: component.media.url,
                        title: component.title,
                        file_size: component.media.size * 1000,
@@ -1,37 +0,0 @@
-.document-row {
-    display: flex;
-    flex-direction: row;
-    padding: 0;
-    margin-bottom: var(--size-m);
-}
-
-.document-row__image {
-    min-width: 4em;
-    width: 4em;
-    height: 4em;
-
-    display: flex;
-    justify-content: center;
-    align-items: flex-start;
-}
-.document-row__image img {
-    max-width: 100%;
-    max-height: 100%;
-    box-shadow: var(--shadow);
-}
-
-.document-row__image--big {
-    max-width: 20em;
-}
-
-.document-row__file {
-    margin-left: var(--size-m);
-    flex-grow: 10;
-}
-
-.document-row__file-info {
-    width: 25%;
-    flex-grow: 1;
-    font-size: var(--font-size-second);
-    text-align: right;
-}
@@ -71,6 +71,8 @@ body {

    color: var(--color-text);
    background-color: var(--color-back-main);
+
+    font-family: var(--text-font);
 }

 footer {
@@ -136,6 +138,39 @@ a.invisible {
    overflow: hidden;
 }

+
+/* RC TOOLTIP OVERRIDE */
+.hudozka.rc-tooltip {
+    position: absolute;
+    background-color: initial;
+    padding: 0;
+    opacity: 1;
+}
+.hudozka.rc-tooltip-placement-left .rc-tooltip-arrow {
+    border-left-color: var(--color-back-opposite);
+}
+.hudozka.rc-tooltip-placement-right .rc-tooltip-arrow {
+    border-right-color: var(--color-back-opposite);
+}
+.hudozka.rc-tooltip-placement-top .rc-tooltip-arrow {
+    border-top-color: var(--color-back-opposite);
+}
+.hudozka.rc-tooltip-placement-bottom .rc-tooltip-arrow {
+    border-bottom-color: var(--color-back-opposite);
+}
+.hudozka .rc-tooltip-inner {
+  padding: var(--size-m);
+  color: var(--color-text-opposite);
+  text-align: left;
+  text-decoration: none;
+  background-color: var(--color-back-opposite);
+  border-radius: var(--radius);
+  min-height: 34px;
+  border: none;
+  box-shadow: var(--shadow);
+}
+
+/* MOBILE */
@media (max-width: 31.25em) {
    :root {
        --font-size-default: 14pt;
@@ -44,6 +44,13 @@ export interface IPage {
    featured: boolean
 }

+export type Sign = {
+    date: string
+    person: string
+    position: string
+    signature: string
+}
+
 export interface IDocument {
    // category: string
    fileName: string