KlazHTT/personal-website
1
0
Fork 0
Code Issues Pull Requests Activity

Edit logo icon to load different versions depending on viewer's color preference

Browse Source
This commit is contained in:
Hao Tran 2025-01-06 09:12:12 -05:00
parent 2b812aeb96
commit f305aeda57
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/theme_directives-head.html
View File

@ -1,3 +1,7 @@
<div class="logo">
<img style="float: right; margin-top: 4px;" src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_white_square-626x626.webp" width=64 height=64" />
<picture>
<source style="float: right; margin-top: 4px;" srcset="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_black_square-626x626.webp" media="(prefers-color-scheme: light)" width=64 height=64" />
<source style="float: right; margin-top: 4px;" srcset="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_white_square-626x626.webp" media="(prefers-color-scheme: dark)" width=64 height=64" />
<img style="float: right; margin-top: 4px;" src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_black_square-626x626.webp" width=64 height=64" />
</picture>
</div>