Main »

Lorem Ipsum

Systems stress-test page for OborWiki functionality, exercising PmWiki markup / ​HTML /​ CSS / ​JS features at scale to check that they render correctly in mobile/​desktop.

(Inspired by https://www.gwern.net/Lorem.)

Contents

Body Text: 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>”‽ Because markets never dropped before⸮

Click to expand markup
Body Text: 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''>”‽ Because markets never dropped before⸮

Basic styling

Normal text

Bold text

Italic text

Bold italic text

Monospace text

Monospace bold text

Monospace italic text

Monospace bold italic text

Click to expand markup
Normal text

'''Bold text'''

''Italic text''

'''''Bold italic text'''''

@@Monospace text@@

@@'''Monospace bold text'''@@

@@''Monospace italic text''@@

@@'''''Monospace bold italic text'''''@@

Links

Here is a link to the Papyrus skin.

Here is the URL, which should be linkified: https://www.pmwiki.org/wiki/Skins/Papyrus.

Here’s a link to the home page of this site: Welcome to OborWiki!.

And here’s a link to an attachment: SpectrumInversion.pptx

Click to expand markup
Here is a link to the [[https://www.pmwiki.org/wiki/Skins/Papyrus | Papyrus skin]].

Here is the URL, which should be linkified: https://www.pmwiki.org/wiki/Skins/Papyrus.

Here’s a link to the home page of this site: [[Main/HomePage | +]].

And here’s a link to an attachment: Attach:SpectrumInversion.pptx

Rules




Click to expand markup
----

----

----

Lists

  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3
  4. Ordered list item 4
  5. Ordered list item 5
  6. Ordered list item 6
  1. Nested list (ordered)
    1. Nested list (ordered)
      1. Nested list (ordered)
        1. Nested list (ordered)
          1. Nested list (ordered)
            1. Nested list (ordered)
  1. Nested list (mixed)
    • Nested list (mixed)
      1. Nested list (mixed)
        • Nested list (mixed)
          1. Nested list (mixed)
            • Nested list (mixed)
Click to expand markup
* Unordered list item 1
* Unordered list item 2
* Unordered list item 3
* Unordered list item 4
* Unordered list item 5
* Unordered list item 6

# Ordered list item 1
# Ordered list item 2
# Ordered list item 3
# Ordered list item 4
# Ordered list item 5
# Ordered list item 6

* Nested list (unordered)
** Nested list (unordered)
*** Nested list (unordered)
**** Nested list (unordered)
***** Nested list (unordered)
****** Nested list (unordered)

# Nested list (ordered)
## Nested list (ordered)
### Nested list (ordered)
#### Nested list (ordered)
##### Nested list (ordered)
###### Nested list (ordered)

* Nested list (mixed)
## Nested list (mixed)
*** Nested list (mixed)
#### Nested list (mixed)
***** Nested list (mixed)
###### Nested list (mixed)

# Nested list (mixed)
** Nested list (mixed)
### Nested list (mixed)
**** Nested list (mixed)
##### Nested list (mixed)
****** Nested list (mixed)

Definitions

Definition lists

Term
Definition
Another term
A somewhat longer definition
Yet another term
This definition is quite long, and goes on for more than one sentence. We are still defining the term. It is a complicated term and requires multiple sentences of definition.

Alpha
One two three
Beta
Four five six
Gamma
Seven eight nine
Click to expand markup
:Term:Definition
:Another term:A somewhat longer definition
:Yet another term:This definition is quite long, and goes on for more than one sentence. We are still defining the term. It is a complicated term and requires multiple sentences of definition.
[==]
:Alpha:One two three
:Beta:Four five six
:Gamma:Seven eight nine

Q & A

A question is asked?

An answer is given.

Click to expand markup
Q: A question is asked?
A: An answer is given.

Code blocks

global $FmtPV;
$FmtPV['$SkinName'] = '"Vector"';
$FmtPV['$SkinVersion'] = '"2022-05-24"';

$skin_file_name = "vector";
$filepath = "$SkinDir/{$skin_file_name}.css";
$path = "$SkinDirUrl/{$skin_file_name}.css";

## Append the modification time to the URL as a GET parameter; this should be ignored
## by the web server, but is seen as part of the unique URL of the remote resource by
## the browser; when it changes (because the attachment has been modified), the 
## browser will see that it doesn’t have a cached version of the resource under the
## new URL, and will retrieve the updated version.
$versioned_path = $path . "?v=" . filemtime($filepath);

global $VersionedAssetsReattachFileExtension;
if ($VersionedAssetsReattachFileExtension == true) {
	## Re-attach the file extension, so that LinkIcons and such things work properly.
	preg_match("/\\.[^\\.]+$/", $path, $matches);
	$versioned_path .= $matches[0];
}
Click to expand markup
[@
global $FmtPV;
$FmtPV['$SkinName'] = '"Vector"';
$FmtPV['$SkinVersion'] = '"2022-05-24"';

$skin_file_name = "vector";
$filepath = "$SkinDir/{$skin_file_name}.css";
$path = "$SkinDirUrl/{$skin_file_name}.css";

## Append the modification time to the URL as a GET parameter; this should be ignored
## by the web server, but is seen as part of the unique URL of the remote resource by
## the browser; when it changes (because the attachment has been modified), the 
## browser will see that it doesn’t have a cached version of the resource under the
## new URL, and will retrieve the updated version.
$versioned_path = $path . "?v=" . filemtime($filepath);

global $VersionedAssetsReattachFileExtension;
if ($VersionedAssetsReattachFileExtension == true) {
	## Re-attach the file extension, so that LinkIcons and such things work properly.
	preg_match("/\\.[^\\.]+$/", $path, $matches);
	$versioned_path .= $matches[0];
}
@]

Tables

Smol Table
FooBarBaz
123.1234567890
Medium Table
FooBarBazQuuxQuuzPrimusSecundusTertius
12345678.1234567890
Large Table
NameDateActive?LayoutMargin?ElementNon-JS?No click?Mobile FallbackNarrowLong Collapse?FLOSSPros/Cons
Tufte-CSS, Dave Liepmann2014<span>Pop-in (default: collapsed)Pop-inMITStatic, simple, popular; buggy block elements, endnote-incompatible, limited number supported
sidenotes.js, Said Achmiz2019↔︎<a>EndnotesEndnotes (eg. on hover)MITScales to many, Pandoc-compatible; slow, buggy. (Version 0.123456789)

Tables with borders, rowspan, and colspan

MethodInner loop updatesOuter loop updates, meta-Generalizes to
parametersobjectiveoptimizer
abcdef
MethodInner loop updatesOuter loop updates, meta-Generalizes to
parametersobjectiveoptimizer
abcdef
Click to expand markup
||
||!Smol Table            ||||||
||!Foo ||!Bar ||!Baz         ||
||1    ||2    ||3.1234567890 ||

||
||!Medium Table                                             ||||||||||||||||
||!Foo ||!Bar ||!Baz ||!Quux ||!Quuz ||!Primus ||!Secundus ||!Tertius     ||
||1    ||2    ||3    ||4     ||5     ||6       ||7         ||8.1234567890 ||

|| class="full-width"
||!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                  ||❌             ||[[https://www.gwern.net/static/js/sidenotes.js | MIT]]    ||Static, simple, popular; buggy block elements, endnote-incompatible, limited number supported ||
||[[https://www.gwern.net/static/js/sidenotes.js | @@sidenotes.js@@]], Said Achmiz ||2019  ||✅       ||↔︎       ||✅       ||<a>      ||❌       ||✅         ||Endnotes                    ||Endnotes (eg. on hover) ||✅             ||MIT    ||Scales to many, Pandoc-compatible; slow, buggy. (Version 0.123456789)                         ||

!!! Tables with borders, rowspan, and colspan

|| border=1
||! Method ++||! Inner loop updates ++||! Outer loop updates, meta- ||||||! Generalizes to ++||
||! parameters ||! objective ||! optimizer ||
||a ||b ||c ||d ||e ||f ||

|| border=1
||! Method ++||! Inner loop updates ++||! Outer loop updates, meta-      ||__||__||! Generalizes to ++||
||^^^^^^^^^^^||^^^^^^^^^^^^^^^^^^^^^^^||! parameters ||! objective ||! optimizer ||^^^^^^^^^^^^^^^^^^^||
||a          ||b                      ||c            ||d           ||e           ||f                  ||

Tables in blockquotes

Smol Table
FooBarBaz
123.1234567890
Click to expand markup
["
||
||!Smol Table            ||||||
||!Foo ||!Bar ||!Baz         ||
||1    ||2    ||3.1234567890 ||
"]

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Click to expand markup
! Heading 1
!! Heading 2
!!! Heading 3
!!!! Heading 4
!!!!! Heading 5
!!!!!! Heading 6

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.

Click to expand markup
["
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.
"]

Blockquotes with CSS classes and IDs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.

Click to expand markup
[" id="foo" class="bar"
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.
"]

[" baz quux
Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.
"]

[" id="foobar" bazquux
Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.
"]

Nested blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.

Click to expand markup
["
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

["
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

["
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.
"]

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.
"]

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.
"]

Misc

Long lines

Click to expand markup
* '''Hyphenation:''' pneumonoultramicroscopicsilicovolcanoconiosis pseudopseudohypoparathyroidism floccinaucinihilipilification antidisestablishmentarianism supercalifragilisticexpialidocious incomprehensibilities strengths euouae unimaginatively honorificabilitudinitatibus sesquipedalianism otorhinolaryngological immunoelectrophoretically psychophysicotherapeutics thyroparathyroidectomized pneumoencephalographically radioimmunoelectrophoresis psychoneuroendocrinological hepaticocholangiogastrostomy spectrophotofluorometrically.
* '''Slashes:''' Cwm/​fjord/​veg/​balks/​nth/​pyx/​quiz. Bortz/​waqf/​glyphs/​vex/​muck/​djinn. PR/​flacks/​quiz/​gym:/​TV/​DJ/​box/​when? Zing,/​dwarf/​jocks/​vex/​lymph,/​Qutb. Zing,/​vext/​cwm/​fly/​jabs/​Kurd/​qoph.
* '''URLs/​Code:''' https://gwern.substack.com/ · https://www.patreon.com/gwern · https://fis.fda.gov/sense/app/d10be6bb-494e-4cd2-82e4-0135608ddc13/sheet/45beeb74-30ab-46be-8267-5756582633b4/state/analysis · https://forum.evageeks.org/post/366709/Im-calling-it-right-now/#366709 · https://old.reddit.com/r/TOUHOUMUSIC/search?q=author%3Agwern&sort=new&restrict_sr=on&t=all · https://forum.evageeks.org/post/366717/Im-calling-it-right-now/#366717 · https://forum.evageeks.org/post/366731/Im-calling-it-right-now/#366731 · https://www.thiswaifudoesnotexist.net/ · https://www.lesswrong.com/tag/inside-outside-view · https://predictionbook.com/users/gwern · https://old.reddit.com/r/Vocaloid/search?q=author%3Agwern&sort=new&restrict_sr=on&t=all · https://forum.evageeks.org/post/366565/Im-calling-it-right-now/#366565 · https://forum.evageeks.org/post/558013/EOE-OST-Title-Translations/#558013

Disclosures/collapses

Summary/details

Summary of collapsed block. (Click to expand.)

Full text of collapsed block. Click the summary again to collapse.

Summary of multi-paragraph collapsed block. (Click to expand.)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.

Summary of open collapsed block. (Click to collapse.)

This collapsed block starts open, and may be collapsed by clicking on the summary.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Click to expand markup
(:details summary="Summary of collapsed block. (Click to expand.)":)
Full text of collapsed block. Click the summary again to collapse.
(:detailsend:)

(:details summary="Summary of multi-paragraph collapsed block. (Click to expand.)":)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.
(:detailsend:)

(:details open=open summary="Summary of open collapsed block. (Click to collapse.)":)
This collapsed block starts open, and may be collapsed by clicking on the summary.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.
(:detailsend:)

ToggleNext markup

See Cookbook:ToggleNext.

Click to expand all ToggleNext collapsed blocks on the page.

Summary of collapsed block. (Click to expand.)

Summary of collapsed block. (Click to expand.)

Click to expand markup
See [[Cookbook:ToggleNext]].

%pmtoggleall% Click to expand all ToggleNext collapsed blocks on the page. %%

>>pmtoggle<<
Summary of collapsed block. (Click to expand.)
>>next<<
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

>>pmtoggle<<
Summary of collapsed block. (Click to expand.)
>>next<<
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae quam ipsum. Aenean vel erat ligula. Etiam id mi sagittis, fringilla justo in, egestas lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc suscipit ornare diam, non commodo neque convallis quis. Nulla lorem dolor, fringilla id porttitor ut, luctus id lacus. Morbi consectetur ex vel luctus euismod.

Maecenas porttitor facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas lobortis quam lorem, ac ullamcorper est imperdiet vitae. Maecenas tellus ligula, vulputate a consectetur quis, viverra et velit. Vivamus eu viverra sem. Donec eu lacus id mauris fringilla consectetur. Aliquam in tortor pellentesque, facilisis eros vel, tempor justo. Morbi non felis libero. Sed odio mauris, tincidunt at erat vitae, elementum convallis lectus. Vestibulum vel maximus dolor. Proin dignissim, nibh eget imperdiet condimentum, orci tortor tincidunt purus, nec aliquam justo neque quis velit. Pellentesque id orci vel libero malesuada volutpat. In id neque vestibulum, consectetur risus venenatis, faucibus nunc.

Suspendisse ac lorem scelerisque, pellentesque felis vel, congue nunc. Integer eu lorem vel ex tempus egestas. Mauris venenatis ante ac neque ultrices suscipit. Suspendisse vitae pellentesque felis. Nulla a leo vel velit auctor euismod id sed nunc. Curabitur elementum nibh enim, vel lobortis ante consequat sed. Ut orci dui, bibendum vitae ante a, eleifend vehicula nulla. Donec accumsan vestibulum sapien.

Toggle markup

See Cookbook:Toggle.

Setting per-page Toggle settings with the (:toggleset:) directive:

(:toggleset init='show' show='[Show]' hide='[Hide]' ttshow='Show!' tthide='Hide!' display='block' display2='block' set=0 button=0 printhidden=1 nojs=0 :)


Toggle directive using the id=foo parameter:

[Hide]

Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.


Toggle directive with first bare-word argument used as id:

[Hide]

Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.


Toggle directive using the id=foo and id2=bar parameters:

[Hide]

Initially visible text. Hidden, and replaced with alternate text, when “Hide” is clicked; made visible, replacing the alternate text, when “Show” is clicked.

Initially hidden text. Made visible, replacing the initial text, when “Hide” is clicked; hidden, and replaced with the initial text, when “Show” is clicked.


Toggle directive with two bare-word arguments, used as id and id2:

[Hide]

Initially visible text. Hidden, and replaced with alternate text, when “Hide” is clicked; made visible, replacing the alternate text, when “Show” is clicked.

Initially hidden text. Made visible, replacing the initial text, when “Hide” is clicked; hidden, and replaced with the initial text, when “Show” is clicked.


Toggle directive with init=hide argument:

[Show]

Initially hidden text. Made visible when “Show” is clicked; hidden when “Hide” is clicked.


Toggle directives with alternate text for the show/hide links, using the show=foo and hide=bar parameters:

Conceal

Initially visible text. Hidden when “Conceal” is clicked; made visible when “Unveil” is clicked.

Unveil

Initially hidden text. Made visible when “Unveil” is clicked; hidden when “Conceal” is clicked.


Toggle directive with a single label for both states of the link (useful when swapping between two elements), using the label=baz parameter:

The ol’ switcheroo

Initially visible text. Hidden, and replaced with alternate text, when “The ol’ switcheroo” is clicked; made visible, replacing the alternate text, when “The ol’ switcheroo” is clicked again.

Initially hidden text. Made visible, replacing the initial text, when “The ol’ switcheroo” is clicked; hidden, and replaced with the initial text, when “The ol’ switcheroo” is clicked again.


Toggle directives that remember their state between reloads (by setting a cookie), with the set=1 parameter:

[Hide] (Cookie status on page load: set to show)

This text will be initially visible the first time this page is loaded on this client (and may be hidden by clicking “Hide”). On subsequent page loads, it will be hidden or shown, according to the last state the toggle was left in.

[Show] (Cookie status on page load: set to hide)

This text will be initially hidden the first time this page is loaded on this client (and may be made visible by clicking “Show”). On subsequent page loads, it will be hidden or shown, according to the last state the toggle was left in.


Toggle directive specifying a button instead of a link, with the button parameter:

Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.


Toggle directives with alternate tooltips for the “Show” and “Hide” links/buttons:

[Hide]

Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.

Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.


Toggle directives specifying an image instead of a link, instead of a link or button:

Initially visible text. Hidden when is clicked; made visible when is clicked.

Initially visible text. Hidden when is clicked; made visible when is clicked again.


Toggle directives specifying an image as clickable element, with custom tooltips:

Initially visible text. Hidden when is clicked; made visible when is clicked.

Initially visible text. Hidden when is clicked; made visible when is clicked again.


Toggle directives specifying a group of elements, at most one of which is shown:

Line 1 always shows to start off with. When any of lines 2 to 4 display line 1 is hidden.

Line 2 is hidden to start. When line 2 is shown, all other lines are hidden.

Line 3 is hidden to start. When line 3 is shown, all other lines are hidden.

Line 4 is hidden to start. When line 4 is shown, all other lines are hidden.


Toggle directive specifying alternate display value for the element(s) to be toggled:

This line contains text to be toggled by the toggle-link. This is the toggle-able text. Click here to show or hide it. Because it’s only part of a line, display should be inline.

Toggle

This line containts an element to be toggled by the toggle-link. This inline element will be displayed initially. But this flexbox is displayed when the toggle-link is clicked. (The sentences in it are the flex elements.) Additional CSS is usually needed to properly style and lay out elements with unusual display values. This sentence comes after the toggle-able element, and will be pushed down when the flexbox alternate element is displayed.


Toggle directive with nojs=1:

[Hide]

Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked. (Toggle link should be visible even without JavaScript enabled.)

[Show]

Initially hidden text. Made visible when “Show” is clicked; hidden when “Hide” is clicked. (Toggle link should be visible even without JavaScript enabled. This text should be visible on page load when JavaScript is disabled; compare to nojs=2.)

(Without JavaScript enabled, toggle link should still be visible, and the line of text that begins with “Initially hidden text.” should be visible on page load.)


Toggle directive with nojs=2:

[Show]

Initially hidden text. Made visible when “Show” is clicked; hidden when “Hide” is clicked. (This text should be hidden on page load.)

(Without JavaScript enabled, toggle link should still be visible, but the line of text that begins with “Initially hidden text.” should be hidden on page load.)


Toggle directive with printhidden=0 (reversing the default set above, which is printhidden=1):

[Show]

Initially hidden text. Made visible when “Show” is clicked; hidden when “Hide” is clicked. (If this text is hidden, it should remain hidden when printing.)

Click to expand markup
See [[Cookbook:Toggle]].

Setting per-page Toggle settings with the [@(:toggleset:)@] directive:

[@(:toggleset init='show' show='[Show]' hide='[Hide]' ttshow='Show!' tthide='Hide!' display='block' display2='block' set=0 button=0 printhidden=1 nojs=0 :)@]
(:toggleset init='show' show='[Show]' hide='[Hide]' ttshow='Show!' tthide='Hide!' display='block' display2='block' set=0 button=0 printhidden=1 nojs=0 :)
----
Toggle directive using the @@id=''foo''@@ parameter:

(:toggle id=block1:)
>>id=block1<<
Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.
>><<
----
Toggle directive with first bare-word argument used as @@id@@:

(:toggle block2:)
>>id=block2<<
Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.
>><<
----
Toggle directive using the @@id=''foo''@@ and @@id2=''bar''@@ parameters:

(:toggle id=block3 id2=block4:)
>>id=block3<<
Initially visible text. Hidden, and replaced with alternate text, when “Hide” is clicked; made visible, replacing the alternate text, when “Show” is clicked.
>>id=block4<<
Initially hidden text. Made visible, replacing the initial text, when “Hide” is clicked; hidden, and replaced with the initial text, when “Show” is clicked.
>><<
----
Toggle directive with two bare-word arguments, used as @@id@@ and @@id2@@:

(:toggle block5 block6:)
>>id=block5<<
Initially visible text. Hidden, and replaced with alternate text, when “Hide” is clicked; made visible, replacing the alternate text, when “Show” is clicked.
>>id=block6<<
Initially hidden text. Made visible, replacing the initial text, when “Hide” is clicked; hidden, and replaced with the initial text, when “Show” is clicked.
>><<
----
Toggle directive with @@init=hide@@ argument:

(:toggle block7 init=hide:)
>>id=block7<<
Initially hidden text. Made visible when “Show” is clicked; hidden when “Hide” is clicked.
>><<
----
Toggle directives with alternate text for the show/hide links, using the @@show=''foo''@@ and @@hide=''bar''@@ parameters:

(:toggle block8 show="Unveil" hide="Conceal":)
>>id=block8<<
Initially visible text. Hidden when “Conceal” is clicked; made visible when “Unveil” is clicked.
>><<

(:toggle block9 show="Unveil" hide="Conceal" init=hide:)
>>id=block9<<
Initially hidden text. Made visible when “Unveil” is clicked; hidden when “Conceal” is clicked.
>><<
----
Toggle directive with a single label for both states of the link (useful when swapping between two elements), using the @@label=''baz''@@ parameter:

(:toggle block10 block11 label="The ol’ switcheroo":)
>>id=block10<<
Initially visible text. Hidden, and replaced with alternate text, when “The ol’ switcheroo” is clicked; made visible, replacing the alternate text, when “The ol’ switcheroo” is clicked again.
>>id=block11<<
Initially hidden text. Made visible, replacing the initial text, when “The ol’ switcheroo” is clicked; hidden, and replaced with the initial text, when “The ol’ switcheroo” is clicked again.
>><<
----
Toggle directives that remember their state between reloads (by setting a cookie), with the @@set=1@@ parameter:

(:toggle block12 set=1:)
(Cookie status on page load: set to '''(:if ! matchstring '/&quot;block12&quot;:&quot;hide&quot;/' '{$@_toggle_Main_WikiSandbox}' :)show(:else:)hide(:ifend:)''')
>>id=block12<<
This text will be initially visible the first time this page is loaded on this client (and may be hidden by clicking “Hide”). On subsequent page loads, it will be hidden or shown, according to the last state the toggle was left in.
>><<

(:toggle block13 hide set:)
(Cookie status on page load: set to '''(:if ! matchstring '/&quot;block13&quot;:&quot;show&quot;/' '{$@_toggle_Main_WikiSandbox}' :)hide(:else:)show(:ifend:)''')
>>id=block13<<
This text will be initially hidden the first time this page is loaded on this client (and may be made visible by clicking “Show”). On subsequent page loads, it will be hidden or shown, according to the last state the toggle was left in.
>><<
----
Toggle directive specifying a button instead of a link, with the @@button@@ parameter:

(:toggle block14 button show="Show" hide="Hide":)
>>id=block14<<
Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.
>><<
----
Toggle directives with alternate tooltips for the “Show” and “Hide” links/buttons:

(:toggle block15 ttshow="Make manifest!" tthide="Begone from my sight!":)
>>id=block15<<
Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.
>><<

(:toggle block16 ttshow="Bring forth the element!" tthide="Ah, that mine eye may gaze upon this text no more!" button show="Show" hide="Hide":)
>>id=block16<<
Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked.
>><<
----
Toggle directives specifying an image instead of a link, instead of a link or button:



(:toggle block17 show=eye.svg hide=eye-slash.svg:)
>>id=block17<<
Initially visible text. Hidden when %inline-icon%Attach:eye-slash.svg%% is clicked; made visible when %inline-icon%Attach:eye.svg%% is clicked.
>><<

(:toggle block18 label=eye.svg:)
>>id=block18<<
Initially visible text. Hidden when %inline-icon%Attach:eye.svg%% is clicked; made visible when %inline-icon%Attach:eye.svg%% is clicked again.
>><<
----
Toggle directives specifying an image as clickable element, with custom tooltips:

(:toggle block19 show="eye.svg|Show me the element!" hide="eye-slash.svg|Out! I say thee OUT!":)
>>id=block19<<
Initially visible text. Hidden when %inline-icon%Attach:eye-slash.svg%% is clicked; made visible when %inline-icon%Attach:eye.svg%% is clicked.
>><<

(:toggle block20 label="eye.svg | Reverse the polarity of the neutron flow!":)
>>id=block20<<
Initially visible text. Hidden when %inline-icon%Attach:eye.svg%% is clicked; made visible when %inline-icon%Attach:eye.svg%% is clicked again.
>><<
----
Toggle directives specifying a group of elements, at most one of which is shown:

>>id=block21 blockgroup1<<
'''Line 1''' always shows to start off with. When any of lines 2 to 4 display line 1 is hidden.
>>id=block22 blockgroup1<<
'''Line 2''' is hidden to start. When line 2 is shown, all other lines are hidden.
>>id=block23 blockgroup1<<
'''Line 3''' is hidden to start. When line 3 is shown, all other lines are hidden.
>>id=block24 blockgroup1<<
'''Line 4''' is hidden to start. When line 4 is shown, all other lines are hidden.
>><<

* (:toggle block21 group=blockgroup1 show="Show 1" hide="Hide 1" show :)
* (:toggle block22 group=blockgroup1 show="Show 2" hide="Hide 2" :)
* (:toggle block23 group=blockgroup1 show="Show 3" hide="Hide 3" :)
* (:toggle block24 group=blockgroup1 show="Show 4" hide="Hide 4" :)
>><<
----
Toggle directive specifying alternate @@display@@ value for the element(s) to be toggled:

This line contains text to be toggled by the toggle-link. %id=inline1% This is the toggle-able text. %% (:toggle inline1 display="inline" label="Click here to show or hide it.":) Because it’s only part of a line, @@display@@ should be @@inline@@.

(:toggle inline2 flex1 display="inline" display2="flex" label="Toggle":)

This line containts an element to be toggled by the toggle-link. %id=inline2 red% This inline element will be displayed initially. %% %id=flex1 blue% [_But this flexbox is displayed when the toggle-link is clicked._] [_(The sentences in it are the flex elements.)_] [_Additional CSS is usually needed to properly style and lay out elements with unusual @@display@@ values._] %% This sentence comes after the toggle-able element, and will be pushed down when the flexbox alternate element is displayed.
----
Toggle directive with @@nojs=1@@:

(:toggle id=block25 nojs=1:)
>>id=block25<<
Initially visible text. Hidden when “Hide” is clicked; made visible when “Show” is clicked. (Toggle link should be visible even without JavaScript enabled.)
>><<

(:toggle id=block26 nojs=1 hide:)
>>id=block26<<
Initially hidden text. Made visible when “Show” is clicked; hidden when “Hide” is clicked. (Toggle link should be visible even without JavaScript enabled. This text should be visible on page load when JavaScript is disabled; compare to @@nojs=2@@.)
>><<

(Without JavaScript enabled, toggle link should still be visible, and the line of text that begins with “Initially hidden text.” should be visible on page load.)
----
Toggle directive with @@nojs=2@@:

(:toggle block27 init=hide nojs=2:)
>>id=block27<<
Initially hidden text. Made visible when “Show” is clicked; hidden when “Hide” is clicked. (This text should be hidden on page load.)
>><<

(Without JavaScript enabled, toggle link should still be visible, but the line of text that begins with “Initially hidden text.” should be hidden on page load.)
----
Toggle directive with @@printhidden=0@@ (reversing the default set above, which is @@printhidden=1@@):

(:toggle block28 hide printhidden=0:)
>>id=block28<<
Initially hidden text. Made visible when “Show” is clicked; hidden when “Hide” is clicked. (If this text is hidden, it should remain hidden when printing.)
>><<

Footnotes

See Cookbook:Footnotes.

Inline, auto-numbered

This is a paragraph with inline footnotes with automatic (a.k.a. implicit) numbering.1 Implicit numbering means that the footnotes are numbered automatically, without the editor having to specify footnote numbers.2 The downside of implicit numbering is that it makes it hard (though not impossible) to refer to the same footnote multiple times.1

1 This is a footnote.

2 This is another footnote.

Click to expand markup
This is a paragraph with inline footnotes with automatic (a.k.a. implicit) numbering.[^This is a footnote.^] Implicit numbering means that the footnotes are numbered automatically, without the editor having to specify footnote numbers.[^This is another footnote.^] The downside of implicit numbering is that it makes it hard (though not impossible) to refer to the same footnote multiple times.[^#1^]

[^#^]

Inline, explicitly numbered

This is a paragraph with an inline footnote with explicit numbering.1 Explicit numbering is slightly more cumbersome, but allows footnote numbering to be separated from the order in which the footnotes appear in the wiki source2 (which may be a good thing or a bad thing!), and makes it easy to refer to the same footnote multiple times.1

1 This is the first footnote.

2 This is the second footnote.

Click to expand markup
This is a paragraph with an inline footnote with explicit numbering.[^#1 This is the first footnote.^] Explicit numbering is slightly more cumbersome, but allows footnote numbering to be separated from the order in which the footnotes appear in the wiki source[^#2 This is the second footnote.^] (which may be a good thing or a bad thing!), and makes it easy to refer to the same footnote multiple times.[^#1^]

[^#^]

Separate (non-inline)

This is a paragraph with non-inline footnotes (which must be explicitly numbered).1 This means that footnotes are defined separately from the text in which the references to them appear.2 Technically, a footnote can be defined anywhere (as long as the definition of a footnote comes after it’s been referenced at least once, and before the [^#^] markup which prints all defined footnotes). However, it is customary to place footnote definitions right before the [^#^] markup.

1 This is the first footnote.

2 This is the second footnote.

Click to expand markup
This is a paragraph with non-inline footnotes (which must be explicitly numbered).[^#1^] This means that footnotes are defined separately from the text in which the references to them appear.[^#2^] Technically, a footnote can be defined anywhere (as long as the definition of a footnote comes after it’s been referenced at least once, and before the [@[^#^]@] markup which prints all defined footnotes). However, it is customary to place footnote definitions right before the [@[^#^]@] markup.

[^#1 This is the first footnote.^]
[^#2 This is the second footnote.^]
[^#^]

Mix & match

Footnote types can be mixed & matched, within the same page and even within the same footnote group.1 PmWiki will attempt to maintain consistent footnote numbering.2 However, editors should be aware that mixing footnote types may lead to numbering errors, and be careful.3

1 This is an explicitly numbered inline footnote.

2 This is an implicitly numbered inline footnote.

3 This is an explicitly numbered, non-inline footnote.

Click to expand markup
Footnote types can be mixed & matched, within the same page and even within the same footnote group.[^#1 This is an explicitly numbered inline footnote.^] PmWiki will attempt to maintain consistent footnote numbering.[^This is an implicitly numbered inline footnote.^] However, editors should be aware that mixing footnote types may lead to numbering errors, and be careful.[^#3^]

[^#3 This is an explicitly numbered, non-inline footnote.^]
[^#^]

Multi-paragraph footnotes

Multi-paragraph footnotes are also supported.1 Obviously, the convenient and sensible way to define multi-paragraph footnotes is non-inline, but inline footnotes with multiple paragraphs are also supported.2 You can put such footnotes into the middle of another paragraph, and continue the interrupted paragraph after the footnote definition ends.3 However, this is inadvisable, as it will make the source hard to read.

1 Paragraph one of the first footnote.

Paragraph two of the first footnote.

2 Like this, for example. This is the first paragraph of the second footnote.

And this is the second paragraph.

3 You can even do this with implicitly numbered footnotes…

… like this.

Click to expand markup
Multi-paragraph footnotes are also supported.[^#1^] Obviously, the convenient and sensible way to define multi-paragraph footnotes is non-inline, but inline footnotes with multiple paragraphs are also supported.[^#2 Like this, for example. This is the first paragraph of the second footnote.

And this is the second paragraph.^] You can put such footnotes into the middle of another paragraph, and continue the interrupted paragraph after the footnote definition ends.[^You can even do this with implicitly numbered footnotes…

… like this.^] However, this is inadvisable, as it will make the source hard to read.

[^#1 Paragraph one of the first footnote.

Paragraph two of the first footnote.^]
[^#^]

Multiple footnote groups

PmWiki supports multiple footnote groups on the same page.1 Whenever the [^#^] markup appears, it prints all footnotes defined so far in the current footnote group, and resets the footnote count.2 All subsequent footnotes, until the next [^#^], belong to a new group.

1 This is a footnote from the first group.

2 This is another footnote from the first group.

This lets us define footnotes groups on a per-section basis, give sidebars or collapsed blocks their own, independent footnotes, and so on.1 We can link to any footnote from any group directly, by using an anchor like this: #fnFNGROUP_FNNUM (e.g., #fn4_2 would refer to the 2nd footnote of the 4th footnote group).

1 This is a footnote from the second group.

Click to expand markup
PmWiki supports multiple footnote groups on the same page.[^This is a footnote from the first group.^] Whenever the [@[^#^]@] markup appears, it prints all footnotes defined so far in the current footnote group, and resets the footnote count.[^This is another footnote from the first group.^] All subsequent footnotes, until the next [@[^#^]@], belong to a new group.

[^#^]

This lets us define footnotes groups on a per-section basis, give sidebars or collapsed blocks their own, independent footnotes, and so on.[^This is a footnote from the second group.^] We can link to any footnote from any group directly, by using an anchor like this: @@#fn''FNGROUP''_''FNNUM''@@ (e.g., @@#fn4_2@@ would refer to the 2nd footnote of the 4th footnote group).

[^#^]

Footnotes in blockquotes (and vice-versa)

This is a blockquote.1 And in it are footnotes.2 They can even have multiple paragraphs.3 Blockquote and footnote syntax are somewhat similar, so it’s good to confirm that they work together without problems.

1 This is a footnote.

2 This is also a footnote.

3 This is a multi-paragraph…

… footnote.

Click to expand markup
["
This is a blockquote.[^This is a footnote.^] And in it are footnotes.[^#2^] They can even have multiple paragraphs.[^#3 This is a multi-paragraph…

… footnote.^] Blockquote and footnote syntax are somewhat similar, so it’s good to confirm that they work together without problems.

[^#2  This is also a footnote.^]
[^#^]
"]

This is a paragraph.1 It has footnotes.2

1 And this is a footnote.

In the footnote is a blockquote.

This footnote continues after the blockquote.

2 This is another footnote. Note that this footnote ends with a blockquote.

This is the blockquote.

 
Click to expand markup
This is a paragraph.[^#1^] It has footnotes.[^#2^]

[^#1 And this is a footnote.

["
In the footnote is a blockquote.
"]

This footnote continues after the blockquote.^]
[^#2 This is another footnote. Note that this footnote ends with a blockquote.

["
This is the blockquote.
"]
^]
[^#^]

This section contains a blockquote which contains a footnote which contains a blockquote.1

The outer blockquote.2

1 Note that the footnote numbering here continues both outside and inside the blockquote. Footnote numbering like this would be used in a situation where we’re quoting something and annotating the quote with footnotes that were not included in the original.

2 This is a footnote referenced from within the blockquote. Note that it can have multiple paragraphs…

This blockquote is defined inline, inside, the second footnote.

In a case like this, where the footnote numbering is outside the outer blockquote, the above second blockquote-within-a-footnote might be an additional quote, provided within a footnote to the first quote.

Click to expand markup
This section contains a blockquote which contains a footnote which contains a blockquote.[^#1 Note that the footnote numbering here continues both outside and inside the blockquote. Footnote numbering like this would be used in a situation where we’re quoting something and annotating the quote with footnotes that were not included in the original.^]

["
The outer blockquote.[^#2 This is a footnote referenced from within the blockquote. Note that it can have multiple paragraphs…

["
This blockquote is defined inline, inside, the second footnote.
"]

In a case like this, where the footnote numbering is outside the outer blockquote, the above second blockquote-within-a-footnote might be an additional quote, provided within a footnote to the first quote.^]
"]

[^#^]