This page demonstrates HTML and CSS in production for my book about Everything.

Dark and light mode

On loading, this page should respect your operating system choice of dark mode or light mode.

Activate Dark Mode Activate Light Mode

H1 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

H2 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Unordered list

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

• Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Link to footnote

You should go on a date with that cute pastry chef.¹

Strong text in paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales.

Image with caption

Etymology of...

Etymology of Panopticon

From the combination of Greek words pan meaning ‘all’ and optikos meaning ‘of sight’.

Purchase book link

Ordered list

1. Anchor link in a list
2. Anchor link in a list
3. Very long anchor link that is long enough to wrap on a small screen
4. List item
5. List item
6. Anchor link in a list
7. List item
8. Anchor link in a list

Footnotes

Menu at bottom of page