From efe6762cf94ff3fa871a331af4413532945bbddc Mon Sep 17 00:00:00 2001
From: Mayur <mayursonare18@gmail.com>
Date: Thu, 16 May 2024 11:54:31 +0530
Subject: [PATCH] fix-#76: About Section Background Issue Resolved.

---
 src/components/Particles.jsx | 208 ++++++++++++++++++-----------------
 1 file changed, 105 insertions(+), 103 deletions(-)

diff --git a/src/components/Particles.jsx b/src/components/Particles.jsx
index 7f13331..17aaf0e 100644
--- a/src/components/Particles.jsx
+++ b/src/components/Particles.jsx
@@ -1,114 +1,116 @@
 export const particles = {
-    
-    
-    particles: {
-      number: {
-        value: 168,
-        density: {
-          enable: true,
-          value_area: 480
-        }
+  fullScreen: {
+    enable: true,
+    zIndex: -10
+  },
+  particles: {
+    number: {
+      value: 100,
+      density: {
+        enable: true,
+        value_area: 400
+      }
+    },
+    color: {
+      value: "#ddd"
+    },
+    shape: {
+      type: "triangle",
+      stroke: {
+        width: 0,
+        color: "#000000"
       },
-      color: {
-        value: "#ffffff"
+      polygon: {
+        nb_sides: 3
       },
-      shape: {
-        type: "triangle",
-        stroke: {
-          width: 0,
-          color: "#000000"
-        },
-        polygon: {
-          nb_sides: 3
-        },
-        image: {
-          src: "img/github.svg",
-          width: 100,
-          height: 100
-        }
+      image: {
+        src: "img/github.svg",
+        width: 100,
+        height: 100
+      }
+    },
+    opacity: {
+      value: 0.5,
+      random: false,
+      anim: {
+        enable: false,
+        speed: 1,
+        opacity_min: 0.1,
+        sync: false
+      }
+    },
+    size: {
+      value: 3,
+      random: true,
+      anim: {
+        enable: false,
+        speed: 30,
+        size_min: 0.1,
+        sync: false
+      }
+    },
+    links: {
+      enable: true,
+      distance: 200,
+      color: "#bbb",
+      opacity: 1,
+      width: 1
+    },
+    move: {
+      enable: true,
+      speed: 2,
+      direction: "random",
+      random: false,
+      straight: false,
+      out_mode: "out",
+      bounce: false,
+      attract: {
+        enable: false,
+        rotateX: 600,
+        rotateY: 1200
+      }
+    }
+  },
+  interactivity: {
+    detect_on: "canvas",
+    events: {
+      onHover: {
+        enable: true,
+        mode: "grab"
       },
-      opacity: {
-        value: 0.776,
-        random: false,
-        anim: {
-          enable: false,
-          speed: 1,
-          opacity_min: 0.1,
-          sync: false
-        }
+      onClick: {
+        enable: true,
+        mode: "push"
       },
-      size: {
-        value: 3,
-        random: true,
-        anim: {
-          enable: false,
-          speed: 40,
-          size_min: 0.1,
-          sync: false
+      resize: true
+    },
+    modes: {
+      grab: {
+        distance: 200,
+        links: {
+          opacity: 0.5
         }
       },
-      links: {
-        enable: true,
-        distance: 208,
-        color: "#ffffff",
-        opacity:1,
-        width: 1
+      bubble: {
+        distance: 400,
+        size: 40,
+        duration: 2,
+        opacity: 8,
+        speed: 3
       },
-      move: {
-        enable: true,
-        speed: 5.199999999999996,
-        direction: "random",
-        random: false,
-        straight: false,
-        out_mode: "out",
-        bounce: false,
-        attract: {
-          enable: false,
-          rotateX: 600,
-          rotateY: 1200
-        }
-      }
-    },
-    interactivity: {
-      detect_on: "canvas",
-      events: {
-        onHover: {
-          enable: true,
-          mode: "grab"
-        },
-        onClick: {
-          enable: true,
-          mode: "push"
-        },
-        resize: true
+      repulse: {
+        distance: 200,
+        duration: 0.4
       },
-      modes: {
-        grab: {
-          distance: 316.0018473954158,
-          links: {
-            opacity: 1
-          }
-        },
-        bubble: {
-          distance: 400,
-          size: 40,
-          duration: 2,
-          opacity: 8,
-          speed: 3
-        },
-        repulse: {
-          distance: 200,
-          duration: 0.4
-        },
-        push: {
-          particles_nb: 4
-        },
-        remove: {
-          particles_nb: 2
-        }
+      push: {
+        particles_nb: 4
+      },
+      remove: {
+        particles_nb: 2
       }
-    },
-    detectRetina: true
-  
-  
+    }
+  },
+  detectRetina: true
+
+
 }
\ No newline at end of file