Margin Notes Stress Test
This page tests the margin notes functionality including overlap prevention, markdown support, and positioning.
Basic Margin Notes
Simple margin notes using inline syntax:
This is some text with a margin note π in the middle of a sentence.
Here’s another paragraph with a different note π to test positioning.
And a third note π right after.
Markdown Support (Block Syntax)
Testing margin notes with markdown formatting using block syntax (mnoteb):
Here is text with a markdown-formatted margin note.
πThis note contains a bullet list.
πThis note has inline code.
Many Notes in Quick Succession (Overlap Test)
This section tests that many notes close together don’t overlap:
Line 1 π
Line 2 π
Line 3 π
Line 4 π
Line 5 π
Line 6 π
Line 7 π
Line 8 π
Long Content Notes
Testing notes with substantial content:
πThis paragraph has a very long margin note attached to it.
Short note after long one π - should appear below the long one.
Notes with Special Characters
Testing various characters and escaping:
π HTML special characters test.
π Unicode characters test.
Spaced Out Notes (Should Align with Text)
This paragraph has no notes.
This paragraph has no notes either.
This paragraph has no notes as well.
Now here’s a note π that should be positioned at this vertical position.
More text without notes.
More text without notes.
More text without notes.
Another note π positioned lower down.
Edge Cases
Empty-ish Notes
π Minimal content note.
Notes at Start of Paragraph
π This paragraph starts with a margin note indicator.
Multiple Notes in Same Paragraph
This paragraph π has multiple π margin notes π within it.
Summary
If all notes above are visible and non-overlapping, the margin notes system is working correctly!
- Toggle notes with
Ctrl+Mor clicking the indicator - Notes hide during scroll and reappear after 500ms
- Notes move to right sidebar when left sidebar tree overflows
Backlinks (2)
“We all die. The goal isn’t to live forever, the goal is to create something that will.” — Chuck Palahniuk
Originally the AI suffix stood for archived intellect, however these days it has concretised to becoming an Augmenting Infrastructure — a place from which to branch out in many directions.
Within this site you will find self-contained material in the form of project posts and blog posts, but also external linksΒ 1 to other work – my own as well as not.
2. Stress Tests /about/stress-tests/
Here lie regression tests for this site.