Lorem Ipsum: Block Elements

Gwern

Lorem Ipsum: Block Elements

Block elements (blockquotes, rulers, multi-column lists, sidenotes, math, epigraphs, collapses, admonitions) test subset of /lorem

2020-09-27–2022-11-10 finished certainty: log importance: 1

Block Elements
Small Collapse

Block Elements

Lists test transclusion.

Sidenotes test tranclusion.

Multimedia test transclusion.

Dropcaps test transclusion.

Blockquotes

Consecutive blockquotes:

Margin note 2. Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow! Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game. By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza.

Another, longer blockquote. Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game. By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal. Mexican juntas, viewed in fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains vex probate judge Marcy Quinn. Twenty-six Excedrin helped give Jocko quite a firm buzz. Racy pics of bed hijinx with glam queen sunk Val. Why Paxil? Jim’s Bodega stocked no quince-flavor Pez. Wavy-haired quints of El Paz mock Jorge by fax. Two phony quacks of God bi-exorcize evil mojo.

Nested blockquotes (3-levels):

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

Floated blockquote:

With tenure, Suzie’d have all the more leisure for yachting, but her publications are no good. Shaw, those twelve beige hooks are joined if I patch a young, gooey mouth. Are those shy Eurasian footwear, cowboy chaps, or jolly earthmoving headgear? The beige hue on the waters of the loch impressed all, including the French queen, before she heard that symphony again, just as young Arthur wanted.

Waltz, nymph, for quick jigs vex Bud. Sphinx of black quartz, judge my vow. Pack my box with five dozen liquor jugs. Glib jocks quiz nymph to vex dwarf. Jackdaws love my big sphinx of quartz. The five boxing wizards jump quickly. How vexingly quick daft zebras jump! Quick zephyrs blow, vexing daft Jim. Two driven jocks help fax my big quiz. The jay, pig, fox, zebra and my wolves quack! Sympathizing would fix Quacker objectives. A wizard’s job is to vex chumps quickly in fog. Watch Jeopardy!, Alex Trebek’s fun TV quiz game. By Jove, my quick study of lexicography won a prize! Waxy and quivering, jocks fumble the pizza. Fetching killjoy Mavis Wax was probed on the quay. “Yo, never mix Zoloft with Quik”, gabs Doc Jasper. One zany quaff is vodka mixed with grape juice and blood. Zitty Vicki smugly quipped in her journal, “Fay waxes her butt.” Hot Wendy gave me quasi-Kreutzfeld-Jacob pox. Jack’s pervy moxie quashed Bob’s new Liszt fugue. I backed Zevy’s qualms over Janet’s wig of phlox. Tipsy Bangkok panjandrums fix elections with quivering zeal. Mexican juntas, viewed in fog, piqued Zachary, killed Rob. Jaywalking Zulu chieftains vex probate judge Marcy Quinn. Twenty-six Excedrin helped give Jocko quite a firm buzz. Racy pics of bed hijinx with glam queen sunk Val. Why Paxil? Jim’s Bodega stocked no quince-flavor Pez. Wavy-haired quints of El Paz mock Jorge by fax. Two phony quacks of God bi-exorcize evil mojo.

Horizontal Rulers

HTML rulers:

First ruler (should be sun):

Ruler (second, should be dotted-moon):

Another ruler (third, should be stars/asterism—custom icon, loosely inspired by our Source Serif Pro star list icon):

The rulers also provide a handy source of astronomical symbolism in use on several pages, such as The Ring opera reviews or “It Looks Like You’re Trying To Take Over The World”.

Markdown rulers:

Second:

Third:

Math (Block)

LaTeX equations (block, not inline):

$E = m c^{2}$

$O (log (n)) \equiv E [1]$

$E [x_{i}] \approx μ + σ Φ^{- 1} (\frac{i}{N + 1}) ⎡ ⎢ ⎢ ⎢ ⎣ 1 + \frac{(\frac{i}{N + 1}) (1 - \frac{i}{N + 1})}{2 (N + 2) {[ϕ [Φ^{- 1} (\frac{i}{N + 1})]]}^{2}} ⎤ ⎥ ⎥ ⎥ ⎦$

