me/vytal-redux
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Removed particles background

Browse source
This commit is contained in:
z0ccc 2021-09-25 22:17:25 -04:00
parent c2633c1e50
commit 8f075645dd
5 changed files with 3 additions and 100 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/package.json
View file

@ -17,7 +17,6 @@
"react-dom": "^17.0.2",
"react-modal": "^3.14.3",
"react-scripts": "4.0.3",
"react-tsparticles": "^1.28.0",
"react-webworker": "^2.1.0",
"tslib": "^2.2.0"
},

4
frontend/src/components/App.js
View file

@ -1,5 +1,3 @@
import Particles from 'react-tsparticles';
import particlesOptions from '../particles.json';
import Github from './Github';
import MainColumn from './MainColumn';
import '../styles/App.css';
@ -7,7 +5,7 @@ import '../styles/App.css';
const App = () => (
<div className="App">
<Github />
<Particles options={particlesOptions} />
<div className="background" />
<MainColumn />
</div>
);

73
frontend/src/particles.json
View file

@ -1,73 +0,0 @@
{
"fpsLimit": 30,
"interactivity": {
"detectsOn": "window",
"events": {
"onClick": {
"enable": false,
"mode": "push"
},
"onHover": {
"enable": true,
"mode": "bubble"
},
"resize": true
},
"modes": {
"bubble": {
"distance": 150,
"duration": 2,
"opacity": 0.5,
"size": 15
},
"push": {
"quantity": 4
},
"repulse": {
"distance": 200,
"duration": 0.4
}
}
},
"particles": {
"color": {
"value": "#ffffff"
},
"links": {
"color": "#ffffff",
"distance": 150,
"enable": true,
"opacity": 0.2,
"width": 1
},
"collisions": {
"enable": true
},
"move": {
"direction": "none",
"enable": true,
"outMode": "bounce",
"random": false,
"speed": 0.2,
"straight": false
},
"number": {
"density": {
"enable": true,
"value_area": 800
},
"value": 70
},
"opacity": {
"value": 0.4
},
"shape": {
"type": "circle"
},
"size": {
"random": true,
"value": 5
}
},
"detectRetina": true
}

4
frontend/src/styles/App.css
View file

@ -15,11 +15,10 @@
flex-direction: column;
}
#tsparticles {
.background {
position: fixed;
width: 100%;
height: 100%;
z-index: -1;
background: rgb(87, 35, 117);
background: linear-gradient(
165deg,
@ -27,6 +26,7 @@
rgba(148, 62, 197, 1) 55%,
rgba(211, 176, 231, 1) 100%
);
z-index: -1;
}
.github {

21
frontend/yarn.lock
View file

@ -7964,11 +7964,6 @@ path-type@^4.0.0:
resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
pathseg@^1.2.0:
version "1.2.0"
resolved "https://registry.npmjs.org/pathseg/-/pathseg-1.2.0.tgz"
integrity sha512-+pQS7lTaoVIXhaCW7R3Wd/165APzZHWzYVqe7dxzdupxQwebgpBaCmf0/XZwmoA/rkDq3qvzO0qv4d5oFVrBRw==
pbkdf2@^3.0.3:
version "3.1.2"
resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.2.tgz#dd822aa0887580e52f1a039dc3eda108efae3075"
@ -9145,15 +9140,6 @@ react-scripts@4.0.3:
optionalDependencies:
fsevents "^2.1.3"
react-tsparticles@^1.28.0:
version "1.28.0"
resolved "https://registry.npmjs.org/react-tsparticles/-/react-tsparticles-1.28.0.tgz"
integrity sha512-3GSvD/1sHlpyhpzdWcP/uSy5AeoEKr+9ZZjaHGubCHualpSu2UilNunpw49J5AQq6AzsP4WFGI9bVulj3Uw0iw==
dependencies:
fast-deep-equal "^3.1.3"
tslib "^2.2.0"
tsparticles "^1.28.0"
react-webworker@^2.1.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/react-webworker/-/react-webworker-2.1.0.tgz#6bfe5d74d3f3e5bae89f316b8760b3e8cc551420"
@ -10667,13 +10653,6 @@ tslib@^2.0.3, tslib@^2.2.0:
resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
tsparticles@^1.28.0:
version "1.28.0"
resolved "https://registry.npmjs.org/tsparticles/-/tsparticles-1.28.0.tgz"
integrity sha512-JDKNxuG99J64vF6cTfQ3S+lnhwK+LKHJYn46j9SX2Mae0gog34T0fm6cM0b1CRkB/MeCJ3mF0KaLRh5OdSEV1Q==
optionalDependencies:
pathseg "^1.2.0"
tsutils@^3.17.1:
version "3.20.0"
resolved "https://registry.npmjs.org/tsutils/-/tsutils-3.20.0.tgz"