first commit

public/json/particles.json

@@ -0,0 +1,104 @@
+{
+    "fpsLimit": 60,
+    "particles": {
+      "number": {
+        "value": 50
+      },
+      "shape": {
+        "type": "circle"
+      },
+      "opacity": {
+        "value": 0.5
+      },
+      "size": {
+        "value": 400,
+        "random": {
+          "enable": true,
+          "minimumValue": 200
+        }
+      },
+      "move": {
+        "enable": true,
+        "speed": 10,
+        "direction": "top",
+        "outMode": "destroy"
+      }
+    },
+    "interactivity": {
+      "detectsOn": "canvas",
+      "events": {
+        "resize": true
+      }
+    },
+    "detectRetina": true,
+    "background": {
+      "image": "",
+      "position": "50% 50%",
+      "repeat": "no-repeat",
+      "size": "cover"
+    },
+    "themes": [
+      {
+        "name": "light",
+        "default": {
+          "value": true,
+          "mode": "light"
+        },
+        "options": {
+          "background": {
+            "color": "#fff"
+          },
+          "particles": {
+            "color": {
+              "value": [
+                "#5bc0eb",
+                "#fde74c",
+                "#9bc53d",
+                "#e55934",
+                "#fa7921"
+              ]
+            }
+          }
+        }
+      },
+      {
+        "name": "dark",
+        "default": {
+          "value": true,
+          "mode": "dark"
+        },
+        "options": {
+          "background": {
+            "color": "#000"
+          },
+          "particles": {
+            "color": {
+              "value": [
+                "#004f74",
+                "#5f5800",
+                "#245100",
+                "#7d0000",
+                "#810c00"
+              ]
+            }
+          }
+        }
+      }
+    ],
+    "emitters": {
+      "direction": "top",
+      "position": {
+        "x": 50,
+        "y": 120
+      },
+      "rate": {
+        "delay": 0.2,
+        "quantity": 2
+      },
+      "size": {
+        "width": 100,
+        "height": 0
+      }
+    }
+  }
+