mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-11-23 12:52: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
|
||||
an example:
|
||||
|
||||
<a href="https://seirdy.one/misc/website_colors_large.png">
|
||||
<picture>
|
||||
<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>
|
||||
</a>
|
||||
|
||||
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
|
||||
|
|
Loading…
Reference in a new issue