$P (a | b) = \frac{P (b | a) \cdot P (a)}{(P (b | a) \cdot P (a)) + (P (b | \neg a) \cdot P (\neg a))} = \frac{0.05 \cdot 0.9}{((0.05 \cdot 0.9) + (0.95 \cdot 0.1))} = \frac{0.045}{((0.05 \cdot 0.9) + (0.95 \cdot 0.1))} = \frac{0.045}{(0.045 + (0.95 \cdot 0.1))} = \frac{0.045}{(0.045 + 0.095)} = \frac{0.045}{0.14} = 0.32$

Color emphasis:

$red (x)$

$O (log (n)) \equiv E [1]$

Equations in annotation popups:

Block: Borwein & Borwein2001, Tabarrok2016
Wikipedia: Betti number, Rock-Paper-Scissors, Lehmer random number generator, confidence interval, Pentagrammic prism

Epigraphs

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Cicero (§1.10.32 of De finibus bonorum et malorum, 45 BC)

The possibilities of developing an atomic weapon and the desirability of doing it secretly were discussed at a Princeton University conference in which I participated in March 1939_86ya…Bohr said this rare variety could not be separated from common uranium except by turning the country into a gigantic factory. Bohr was worried that this could be done and that an atomic bomb could be developed—but he hoped that neither could be accomplished. Years later, when Bohr came to Los Alamos, I was prepared to say, “You see . . .” But before I could open my mouth, he said: “You see, I told you it couldn’t be done without turning the whole country into a factory. You have done just that.”

Edward Teller ¹

In Memoriam, Christopher Alexander (1936^–₈₆2022).

All questions asked by five watched experts amaze the judge. Back in June we delivered oxygen equipment of the same size. The wizard quickly jinxed the gnomes before they vaporized. We promptly judged antique ivory buckles for the next prize. Jim quickly realized that the beautiful gowns are expensive.

By Gwern Branwen

Your humble & obedient servant,
Gwern Branwen
Esquire, KA, ESTC, Adv. Lyc., C.O.B.E., L.L.C, MD, DPhil, Eur Ing

Multiple centered paragraphs.

Paragraph the second.

Paragraph tertius.

Centered-right signature:

—G.B.

Université T.U.O.T. (retraité à Chavignolles), premier octobre 1990.

Interviews

Leonard Nimoy: He is mean. He is really mean. I’ve been telling people this for years. Now, I want you to believe me tonight, I’m not kidding, he’s mean, he’s a mean person. He stole my bicycle.

William Shatner: I didn’t steal your bicycle.

L. Nimoy: Yes, he did. He stole my bicycle.

W. Shatner: I’m gonna tell you the story—

Nimoy: And it was not once.

Shatner: I tell you what we do—

LN: He took advantage of a person in need.

WS: When were you in need?

N: Of a person struggling, a person in pain. He did! He hurt me, badly. I want you to know that. Is this being taped? Is somebody taping this? I want it on record, you know?

[Shatner puts his arm around Nimoy’s neck and kisses his ear.]

S: I wouldn’t hurt you for the world, Leonard, but the problem was every time they’d call lunch you’d get on your bike and bicycle down to the commissary and get ahead…

N: That’s the logical thing to do.

[Nimoy walks away and goes to the speaker’s pulpit]

S: Is it something I said?

N: I’m looking for the water. You want some water? It’s true. I had a bicycle. I had my name on it, too. That’s right. It said it right there. It said: ‘Leonard Nimoy’ and I spelled it correctly, too. That’s because we had not much time to get from the stage to the commissary, get to lunch, get to the make-up department, get the ears touched up and get to work. So, I used the bicycle.

And one day I walked out the stage and my bicycle was gone. Right! So I came up to the stage and I was kind of upset. And I said: ‘who took my bicycle? Come on guys, I took it here for a reason’.

S: It was chained.

N: Now, my friend here decides to have some fun with me. So one day after I had complained, he got my bicycle and he tied it to a rope and they put it into the rafters. And the ceiling is higher than the ceiling here on the sound stage.

And when I said: ‘Where’s my bicycle?’, he starts laughing ‘hahaha’. I mean is that funny, to hide a guy’s bicycle? And I was in bad shape at the time I could hardly walk. Bill took advantage of a guy who is hurt. I want some sympathy. Wait a minute!

