Theme-specific elements

This page contains a number of reference elements to see how they look in this theme. The information is not meant to be easy to read or understand, just browse through and see how things look!

Blog post list

Here’s a sample post list:

  • 2020-02-01 - Post 2

    Some sample content.

  • 2020-01-01 - Post 1

    Some content

Full-width elements

Code cells

## A full-width square figure
fig, ax = plt.subplots()
ax.imshow(square)
<matplotlib.image.AxesImage at 0x7f7e210c61d0>
../_images/special-theme-elements_3_1.png
## A full-width wide figure
fig, ax = plt.subplots()
ax.imshow(wide)
<matplotlib.image.AxesImage at 0x7f7e1efe9ad0>
../_images/special-theme-elements_4_1.png
# Now here's the same figure at regular width
fig, ax = plt.subplots()
ax.imshow(wide)
<matplotlib.image.AxesImage at 0x7f7e1d762c50>
../_images/special-theme-elements_5_1.png

Markdown

This is some markdown that should be shown at full width.

Here’s the Jupyter logo:

Mathematics

\begin{equation} \int_0^\infty \frac{x^3}{e^x-1},dx = \frac{\pi^4}{15} \end{equation}

\[ \int_0^\infty \frac{x^3}{e^x-1}\,dx = \frac{\pi^4}{15} \]
(1)\[w_{t+1} = (1 + r_{t+1}) s(w_t) + y_{t+1}\]

Link to above: (1)

(2)\[\begin{split}w_{t+1} = (1 + r_{t+1}) s(w_t) + y_{t+1} \\ w_{t+1} = (1 + r_{t+1}) s(w_t) + y_{t+1} \\ w_{t+1} = (1 + r_{t+1}) s(w_t) + y_{t+1}\end{split}\]

Link to above: (2)

  • \[ \mathcal{O}(f) = \{ g | \exists c > 0, \exists n_0 \in \mathbb{N}_0, \forall n \geq n_0 : [g(n) \leq c \cdot f(n)]\}\]

A really long math equation

\[\begin{split} \begin{align} \mathrm{SetConv} \left( \{(x^{c},y^{c})\}_{c=1}^{C} \right)(x) \left( \{(x^{c},y^{c})\}_{c=1}^{C} \right)(x) \left( \{(x^{c},y^{c})\}_{c=1}^{C} \right)(x) &= \sum_{c=1}^{C} y^{(c)} w_{\theta} \left( x - x^{(c)} \right) \sum_{c=1}^{C} y^{(c)} w_{\theta} \left( x - x^{(c)} \right) \sum_{c=1}^{C} y^{(c)} w_{\theta} \left( x - x^{(c)} \right)\\ &= \left( y^{(c')} w_{\theta} \left( x - x^{(c')} \right) \right) + \sum_{c \neq c'} y^{(c)} w_{\theta} \left( x - x^{(c)} \right) \\ &= 0 + \sum_{c \neq c'} y^{(c)} w_{\theta} \left( x - x^{(c)} \right) \end{align} \end{split}\]

Full width equations work

\[\begin{split}\begin{align} \mathrm{SetConv} \left( \{(x^{c},y^{c})\}_{c=1}^{C} \right)(x) \left( \{(x^{c},y^{c})\}_{c=1}^{C} \right)(x) \left( \{(x^{c},y^{c})\}_{c=1}^{C} \right)(x) &= \sum_{c=1}^{C} y^{(c)} w_{\theta} \left( x - x^{(c)} \right) \sum_{c=1}^{C} y^{(c)} w_{\theta} \left( x - x^{(c)} \right) \sum_{c=1}^{C} y^{(c)} w_{\theta} \left( x - x^{(c)} \right)\\ &= \left( y^{(c')} w_{\theta} \left( x - x^{(c')} \right) \right) + \sum_{c \neq c'} y^{(c)} w_{\theta} \left( x - x^{(c)} \right) \\ &= 0 + \sum_{c \neq c'} y^{(c)} w_{\theta} \left( x - x^{(c)} \right) \end{align}\end{split}\]

Margins

Margin content can include all kinds of things, such as code blocks:

as well as admonitions and images:

Margin under lower level shouldn’t have different left-alignment

Margins with toggle buttons

Here’s some margin content, let’s see how it interacts w/ the toggle button

Here’s a toggleable note:

Note

My note

Margins with full-width content

Note

This is my test

Let’s see what happens

## code cell in the margin with output
fig, ax = plt.subplots()
ax.imshow(wide)
<matplotlib.image.AxesImage at 0x7f7e1d6dcb90>
../_images/special-theme-elements_11_1.png

Markdown cell with code in margin

a = 2
b = 3
def aplusb(a, b):
    return a+b

and now r

a <- 2
b <- 4
a+b

how does it look?

Markdown cell with images in sidebar

More content after the popouts

This is extra content after the popouts to see if cells overlap and such. Also to make sure you can still interact with the popout content. This is extra content after the popouts to see if cells overlap and such. Also to make sure you can still interact with the popout content.

a = 2

This is extra content after the popouts to see if cells overlap and such. Also to make sure you can still interact with the popout content. This is extra content after the popouts to see if cells overlap and such. Also to make sure you can still interact with the popout content. This is extra content after the popouts to see if cells overlap and such. Also to make sure you can still interact with the popout content.