Changed particle effect

ljones92 · Jul 24, 2017 · 7deeaf0 · 7deeaf0
1 parent e52acb0
commit 7deeaf0
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 23 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [1.2.0]
+### Changed
+- New particle effect
+
 ## [1.1.3]
 ### Fixed
 - Styling for larger screens

diff --git a/app/assets/config/particle.json b/app/assets/config/particle.json
@@ -1,58 +1,64 @@
 {
   "particles": {
     "number": {
-      "value": 80,
+      "value": 63,
       "density": {
-        "enable": true
+        "enable": true,
+        "value_area": 1000
       }
     },
     "color": {
-      "value": "#fff"
+      "value": "#ffffff"
     },
     "shape": {
-      "type": "circle",
+      "type": "polygon",
       "stroke": {
         "width": 0,
-        "color": "#000"
+        "color": "#000000"
       },
       "polygon": {
-        "nb_sides": 5
+        "nb_sides": 9
+      },
+      "image": {
+        "src": "img/github.svg",
+        "width": 100,
+        "height": 100
       }
     },
     "opacity": {
-      "value": 1,
-      "random": false,
+      "value": 0.1867442924896818,
+      "random": true,
       "anim": {
-        "enable": false,
-        "speed": 1,
-        "opacity_min": 0.1,
+        "enable": true,
+        "speed": 0.1,
+        "opacity_min": 0.01,
         "sync": false
       }
     },
     "size": {
-      "value": 3,
+      "value": 39.186073122420446,
       "random": true,
       "anim": {
         "enable": false,
-        "speed": 40,
+        "speed": 10,
         "size_min": 0.1,
         "sync": false
       }
     },
     "line_linked": {
-      "enable": true,
-      "distance": 150,
-      "color": "#000",
-      "opacity": 0.6,
+      "enable": false,
+      "distance": 250,
+      "color": "#fff",
+      "opacity": 0.4,
       "width": 1
     },
     "move": {
       "enable": true,
-      "speed": 6,
+      "speed": 1,
       "direction": "none",
       "random": false,
       "straight": false,
-      "out_mode": "out",
+      "out_mode": "bounce",
       "bounce": false,
       "attract": {
         "enable": false,
@@ -76,9 +82,9 @@
     },
     "modes": {
       "grab": {
-        "distance": 140,
+        "distance": 200,
         "line_linked": {
-          "opacity": 1
+          "opacity": 0.4
         }
       },
       "bubble": {
@@ -101,4 +107,4 @@
     }
   },
   "retina_detect": true
-}
+}
diff --git a/app/assets/scss/partials/_vars.scss b/app/assets/scss/partials/_vars.scss
@@ -1,7 +1,7 @@
 $dark: #1c1a27;
 $light: #dbdcd7;
 $highlight: #b8235a;
-$gradient: #dbdcd7 0%, #dddcd7 24%, #e2c9cc 30%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%;
+$gradient: #dbdcd7 0%, #dddcd7 14%, #e2c9cc 20%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%;
 
 $break-small: "(min-width: 480px)";
 $break-mobile: "(min-width: 700px)";