[“ooooooooh!!” from the audience]

S: Because I had to get lunch, too… So he got wire-cutters the next day, opened the chain so that he got his bike. So the following day…

N: I remember everything!

S: I bred Dobermann as well as horses. A Dobermann is a great dog. Very territorial, they love their masters.

N: His dogs are meaner than he is. And that’s not easy!

Collapses

Section showing how parts of pages can be ‘collapsed’ and expanded by the user on request to go into more depth, such as to look at a codeblock. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

For inline collapses, see the inline Lorem.

This is a short paragraph. It has a collapse wrapper, but it should not collapse, as that doesn’t save any space, and it looks distracting.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Cicero (§1.10.32 of De finibus bonorum et malorum, 45 BC)

Smol Table.²
Foo	Bar	Baz
1	2	3

module Main where

main :: IO ()
main = print "Hello World!"

Margin note 6. This margin note should be invisible until the corresponding text has been uncollapsed. Blockquote within collapsed section:

Blockquote.

Test sequences of figures in collapsed sections:

GPT-3: not even that much compute—3640 petaflop/s-day, only 2× their estimate for AlphaGo Zero, 1860165ya. (Historical graph modified by myself from “AI and Compute”, Amodei et al 2018.) — GPT-3: not even that much compute—3640 petaflop/s-day, only 2× their estimate for AlphaGo Zero, 1860_165ya. (Historical graph modified by myself from “AI and Compute”, Amodei et al 2018.)³

Color photograph: Weird Al Yankovic with 232 fans on 2020-01-18

Test collapsed regions within collapsed sections:

Collapse within collapse: At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Margin note 7. This margin note should be invisible until the corresponding text has been uncollapsed. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.⁴

Test collapsed non-section regions with abstract-collapses (but not abstracts in general):

The first sentence at the beginning is the abstract.

The second sentence.

The third sentence.

The fourth and final sentence.

The first sentence.

The second sentence is the abstract now.

The third sentence.

The fourth sentence.

The first sentence.

The second sentence.

The third sentence is the abstract now.

The fourth sentence.

The first sentence.

The second sentence.

The third sentence.

The fourth and final sentence is the abstract in this one.

Small Collapse

This is a section testing ‘small’ collapses (.collapse-small), which show the minimum possible: one line. So you should not be able to read this when collapsed.

This is another ‘small’ collapsed div. You may be able to read this when it’s collapsed.

But you shouldn’t be able to read this part when it’s collapsed.

Mismatch

This is a span-level abstract inside a div collapse. This is the rest of the collapse. We need this to check that mixing a span-inside-div works along with the usual div-inside-div approach to writing the abstracts for a collapse. When writing, you should make sure they match, of course, but you might have writing reasons to use a mixed span, or you might refactor and move things around, and what once matched no longer matches (and this would break things in hard-to-notice-or-debug ways). We do not test the div-inside-span mismatch case because it appears to be nearly impossible to write that in Pandoc Markdown in a way which doesn't yield horribly-broken HTML, so there is no need to handle it or test that case specially.

Test collapsed sections within collapsed sections:

Collapse

This is an abstract (.abstract) within a double-collapse section.

Hidden content exposed by uncollapsing.

Collapse Collapse

This is an abstract (.abstract) within a triple-collapse section.

Hidden content exposed by uncollapsing.

Collapse Collapse Collapse

This is an abstract (.abstract) within a quadruple-collapse section.

Hidden content exposed by uncollapsing.

Collapse (No Abstract)

This is a collapsed region with no abstract.

More hidden content exposed by uncollapsing.

Secondary Abstract

Copy of abstract of article summarizing the page. For design philosophy, see the About page. This is a test page which exercises all standard functionality and features of Gwern.net, from standard Pandoc Markdown like blockquotes/headers/tables/images, to custom features like sidenotes, margin notes, left/right-floated and width-full images, columns, epigraphs, admonitions, small/wide tables, collapse sections, link annotations, link icons.

User-visible bugs which may appear on this page: zooms into small rather than large original image (mobile).

Body Text With Smallcaps Introduction: This is a copy of the page abstract. This tests whether secondary abstracts, such as for split-out pages, collapse properly, and get smallcaps + dropcaps in the text after the abstract itself (ie. this paragraph.) Angel Adept Blind Bodice Clique Coast Dunce Docile Enact Eosin Furlong Focal Gnome Gondola Human Hoist Inlet Iodine Justin Jocose Knoll Koala Linden Loads Milliner Modal Number Nodule Onset Oddball Pneumo Poncho Quanta Qophs Rhone Roman Snout Sodium Tundra Tocsin Uncle Udder Vulcan Vocal Whale Woman Xmas Xenon Yunnan Young Zloty Zodiac. Angel angel adept for the nuance loads of the arena cocoa and quaalude. Blind blind bodice for the submit oboe of the club snob and abbot. Clique clique coast for the pouch loco of the franc assoc and accede. Dunce dunce docile for the loudness mastodon of the loud statehood and huddle. Enact enact eosin for the quench coed of the pique canoe and bleep. Furlong furlong focal for the genuflect profound of the motif aloof and offers. Gnome gnome gondola for the impugn logos of the unplug analog and smuggle. Human human hoist for the buddhist alcohol of the riyadh caliph and bathhouse. Inlet inlet iodine for the quince champion of the ennui scampi and shiite. Justin justin jocose for the djibouti sojourn of the oranj raj and hajjis. Knoll knoll koala for the banknote lookout of the dybbuk outlook and trekked. Linden linden loads for the ulna monolog of the consul menthol and shallot. Milliner milliner modal for the alumna solomon of the album custom and summon. Number number nodule for the unmade economic of the shotgun bison and tunnel. Onset onset oddball for the abandon podium of the antiquo tempo and moonlit. Pneumo pneumo poncho for the dauphin opossum of the holdup bishop and supplies. Quanta quanta qophs for the inquest sheqel of the cinq coq and suqqu. Rhone rhone roman for the burnt porous of the lemur clamor and carrot. Snout snout sodium for the ensnare bosom of the genus pathos and missing. Tundra tundra tocsin for the nutmeg isotope of the peasant ingot and ottoman. Uncle uncle udder for the dunes cloud of the hindu thou and continuum. Vulcan vulcan vocal for the alluvial ovoid of the yugoslav chekhov and revved. Whale whale woman for the meanwhile blowout of the forepaw meadow and glowworm. Xmas xmas xenon for the bauxite doxology of the tableaux equinox and exxon. Yunnan yunnan young for the dynamo coyote of the obloquy employ and sayyid. Zloty zloty zodiac for the gizmo ozone of the franz laissez and buzzing. The Dow dropped <10% before increasing >5%, and all the traders said “<what>”‽

Test width-full code block, tables, and images in a collapsed section:

#include <stdlib.h>
#include <stdio.h>
#include <stdbool.h>
#include <math.h>

#define ROUND_LIMIT 300
#define MONEY_LIMIT 25000
#define MONEY_START 2500
#define MONEY_FACTOR 100.0f

// #define DATATYPE float
// #define F(X) X ## f
#define DATATYPE double
#define F(X) X

#define THREADS 8

// MEMOIZED METHOD

typedef struct {
  bool known;
  DATATYPE ev;
} CacheEntry;

static DATATYPE decide(CacheEntry * const table, int money, int round) {
  if (round < 0) return money;
  if (money == 0 || money == MONEY_LIMIT) return money;
  int index = round * (MONEY_LIMIT + 1) + money;
  // int index = money * ROUND_LIMIT + round;

  if (table[index].known) return table[index].ev;

  DATATYPE best_bet_score = -1;
  for (int bet = 0; bet <= money; bet++) {
    DATATYPE winres = decide(table, (money + bet > MONEY_LIMIT) ? MONEY_LIMIT : (money + bet), round - 1);
    DATATYPE loseres = decide(table, money - bet, round - 1);
    DATATYPE combined = F(0.6) * winres + F(0.4) * loseres;
    best_bet_score = F(fmax)(best_bet_score, combined);
  }
  table[index] = (CacheEntry) { true, best_bet_score };
  return best_bet_score;
}

