Merge pull request #27 from Freakybob-Team/dev

Fix
Freakybob-Team · Dec 20, 2024 · d520e78 · d520e78
2 parents 83514ef + 7e54bd1
commit d520e78
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 30 deletions.
diff --git a/activities.html b/activities.html
@@ -21,12 +21,12 @@ <h1 class="about">Draw with freakybob,that's it.</h1>
     <div class="swag2">
         <h1 class ="username2">Downloads</h1>
         <h1 class="about">Download fan made or offical freakybob programs!</h1>
-        <a href="https://drawwith.freakybob.site/" class="play2">Go to downloads</a>
+        <a href="https://freakybob.site/downloads" class="play2">Go to downloads</a>
     </div>
     <div class="swag2">
         <h1 class ="username2">Countdown</h1>
         <h1 class="about">Freakybob.site birthday! (August 19th, 2025)</h1>
-        <a href="https://drawwith.freakybob.site/" class="play2">View</a>
+        <a href="https://freakybob.site/countdown" class="play2">View</a>
     </div>
     </div>
     <script type="text/javascript" src="particles.js"></script>

diff --git a/css/activities.css b/css/activities.css
@@ -12,11 +12,11 @@ position: fixed;
     width: 100%;
     height: 100%;
     z-index: -1;
-    background: rgb(38,0,71);
-    background: -moz-radial-gradient(circle, rgba(38,0,71,1) 3%, rgba(115,0,167,1) 48%, rgba(33,0,65,1) 99%);
-    background: -webkit-radial-gradient(circle, rgba(38,0,71,1) 3%, rgba(115,0,167,1) 48%, rgba(33,0,65,1) 99%);
-    background: radial-gradient(circle, rgba(38,0,71,1) 3%, rgba(115,0,167,1) 48%, rgba(33,0,65,1) 99%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#260047",endColorstr="#210041",GradientType=1);
+    background: rgb(238,174,202);
+    background: -moz-radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(204,122,255,1) 100%);
+    background: -webkit-radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(204,122,255,1) 100%);
+    background: radial-gradient(circle, rgba(238,174,202,1) 0%, rgba(204,122,255,1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeaeca",endColorstr="#cc7aff",GradientType=1);
   }
 
 
@@ -47,11 +47,11 @@ padding: 20px 0px 20px 10px;
 border-radius: 30px;
 margin-top: 20px;
 margin-left: 5px;
-background: rgb(63,94,251);
-background: -moz-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
-background: -webkit-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
-background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#1bffce",GradientType=1);
+background: linear-gradient(135deg, rgba(255,255,255,0.1)rgba(255,255,255,0)) ;
+border: 1px solid ;
+border-image: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
+backdrop-filter: blur(10px);
+box-shadow: 0 2px 20px 0 rgba(0,0,0,37);
 background-size: 300%;
 background-position: left;
 text-align: center;
@@ -63,7 +63,6 @@ transition: background-position 2s ease-in-out;
 transition: all 2s ease-out;
 animation: pop-in 0.6s ease-out forwards;
 position: absolute;
-box-shadow: 0 8px 32px 0 rgba(27,255,206,1);
 }
 
 .play2 {
@@ -73,11 +72,11 @@ width: 300px;
 padding: 20px 0px 20px 10px;
 border-radius: 30px;
 margin-left: 5px;
-background: rgb(63,94,251);
-background: -moz-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
-background: -webkit-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
-background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#1bffce",GradientType=1);
+background: linear-gradient(135deg, rgba(255,255,255,0.1)rgba(255,255,255,0)) ;
+border: 1px solid ;
+border-image: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
+backdrop-filter: blur(10px);
+box-shadow: 0 2px 20px 0 rgba(0,0,0,37);
 background-size: 300%;
 background-position: left;
 text-align: center;
@@ -89,7 +88,6 @@ transition: background-position 2s ease-in-out;
 transition: all 2s ease-out;
 animation: pop-in 0.6s ease-out forwards;
 position: absolute;
-box-shadow: 0 8px 32px 0 rgba(27,255,206,1);
 }
 
 .play:hover {

diff --git a/particles.json b/particles.json
@@ -2,14 +2,14 @@
 {
     "particles": {
       "number": {
-        "value": 300,
+        "value": 80,
         "density": {
           "enable": true,
-          "value_area":1000
+          "value_area":800
         }
       },
       "color": {
-        "value": ["#aa73ff", "#f8c210", "#83d238", "#7f2ed2"]
+        "value": ["#ffffff", "#ffffff", "#ffffff", "#ffffff"]
       },
 
       "shape": {
@@ -28,8 +28,8 @@
         }
       },
       "opacity": {
-        "value": 1,
-        "random": true,
+        "value": 0.5,
+        "random": false,
         "anim": {
           "enable": false,
           "speed": 1,
@@ -39,7 +39,7 @@
       },
       "size": {
         "value": 5,
-        "random": true,
+        "random":false,
         "anim": {
           "enable": false,
           "speed": 40,
@@ -49,27 +49,28 @@
       },
       "line_linked": {
         "enable": true,
-        "distance": 120,
+        "distance": 150,
         "color": "#ffffff",
         "opacity": 0.4,
         "width": 1
       }
+
     },
     "interactivity": {
       "detect_on": "canvas",
       "events": {
         "onhover": {
           "enable": true,
-          "mode": "grab"
+          "mode": "push"
         },
         "onclick": {
           "enable": false
         },
-        "resize": true
+        "resize": false
       },
       "modes": {
         "grab": {
-          "distance": 140,
+          "distance": 400,
           "line_linked": {
             "opacity": 1
           }
@@ -93,5 +94,5 @@
         }
       }
     },
-    "retina_detect": true
+    "retina_detect": false
   }