made blob colors and gradients truly dynamic/random

1 files changed, 19 insertions, 0 deletions

diff --git a/src/js/dynamicBlob.js b/src/js/dynamicBlob.js
index 067b4de7..2530e946 100644
--- a/src/js/dynamicBlob.js
+++ b/src/js/dynamicBlob.js
@@ -7,7 +7,26 @@ function loadScript(src) {
     document.body.appendChild(script);
 }
 
+function getRandomColor() {
+    var letters = '0123456789ABCDEF';
+    var color = '#';
+    for (var i = 0; i < 6; i++) {
+        color += letters[Math.floor(Math.random() * 16)];
+    }
+    return color;
+}
+
+function generateGradient() {
+    var gradient = 'linear-gradient(to right';
+    var colorCount = Math.floor(Math.random() * 5) + 2;
+    for (var i = 0; i < colorCount; i++) {
+        gradient += ', ' + getRandomColor();
+    }
+    gradient += ')';
+    return gradient;
+}
 
+blob.style.background = generateGradient();
 
 
 var blobItem;