void method1() {
  CacheEntry *table = calloc(sizeof(CacheEntry), ROUND_LIMIT * (MONEY_LIMIT + 1));

  printf("running.\n");
  int best_bet = 0;
  DATATYPE best_bet_score = -1;
  for (int bet = 0; bet <= MONEY_START; bet++) {
    DATATYPE winres = decide(table, MONEY_START + bet, ROUND_LIMIT - 1);
    DATATYPE loseres = decide(table, MONEY_START - bet, ROUND_LIMIT - 1);
    DATATYPE combined = F(0.6) * winres + F(0.4) * loseres;
    if (combined > best_bet_score) {
      best_bet = bet;
      best_bet_score = combined;
    }
  }

  printf("first round: bet %f for expected total reward of %f\n", best_bet / MONEY_FACTOR, best_bet_score / MONEY_FACTOR);
  int count_known = 0;
  for (int i = 0; i < ROUND_LIMIT * (MONEY_LIMIT + 1); i++) {
    if (table[i].known) count_known ++;
  }
  printf("known: %i of %i\n", count_known, ROUND_LIMIT * (MONEY_LIMIT + 1));
}

Large Table.
Name	Date	Active?	Layout	Margin?	Element	Non-JS?	No click?	Mobile Fallback	Narrow	Long Collapse?	FLOSS	Pros/Cons
Tufte-CSS, Dave Liepmann	2014	✅	→	✅	`<span>`	✅	✅	Pop-in (default: collapsed)	Pop-in	❌	MIT	Static, simple, popular; buggy block elements, endnote-incompatible, limited number supported
`sidenotes.js`, Said Achmiz	2019	✅	↔︎	✅	`<a>`	❌	✅	Endnotes (“pop-in” planned)	Endnotes (eg. on hover)	✅	MIT	Scales to many, Pandoc-compatible; slow, buggy. (Version 0.123456789)

64 TWDNE face samples selected from social media, in an 8×8 grid.

Test of blockquote:

About suffering they were never wrong,
The Old Masters: how well they understood
Its human position; how it takes place
While someone else is eating or opening a window or just
walking dully along;
How, when the aged are reverently, passionately waiting
For the miraculous birth, there always must be
Children who did not specially want it to happen, skating
On a pond at the edge of the wood:
They never forgot
That even the dreadful martyrdom must run its course
Anyhow in a corner, some untidy spot
Where the dogs go on with their doggy
life and the torturer’s horse
Scratches its innocent behind on a tree.

In Bruegel’s “Icarus”, for instance: how everything turns away
Quite leisurely from the disaster; the ploughman may
Have heard the splash, the forsaken cry,
But for him it was not an important failure; the sun shone
As it had to on the white legs disappearing into the green
Water; and the expensive delicate ship that must have seen
Something amazing, a boy falling out of the sky,
had somewhere to get to and sailed calmly on.

—W. H. Auden, “Musée des Beaux Arts” (1938_87ya)

Test in blockquotes:

Test width-full code block, tables, and images in a collapsed section:
#include <stdlib.h>
#include <stdio.h>
#include <stdbool.h>
#include <math.h>

  printf("first round: bet %f for expected total reward of %f\n", best_bet / MONEY_FACTOR, best_bet_score / MONEY_FACTOR);
Large Table.

Name

Date

Active?

Layout

Margin?

Element

Non-JS?

No click?

Mobile Fallback

Narrow

Long Collapse?

FLOSS

Pros/Cons

Tufte-CSS, Dave Liepmann

2014

✅

→

✅

<span>

✅

✅

Pop-in (default: collapsed)

Pop-in

❌

MIT

Static, simple, popular; buggy block elements, endnote-incompatible, limited number supported

sidenotes.js, Said Achmiz

2019

✅

↔︎

✅

<a>

❌

✅

Endnotes (“pop-in” planned)

Endnotes (eg. on hover)

✅

MIT

Scales to many, Pandoc-compatible; slow, buggy. (Version 0.123456789)

64 TWDNE face samples selected from social media, in an 8×8 grid.

Admonitions test transclusion.

Source code syntax highlighting tests.

Tables test transclusions.

pg210–211, “The Quiet Enemy”, The Legacy of Hiroshima, Teller1962.↩︎
Footnote 10.↩︎
Footnote 7.↩︎
Footnote 11.↩︎

[Error: JavaScript disabled.]

[Backlinks, similar links, and the bibliography require JS enabled to load.]