Sandbox

Sandbox is a page meant for testing new functionalities and features of ryppl.net. This includes Github Flavoured Markdown features, HTML elements, and custom features (or modifications) made to existing and/or new plugins, or style changes.

---

Inline Formatting

Headers

ToC stops at Header3

Header4 — more granular than h3

Header5 — header with same font size as body text

Header6 — not used

Body Text

Vibrant zephyrs jostled quirky foxes beneath luminous skylights; meanwhile, cryptic glyphs danced across obsidian tablets, hinting at forgotten realms. Puzzling ellipses‒and em dashes—sparked debate among scholars, while velvet-draped windows framed abstract murals of neon moons. Unexpectedly, a cascade of semicolons; colons: and commas… “Eureka!”

Éléphant, résumé, façade, naïveté, über, fiancée, São, açaí, jalapeño, Niño, Zürich, bläu, piñón, rôle, crêpe, déjà, voilà, tête-à-tête, année, brûlée

Italics Bold Bold italics StrikethroughCode Internal Link External Link ^superscript _subscript

Anchor

Italics Bold Bold italics Strikethrough Code Internal Link External Link ^superscript _subscript

Italics Bold Bold italics Strikethrough Code Internal Link External Link ^superscript _subscript

Italics Bold Bold italics Strikethrough Code Internal Link External Link ^superscript _subscript

Italics Bold Bold italics Strikethrough Code Internal Link External Link ^superscript _subscript

Italics Bold Bold italics Strikethrough Code Internal Link External Link ^superscript _subscript

Numbers and Symbols

3.1415926, -273.15℃, (1+√5)/2, 80:20, 24/7, 9-5, 37%,

@ # $ % ^ & * ( ) _ + = { } [ ] | \ : ; ” ’ < > , . ? / ~ ` • ← → ↑ ↓ © ® ™ ± § ° ∑ ∞ ≈ ≠ √ ∂ λ Ω ♠ ♥ ♦ ♣ ∞

Math (Katex)

Inline
$3.1415926-273.1537\%\frac{(1+\sqrt{5})}{2}3\times 480:2024/72^{136,279,841}-1$

Display Mode

$$\begin{gathered} \text{Time-dependent Schro¨dinger Equation} \\ \begin{array}{r}i\hslash \frac{\partial }{\partial t}\Psi (\mathbf{r},t)=\hat{H}\Psi (\mathbf{r},t)\end{array} \end{gathered}$$

Code Spans

Vibrant zephyrs jostled quirky foxes beneath luminous skylights; meanwhile, cryptic glyphs danced across obsidian tablets, hinting at forgotten realms. Puzzling ellipses‒and em dashes—sparked debate among scholars, while velvet-draped windows framed abstract murals of neon moons. Unexpectedly, a cascade of semicolons; colons: and commas... “Eureka!”

1 2 3 42 5 6 7 8 9 0

Images

Using the default Markdown syntax, one is unable to specify the width, height, position or filters used for the image.

Filters, Size Adjustments and Centering

Using HTML syntax, image parameters and layout can be adjusted. For example, text and images can be displayed in a single row. However, this layout breaks while viewing in a mobile format. For more information about CSS filters, see here.

Show

<div style="display:flex; justify-content:center; gap:20px;">
<img src="insert-link-here" 
alt="alt-text-here" 
style="width:400px; height: 450px; filter: grayscale(100%) blur(2px) ;">
</div>

Dividers

The first custom divider is the four-pointed star. The second and third are eight- and twelve-pointed stars, respectively:

---

---

---

Blocks

Container Blocks

Lists

1. いち
   2. に ^top _bottom
   3. さん

• 一
  • 二 ^top _bottom
    • 三

• 一
  • 二 ^top _bottom
    • 三

Blockquotes

See anchor above.

Callouts

Column

Not a red rose or a satin heart.

Column

I give you an onion.

Column

It is a moon wrapped in brown paper.

Column

It promises light
like the careful undressing of love.

Admonitions

Quote

Liberty plucks Justice by the nose, the baby beats the nurse, and quite athwart goes all decorum.

Show

The cat is dead.

Reminder

But is Wigner’s friend dead or alive?

Leaf Blocks

Code

No syntax highlighting

quartz build --serve

Syntax highlighting

print('helloworld')

Tables

Index	Name	Item Description
1	Center	Right aligned
2
3

Footnotes

1. This is a footnote. ↩

2. This is also footnote. ↩