# 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> ## A full-width wide figure
fig, ax = plt.subplots()
ax.imshow(wide)

<matplotlib.image.AxesImage at 0x7f7e1efe9ad0> # Now here's the same figure at regular width
fig, ax = plt.subplots()
ax.imshow(wide)

<matplotlib.image.AxesImage at 0x7f7e1d762c50> ### 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}$

(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}$

• $\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:

### 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> 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.