Update anduril-products.html

D David Veksler · 1 year ago 0764f2ad70a168709807e39d2959c31b85a36d42
Parent: 76e2ce969

1 file changed +30 −54

Diff

diff --git a/anduril-products.html b/anduril-products.html
index 1190264..6388683 100644
--- a/anduril-products.html
+++ b/anduril-products.html
@@ -348,6 +348,15 @@
         flex-direction: column;
         margin-bottom: 1.5rem;
       }
+
+      .page-header,
+      .container#main-container,
+      footer.container {
+        background-color: rgba(10, 10, 10, 0.65);
+        position: relative;
+        z-index: 0;
+      }
+     
     </style>
   </head>
   <body>
@@ -3036,75 +3045,42 @@
         if (typeof tsParticles !== "undefined") {
           tsParticles.load("tsparticles-background", {
             fpsLimit: 60,
-            background: {
-              color: "transparent",
-            },
+            background: { color: "transparent" },
+
             particles: {
-              number: {
-                value: 50,
-                density: {
-                  enable: true,
-                  value_area: 800,
-                },
-              },
-              color: {
-                value: "#505050", // Made particles a bit more visible
-              },
-              shape: {
-                type: "circle",
-              },
-              opacity: {
-                value: 0.3, // Slightly increased opacity
-                random: true,
-                anim: {
-                  enable: true,
-                  speed: 0.2,
-                  opacity_min: 0.1,
-                  sync: false,
-                },
-              },
-              size: {
-                value: 2.2, // Slightly increased size
-                random: true,
-              },
+              number: { value: 70, density: { enable: true, value_area: 800 } },
+
+              /* brighter blue-grey dots */
+              color: { value: "#6f8ad8" },
+
+              opacity: { value: 0.55, random: true },
+
+              /* noticeably larger */
+              size: { value: 3.5, random: { enable: true, minimumValue: 1 } },
+
               links: {
-                color: "#484848", // Made links a bit more visible
-                distance: 160,
                 enable: true,
-                opacity: 0.2,
+                color: "#6f8ad8",
+                distance: 140,
+                opacity: 0.35,
                 width: 1,
               },
+
               move: {
                 enable: true,
-                speed: 0.4,
-                direction: "none",
+                speed: 0.6,
                 random: true,
                 straight: false,
                 out_mode: "out",
-                bounce: false,
               },
             },
+
             interactivity: {
               detect_on: "canvas",
-              events: {
-                onhover: {
-                  enable: true,
-                  mode: "grab",
-                },
-                onclick: {
-                  enable: false,
-                },
-                resize: true,
-              },
-              modes: {
-                grab: {
-                  distance: 170,
-                  links: {
-                    opacity: 0.25,
-                  },
-                },
-              },
+              events: { onhover: { enable: true, mode: "grab" }, resize: true },
+              modes: { grab: { distance: 160, links: { opacity: 0.45 } } },
             },
+
             detectRetina: true,
           });
         } else {