1
0
mirror of https://github.com/Bayselonarrend/OpenIntegrations.git synced 2025-11-25 22:12:29 +02:00

Переработка главной страницы доков

This commit is contained in:
Anton Titovets
2025-06-29 18:55:34 +03:00
parent 408473f4ec
commit a2cf13403b
20 changed files with 1002 additions and 353 deletions

485
docs/docusaurus/package-lock.json generated vendored
View File

@@ -16,7 +16,10 @@
"docusaurus-plugin-yandex-metrica": "^1.2.1",
"prism-react-renderer": "^2.3.0",
"react": "^18.0.0",
"react-dom": "^18.0.0"
"react-dom": "^18.0.0",
"react-tsparticles": "^2.12.2",
"three": "^0.177.0",
"tsparticles-slim": "^2.12.0"
},
"devDependencies": {
"@docusaurus/module-type-aliases": "3.0.1",
@@ -13899,6 +13902,34 @@
"react": ">=15"
}
},
"node_modules/react-tsparticles": {
"version": "2.12.2",
"resolved": "https://registry.npmjs.org/react-tsparticles/-/react-tsparticles-2.12.2.tgz",
"integrity": "sha512-/nrEbyL8UROXKIMXe+f+LZN2ckvkwV2Qa+GGe/H26oEIc+wq/ybSG9REDwQiSt2OaDQGu0MwmA4BKmkL6wAWcA==",
"deprecated": "@tsparticles/react is the new version, please use that",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/matteobruni"
},
{
"type": "github",
"url": "https://github.com/sponsors/tsparticles"
},
{
"type": "buymeacoffee",
"url": "https://www.buymeacoffee.com/matteobruni"
}
],
"hasInstallScript": true,
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
},
"peerDependencies": {
"react": ">=16"
}
},
"node_modules/readable-stream": {
"version": "3.6.2",
"resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
@@ -15680,6 +15711,12 @@
"integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
"license": "MIT"
},
"node_modules/three": {
"version": "0.177.0",
"resolved": "https://registry.npmjs.org/three/-/three-0.177.0.tgz",
"integrity": "sha512-EiXv5/qWAaGI+Vz2A+JfavwYCMdGjxVsrn3oBwllUoqYeaBO75J63ZfyaQKoiLrqNHoTlUc6PFgMXnS0kI45zg==",
"license": "MIT"
},
"node_modules/thunky": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
@@ -15817,6 +15854,452 @@
"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
"license": "0BSD"
},
"node_modules/tsparticles-basic": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-basic/-/tsparticles-basic-2.12.0.tgz",
"integrity": "sha512-pN6FBpL0UsIUXjYbiui5+IVsbIItbQGOlwyGV55g6IYJBgdTNXgFX0HRYZGE9ZZ9psEXqzqwLM37zvWnb5AG9g==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/matteobruni"
},
{
"type": "github",
"url": "https://github.com/sponsors/tsparticles"
},
{
"type": "buymeacoffee",
"url": "https://www.buymeacoffee.com/matteobruni"
}
],
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0",
"tsparticles-move-base": "^2.12.0",
"tsparticles-shape-circle": "^2.12.0",
"tsparticles-updater-color": "^2.12.0",
"tsparticles-updater-opacity": "^2.12.0",
"tsparticles-updater-out-modes": "^2.12.0",
"tsparticles-updater-size": "^2.12.0"
}
},
"node_modules/tsparticles-engine": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-engine/-/tsparticles-engine-2.12.0.tgz",
"integrity": "sha512-ZjDIYex6jBJ4iMc9+z0uPe7SgBnmb6l+EJm83MPIsOny9lPpetMsnw/8YJ3xdxn8hV+S3myTpTN1CkOVmFv0QQ==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/matteobruni"
},
{
"type": "github",
"url": "https://github.com/sponsors/tsparticles"
},
{
"type": "buymeacoffee",
"url": "https://www.buymeacoffee.com/matteobruni"
}
],
"hasInstallScript": true,
"license": "MIT"
},
"node_modules/tsparticles-interaction-external-attract": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-attract/-/tsparticles-interaction-external-attract-2.12.0.tgz",
"integrity": "sha512-0roC6D1QkFqMVomcMlTaBrNVjVOpyNzxIUsjMfshk2wUZDAvTNTuWQdUpmsLS4EeSTDN3rzlGNnIuuUQqyBU5w==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-bounce": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-bounce/-/tsparticles-interaction-external-bounce-2.12.0.tgz",
"integrity": "sha512-MMcqKLnQMJ30hubORtdq+4QMldQ3+gJu0bBYsQr9BsThsh8/V0xHc1iokZobqHYVP5tV77mbFBD8Z7iSCf0TMQ==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-bubble": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-bubble/-/tsparticles-interaction-external-bubble-2.12.0.tgz",
"integrity": "sha512-5kImCSCZlLNccXOHPIi2Yn+rQWTX3sEa/xCHwXW19uHxtILVJlnAweayc8+Zgmb7mo0DscBtWVFXHPxrVPFDUA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-connect": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-connect/-/tsparticles-interaction-external-connect-2.12.0.tgz",
"integrity": "sha512-ymzmFPXz6AaA1LAOL5Ihuy7YSQEW8MzuSJzbd0ES13U8XjiU3HlFqlH6WGT1KvXNw6WYoqrZt0T3fKxBW3/C3A==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-grab": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-grab/-/tsparticles-interaction-external-grab-2.12.0.tgz",
"integrity": "sha512-iQF/A947hSfDNqAjr49PRjyQaeRkYgTYpfNmAf+EfME8RsbapeP/BSyF6mTy0UAFC0hK2A2Hwgw72eT78yhXeQ==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-pause": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-pause/-/tsparticles-interaction-external-pause-2.12.0.tgz",
"integrity": "sha512-4SUikNpsFROHnRqniL+uX2E388YTtfRWqqqZxRhY0BrijH4z04Aii3YqaGhJxfrwDKkTQlIoM2GbFT552QZWjw==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-push": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-push/-/tsparticles-interaction-external-push-2.12.0.tgz",
"integrity": "sha512-kqs3V0dgDKgMoeqbdg+cKH2F+DTrvfCMrPF1MCCUpBCqBiH+TRQpJNNC86EZYHfNUeeLuIM3ttWwIkk2hllR/Q==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-remove": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-remove/-/tsparticles-interaction-external-remove-2.12.0.tgz",
"integrity": "sha512-2eNIrv4m1WB2VfSVj46V2L/J9hNEZnMgFc+A+qmy66C8KzDN1G8aJUAf1inW8JVc0lmo5+WKhzex4X0ZSMghBg==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-repulse": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-repulse/-/tsparticles-interaction-external-repulse-2.12.0.tgz",
"integrity": "sha512-rSzdnmgljeBCj5FPp4AtGxOG9TmTsK3AjQW0vlyd1aG2O5kSqFjR+FuT7rfdSk9LEJGH5SjPFE6cwbuy51uEWA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-external-slow": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-external-slow/-/tsparticles-interaction-external-slow-2.12.0.tgz",
"integrity": "sha512-2IKdMC3om7DttqyroMtO//xNdF0NvJL/Lx7LDo08VpfTgJJozxU+JAUT8XVT7urxhaDzbxSSIROc79epESROtA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-particles-attract": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-particles-attract/-/tsparticles-interaction-particles-attract-2.12.0.tgz",
"integrity": "sha512-Hl8qwuwF9aLq3FOkAW+Zomu7Gb8IKs6Y3tFQUQScDmrrSCaeRt2EGklAiwgxwgntmqzL7hbMWNx06CHHcUQKdQ==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-particles-collisions": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-particles-collisions/-/tsparticles-interaction-particles-collisions-2.12.0.tgz",
"integrity": "sha512-Se9nPWlyPxdsnHgR6ap4YUImAu3W5MeGKJaQMiQpm1vW8lSMOUejI1n1ioIaQth9weKGKnD9rvcNn76sFlzGBA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-interaction-particles-links": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-interaction-particles-links/-/tsparticles-interaction-particles-links-2.12.0.tgz",
"integrity": "sha512-e7I8gRs4rmKfcsHONXMkJnymRWpxHmeaJIo4g2NaDRjIgeb2AcJSWKWZvrsoLnm7zvaf/cMQlbN6vQwCixYq3A==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-move-base": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-move-base/-/tsparticles-move-base-2.12.0.tgz",
"integrity": "sha512-oSogCDougIImq+iRtIFJD0YFArlorSi8IW3HD2gO3USkH+aNn3ZqZNTqp321uB08K34HpS263DTbhLHa/D6BWw==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-move-parallax": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-move-parallax/-/tsparticles-move-parallax-2.12.0.tgz",
"integrity": "sha512-58CYXaX8Ih5rNtYhpnH0YwU4Ks7gVZMREGUJtmjhuYN+OFr9FVdF3oDIJ9N6gY5a5AnAKz8f5j5qpucoPRcYrQ==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-particles.js": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-particles.js/-/tsparticles-particles.js-2.12.0.tgz",
"integrity": "sha512-LyOuvYdhbUScmA4iDgV3LxA0HzY1DnOwQUy3NrPYO393S2YwdDjdwMod6Btq7EBUjg9FVIh+sZRizgV5elV2dg==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/matteobruni"
},
{
"type": "github",
"url": "https://github.com/sponsors/tsparticles"
},
{
"type": "buymeacoffee",
"url": "https://www.buymeacoffee.com/matteobruni"
}
],
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-plugin-easing-quad": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-plugin-easing-quad/-/tsparticles-plugin-easing-quad-2.12.0.tgz",
"integrity": "sha512-2mNqez5pydDewMIUWaUhY5cNQ80IUOYiujwG6qx9spTq1D6EEPLbRNAEL8/ecPdn2j1Um3iWSx6lo340rPkv4Q==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/matteobruni"
},
{
"type": "github",
"url": "https://github.com/sponsors/tsparticles"
},
{
"type": "buymeacoffee",
"url": "https://www.buymeacoffee.com/matteobruni"
}
],
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-shape-circle": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-shape-circle/-/tsparticles-shape-circle-2.12.0.tgz",
"integrity": "sha512-L6OngbAlbadG7b783x16ns3+SZ7i0SSB66M8xGa5/k+YcY7zm8zG0uPt1Hd+xQDR2aNA3RngVM10O23/Lwk65Q==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-shape-image": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-shape-image/-/tsparticles-shape-image-2.12.0.tgz",
"integrity": "sha512-iCkSdUVa40DxhkkYjYuYHr9MJGVw+QnQuN5UC+e/yBgJQY+1tQL8UH0+YU/h0GHTzh5Sm+y+g51gOFxHt1dj7Q==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-shape-line": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-shape-line/-/tsparticles-shape-line-2.12.0.tgz",
"integrity": "sha512-RcpKmmpKlk+R8mM5wA2v64Lv1jvXtU4SrBDv3vbdRodKbKaWGGzymzav1Q0hYyDyUZgplEK/a5ZwrfrOwmgYGA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-shape-polygon": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-shape-polygon/-/tsparticles-shape-polygon-2.12.0.tgz",
"integrity": "sha512-5YEy7HVMt1Obxd/jnlsjajchAlYMr9eRZWN+lSjcFSH6Ibra7h59YuJVnwxOxAobpijGxsNiBX0PuGQnB47pmA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-shape-square": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-shape-square/-/tsparticles-shape-square-2.12.0.tgz",
"integrity": "sha512-33vfajHqmlODKaUzyPI/aVhnAOT09V7nfEPNl8DD0cfiNikEuPkbFqgJezJuE55ebtVo7BZPDA9o7GYbWxQNuw==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-shape-star": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-shape-star/-/tsparticles-shape-star-2.12.0.tgz",
"integrity": "sha512-4sfG/BBqm2qBnPLASl2L5aBfCx86cmZLXeh49Un+TIR1F5Qh4XUFsahgVOG0vkZQa+rOsZPEH04xY5feWmj90g==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-shape-text": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-shape-text/-/tsparticles-shape-text-2.12.0.tgz",
"integrity": "sha512-v2/FCA+hyTbDqp2ymFOe97h/NFb2eezECMrdirHWew3E3qlvj9S/xBibjbpZva2gnXcasBwxn0+LxKbgGdP0rA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-slim": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-slim/-/tsparticles-slim-2.12.0.tgz",
"integrity": "sha512-27w9aGAAAPKHvP4LHzWFpyqu7wKyulayyaZ/L6Tuuejy4KP4BBEB4rY5GG91yvAPsLtr6rwWAn3yS+uxnBDpkA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/matteobruni"
},
{
"type": "github",
"url": "https://github.com/sponsors/tsparticles"
},
{
"type": "buymeacoffee",
"url": "https://www.buymeacoffee.com/matteobruni"
}
],
"license": "MIT",
"dependencies": {
"tsparticles-basic": "^2.12.0",
"tsparticles-engine": "^2.12.0",
"tsparticles-interaction-external-attract": "^2.12.0",
"tsparticles-interaction-external-bounce": "^2.12.0",
"tsparticles-interaction-external-bubble": "^2.12.0",
"tsparticles-interaction-external-connect": "^2.12.0",
"tsparticles-interaction-external-grab": "^2.12.0",
"tsparticles-interaction-external-pause": "^2.12.0",
"tsparticles-interaction-external-push": "^2.12.0",
"tsparticles-interaction-external-remove": "^2.12.0",
"tsparticles-interaction-external-repulse": "^2.12.0",
"tsparticles-interaction-external-slow": "^2.12.0",
"tsparticles-interaction-particles-attract": "^2.12.0",
"tsparticles-interaction-particles-collisions": "^2.12.0",
"tsparticles-interaction-particles-links": "^2.12.0",
"tsparticles-move-base": "^2.12.0",
"tsparticles-move-parallax": "^2.12.0",
"tsparticles-particles.js": "^2.12.0",
"tsparticles-plugin-easing-quad": "^2.12.0",
"tsparticles-shape-circle": "^2.12.0",
"tsparticles-shape-image": "^2.12.0",
"tsparticles-shape-line": "^2.12.0",
"tsparticles-shape-polygon": "^2.12.0",
"tsparticles-shape-square": "^2.12.0",
"tsparticles-shape-star": "^2.12.0",
"tsparticles-shape-text": "^2.12.0",
"tsparticles-updater-color": "^2.12.0",
"tsparticles-updater-life": "^2.12.0",
"tsparticles-updater-opacity": "^2.12.0",
"tsparticles-updater-out-modes": "^2.12.0",
"tsparticles-updater-rotate": "^2.12.0",
"tsparticles-updater-size": "^2.12.0",
"tsparticles-updater-stroke-color": "^2.12.0"
}
},
"node_modules/tsparticles-updater-color": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-updater-color/-/tsparticles-updater-color-2.12.0.tgz",
"integrity": "sha512-KcG3a8zd0f8CTiOrylXGChBrjhKcchvDJjx9sp5qpwQK61JlNojNCU35xoaSk2eEHeOvFjh0o3CXWUmYPUcBTQ==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-updater-life": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-updater-life/-/tsparticles-updater-life-2.12.0.tgz",
"integrity": "sha512-J7RWGHAZkowBHpcLpmjKsxwnZZJ94oGEL2w+wvW1/+ZLmAiFFF6UgU0rHMC5CbHJT4IPx9cbkYMEHsBkcRJ0Bw==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-updater-opacity": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-updater-opacity/-/tsparticles-updater-opacity-2.12.0.tgz",
"integrity": "sha512-YUjMsgHdaYi4HN89LLogboYcCi1o9VGo21upoqxq19yRy0hRCtx2NhH22iHF/i5WrX6jqshN0iuiiNefC53CsA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-updater-out-modes": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-updater-out-modes/-/tsparticles-updater-out-modes-2.12.0.tgz",
"integrity": "sha512-owBp4Gk0JNlSrmp12XVEeBroDhLZU+Uq3szbWlHGSfcR88W4c/0bt0FiH5bHUqORIkw+m8O56hCjbqwj69kpOQ==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-updater-rotate": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-updater-rotate/-/tsparticles-updater-rotate-2.12.0.tgz",
"integrity": "sha512-waOFlGFmEZOzsQg4C4VSejNVXGf4dMf3fsnQrEROASGf1FCd8B6WcZau7JtXSTFw0OUGuk8UGz36ETWN72DkCw==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-updater-size": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-updater-size/-/tsparticles-updater-size-2.12.0.tgz",
"integrity": "sha512-B0yRdEDd/qZXCGDL/ussHfx5YJ9UhTqNvmS5X2rR2hiZhBAE2fmsXLeWkdtF2QusjPeEqFDxrkGiLOsh6poqRA==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/tsparticles-updater-stroke-color": {
"version": "2.12.0",
"resolved": "https://registry.npmjs.org/tsparticles-updater-stroke-color/-/tsparticles-updater-stroke-color-2.12.0.tgz",
"integrity": "sha512-MPou1ZDxsuVq6SN1fbX+aI5yrs6FyP2iPCqqttpNbWyL+R6fik1rL0ab/x02B57liDXqGKYomIbBQVP3zUTW1A==",
"deprecated": "starting from tsparticles v3 the packages are now moved to @tsparticles/package-name instead of tsparticles-package-name",
"license": "MIT",
"dependencies": {
"tsparticles-engine": "^2.12.0"
}
},
"node_modules/type-fest": {
"version": "2.19.0",
"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",

View File

@@ -22,7 +22,10 @@
"docusaurus-plugin-yandex-metrica": "^1.2.1",
"prism-react-renderer": "^2.3.0",
"react": "^18.0.0",
"react-dom": "^18.0.0"
"react-dom": "^18.0.0",
"react-tsparticles": "^2.12.2",
"three": "^0.177.0",
"tsparticles-slim": "^2.12.0"
},
"devDependencies": {
"@docusaurus/module-type-aliases": "3.0.1",

View File

@@ -0,0 +1,68 @@
import React from 'react';
import clsx from 'clsx';
import styles from './styles.module.css';
import Link from '@docusaurus/Link'; // Импортируем компонент Link из Docusaurus
const FeatureItem = ({ imageUrl, title, description }) => {
return (
<div className={clsx(styles.featureItem,)}>
<div className={styles.featureImageWrapper}>
<img src={imageUrl} alt={title} className={styles.featureImg} />
</div>
<div className={styles.featureContent}>
<h3 className={styles.featureTitle}>{title}</h3>
<div className={styles.featureDesc}>
{typeof description === 'string' ? <p>{description}</p> : description}
</div>
</div>
</div>
);
};
const AlternatingFeatures = () => {
const features = [
{
title: "Сотни методов для десятков сервисов",
description: (
<p>
ОПИ состоит из большого набора разнообразных методов для множества известных API и технологий, будь то облачные Telegram, Bitrix24 и Google Drive, или же локальные S3, MySQL и PostgreSQL. Ознакомится с полным списком доступных сервисов можно на
<Link to="/docs/Instructions/Start" > вводной странице документации</Link>
</p>
),
imageUrl: "/img/f1.png"
},
{
title: "Три платформы - одно решение",
description:(
<p>
Открытый пакет интеграций прдоставляет единый набор функций сразу в трех вариантах: как расширение для 1С:Предприятие 8, как пакет для OneScript и как полноценное приложение для командной строки. Это позволяет удобно использовать его методы для решения широкого спектра задач, выбирая форму поствки в зависимости от конкретного сценария работы. Заранее собранные файлы для каждого из этих вариантов всегда можно найти в
<Link to="https://github.com/Bayselonarrend/OpenIntegrations/releases"> релизах ОПИ на GitHub </Link>
- остается только скачать и запустить!
</p>
),
imageUrl: "/img/f2.png"
},
{
title: "Свобода открытого кода",
description: "Проект имеет открытый исходный коди и распространяется под лицензией MIT. Это означает, что вы можете использовать его в любых своих проектах, даже если они коммерческие и имеют закрытые исходники. Вся кодовая база проекта доступна публично в репозитории на GitHub и доступна для использования, а также полного или частичного изменения. Единственное условие - сохранение текста лицензии, который находится в каждом из файлов с кодом",
imageUrl: "/img/f3.png"
},
];
return (
<section className={styles.features}>
<div className="container">
{features.map((feature, idx) => (
<FeatureItem
key={idx}
{...feature}
isReversed={idx % 2 !== 0} // Чередуем порядок
/>
))}
</div>
</section>
);
};
export default AlternatingFeatures;

View File

@@ -0,0 +1,72 @@
.features {
padding: 4rem 0;
}
.featureItem {
display: flex;
align-items: center;
margin-bottom: 4rem;
gap: 2rem;
}
.featureImage {
padding: 1rem;
}
.featureImageWrapper {
flex: 1;
min-width: 200px;
height: 200px;
display: flex;
align-items: center; /* Выравнивание по вертикали */
justify-content: center; /* Выравнивание по горизонтали */
overflow: hidden;
}
.featureImg {
width: 100%;
height: 100%;
object-fit: cover; /* Сохраняет пропорции, обрезая если нужно */
transition: transform 0.3s ease;
}
.featureImg:hover {
transform: scale(1.02);
}
.featureContent {
padding: 1rem;
}
.featureTitle {
font-size: 1.8rem;
margin-bottom: 1.5rem;
}
.featureDesc {
font-size: 1.1rem;
line-height: 1.6;
}
/* Обратный порядок для четных элементов */
.reversed {
flex-direction: row-reverse;
}
@media (max-width: 996px) {
.featureItem,
.reversed {
flex-direction: column;
}
.featureImage,
.featureContent {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.featureTitle {
margin-top: 1.5rem;
}
}

View File

@@ -32,7 +32,7 @@ const FeatureList = [
},
];
function Feature({Svg, title, description}) {
function Feature({ Svg, title, description }) {
return (
<div className={clsx('col col--4')}>
<div className="text--center">
@@ -55,45 +55,6 @@ export default function HomepageFeatures() {
<Feature key={idx} {...props} />
))}
</div>
<br/>
<hr/>
<br/>
<br/>
<section className={styles.container}>
<span className={styles.looptext}>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/VK/"><img src={require('../../../static/img/APIs/VK.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Viber/"><img src={require('../../../static/img/APIs/Viber.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Twitter/"><img src={require('../../../static/img/APIs/Twitter.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Notion/"><img src={require('../../../static/img/APIs/Notion.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Yandex_Disk/"><img src={require('../../../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Calendar/"><img src={require('../../../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Drive/"><img src={require('../../../static/img/APIs/GoogleDrive.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Sheets/"> <img src={require('../../../static/img/APIs/GoogleSheets.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Slack/"> <img src={require('../../../static/img/APIs/Slack.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Airtable/"> <img src={require('../../../static/img/APIs/Airtable.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Dropbox.png').default} width='32px' /></a>
</span>
<span className={styles.looptext}>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/VK/"><img src={require('../../../static/img/APIs/VK.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Viber/"><img src={require('../../../static/img/APIs/Viber.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Twitter/"><img src={require('../../../static/img/APIs/Twitter.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Notion/"><img src={require('../../../static/img/APIs/Notion.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Yandex_Disk/"><img src={require('../../../static/img/APIs/YandexDisk.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Calendar/"><img src={require('../../../static/img/APIs/GoogleCalendar.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Drive/"><img src={require('../../../static/img/APIs/GoogleDrive.png').default} width='32px'/> </a>
<a className={styles.ico} href="/docs/Instructions/Google_Sheets/"> <img src={require('../../../static/img/APIs/GoogleSheets.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Slack/"> <img src={require('../../../static/img/APIs/Slack.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Airtable/"> <img src={require('../../../static/img/APIs/Airtable.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Telegram.png').default} width='32px' /></a>
<a className={styles.ico} href="/docs/Instructions/Telegram/"> <img src={require('../../../static/img/APIs/Dropbox.png').default} width='32px' /></a>
</span>
</section>
</div>
</section>
);

View File

@@ -3,7 +3,7 @@ marquee{
}
.api{
margin-right: 200px;
margin-right: 300px;
}
.features {
@@ -11,8 +11,11 @@ marquee{
align-items: center;
padding: 2rem 0;
width: 100%;
color: black;
margin-top: 23px;
}
.featureSvg {
height: 80px;
width: 80px;
@@ -33,6 +36,7 @@ marquee{
height: clamp(3em, 10vw, 6em);
overflow: hidden;
font-family: sans-serif;
margin-top: 200px;
}

View File

@@ -22,6 +22,10 @@ p{
font-weight: lighter;
}
h3{
font-weight: 400;
}
@media (min-width: 996px) {
.main-wrapper,.navbar{

View File

@@ -1,42 +1,66 @@
import React, { useEffect } from 'react';
import clsx from 'clsx';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout';
import HomepageFeatures from '@site/src/components/HomepageFeatures';
import AlternatingFeatures from '@site/src/components/AlternatingFeatures';
import Heading from '@theme/Heading';
import styles from './index.module.css';
function HomepageHeader() {
const {siteConfig} = useDocusaurusContext();
return (
useEffect(() => {
// Создаем частицы только для header
const header = document.querySelector(`.${styles.heroBanner}`);
if (!header) return;
const particleCount = 30;
const particles = [];
for (let i = 0; i < particleCount; i++) {
const particle = document.createElement('div');
particle.className = styles.particle;
// Позиционирование внутри header
particle.style.left = `${Math.random() * 100}%`;
particle.style.top = `${Math.random() * 100}%`;
particle.style.width = `${Math.random() * 3 + 1}px`;
particle.style.height = particle.style.width;
particle.style.animationDuration = `${Math.random() * 10 + 5}s`;
particle.style.animationDelay = `${Math.random() * 2}s`;
header.appendChild(particle);
particles.push(particle);
}
return () => {
particles.forEach(p => p.remove());
};
}, []);
return (
<header className={clsx('hero hero--primary', styles.heroBanner)}>
<div className="container">
<img src="/img/logo.svg" className={styles.biglogo}/>
<Heading as="p" className="hero__title">
{siteConfig.title}
</Heading>
<p className="hero__subtitle">{siteConfig.tagline}</p>
<div className={styles.buttons}>
<div className={styles.button}><Link
className="button button--secondary button--bg"
to="/docs/Instructions/Start">
<div className={styles.button}>
<Link className="button button--secondary button--bg" to="/docs/Instructions/Start">
🧭 Документация
</Link>
</div>
<div className={styles.button}><Link
className="button button--secondary button--bg"
to="https://github.com/Bayselonarrend/OpenIntegrations/releases/latest">
Скачать
<div className={styles.button}>
<Link className="button button--secondary button--bg" to="https://github.com/Bayselonarrend/OpenIntegrations/releases/latest">
Скачать
</Link>
</div>
<div className={styles.button}><Link
className="button button--secondary button--bg"
to="https://en.openintegrations.dev">
English version
<div className={styles.button}>
<Link className="button button--secondary button--bg" to="https://en.openintegrations.dev">
🌐 English version
</Link>
</div>
</div>
@@ -53,7 +77,8 @@ export default function Home() {
description="ОПИ - пакет интеграций с популярными API для 1С:Enterprise и OneScript">
<HomepageHeader />
<main>
<HomepageFeatures />
<br/><hr/>
<AlternatingFeatures />
</main>
</Layout>
);

View File

@@ -3,13 +3,39 @@
* and scoped locally.
*/
.heroBanner {
padding: 3rem 2rem 0;
text-align: center;
padding: 3rem 2rem 0 7rem;
text-align: left;
position: relative;
overflow: hidden;
color: black;
margin-top: -50px;
margin-top: 20px;
}
.particle {
position: absolute;
background-color: rgba(0, 63, 19, 0.452);
border-radius: 50%;
pointer-events: none;
animation: float linear infinite;
}
@keyframes float {
0% {
transform: translateY(0) translateX(0);
opacity: 1;
}
50% {
transform: translateY(-50px) translateX(20px);
opacity: 0.7;
}
100% {
transform: translateY(0) translateX(0);
opacity: 1;
}
}
@media screen and (max-width: 996px) {
@@ -24,8 +50,9 @@
.buttons {
display: flex;
align-items: center;
justify-content: center;
align-items: left;
justify-content: ltft;
margin-left: -10px;
}
.button{
@@ -33,8 +60,10 @@
}
.biglogo{
width: 20%;
height: 20%;
width: 128px;
height: 128px;
margin-bottom: -15px;
margin-left: -15px;
}
.heroBanner_src-pages-index-module {

BIN
docs/docusaurus/static/img/f1.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

BIN
docs/docusaurus/static/img/f2.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

BIN
docs/docusaurus/static/img/f3.png vendored Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 221 KiB

After

Width:  |  Height:  |  Size: 221 KiB