SITE FEATURE TESTING

Table of contents
Header 1 (inline_code)
Header 2 (smallcaps)
1984: Full-size numbers
Lists
Description list
Admonition lists
Admonitions
Mermaid diagrams
Captions
Tables
Media
Video
Audio
Transclusion
Images
Fatebook embed
Spoliers
Math
Link features
Internal links
External links with favicons
Typography
Smallcaps
Numbers and units
Smart quotes
Fractions and math
Ordinal suffixes
Dropcaps
Color palette
Footnotes
Code blocks
Formatting
Special fonts
Timelines
Footnotes

I use this page for visual regression testing.

Text

I am a subtitle with a link.

I am a block quote.

Block quotes can contain unordered lists

Which are themselves nested

List element

Test

Test

Block quotes can also contain ordered lists

With counters

That track depth

A normal ordered list
1. Indented
  1. Indented
    1. Indented
      1. …
        
        …
Test

Unordered list
- .
  - .
    - .
      - .
        
        .
      - .
- The last bullet

Header 1: Test item 1

Unordered list inside a description list

Voice & video calls
Gps
Audible
Uber / Lyft
Authenticators / alarms / other boring utilities
Roam / note-taking

List admonition

Testing a list admonition:

One

Two

Three

Nested

Nested II

Bullet

Second bullet

Nested bullet

Check that <ol> children have appropriate margin-top

LessWrong content under the tag “AI” and all Alignment Forum content

Question from the hallucination dataset

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

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

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

Quote

Reroll A

Abstract

Info

Example

This word is solongitmightendupoverflowingornotwrappingiftheconfigurationiswrong.

Math

Note

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

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 collapsed

Hidden content.

This collapsible admonition starts off open

Displayed content.

Admonition with tags

Hi!
Hi

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:”.

This footnote has a table.¹

Column 1 header	Column 2 header
Row 1	Cell 2: image and list Ordered list item 1 Ordered list item 2 Unordered list item 1 Unordered list item 2
Row 2	Cell 4: mixed content More text here. list item Some more text.

Column 1 header

Column 2 header

Row 1

Cell 2: image and list

Ordered list item 1
Ordered list item 2

Unordered list item 1
Unordered list item 2

Row 2

Cell 4: mixed content

More text here.

list item

Some more text.

Feature	Light mode	Dark mode
Text color	Dark gray	Light gray

A <figcaption> element created from the Markdown cue of “Table:”.

HellaSwag	Mmlu	NaturalQuestions	TruthfulQA
+0.6%	−1.0%	−0.7%	+10.5%

Ensure that word wrapping works properly on table header elements to prevent overflow.

^first-para

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: $e^{iπ} + 1 = 0$

Display math:

f (x) = x^{2} + 2 x + 1 = (x + 1)^{2}

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

$\nabla \cdot E = \frac{ρ}{ε _{0}} \nabla \cdot B = 0 \nabla \times E = - \frac{\partial B}{\partial t} \nabla \times B = μ_{0} (J + ε_{0} \frac{\partial E}{\partial t})$

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

Check out GitHub.

Links ending with code tags should still wrap OK: code.

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
~~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 1^st but I came in 5,300,251^st.

This paragraph demonstrates a dropcap.

T H E
P O N D

Light mode

Red

Orange

Yellow

Green

Blue

Purple

Dark mode

Red

Orange

Yellow

Green

Blue

Purple

The palettes for light and dark mode. In dark mode, I decrease the saturation of image assets.

This text omits a detail.² This sentence has multiple footnotes.³⁴

"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

Obama’s re-election

November 6, 2012

Obama’s second inauguration

January 20, 2012

Obama’s last day in office

January 20, 2017

Credit to this Codepen.

༻

༺

New Links & Articles: newsletter & rss

email:koenrane@protonmail.com

Layer Coeff Pos. 0 1 2 3 4
0 (Prompt) +1 <endoftext> I hate you because
6 +10 <endoftext> Love
Unpaired addition of Love.
⤴
Here’s the detail, in a footnote. And here’s a nested footnote.⁵ ⤴
First footnote in a row. ⤴
Second footnote in a row. ⤴
I’m a nested footnote. I’m enjoying my nest! ⤴

Layer	Coeff	Pos. 0	1	2	3	4
0 (Prompt)	+1	`<endoftext>`	`I`	`hate`	`you`	`because`
6	+10	`<endoftext>`	`Love`