Closeread
  • Home
  • Guide
  • Gallery
  • Reference

Test other sticky block types

First paragraph.

This is a para nested in a div. These two first bits don’t trigger anything…

This is an image with the sticky tag on the div.

This is an image with the sticky tag on Image itself.

I’ve replaced its margin with some padding to demonstrate that you can give it a larger “surface” area on which to trigger scroll events.

xThis is a caption

Here’s a little non-scrolling interlude before our next scrolly section!

This is a scatterplot.

This is a histogram.

hist(mtcars$mpg)

This is a caption.

This is a list (a block element).

This is display math, but I’m making it a bit longer so that it covers a few lines.

This is a poem. It’s called “Bellringer”, by Rita Dove.

The author refers to their birth twice: one here…

… and again, further down.

Interestingly, Pandoc doesn’t let you carry a span across two lines in a line block!

But check out this phrase, right at the bottom.

Let’s look at a small limerick.

The phrase ‘laughs anatomical’ is quite important here!

This is a mermaid diagram

This is a graphviz diagram

  1. Apple
  2. Banana

\[ \begin{align} \hat{y} &= \beta_0 + \beta_1 x + \epsilon \\ &= 3.4 + 1.2 x \end{align} \]

I was given a name, it came out of a book—
I don’t know which. I’ve been told the Great Man
could recite every title in order on its shelf.
Well, I was born, and that’s a good thing,
although I arrived on the day of his passing,

a day on which our country fell into mourning.
This I heard over and over, from professors
to farmers, even duel-scarred students;
sometimes, in grand company, remarked upon
in third person—a pretty way of saying

more than two men in a room means the third
can be ignored, as I was when they spoke
of my birth and Mr. Jefferson’s death
in one breath, voices dusted with wonderment,
faint sunlight quivering on a hidden breeze.
The limerick packs laughs anatomical
  In space that is quite economical.

flowchart LR
  A[Hard edge] --> B(Round edge)
  B --> C{Decision}
  C --> D[Result one]
  C --> E[Result two]

G run run intr intr run--intr runbl runbl intr--runbl

The End

md`Active element: ${crScrollerName}`
md`Element progress: ${crScrollerProgress}`