diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-05-01 19:11:04 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-05-01 19:11:04 +0900 |
| commit | 742ee8ed6d300318089b6ae050dc123a88c85b4a (patch) | |
| tree | 9d0be85dd30161557f6900fe8731ad5853fc9001 | |
| parent | 97ae778f538285f2e82c08485a7e23be6747a507 (diff) | |
| download | nsfisis.dev-742ee8ed6d300318089b6ae050dc123a88c85b4a.tar.gz nsfisis.dev-742ee8ed6d300318089b6ae050dc123a88c85b4a.tar.zst nsfisis.dev-742ee8ed6d300318089b6ae050dc123a88c85b4a.zip | |
feat(blog/icon): improve about page icon
| -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); } } |