diff --git a/assets/particle-banner/particles.css b/assets/particle-banner/particles.css index 8b601a53..18a6a9f7 100644 --- a/assets/particle-banner/particles.css +++ b/assets/particle-banner/particles.css @@ -5,8 +5,9 @@ height: 200px; text-align: center; vertical-align: middle; - color: white; - overflow: hidden; + color:#0f477e; + overflow: visible; + font-size: 2em; } .did-title .content{ @@ -15,7 +16,7 @@ top: 50%; left: 50%; transform: translate(-50%,-50%); - text-shadow: 0px 0px 10px #222222, 0px 0px 20px #222222, 0px 0px 30px #222222, 0px 0px 8px #222222; + text-shadow: 0px 0px 10px #f0fff0, 0px 0px 20px #f0fff0; } .did-title canvas{ diff --git a/assets/particle-banner/particles.js b/assets/particle-banner/particles.js index 26cbca8c..b06818f7 100644 --- a/assets/particle-banner/particles.js +++ b/assets/particle-banner/particles.js @@ -2,16 +2,16 @@ // settings: const canvasName = "did-canvas" -const maxNodes = 100 // using too many will impact performance. -const nodeMinSize = 2 +const maxNodes = 40 // using too many will impact performance. +const nodeMinSize = 3 const nodeMaxSize = 4 -const nodeMinSpeed = 0.03 -const nodeMaxSpeed = 0.8 +const nodeMinSpeed = 0.02 +const nodeMaxSpeed = 0.3 const nodeMaxConnections = 20 -const connectionThickness = 1 -const connectionDist = 100 -const connectionColor = "#ffffff" -const nodeColors = ["#ff9900", "ffcc99"] // you may enter multiple colors +const connectionThickness = 2; +const connectionDist = 102 +const connectionColor = "#0f477e" +const nodeColors = ['#0f477e'] // you may enter multiple colors ["#65c665", "#40a040"] const warpEdges = false // if false nodes will bounce off the edges const useIcon = false // if false then colored circles will be used const iconPath = "https://image.flaticon.com/icons/png/128/137/137068.png"