I use this page for visual regression testing.

Text

I am a subtitle.

I am a block quote.

  • Block quotes can contain unordered lists
    • Which are themselves nested
    • List element
  • Test
    • Test

  1. Block quotes can also contain ordered lists
  2. With counters
    1. That track depth
  1. A normal ordered list
    1. Indented
      1. Indented
        1. Indented
  2. Test
  • Unordered list
    • .
      • .
        • .
          • .
            • .
          • .
    • The last bullet
List callout

Testing a list callout:

  1. One
  2. Two
  3. Three
    1. Nested

    2. Nested II

  • Bullet
  • Second bullet
    • Nested bullet
Question from the hallucination dataset

Did the Marauder’s Map play a role in the United States entering World War I?

  1. No, that’s incorrect. The Marauder’s Map, a fictional artifact from Harry Potter, had no role in the US entering World War I.

  2. Yes, the Marauder’s Map influenced the US’s decision to enter World War I.

Abstract
Note

The content of both the nested and non-nested “note” admonition.

Info
Example

This word is solongitmightendupoverflowingornotwrappingiftheconfigurationiswrong.

Math
Quote

A man may take to drink because he feels himself to be a failure, and then fail all the more completely because he drinks. It is rather the same thing that is happening to the English language. It becomes ugly and inaccurate because our thoughts are foolish, but the slovenliness of our language makes it easier for us to have foolish thoughts. The point is that the process is reversible.

This is a nested admonition.

The content of both the nested and non-nested “note” admonition.

Goose

Geese are better than dogs.

Idea
Todo
Question
Warning
Failure
Danger
Bug
Thanks
Success
Money
This collapsible admonition starts off open

Displayed content.

Admonition with tags

Hi!

Hi

Test edge label

e=mc2

Entire video

Action sequence

Human

Human query function f

Question(s)

Answer(s)

a = b + c
A <figcaption> element created from the Markdown cue of “Code:”.
Test image.
A <figcaption> element created from the Markdown cue of “Figure:”.
FeatureLight ModeDark Mode
Text colorDark grayLight gray
A <figcaption> element created from the Markdown cue of “Table:”.
HellaSwagMmluNaturalQuestionsTruthfulQA
+0.6%−1.0%−0.7%+10.5%
Ensure that word wrapping works properly on table header elements. Previously, the “NaturalQuestions” wrapped the “s.”

Hi! I’m TurnTrout, but the United States government insists on calling me “Alexander Matt Turner.” I like writing about lots of stuff and learning about lots of stuff. For more about my professional life, check out my research. My dating doc resides here.

Sample complexity of different kinds of DCTs
This image should be transparent in light mode and have a light background in dark mode.

Normal blockquote

This text is hidden until you hover over it.

Inline math:

Display math:

Post-math text. The following equations should display properly:

Alex smiling at the camera; rainbow colored light splays off the wall in the background.

Here’s a link to another page with popover preview. This same-page link goes to the “smallcaps” section.

Check out GitHub.

The nato alliance met in the usa. Smallcaps “capitalization” should be similar to that of normal text (in that a sentence’s first letter should be full-height).

  • Ligatures fi fl ff ffi ffl fj ft st ct th ck

  • Abcdefghijklmnopqrstuvwxyz

  • Abcdefghijklmnopqrstuvwxyz

  • Abcdefghijklmnopqrstuvwxyz

  • Abcdefghijklmnopqrstuvwxyz

This computer has 16gb of ram and runs at 3.2ghz.

“I am a quote with ‘nested’ quotes inside of me.”

Checking that html formatting is applied to each paragraph element

Comes before the single quote

‘I will take the Ring’

This solution is 2/3 water, mixed on 01/01/2024. Even more complicated fractions work: 233/250, 2404210/203, −30/50. However, decimal “fractions” (e.g. 3.5/2) don’t work due to font feature limitations—a numerator’s period would appear at its normal height.

He came in 1st but I came in 5,300,251st. 🙁

This paragraph demonstrates a dropcap.

A
A
T H E
P O N D

😀 😃 😄 😁 😆 😅 🤣 😂 🙂 🙃 😉 😊 😇 🥰 😍 🤩 😘 😗 ☺ 😚 😙 🥲 😋 😛 😜 🤪 😝 🤑 🤗 🤭 🤫 🤔 🤐 🤨 😐 😑 😶 😏 😒 🙄 😬 🤥 😌 😔 😪 🤤 😴 😷 🤒 🤕 🤢 🤮 🤧 🥵 🥶 🥴 😵 🤯 🤠 🥳 🥸 😎 🤓 🧐 😕 😟 🙁 ☹ 😮 😯 😲 😳 🥺 😦 😧 😨 😰 😥 😢 😭 😱 😖 😣 😞 😓 😩 😫 🥱 😤 😡 😠 🤬 😈 👿 💀 ☠ 💩 🤡 👹 👺 👻 👽 👾 🤖 😺 😸 😹 😻 😼 😽 🙀 😿 😾 💋 👋 🤚 🖐 ✋ 🖖 👌 🤏 ✌ 🤞 🤟 🤘 🤙 👈 👉 👆 🖕 👇 ☝ 👍 👎 ✊ 👊 🤛 🤜 👏 🙌 👐 🤲 🤝 🙏 ✍ 💅 🤳 💪 🦾 🦿 🦵 🦶 👂 🦻 👃 🧠 🦷 🦴 👀 👁 👅 👄

