Here is an Anchor to a subsection that teaches you  Broken link .

Here is a Button, which insert a newline even though I have typed it inline in the following sentence. Excepteur sint occaecat cupidatat non proident,

Bootstrap Downloads

You will notice a bit of Color in the middle of this sentence while the rest is normal.

The following is a DocHere sample:

Hover below to reveal BoxPress code

Hey everybody! I’m some confusing-looking code that no one likes to look at. Hide me from new users to decrease anxiety so they can read the rest of the page. Thanks.

Here is a Download button:

  Download BoxPress

Here I have used Glyph to embed the fire Glyphicon inside this sentence, after the word inside.

Here is an Iframe. This macro always scales the iframe to 90% of the viewport. If you have assigned a value to $blogButtonTop (which also titles SmartButtons), it will also be titled:

Export of normal_note as webpage:

Here I have used IncChild to seamlessly include only the body text of some children of this note by index. (And once it is “used up” in this way, it is not longer added at the bottom of the webpage—very smart!) First, I should use MediaFigTog to show you how this was done:

CSH: We’re talking about perceiving the irrational basis of your desiring, about perceiving that your motivator is irrational, about seeing that the set of commands that drives you is not a proper basis for living—and not being able to do anything about it. Because it constitutes you so deeply that it’s un-eraseable.

Jesse: Not to mention you got a good chunk of it just from genes, which you definitely don’t have any control over.

CSH: But, we have to agree that seeing the basis of your lack of autonomy has some value.

Jesse: Disagree!

CSH: It’s helpful to know that you’re being driven mechanically!

Jesse: No. Not really.

The MediaDemo demothing is a nonexistent macro that I have invented for purposes of showing its layout. I’m not sure what else I can say here. How about something about a semantic <figure> element whose title argument supplies the tool-tip text and the alternative text as well as a caption?

Hover below to reveal BoxPress code

Here is some plausible Tinderbox code. ^do(_striptags, "$2")^<figure ^if($3)^class="center-block $3"^endIf^><a target="_blank" href=^if($4)^"$4"^else^"^root^img/$1"^endIf^><img src="^root^img/$1" alt="^value($tmpStr1(_stripnote))^" title="^value($tmpStr1(_stripnote))^" ^if($5)^width="$5"^endIf^ class="img-responsive center-block well well-sm ^if($3)^^value("$3".replace("(img-left|img-right)","))^^endIf^"></a><figcaption>$2</figcaption></figure>"

Here is IncPanel, which includes quite a lot—Glyph, title, links (both $URL and $ReferenceURL), Undertitle (for Research Prototypes), and rich text with HTML extras—all inside a compact Bootstrap panel:

Here I have plopped three SmartButtons mid-text-flow using IncSB:

I am a sample person_note with image 1547 – 1637

Here is IncWell, which includes only body text:

Here is IncWin, which includes only body text:

Here is some plausible Tinderbox code. ^do(_striptags, "$2")^<figure ^if($3)^class="center-block $3"^endIf^><a target="_blank" href=^if($4)^"$4"^else^"^root^img/$1"^endIf^><img src="^root^img/$1" alt="^value($tmpStr1(_stripnote))^" title="^value($tmpStr1(_stripnote))^" ^if($5)^width="$5"^endIf^ class="img-responsive center-block well well-sm ^if($3)^^value("$3".replace("(img-left|img-right)","))^^endIf^"></a><figcaption>$2</figcaption></figure>"

Here is PanelArticle, which wraps citation and links around a current idea:

Here is PanelGlass, your garish, attention-grabbing Panel with optional link:

Here is PanelInfo, your generic informing Panel:

Here is PanelWarning, your generic alert-type Panel:

Here is PoemHere, your place for poems with optional citation info and link:

Man is so infinitely small
   In all these stars, determinate.
Maker and moulder of them all,
   Man is so infinitely great!

Here is PreHere, your place for blocks of code with automatic ButtonTop that can be changed with a second arg:

This is the markup that is rendered below

^do(PreHere, 

Here is QuoteHere, your place for blockquote with optional citation info and link:

Man is so infinitely small

In all these stars, determinate.

Maker and moulder of them all,

Man is so infinitely great!

Here is QuotePull, your place for fancy pull-quotes with optional author info:

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Here is ScriptHere, your place for script excerpts with optional citation info and link:

Here is SpanButton for off-side links. Optional second arg can be a Bootstrap class:

Herein is a primary-class button

Bootstrap Downloads

Here I have defined the word SpanDef using the SpanDef macro.

In the middle of this sentence you will see some highlighting. Use SpanHilite instead of the usual <mark> when you want something a bit weightier.

Table sample

This is the markup that is rendered below

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Psychosexual development

Stage	Age	Ero-zone	Results if fixated
Oral	0–18 months	Mouth	Oral aggressive
Anal	18–36 months	Bowel and bladder	Anal retentive (compulsive) Anal expulsive (self-indulgent)
Phallic	3–6 years	Genitals	Oedipus complex
Latency	6–puberty	(dormant sexual desire)	Perpetual sexual dissatisfaction
Genital	puberty–death	Genitals embellished	Impotence/frigidity

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

TableHere sample

This is the markup that is rendered below

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Stages of psychosexual development

Stage	Age	Ero-zone	Results if fixated
Oral	0–18 months	Mouth	Oral aggressive
Anal	18–36 months	Bowel and bladder	Anal retentive
Phallic	3–6 years	Genitals	Oedipus complex
Latency	6–puberty	(dormant sexual desire)	Perpetual sexual dissatisfaction
Genital	puberty–death	Genitals embellished	Impotence/frigidity

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Here is WellHere, your generic well-maker:

Here is WellYell, your loud well-maker:

Here is WinHere, your Mac OS-style window maker: