Introduce the resources required for website optimization (#1444)

10 months ago · 2ac204907f
parent 2b11fac5f6
commit 2ac204907f
41 changed files with 2288 additions and 164 deletions
--- a/docs/package-lock.json
+++ b/docs/package-lock.json
@ -11,10 +11,13 @@
        "@docusaurus/core": "2.1.0",
        "@docusaurus/preset-classic": "2.1.0",
        "@mdx-js/react": "^1.6.22",
+        "autoprefixer": "^10.4.14",
        "clsx": "^1.1.1",
+        "postcss": "^8.4.23",
        "prism-react-renderer": "^1.3.3",
        "react": "^17.0.2",
-        "react-dom": "^17.0.2"
+        "react-dom": "^17.0.2",
+        "tailwindcss": "^3.3.2"
      },
      "devDependencies": {
        "@docusaurus/module-type-aliases": "2.1.0"
@ -165,6 +168,17 @@
        "@algolia/requester-common": "4.17.0"
      }
    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
    "node_modules/@ampproject/remapping": {
      "version": "2.2.1",
      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
@ -3735,6 +3749,11 @@
        "node": ">=4"
      }
    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+    },
    "node_modules/anymatch": {
      "version": "3.1.3",
      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@ -5527,6 +5546,11 @@
        "detect-port": "bin/detect-port.js"
      }
    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+    },
    "node_modules/dir-glob": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@ -5538,6 +5562,11 @@
        "node": ">=8"
      }
    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+    },
    "node_modules/dns-equal": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
@ -8101,6 +8130,16 @@
        "multicast-dns": "cli.js"
      }
    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
    "node_modules/nanoid": {
      "version": "3.3.6",
      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
@ -8242,6 +8281,14 @@
        "node": ">=0.10.0"
      }
    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
    "node_modules/object-inspect": {
      "version": "1.12.3",
      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
@ -8629,6 +8676,22 @@
        "url": "https://github.com/sponsors/jonschlinkert"
      }
    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
    "node_modules/pkg-dir": {
      "version": "4.2.0",
      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
@ -8822,6 +8885,76 @@
        "postcss": "^8.2.15"
      }
    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
+      "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+      "dependencies": {
+        "lilconfig": "^2.0.5",
+        "yaml": "^2.1.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-load-config/node_modules/yaml": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.2.tgz",
+      "integrity": "sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
    "node_modules/postcss-loader": {
      "version": "7.3.0",
      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.0.tgz",
@ -9023,6 +9156,24 @@
        "postcss": "^8.1.0"
      }
    },
+    "node_modules/postcss-nested": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
    "node_modules/postcss-normalize-charset": {
      "version": "5.1.0",
      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
@ -9826,6 +9977,14 @@
        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
      }
    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
    "node_modules/readable-stream": {
      "version": "3.6.2",
      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
@ -11057,6 +11216,54 @@
        "postcss": "^8.2.15"
      }
    },
+    "node_modules/sucrase": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
+      "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "7.1.6",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
    "node_modules/supports-color": {
      "version": "5.5.0",
      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@ -11112,6 +11319,53 @@
        "node": ">= 10"
      }
    },
+    "node_modules/tailwindcss": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz",
+      "integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.2.12",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.18.2",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
    "node_modules/tapable": {
      "version": "2.2.1",
      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@ -11180,6 +11434,25 @@
      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/thunky": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
@ -11267,6 +11540,11 @@
        "url": "https://github.com/sponsors/wooorm"
      }
    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+    },
    "node_modules/tslib": {
      "version": "2.5.0",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
@ -12574,6 +12852,11 @@
        "@algolia/requester-common": "4.17.0"
      }
    },
+    "@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="
+    },
    "@ampproject/remapping": {
      "version": "2.2.1",
      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
@ -15174,6 +15457,11 @@
        "color-convert": "^1.9.0"
      }
    },
+    "any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+    },
    "anymatch": {
      "version": "3.1.3",
      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@ -16419,6 +16707,11 @@
        "debug": "4"
      }
    },
+    "didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+    },
    "dir-glob": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@ -16427,6 +16720,11 @@
        "path-type": "^4.0.0"
      }
    },
+    "dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+    },
    "dns-equal": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
@ -18299,6 +18597,16 @@
        "thunky": "^1.0.2"
      }
    },
+    "mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "requires": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
    "nanoid": {
      "version": "3.3.6",
      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
@ -18390,6 +18698,11 @@
      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
    },
+    "object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="
+    },
    "object-inspect": {
      "version": "1.12.3",
      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
@ -18666,6 +18979,16 @@
      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
    },
+    "pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
+    },
+    "pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg=="
+    },
    "pkg-dir": {
      "version": "4.2.0",
      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
@ -18785,6 +19108,40 @@
        "postcss-selector-parser": "^6.0.5"
      }
    },
+    "postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "requires": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      }
+    },
+    "postcss-js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "requires": {
+        "camelcase-css": "^2.0.1"
+      }
+    },
+    "postcss-load-config": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
+      "integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
+      "requires": {
+        "lilconfig": "^2.0.5",
+        "yaml": "^2.1.1"
+      },
+      "dependencies": {
+        "yaml": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.2.tgz",
+          "integrity": "sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg=="
+        }
+      }
+    },
    "postcss-loader": {
      "version": "7.3.0",
      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.0.tgz",
@ -18906,6 +19263,14 @@
        "icss-utils": "^5.0.0"
      }
    },
+    "postcss-nested": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
+      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "requires": {
+        "postcss-selector-parser": "^6.0.11"
+      }
+    },
    "postcss-normalize-charset": {
      "version": "5.1.0",
      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
@ -19469,6 +19834,14 @@
        "use-latest": "^1.2.1"
      }
    },
+    "read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "requires": {
+        "pify": "^2.3.0"
+      }
+    },
    "readable-stream": {
      "version": "3.6.2",
      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
@ -20408,6 +20781,40 @@
        "postcss-selector-parser": "^6.0.4"
      }
    },
+    "sucrase": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
+      "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "requires": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "7.1.6",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+          "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="
+        },
+        "glob": {
+          "version": "7.1.6",
+          "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
+          "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+          "requires": {
+            "fs.realpath": "^1.0.0",
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "^3.0.4",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
    "supports-color": {
      "version": "5.5.0",
      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@ -20447,6 +20854,45 @@
        }
      }
    },
+    "tailwindcss": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz",
+      "integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
+      "requires": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.2.12",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.18.2",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "6.0.2",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+          "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+          "requires": {
+            "is-glob": "^4.0.3"
+          }
+        }
+      }
+    },
    "tapable": {
      "version": "2.2.1",
      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@ -20487,6 +20933,22 @@
      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
    },
+    "thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "requires": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "requires": {
+        "thenify": ">= 3.1.0 < 4"
+      }
+    },
    "thunky": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
@ -20550,6 +21012,11 @@
      "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz",
      "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA=="
    },
+    "ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+    },
    "tslib": {
      "version": "2.5.0",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz",
--- a/docs/package.json
+++ b/docs/package.json
@ -20,7 +20,11 @@
    "clsx": "^1.1.1",
    "prism-react-renderer": "^1.3.3",
    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "autoprefixer": "^10.4.14",
+    "tailwindcss": "^3.3.2",
+    "postcss": "^8.4.23"
+
  },
  "devDependencies": {
    "@docusaurus/module-type-aliases": "2.1.0"
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@ -5,207 +5,217 @@
 * LICENSE file in the root directory of this source tree.
 */

+/* load tailwind css */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
+
 :root {
-    /*
+  /*
    See css var + hsl color palette technique:
    https://blog.maximeheckel.com/posts/the-power-of-composition-with-css-variables/
     */
-    --site-primary-hue-saturation: 167 68%;
-    --site-primary-hue-saturation-light: 167 56%; /* do we really need this extra one? */
-    --site-color-favorite-background: #f6fdfd;
-    --site-color-tooltip: #fff;
-    --site-color-tooltip-background: #353738;
-    --site-color-svg-icon-favorite: #e9669e;
-    --site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 25%);
-    --site-color-feedback-background: #fff;
-}
-
-html[data-theme='dark'] {
-    --site-color-feedback-background: #f0f8ff;
-    --site-color-favorite-background: #1d1e1e;
-    --site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 10%);
-}
-
-[data-theme='light'] {
-    --ifm-color-primary: hsl(var(--site-primary-hue-saturation) 30%);
-    --ifm-color-primary-dark: hsl(var(--site-primary-hue-saturation) 26%);
-    --ifm-color-primary-darker: hsl(var(--site-primary-hue-saturation) 23%);
-    --ifm-color-primary-darkest: hsl(var(--site-primary-hue-saturation) 17%);
-
-    --ifm-color-primary-light: hsl(var(--site-primary-hue-saturation-light) 39%);
-    --ifm-color-primary-lighter: hsl(
-            var(--site-primary-hue-saturation-light) 47%
-    );
-    --ifm-color-primary-lightest: hsl(
-            var(--site-primary-hue-saturation-light) 58%
-    );
-}
-
-[data-theme='dark'] {
-    --ifm-color-primary: hsl(var(--site-primary-hue-saturation) 45%);
-    --ifm-color-primary-dark: hsl(var(--site-primary-hue-saturation) 41%);
-    --ifm-color-primary-darker: hsl(var(--site-primary-hue-saturation) 38%);
-    --ifm-color-primary-darkest: hsl(var(--site-primary-hue-saturation) 32%);
-
-    --ifm-color-primary-light: hsl(var(--site-primary-hue-saturation-light) 54%);
-    --ifm-color-primary-lighter: hsl(
-            var(--site-primary-hue-saturation-light) 62%
-    );
-    --ifm-color-primary-lightest: hsl(
-            var(--site-primary-hue-saturation-light) 73%
-    );
+  --site-primary-hue-saturation: 167 68%;
+  --site-primary-hue-saturation-light: 167 56%; /* do we really need this extra one? */
+  --site-color-favorite-background: #f6fdfd;
+  --site-color-tooltip: #fff;
+  --site-color-tooltip-background: #353738;
+  --site-color-svg-icon-favorite: #e9669e;
+  --site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 25%);
+  --site-color-feedback-background: #fff;
+  --ifm-font-family-base: "Poppins";
+}
+
+html[data-theme="dark"] {
+  --site-color-feedback-background: #f0f8ff;
+  --site-color-favorite-background: #1d1e1e;
+  --site-color-checkbox-checked-bg: hsl(167deg 56% 73% / 10%);
+}
+
+[data-theme="light"] {
+  --ifm-color-primary: hsl(var(--site-primary-hue-saturation) 30%);
+  --ifm-color-primary-dark: hsl(var(--site-primary-hue-saturation) 26%);
+  --ifm-color-primary-darker: hsl(var(--site-primary-hue-saturation) 23%);
+  --ifm-color-primary-darkest: hsl(var(--site-primary-hue-saturation) 17%);
+
+  --ifm-color-primary-light: hsl(var(--site-primary-hue-saturation-light) 39%);
+  --ifm-color-primary-lighter: hsl(
+    var(--site-primary-hue-saturation-light) 47%
+  );
+  --ifm-color-primary-lightest: hsl(
+    var(--site-primary-hue-saturation-light) 58%
+  );
+}
+
+[data-theme="dark"] {
+  --ifm-color-primary: hsl(var(--site-primary-hue-saturation) 45%);
+  --ifm-color-primary-dark: hsl(var(--site-primary-hue-saturation) 41%);
+  --ifm-color-primary-darker: hsl(var(--site-primary-hue-saturation) 38%);
+  --ifm-color-primary-darkest: hsl(var(--site-primary-hue-saturation) 32%);
+
+  --ifm-color-primary-light: hsl(var(--site-primary-hue-saturation-light) 54%);
+  --ifm-color-primary-lighter: hsl(
+    var(--site-primary-hue-saturation-light) 62%
+  );
+  --ifm-color-primary-lightest: hsl(
+    var(--site-primary-hue-saturation-light) 73%
+  );
 }

 .docusaurus-highlight-code-line {
-    background-color: rgb(0 0 0 / 10%);
-    display: block;
-    margin: 0 calc(-1 * var(--ifm-pre-padding));
-    padding: 0 var(--ifm-pre-padding);
+  background-color: rgb(0 0 0 / 10%);
+  display: block;
+  margin: 0 calc(-1 * var(--ifm-pre-padding));
+  padding: 0 var(--ifm-pre-padding);
 }

