this uses the css media query prefers-color-scheme to offer a dark theme to users.
This works in recent versions of safari, chromium (and derivatives) aswell as firefox
(but only with resistfingerprinting off OR a special config flag set)
Resize images again together with the browser window.
- Setting an explicit "width" for the 'figure' leads to a fixed width
of all child objects. No resizing.
- Not setting "width" has the image resizing, but the caption and the
border around it all won't be limited to the image width, but always
cover the whole page width.
- With the 'width: min-content' of this commit the caption resizing is
OK, but the image resizes in one big jump to thumbnail size...
* Added "figure" and "figcaption" to shijin4.css
Use for step-by-step guides consisting mainly of concacenated
screenshots + captions. Those tend to be confusing when your
not sure if the text belongs to the screenshot above or below
it.
With figcaption, the caption is always below and is encased
with the screenshot in a bordered box.
Add style="width:[screenshotwidth+2*padding]" when used,
e.g. style="width:820px"
* Use figure/figcaption for the installation guide.
* Minor text changes.
* Moved 8-initialize-update.png to the rest of the images and replaced
unused 8-initialize.png
* Fixed 14-select-target.png to show the correct 379.9 MB source image
instead of a 7.61 GB Haiku installation.
* Optimized PNGs
* TODO: All the images should be re-taken with the Noto font and an upated
(nightly) image to show the current image size and copying packages
instead of files when installing.
Adding the various stylings ("menu", "key", "cli"...) of the Haiku-doc.css.
I changed the "button" one to have a wider horizontal padding which makes it
look more like a Haiku button. I plan to use that one in the user guide as
well.