diff options
| -rw-r--r-- | vhosts/blog/public/about/index.html | 2 | ||||
| -rw-r--r-- | vhosts/blog/public/my-icon.js | 3 | ||||
| -rw-r--r-- | vhosts/blog/static/my-icon.js | 3 |
3 files changed, 5 insertions, 3 deletions
diff --git a/vhosts/blog/public/about/index.html b/vhosts/blog/public/about/index.html index 982f2834..ce001a93 100644 --- a/vhosts/blog/public/about/index.html +++ b/vhosts/blog/public/about/index.html @@ -46,7 +46,7 @@ <img src="/favicon.svg"> </img> </div> - <script defer src="/my-icon.js?h=167a9f385f01f5a8d2f670ba3b168cce"> + <script defer src="/my-icon.js?h=206d876c67ce6596bb8a1ae16fc7634b"> </script> </div> </header> diff --git a/vhosts/blog/public/my-icon.js b/vhosts/blog/public/my-icon.js index 92e32561..48c556da 100644 --- a/vhosts/blog/public/my-icon.js +++ b/vhosts/blog/public/my-icon.js @@ -110,7 +110,8 @@ const init = () => { } const [r, g, b] = randomChoice(colorMosaic); - ctx.fillStyle = `rgba(${r}, ${g}, ${b}, 0.75)`; + const a = 0.9 - f * 0.05; + ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${a})`; ctx.fillRect(x, y, 10, 10); } } diff --git a/vhosts/blog/static/my-icon.js b/vhosts/blog/static/my-icon.js index 92e32561..48c556da 100644 --- a/vhosts/blog/static/my-icon.js +++ b/vhosts/blog/static/my-icon.js @@ -110,7 +110,8 @@ const init = () => { } const [r, g, b] = randomChoice(colorMosaic); - ctx.fillStyle = `rgba(${r}, ${g}, ${b}, 0.75)`; + const a = 0.9 - f * 0.05; + ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${a})`; ctx.fillRect(x, y, 10, 10); } } |