mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-13 01:02:10 +00:00
Use a smaller image in an article
This commit is contained in:
parent
6223768f04
commit
5e77a0d7f3
1 changed files with 3 additions and 1 deletions
|
@ -170,10 +170,12 @@ text on a dark background. Websites that explicitly set foreground colors but le
|
||||||
the default background color (or vice-versa) end up being difficult to read. Here's
|
the default background color (or vice-versa) end up being difficult to read. Here's
|
||||||
an example:
|
an example:
|
||||||
|
|
||||||
|
<a href="https://seirdy.one/misc/website_colors_large.png">
|
||||||
<picture>
|
<picture>
|
||||||
<source srcset="https://seirdy.one/misc/website_colors.webp" type="image/webp">
|
<source srcset="https://seirdy.one/misc/website_colors.webp" type="image/webp">
|
||||||
<img src="https://seirdy.one/misc/website_colors.png" width="637" height="484" alt="This page with a grey background, a header with unreadable black/grey text, and unreadable white-on-white code snippets">
|
<img src="https://seirdy.one/misc/website_colors.png" width="478" height="363" alt="This page with a grey background, a header with unreadable black/grey text, and unreadable white-on-white code snippets">
|
||||||
</picture>
|
</picture>
|
||||||
|
</a>
|
||||||
|
|
||||||
If you do explicitly set colors, please also include a dark theme using a media
|
If you do explicitly set colors, please also include a dark theme using a media
|
||||||
query: `@media (prefers-color-scheme: dark)`. For more info, read the relevant docs
|
query: `@media (prefers-color-scheme: dark)`. For more info, read the relevant docs
|
||||||
|
|
Loading…
Reference in a new issue