-[data-theme='dark'] .docusaurus-highlight-code-line {
-    background-color: rgb(66 66 66 / 30%);
+[data-theme="dark"] .docusaurus-highlight-code-line {
+  background-color: rgb(66 66 66 / 30%);
 }

 .header-github-link:hover {
-    opacity: 0.6;
+  opacity: 0.6;
 }

 .header-github-link::before {
-    content: '';
-    width: 24px;
-    height: 24px;
-    display: flex;
-    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
+  content: "";
+  width: 24px;
+  height: 24px;
+  display: flex;
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
 }

-[data-theme='dark'] .header-github-link::before {
-    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") no-repeat;
+[data-theme="dark"] .header-github-link::before {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
 }

 .footer--dark {
-    --ifm-footer-background-color: #2b3137;
+  --ifm-footer-background-color: #2b3137;
 }

 .unique-tabs .tabs__item {
-    line-height: 16px;
-    margin-right: 8px;
+  line-height: 16px;
+  margin-right: 8px;
 }

 .unique-tabs .tabs__item--active {
-    border: 0;
-    color: #fff;
-    border-radius: var(--ifm-global-radius);
-    background-color: var(--ifm-tabs-color-active);
-}
-
-[data-theme='light'] .themedDocusaurus [fill='#FFFF50'] {
-    fill: greenyellow;
-}
-
-[data-theme='dark'] .themedDocusaurus [fill='#FFFF50'] {
-    fill: seagreen;
-}
-
-[data-theme='light'] .DocSearch {
-    /* --docsearch-primary-color: var(--ifm-color-primary); */
-    /* --docsearch-text-color: var(--ifm-font-color-base); */
-    --docsearch-muted-color: var(--ifm-color-emphasis-700);
-    --docsearch-container-background: rgb(94 100 112 / 70%);
-    /* Modal */
-    --docsearch-modal-background: var(--ifm-color-secondary-lighter);
-    /* Search box */
-    --docsearch-searchbox-background: var(--ifm-color-secondary);
-    --docsearch-searchbox-focus-background: var(--ifm-color-white);
-    /* Hit */
-    --docsearch-hit-color: var(--ifm-font-color-base);
-    --docsearch-hit-active-color: var(--ifm-color-white);
-    --docsearch-hit-background: var(--ifm-color-white);
-    /* Footer */
-    --docsearch-footer-background: var(--ifm-color-white);
-}
-
-[data-theme='dark'] .DocSearch {
-    --docsearch-text-color: var(--ifm-font-color-base);
-    --docsearch-muted-color: var(--ifm-color-secondary-darkest);
-    --docsearch-container-background: rgb(47 55 69 / 70%);
-    /* Modal */
-    --docsearch-modal-background: var(--ifm-background-color);
-    /* Search box */
-    --docsearch-searchbox-background: var(--ifm-background-color);
-    --docsearch-searchbox-focus-background: var(--ifm-color-black);
-    /* Hit */
-    --docsearch-hit-color: var(--ifm-font-color-base);
-    --docsearch-hit-active-color: var(--ifm-color-white);
-    --docsearch-hit-background: var(--ifm-color-emphasis-100);
-    /* Footer */
-    --docsearch-footer-background: var(--ifm-background-surface-color);
-    --docsearch-key-gradient: linear-gradient(
-            -26.5deg,
-            var(--ifm-color-emphasis-200) 0%,
-            var(--ifm-color-emphasis-100) 100%
-    );
-}
-
-div[class^='announcementBar_'] {
-    --site-announcement-bar-stripe-color1: hsl(
-            var(--site-primary-hue-saturation) 85%
-    );
-    --site-announcement-bar-stripe-color2: hsl(
-            var(--site-primary-hue-saturation) 95%
-    );
-    background: repeating-linear-gradient(
-            35deg,
-            var(--site-announcement-bar-stripe-color1),
-            var(--site-announcement-bar-stripe-color1) 20px,
-            var(--site-announcement-bar-stripe-color2) 10px,
-            var(--site-announcement-bar-stripe-color2) 40px
-    );
-    font-weight: bold;
+  border: 0;
+  color: #fff;
+  border-radius: var(--ifm-global-radius);
+  background-color: var(--ifm-tabs-color-active);
+}
+
+[data-theme="light"] .themedDocusaurus [fill="#FFFF50"] {
+  fill: greenyellow;
+}
+
+[data-theme="dark"] .themedDocusaurus [fill="#FFFF50"] {
+  fill: seagreen;
+}
+
+[data-theme="light"] .DocSearch {
+  /* --docsearch-primary-color: var(--ifm-color-primary); */
+  /* --docsearch-text-color: var(--ifm-font-color-base); */
+  --docsearch-muted-color: var(--ifm-color-emphasis-700);
+  --docsearch-container-background: rgb(94 100 112 / 70%);
+  /* Modal */
+  --docsearch-modal-background: var(--ifm-color-secondary-lighter);
+  /* Search box */
+  --docsearch-searchbox-background: var(--ifm-color-secondary);
+  --docsearch-searchbox-focus-background: var(--ifm-color-white);
+  /* Hit */
+  --docsearch-hit-color: var(--ifm-font-color-base);
+  --docsearch-hit-active-color: var(--ifm-color-white);
+  --docsearch-hit-background: var(--ifm-color-white);
+  /* Footer */
+  --docsearch-footer-background: var(--ifm-color-white);
+}
+
+[data-theme="dark"] .DocSearch {
+  --docsearch-text-color: var(--ifm-font-color-base);
+  --docsearch-muted-color: var(--ifm-color-secondary-darkest);
+  --docsearch-container-background: rgb(47 55 69 / 70%);
+  /* Modal */
+  --docsearch-modal-background: var(--ifm-background-color);
+  /* Search box */
+  --docsearch-searchbox-background: var(--ifm-background-color);
+  --docsearch-searchbox-focus-background: var(--ifm-color-black);
+  /* Hit */
+  --docsearch-hit-color: var(--ifm-font-color-base);
+  --docsearch-hit-active-color: var(--ifm-color-white);
+  --docsearch-hit-background: var(--ifm-color-emphasis-100);
+  /* Footer */
+  --docsearch-footer-background: var(--ifm-background-surface-color);
+  --docsearch-key-gradient: linear-gradient(
+    -26.5deg,
+    var(--ifm-color-emphasis-200) 0%,
+    var(--ifm-color-emphasis-100) 100%
+  );
+}
+
+div[class^="announcementBar_"] {
+  --site-announcement-bar-stripe-color1: hsl(
+    var(--site-primary-hue-saturation) 85%
+  );
+  --site-announcement-bar-stripe-color2: hsl(
+    var(--site-primary-hue-saturation) 95%
+  );
+  background: repeating-linear-gradient(
+    35deg,
+    var(--site-announcement-bar-stripe-color1),
+    var(--site-announcement-bar-stripe-color1) 20px,
+    var(--site-announcement-bar-stripe-color2) 10px,
+    var(--site-announcement-bar-stripe-color2) 40px
+  );
+  font-weight: bold;
 }

 .red > a {
-    color: red;
+  color: red;
 }

 .screen-reader-only {
-    border: 0;
-    clip: rect(0 0 0 0);
-    clip-path: polygon(0 0, 0 0, 0 0);
-    height: 1px;
-    margin: -1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    width: 1px;
-    white-space: nowrap;
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: polygon(0 0, 0 0, 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
 }

-[data-theme='light'] img[src$='#gh-dark-mode-only'],
-[data-theme='dark'] img[src$='#gh-light-mode-only'] {
-    display: none;
+[data-theme="light"] img[src$="#gh-dark-mode-only"],
+[data-theme="dark"] img[src$="#gh-light-mode-only"] {
+  display: none;
 }

 /* Used to test CSS insertion order */
 .test-marker-site-custom-css-unique-rule {
-    content: 'site-custom-css-unique-rule';
+  content: "site-custom-css-unique-rule";
 }

@media only screen and (max-width: 996px) {
-    .video-container {
-        position: relative;
-        overflow: hidden;
-        width: 100%;
-        max-width: 560px;
-        margin: 0 auto;
-        padding-top: 56.25%;
-    }
-
-    .video-container iframe {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
+  .video-container {
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+    max-width: 560px;
+    margin: 0 auto;
+    padding-top: 56.25%;
+  }
+
+  .video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
 }
--- a/docs/static/img/company_logos/94ai.png
+++ b/docs/static/img/company_logos/94ai.png
--- a/docs/static/img/company_logos/aisino.png
+++ b/docs/static/img/company_logos/aisino.png
--- a/docs/static/img/company_logos/bananain.png
+++ b/docs/static/img/company_logos/bananain.png
--- a/docs/static/img/company_logos/bangkebang.png
+++ b/docs/static/img/company_logos/bangkebang.png
--- a/docs/static/img/company_logos/didiglobal.svg
+++ b/docs/static/img/company_logos/didiglobal.svg
@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="99" height="38" viewBox="0 0 99 38">
+<desc>Created with Sketch.</desc>
+<defs>
+</defs>
+<g transform="matrix(1 0 0 1 46.5 19)"  >
+<g style=""   >
+		<g transform="matrix(1 0 0 1 1.81 6.25)" id="Fill-1"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48.31, -25.25)" d="M 48.7217 20.9722 C 47.9585333 22.9672 46.5372278 26.6806444 45.64845 28.6851444 L 45.5497556 28.9083944 L 47.8160333 29.7296167 L 47.9020611 29.53645 C 49.0352 26.9994222 50.0443111 24.4639778 50.98745 21.78445 L 51.0629222 21.5707 L 48.8013944 20.7647833 L 48.7217 20.9722 Z" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 1.81 -7.31)" id="Fill-3"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48.31, -11.69)" d="M 47.1649139 12.3122639 C 47.8679139 12.8548194 48.6648583 13.4702083 49.1651917 13.900875 L 49.3451639 14.0560417 L 50.8377194 12.1660694 L 50.6756917 12.0235694 C 49.988525 11.4197917 48.896025 10.556875 47.4272194 9.459625 L 47.2467194 9.32451389 L 45.7889972 11.2324306 L 45.9610528 11.3717639 C 46.2756083 11.625625 46.7068028 11.9586528 47.1649139 12.3122639" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 1.57 -2.15)" id="Fill-5"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48.07, -16.85)" d="M 49.3460611 19.4095556 L 50.8391444 17.5185278 L 50.6734222 17.3765556 C 49.4901444 16.36375 48.1627833 15.3161111 46.9346444 14.4262778 L 46.7546722 14.2953889 L 45.29695 16.2122778 L 45.4848389 16.3495 C 46.6823667 17.2224444 47.9891444 18.2547778 49.1660889 19.2565 L 49.3460611 19.4095556 Z" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 12.72 -0.08)" id="Fill-7"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-59.22, -18.92)" d="M 61.7289417 12.4118028 L 61.1299139 14.4353028 L 57.313025 14.4353028 L 56.7139972 12.4118028 L 61.7289417 12.4118028 Z M 61.1631639 23.673525 L 61.1631639 24.8393861 C 61.1631639 25.0135528 61.0211917 25.1549972 60.8475528 25.1549972 L 57.279775 25.1549972 L 57.279775 23.673525 L 61.1631639 23.673525 Z M 60.5324694 7.83069167 L 57.9109972 7.83069167 L 57.9109972 10.2194139 L 50.8561917 10.2194139 L 50.8561917 12.4118028 L 54.1136361 12.4144417 L 54.8256083 14.4379417 L 51.456275 14.434775 L 51.456275 30.0158306 L 53.8661083 30.0158306 L 53.8661083 16.6276917 L 58.0165528 16.6276917 L 58.0165528 17.9587472 L 54.5020806 17.9587472 L 54.5020806 20.1511361 L 58.0165528 20.1511361 L 58.0165528 21.4811361 L 55.0879139 21.4811361 L 55.0879139 27.3473861 L 61.7706361 27.3473861 C 62.6441083 27.3473861 63.355025 26.6364694 63.355025 25.7619417 L 63.355025 21.4811361 L 60.4263861 21.4811361 L 60.4263861 20.1511361 L 63.7170806 20.1511361 L 63.7170806 17.9587472 L 60.4263861 17.9587472 L 60.4263861 16.6276917 L 64.5773583 16.6276917 L 64.5773583 26.965275 C 64.5773583 27.4381639 64.1920806 27.8229139 63.7186639 27.8229139 L 61.1003583 27.8229139 L 61.7431917 30.0158306 L 64.0448306 30.0158306 C 65.6666917 30.0158306 66.9866639 28.6958583 66.9866639 27.0734694 L 66.9866639 14.4353028 L 63.6168028 14.4353028 L 64.3282472 12.4118028 L 67.5862194 12.4118028 L 67.5862194 10.2194139 L 60.5324694 10.2194139 L 60.5324694 7.83069167 Z" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 27.17 6.25)" id="Fill-9"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73.67, -25.25)" d="M 74.0896028 20.9722 C 73.324325 22.9703667 71.9003806 26.6906722 71.0163528 28.6851444 L 70.9181861 28.9083944 L 73.1839361 29.7296167 L 73.2699639 29.53645 C 74.4009917 27.0025889 75.4101028 24.4666167 76.354825 21.78445 L 76.4302972 21.5707 L 74.1692972 20.7647833 L 74.0896028 20.9722 Z" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 27.18 -7.31)" id="Fill-11"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73.68, -11.69)" d="M 72.5371972 12.3159583 C 73.2386139 12.8574583 74.033975 13.4712639 74.5332528 13.900875 L 74.713225 14.0560417 L 76.2052528 12.1660694 L 76.043225 12.0235694 C 75.3581694 11.421375 74.2651417 10.5584583 72.7952806 9.459625 L 72.6147806 9.32451389 L 71.1570583 11.2324306 L 71.3291139 11.3717639 C 71.6441972 11.6266806 72.0775028 11.9607639 72.5371972 12.3159583" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 26.94 -2.15)" id="Fill-13"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73.44, -16.85)" d="M 74.7140167 19.4095556 L 76.2071 17.5185278 L 76.0413778 17.3765556 C 74.8581 16.36375 73.5307389 15.3161111 72.3026 14.4262778 L 72.1226278 14.2953889 L 70.6654333 16.2122778 L 70.8527944 16.3495 C 72.0524333 17.2240278 73.3597389 18.2568889 74.5340444 19.2565 L 74.7140167 19.4095556 Z" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 38.09 -0.08)" id="Fill-15"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-84.59, -18.92)" d="M 87.0968972 12.4118028 L 86.4973417 14.4353028 L 82.6809806 14.4353028 L 82.0819528 12.4118028 L 87.0968972 12.4118028 Z M 86.5305917 23.673525 L 86.5305917 24.8393861 C 86.5305917 25.0135528 86.3886194 25.1549972 86.2155083 25.1549972 L 82.6477306 25.1549972 L 82.6477306 23.673525 L 86.5305917 23.673525 Z M 85.8998972 7.83069167 L 83.278425 7.83069167 L 83.278425 10.2194139 L 76.224675 10.2194139 L 76.224675 12.4118028 L 79.4815917 12.4144417 L 80.1930361 14.4379417 L 76.8242306 14.434775 L 76.8242306 30.0158306 L 79.2335361 30.0158306 L 79.2335361 16.6276917 L 83.3839806 16.6276917 L 83.3839806 17.9587472 L 79.8700361 17.9587472 L 79.8700361 20.1511361 L 83.3839806 20.1511361 L 83.3839806 21.4811361 L 80.4558694 21.4811361 L 80.4558694 27.3473861 L 87.1380639 27.3473861 C 88.0120639 27.3473861 88.7224528 26.6364694 88.7224528 25.7619417 L 88.7224528 21.4811361 L 85.7943417 21.4811361 L 85.7943417 20.1511361 L 89.0845083 20.1511361 L 89.0845083 17.9587472 L 85.7943417 17.9587472 L 85.7943417 16.6276917 L 89.9447861 16.6276917 L 89.9447861 26.965275 C 89.9447861 27.4381639 89.5595083 27.8229139 89.0866194 27.8229139 L 86.4677861 27.8229139 L 87.1106194 30.0158306 L 89.4122583 30.0158306 C 91.0346472 30.0158306 92.3546194 28.6958583 92.3546194 27.0734694 L 92.3546194 14.4353028 L 88.9852861 14.4353028 L 89.6967306 12.4118028 L 92.9536472 12.4118028 L 92.9536472 10.2194139 L 85.8998972 10.2194139 L 85.8998972 7.83069167 Z" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 -27.57 -0.07)" id="Fill-17"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-18.93, -18.93)" d="M 30.0177306 37.7670389 L 7.83839722 37.7670389 C 3.55811944 37.7670389 0.0890361111 34.2974278 0.0890361111 30.0176778 L 0.0890361111 7.83834444 C 0.0890361111 3.55806667 3.55811944 0.0889833333 7.83839722 0.0889833333 L 30.0177306 0.0889833333 C 34.2974806 0.0889833333 37.7670917 3.55806667 37.7670917 7.83834444 L 37.7670917 30.0176778 C 37.7670917 34.2974278 34.2974806 37.7670389 30.0177306 37.7670389" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 -27.57 -0.07)" id="Stroke-19"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: evenodd; opacity: 1;"  transform=" translate(-18.93, -18.93)" d="M 30.0177306 37.7670389 L 7.83839722 37.7670389 C 3.55811944 37.7670389 0.0890361111 34.2974278 0.0890361111 30.0176778 L 0.0890361111 7.83834444 C 0.0890361111 3.55806667 3.55811944 0.0889833333 7.83839722 0.0889833333 L 30.0177306 0.0889833333 C 34.2974806 0.0889833333 37.7670917 3.55806667 37.7670917 7.83834444 L 37.7670917 30.0176778 C 37.7670917 34.2974278 34.2974806 37.7670389 30.0177306 37.7670389 Z" stroke-linecap="round" />
+</g>
+		<g transform="matrix(1 0 0 1 -27.16 0.77)" id="Fill-21"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,100,0); fill-rule: evenodd; opacity: 1;"  transform=" translate(-19.34, -19.77)" d="M 19.419425 25.8178333 C 23.9799528 25.6753333 27.5957583 22.0463333 27.6490639 17.5401667 L 27.6490639 13.6662778 L 32.6666472 13.6662778 L 32.6666472 17.9497222 C 32.5690083 24.9169167 26.5122306 30.41425 19.419425 30.5720556 L 19.419425 30.571 C 12.2105083 30.5261389 6.10675833 24.9902778 6.00736001 17.9486667 L 6.00736001 10.2483889 C 5.99645278 9.46094444 6.50945278 8.95005556 7.28423056 8.96113889 L 27.6469528 8.96008333 L 27.6469528 13.6641667 L 11.6790361 13.6683889 C 11.2694806 13.6683889 11.0230083 13.9180278 11.0230083 14.3238889 L 11.0230083 17.4620556 C 11.0773694 22.0278611 14.7554528 25.7708611 19.4183694 25.8178333 L 19.419425 25.8178333 Z" stroke-linecap="round" />
+</g>
+</g>
+</g>
+</svg>
--- a/docs/static/img/company_logos/digitalchina.png
+++ b/docs/static/img/company_logos/digitalchina.png
--- a/docs/static/img/company_logos/duofriend.png
+++ b/docs/static/img/company_logos/duofriend.png
--- a/docs/static/img/company_logos/eju.png
+++ b/docs/static/img/company_logos/eju.png
--- a/docs/static/img/company_logos/fittime.png
+++ b/docs/static/img/company_logos/fittime.png
--- a/docs/static/img/company_logos/geely.jpg
+++ b/docs/static/img/company_logos/geely.jpg
--- a/docs/static/img/company_logos/glodon.jpg
+++ b/docs/static/img/company_logos/glodon.jpg
--- a/docs/static/img/company_logos/haohuoyundian.png
+++ b/docs/static/img/company_logos/haohuoyundian.png
--- a/docs/static/img/company_logos/hua-cloud.png
+++ b/docs/static/img/company_logos/hua-cloud.png
--- a/docs/static/img/company_logos/ist.png
+++ b/docs/static/img/company_logos/ist.png
--- a/docs/static/img/company_logos/lbdj.png
+++ b/docs/static/img/company_logos/lbdj.png
--- a/docs/static/img/company_logos/lightinthebox.avif
+++ b/docs/static/img/company_logos/lightinthebox.avif
--- a/docs/static/img/company_logos/medbanks.png
+++ b/docs/static/img/company_logos/medbanks.png
--- a/docs/static/img/company_logos/payermax.png
+++ b/docs/static/img/company_logos/payermax.png
--- a/docs/static/img/company_logos/qyzl.png
+++ b/docs/static/img/company_logos/qyzl.png
--- a/docs/static/img/company_logos/serviceshare.png
+++ b/docs/static/img/company_logos/serviceshare.png
--- a/docs/static/img/company_logos/shangmanet.png
+++ b/docs/static/img/company_logos/shangmanet.png
--- a/docs/static/img/company_logos/tianshu.png
+++ b/docs/static/img/company_logos/tianshu.png
--- a/docs/static/img/company_logos/tjlc.png
+++ b/docs/static/img/company_logos/tjlc.png
--- a/docs/static/img/company_logos/tophant.png
+++ b/docs/static/img/company_logos/tophant.png
--- a/docs/static/img/company_logos/xdf.png
+++ b/docs/static/img/company_logos/xdf.png
--- a/docs/static/img/company_logos/xinhuazhiyun.svg
+++ b/docs/static/img/company_logos/xinhuazhiyun.svg
@ -0,0 +1 @@
+<svg width="123" height="22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 17.456h80.048V0H0z"/></defs><g fill="none" fill-rule="evenodd"><g fill="#EE404A" fill-rule="nonzero"><path d="M14.28 8.196c-.431.609-3.383 5.455-5.141 7.594-.988 1.202-4.05 4.871-7.254 1.215-2.86-3.263-2.04-8.799-.344-11.26.736-1.07 1.7-1.943 3.12-1.872 1.172.058 2.122.61 2.993 2.126 1.92 3.339 4.957 3.323 6.626 2.197M12.45 13.383s4.524-7.774 7.484-10.867c3.426-3.578 8.292-3.232 10.406.35 1.307 2.214 2.02 4.927 2.03 7.77.009 2.81-1.003 8.834-4.636 10.445-2.181.967-5.084.677-7.516-2.204-4.39-5.204-5.93-5.97-7.768-5.494"/></g><g transform="translate(42 2)"><path d="M56.54 10.865v3.885c0 .66-.567 1.198-1.265 1.198H44.407V14.16h10.862v-1.506H44.407v-1.788H56.54zm-13.724 6.59h12.459c1.575 0 2.856-1.213 2.856-2.705V9.359H42.816v8.095z" fill="#131415"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M52.605 6.634h5.043V2.136h-5.043v4.498zm-1.59 1.506h8.223V.63h-8.222v7.51zM41.71 7.05l.501 1.41c.139-.045 2.476-.677 3.861-2.554a16.13 16.13 0 012.406 2.493l1.283-.89c-.628-.84-1.344-1.55-1.968-2.134h1.904V3.87h-3.003V2.136h3.003V.63H43.5V0h-1.59v2.136h3.192v1.733h-3.188v1.506h2.615c-.833.852-2.148 1.468-2.82 1.675M64.779 2.136h13.185V.63H64.779zM62.695 8.14h17.353V6.634H62.695zM78.89 13.455h-1.64l.342 1.288a.923.923 0 01-.185.832 1.036 1.036 0 01-.807.373H65.96l1.688-6.353h-1.64l-2.087 7.86H76.6a2.65 2.65 0 002.06-.953c.499-.606.671-1.38.473-2.126l-.245-.92zM24.352 9.872h1.59V2.353C26.975 1.311 27.624.417 27.902 0h-1.945a17.414 17.414 0 01-5.059 4.271V5.99a18.76 18.76 0 003.454-2.205v6.087zM30.37 10.178h-1.59V11.7h-7.882v1.506h7.882v4.25h1.59v-4.25h7.882V11.7H30.37zM38.252 1.347c-.679.381-2.613 1.419-4.815 2.187v1.597c1.945-.624 3.723-1.476 4.815-2.047V1.347z" fill="#131415" mask="url(#b)"/><path d="M33.624 8.306c-.698 0-1.265-.537-1.265-1.198V0h-1.59v7.108c0 1.492 1.28 2.705 2.855 2.705h4.628V8.306h-4.628zM17.354 5.299h-6.407V2.282c1.175-.085 3.552-.3 5.919-.741V.003c-3.242.633-6.722.822-6.758.824l-.751.039v10.268c0 2.883-.07 4.515-.695 6.321h1.69c.48-1.484.595-3.567.595-6.32v-4.33h3.51v10.65h1.59V6.805h1.307V5.299zM7.932 13.533c0 1.692.222 2.63.27 2.813H6.84c-.5-1.115-.499-2.21-.499-3.575v-.904h1.59v1.666zM.27 13.533c0 1.692-.221 2.63-.27 2.813h1.363c.499-1.115.498-2.21.498-3.575v-.904H.271v1.666zM1.918 3.083H.288c.092.412.404 1.423.84 2.154h1.466a18.555 18.555 0 01-.676-2.154M6.327 3.083h1.63c-.091.412-.403 1.423-.839 2.154H5.652c.339-.887.555-1.66.675-2.154M4.47 0H2.697l.55 1.051H0v1.507h8.24V1.051H5.02z" fill="#131415" mask="url(#b)"/><path d="M0 7.243h3.324v1.734H0v1.506h3.324v4.761c0 .372-.247.812-.742 1.086v1.125c1.079 0 2.333-.966 2.333-2.21v-4.762h3.324V8.977H4.915V7.243h3.324V5.737H0v1.506z" fill="#131415" mask="url(#b)"/></g></g></svg>
--- a/docs/static/img/company_logos/yckjdata.png
+++ b/docs/static/img/company_logos/yckjdata.png
--- a/docs/static/img/company_logos/yiche.png
+++ b/docs/static/img/company_logos/yiche.png
--- a/docs/static/img/company_logos/youdao.png
+++ b/docs/static/img/company_logos/youdao.png
--- a/docs/static/img/company_logos/yuantiaokj.png
+++ b/docs/static/img/company_logos/yuantiaokj.png
--- a/docs/static/img/company_logos/zhihu.png
+++ b/docs/static/img/company_logos/zhihu.png
--- a/docs/static/img/company_logos/zhihuiya.png
+++ b/docs/static/img/company_logos/zhihuiya.png
--- a/docs/static/img/company_logos/zhlc.png
+++ b/docs/static/img/company_logos/zhlc.png
--- a/docs/static/img/company_logos/ziroom.png
+++ b/docs/static/img/company_logos/ziroom.png
--- a/docs/static/img/company_logos/zzltsw.png
+++ b/docs/static/img/company_logos/zzltsw.png
--- a/docs/static/img/hero.svg
+++ b/docs/static/img/hero.svg
--- a/docs/static/json/company_logo.json
+++ b/docs/static/json/company_logo.json
@ -0,0 +1,227 @@
+[
+  {
+    "name": "身边云",
+    "logo": "/img/company_logos/serviceshare.png",
+    "url": "https://serviceshare.com"
+  },
+  {
+    "name": "思派健康科技",
+    "logo": "/img/company_logos/medbanks.png",
+    "url": "https://www.medbanks.cn"
+  },
+  {
+    "name": "北京智合联创科技有限公司",
+    "logo": "/img/company_logos/zhlc.png",
+    "url": "http://www.zhlc.com.cn"
+  },
+  {
+    "name": "神州数码（北京）",
+    "logo": "/img/company_logos/digitalchina.png",
+    "url": "http://www.digitalchina.com"
+  },
+  {
+    "name": "PayerMax",
+    "logo": "/img/company_logos/payermax.png",
+    "url": "https://www.payermax.com/"
+  },
+  {
+    "name": "轻松到家",
+    "logo": "",
+    "url": "http://www.uyess.com/index.html"
+  },
+  {
+    "name": "某商业银行股份有限公司",
+    "logo": "",
+    "url": "https://github.com/opengoofy/hippo4j/issues/13"
+  },
+  {
+    "name": "某国际物流信息股份有限公司",
+    "logo": "",
+    "url": "https://github.com/opengoofy/hippo4j/issues/13"
+  },
+  {
+    "name": "萨科（深圳）科技有限公司",
+    "logo": "/img/company_logos/lbdj.png",
+    "url": "https://www.lbdj.com/"
+  },
+  {
+    "name": "广东天枢新能源科技有限公司",
+    "logo": "/img/company_logos/tianshu.png",
+    "url": "https://gd-tianshu.com/"
+  },
+  {
+    "name": "FitTime",
+    "logo": "/img/company_logos/fittime.png",
+    "url": "http://fittime.com/"
+  },
+  {
+    "name": "百强国际物流",
+    "logo": "",
+    "url": "https://github.com/opengoofy/hippo4j/issues/13"
+  },
+  {
+    "name": "海南某深圳分公司",
+    "logo": "",
+    "url": "https://github.com/opengoofy/hippo4j/issues/13"
+  },
+  {
+    "name": "众合云科（51社保）",
+    "logo": "",
+    "url": "https://home.101hr.com/"
+  },
+  {
+    "name": "好货云店",
+    "logo": "/img/company_logos/haohuoyundian.png",
+    "url": "https://pc.haohuoyundian.com/"
+  },
+  {
+    "name": "斗象科技",
+    "logo": "/img/company_logos/tophant.png",
+    "url": "https://www.tophant.com/"
+  },
+  {
+    "name": "深圳航天信息有限公司",
+    "logo": "/img/company_logos/aisino.png",
+    "url": "http://sz.aisino.com/"
+  },
+  {
+    "name": "新东方教育科技集团",
+    "logo": "/img/company_logos/xdf.png",
+    "url": "https://www.xdf.cn/"
+  },
+  {
+    "name": "远眺网络科技有限公司",
+    "logo": "/img/company_logos/yuantiaokj.png",
+    "url": "https://www.yuantiaokj.com/"
+  },
+  {
+    "name": "浙江吉利控股集团有限公司",
+    "logo": "/img/company_logos/geely.png",
+    "url": "https://www.geely.com/"
+  },
+  {
+    "name": "三立人（深圳）科技有限公司-焦内",
+    "logo": "/img/company_logos/bananain.png",
+    "url": "https://www.bananain.com/"
+  },
+  {
+    "name": "上海天猫好房添玑网络服务有限公司",
+    "logo": "/img/company_logos/eju.png",
+    "url": "http://www.eju.com/"
+  },
+  {
+    "name": "郑州力通水务",
+    "logo": "/img/company_logos/zzltsw.png",
+    "url": "http://www.zzltsw.com/"
+  },
+  {
+    "name": "北京自如信息科技有限公司",
+    "logo": "/img/company_logos/ziroom.png",
+    "url": "https://www.ziroom.com/"
+  },
+  {
+    "name": "北京易车信息科技有限公司",
+    "logo": "/img/company_logos/yiche.png",
+    "url": "https://www.yiche.com/"
+  },
+  {
+    "name": "中新软件（上海）有限公司",
+    "logo": "",
+    "url": "http://www.5000m.com"
+  },
+  {
+    "name": "深圳市上马网络技术有限公司",
+    "logo": "/img/company_logos/shangmanet.png",
+    "url": "https://www.shangmanet.com"
+  },
+  {
+    "name": "兰亭集势(成都)科技有限公司",
+    "logo": "/img/company_logos/lightinthebox.png",
+    "url": "https://www.lightinthebox.com/"
+  },
+  {
+    "name": "杭州数理大数据有限公司",
+    "logo": "",
+    "url": "https://www.data4truth.com/#/"
+  },
+  {
+    "name": "九四智能",
+    "logo": "/img/company_logos/94ai.png",
+    "url": "https://94ai.com"
+  },
+  {
+    "name": "新华智云科技有限公司",
+    "logo": "/img/company_logos/xinhuazhiyun.png",
+    "url": "https://www.xinhuazhiyun.com"
+  },
+  {
+    "name": "银丰新融",
+    "logo": "/img/company_logos/ist.png",
+    "url": "https://www.ist.com.cn"
+  },
+  {
+    "name": "深圳市帮客帮科技有限公司",
+    "logo": "/img/company_logos/bangkebang.png",
+    "url": "https://www.bangkebang.com"
+  },
+  {
+    "name": "重庆威爱云科技有限公司",
+    "logo": "",
+    "url": "https://51vive.com"
+  },
+  {
+    "name": "网易有道信息技术（北京）有限公司",
+    "logo": "/img/company_logos/youdao.png",
+    "url": "https://www.youdao.com"
+  },
+  {
+    "name": "神州数码（西安）",
+    "logo": "/img/company_logos/digitalchina.png",
+    "url": "https://www.digitalchina.com"
+  },
+  {
+    "name": "广联达科技股份有限公司",
+    "logo": "/img/company_logos/glodon.png",
+    "url": "https://www.glodon.com"
+  },
+  {
+    "name": "天健联创控股集团有限公司",
+    "logo": "/img/company_logos/tjlc.png",
+    "url": "https://www.tjlc.com.cn"
+  },
+  {
+    "name": "知乎",
+    "logo": "/img/company_logos/zhihu.png",
+    "url": "https://www.zhihu.com/"
+  },
+  {
+    "name": "广东谷通科技有限公司",
+    "logo": "/img/company_logos/duofriend.png",
+    "url": "https://www.duofriend.com"
+  },
+  {
+    "name": "成都全域智旅科技有限公司",
+    "logo": "/img/company_logos/qyzl.png",
+    "url": "http://qyzl.com"
+  },
+  {
+    "name": "深圳市华云中盛科技股份有限公司",
+    "logo": "/img/company_logos/hua-cloud.png",
+    "url": "http://www.hua-cloud.cn"
+  },
+  {
+    "name": "智慧芽信息科技（苏州）有限公司",
+    "logo": "/img/company_logos/zhihuiya.png",
+    "url": "https://www.zhihuiya.com"
+  },
+  {
+    "name": "滴滴出行",
+    "logo": "/img/company_logos/didiglobal.svg",
+    "url": "https://www.didiglobal.com"
+  },
+  {
+    "name": "杭州源诚科技有限公司",
+    "logo": "/img/company_logos/yckjdata.png",
+    "url": "http://www.yckjdata.com"
+  }
+]
--- a/docs/tailwind.config.js
+++ b/docs/tailwind.config.js
@ -0,0 +1,10 @@
+module.exports = {
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+  corePlugins: { preflight: false },
+  // set dark mode. example <h1 className="text-black dark:text-white">Hello, World!</h1>
+  darkMode: ["class", '[data-theme="dark"]'],
+};
				`@ -0,0 +1 @@`
				<svg width="123" height="22" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 17.456h80.048V0H0z"/></defs><g fill="none" fill-rule="evenodd"><g fill="#EE404A" fill-rule="nonzero"><path d="M14.28 8.196c-.431.609-3.383 5.455-5.141 7.594-.988 1.202-4.05 4.871-7.254 1.215-2.86-3.263-2.04-8.799-.344-11.26.736-1.07 1.7-1.943 3.12-1.872 1.172.058 2.122.61 2.993 2.126 1.92 3.339 4.957 3.323 6.626 2.197M12.45 13.383s4.524-7.774 7.484-10.867c3.426-3.578 8.292-3.232 10.406.35 1.307 2.214 2.02 4.927 2.03 7.77.009 2.81-1.003 8.834-4.636 10.445-2.181.967-5.084.677-7.516-2.204-4.39-5.204-5.93-5.97-7.768-5.494"/></g><g transform="translate(42 2)"><path d="M56.54 10.865v3.885c0 .66-.567 1.198-1.265 1.198H44.407V14.16h10.862v-1.506H44.407v-1.788H56.54zm-13.724 6.59h12.459c1.575 0 2.856-1.213 2.856-2.705V9.359H42.816v8.095z" fill="#131415"/><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M52.605 6.634h5.043V2.136h-5.043v4.498zm-1.59 1.506h8.223V.63h-8.222v7.51zM41.71 7.05l.501 1.41c.139-.045 2.476-.677 3.861-2.554a16.13 16.13 0 012.406 2.493l1.283-.89c-.628-.84-1.344-1.55-1.968-2.134h1.904V3.87h-3.003V2.136h3.003V.63H43.5V0h-1.59v2.136h3.192v1.733h-3.188v1.506h2.615c-.833.852-2.148 1.468-2.82 1.675M64.779 2.136h13.185V.63H64.779zM62.695 8.14h17.353V6.634H62.695zM78.89 13.455h-1.64l.342 1.288a.923.923 0 01-.185.832 1.036 1.036 0 01-.807.373H65.96l1.688-6.353h-1.64l-2.087 7.86H76.6a2.65 2.65 0 002.06-.953c.499-.606.671-1.38.473-2.126l-.245-.92zM24.352 9.872h1.59V2.353C26.975 1.311 27.624.417 27.902 0h-1.945a17.414 17.414 0 01-5.059 4.271V5.99a18.76 18.76 0 003.454-2.205v6.087zM30.37 10.178h-1.59V11.7h-7.882v1.506h7.882v4.25h1.59v-4.25h7.882V11.7H30.37zM38.252 1.347c-.679.381-2.613 1.419-4.815 2.187v1.597c1.945-.624 3.723-1.476 4.815-2.047V1.347z" fill="#131415" mask="url(#b)"/><path d="M33.624 8.306c-.698 0-1.265-.537-1.265-1.198V0h-1.59v7.108c0 1.492 1.28 2.705 2.855 2.705h4.628V8.306h-4.628zM17.354 5.299h-6.407V2.282c1.175-.085 3.552-.3 5.919-.741V.003c-3.242.633-6.722.822-6.758.824l-.751.039v10.268c0 2.883-.07 4.515-.695 6.321h1.69c.48-1.484.595-3.567.595-6.32v-4.33h3.51v10.65h1.59V6.805h1.307V5.299zM7.932 13.533c0 1.692.222 2.63.27 2.813H6.84c-.5-1.115-.499-2.21-.499-3.575v-.904h1.59v1.666zM.27 13.533c0 1.692-.221 2.63-.27 2.813h1.363c.499-1.115.498-2.21.498-3.575v-.904H.271v1.666zM1.918 3.083H.288c.092.412.404 1.423.84 2.154h1.466a18.555 18.555 0 01-.676-2.154M6.327 3.083h1.63c-.091.412-.403 1.423-.839 2.154H5.652c.339-.887.555-1.66.675-2.154M4.47 0H2.697l.55 1.051H0v1.507h8.24V1.051H5.02z" fill="#131415" mask="url(#b)"/><path d="M0 7.243h3.324v1.734H0v1.506h3.324v4.761c0 .372-.247.812-.742 1.086v1.125c1.079 0 2.333-.966 2.333-2.21v-4.762h3.324V8.977H4.915V7.243h3.324V5.737H0v1.506z" fill="#131415" mask="url(#b)"/></g></g></svg>