From 6b402b6ec15a05d1e06ecfeb4447cc185803eff4 Mon Sep 17 00:00:00 2001 From: Rohan Kumar Date: Sun, 20 Mar 2022 16:25:46 -0700 Subject: [PATCH] Another typo, formatting --- content/posts/website-best-practices.gmi | 12 +++++------- content/posts/website-best-practices.md | 12 +++++------- 2 files changed, 10 insertions(+), 14 deletions(-) diff --git a/content/posts/website-best-practices.gmi b/content/posts/website-best-practices.gmi index 5c99c30..7091e6f 100644 --- a/content/posts/website-best-practices.gmi +++ b/content/posts/website-best-practices.gmi @@ -283,16 +283,14 @@ If you really want to go overboard with PNG optimization, you can try a tool lik A "" element allows selection of sources based on any CSS media query. When images have light backgrounds, I like to include dark variants too. -This is a minimal example a `picture` with a dark variant: +This is a minimal example of a with a dark variant: ``` - - + media="screen and (prefers-color-scheme: dark)"> + ``` Requiring the "screen" media type prevents selection of dark variants when printing. Printer paper is almost always white, so dark images could waste ink. Ink waste is a sensitive issue among many students: school printers sometimes charge students who exceed a given ink quota. Ask me how I know! diff --git a/content/posts/website-best-practices.md b/content/posts/website-best-practices.md index 5d7a0c4..e03b9ec 100644 --- a/content/posts/website-best-practices.md +++ b/content/posts/website-best-practices.md @@ -253,17 +253,15 @@ A `` element allows selection of sources based on any CSS media query.
-A minimal example a picture with a dark variant: +A minimal example of a picture with a dark variant:
``` - - + media="screen and (prefers-color-scheme: dark)"> + ```