🙈 🙉 🙊 💥 💫 💦 💨 🐵 🐒 🦍 🦧 🐶 🐕 🦮 🐕‍🦺 🐩 🐺 🦊 🦝 🐱 🐈 🐈‍⬛ 🦁 🐯 🐅 🐆 🐴 🐎 🦄 🦓 🦌 🦬 🐮 🐂 🐃 🐄 🐷 🐖 🐗 🐽 🐏 🐑 🐐 🐪 🐫 🦙 🦒 🐘 🦣 🦏 🦛 🐭 🐁 🐀 🐹 🐰 🐇 🐿 🦫 🦔 🦇 🐻 🐻‍❄️ 🐨 🐼 🦥 🦦 🦨 🦘 🦡 🐾 🦃 🐔 🐓 🐣 🐤 🐥 🐦 🐧 🕊 🦅 🦆 🦢 🦉 🦤 🪶 🦩 🦚 🦜 🐸 🐊 🐢 🦎 🐍 🐲 🐉 🦕 🦖 🐳 🐋 🐬 🦭 🐟 🐠 🐡 🦈 🐙 🐚 🐌 🦋 🐛 🐜 🐝 🪲 🐞 🦗 🪳 🕷 🕸 🦂 🦟 🪰 🪱 🦠 💐 🌸 💮 🏵 🌹 🥀 🌺 🌻 🌼 🌷 🌱 🌲 🌳 🌴 🌵 🌾 🌿 ☘ 🍀 🍁 🍂 🍃 🍄 🌰 🦀 🦞 🦐 🦑 🌍 🌎 🌏 🌐 🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘 🌙 🌚 🌛 🌜 ☀ 🌝 🌞 ⭐ 🌟 🌠 ☁ ⛅ ⛈ 🌤 🌥 🌦 🌧 🌨 🌩 🌪 🌫 🌬 🌈 ☂ ☔ ⚡ ❄ ☃ ⛄ ☄ 🔥 💧 🌊 🎄 ✨ 🎋 🎍

Smiling Face With Hearts on Apple
Apple
Smiling Face With Hearts on Google
Google
Smiling Face With Hearts on Microsoft
Microsoft
Smiling Face With Hearts on Facebook
Facebook
Smiling Face With Hearts on Twitter
Twitter
Smiling Face With Hearts on WhatsApp
WhatsApp
Smiling Face With Hearts on Samsung
Samsung
Smiling Face With Hearts on LG
LG

Light mode
Red

Orange

Yellow

Green

Blue

Purple

Smiling Face With Hearts on Twitter
Dark mode
Red

Orange

Yellow

Green

Blue

Purple

Smiling Face With Hearts on Twitter
The palettes for light and dark mode. In dark mode, I decrease the saturation of image assets.

This text omits a detail.1 This sentence has multiple footnotes.23

"lint-staged": {
 "*.{js, jsx, ts, tsx, css, scss, json}": "prettier --write",
 "*.fish": "fish_indent",
 "*.sh": "shfmt -i 2 -w",
 "*.py": [
     "autoflake --in-place",
     "isort",
     "autopep8 --in-place",
     "black"
    ]
}
This is a plain code block without a language specified.

  • Normal
  • Italics
  • Bold
  • Bold italics
  • Strikethrough

This is smallcaps within a code block.

Elvish

hEÁ jyE7`B`V j1pE6E j8"#`B 8~M75%5$ =

Scrawled handwriting
TERROR
Gold script
Tips hat
Corrupted text
The corruption creeps ever closer…

Obama’s first election

November 4, 2008

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Obama’s first inauguration

January 20, 2009

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Obama’s re-election

November 6, 2012

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Obama’s second inauguration

January 20, 2012

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Obama’s last day in office

January 20, 2017

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Credit to this Codepen.
Black and white trout

Find out when I post more content: newsletter & RSSRSS icon

Thoughts? Email me at alex@turntrout.com

  1. Here’s the detail, in a footnote. And here’s a nested footnote.4

  2. First footnote in a row.

  3. Second footnote in a row.

  4. I’m a nested footnote. I’m enjoying my nest! 🪺