Kicker

Theme test

This is a test to test all applicable styles

January 1st, 1968 · 1000 words (3 min)

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Headers

Header 2 (section)

Header 3 (subsection)

Header 4 (over-paragraph)

Header 5 (paragraph)

Header 6 (subparagraph)

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Header 5 before non-paragraph block element

SELECT * FROM table WHERE column > 10;

Header 6 before non-paragraph block element

SELECT * FROM table WHERE column > 10;

Header 2

Header 3

Header 4

Paragraph

Image

Most common

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Default image

Default small image with transparent background

Default figure image with figcaption

Fullwidth image

Float left image

Float right image

Image group

Inline elements

Text can be bold and italic.

Text can contain links.

It can also contain equations $x^2 + 2x + 4 = 0$.

You can ~~strike~~ text.

We can attach one, or two, footnotes¹².

We can use code to highlight html tags like span and css properties like text-align: center

Custom inline classes

Custom inline elements can be created with span and class labels.

The class all small caps let you style abbreviations like HTML.

The class small caps let you style create a style like this, Small caps.

Block elements

Table

**Table 1** R2/Nash-Sutcliffe efficiency
Dataset	LSTM	HBV
Traning set	0.82	0.78
Validation set	0.74	0.78
Here 0.0 is the trivial mean prediction and 1.0 is perfect prediction

Right aligned columns

Person	Description
Per	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Pål	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Espen	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

List

A simple short list
With few points
- With some nesting
  - Nesting
    - Nesting
      1. And ordered
      2. Ordered
Something

Here we have bigger blocks of text. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Here is an ordered list
With a few points
Just for fun

Code block

Python

# Function
def double(x):
    return x*x
  
# Class
class Person:
    def __init__(self, first_name, last_name):
      self.first_name = first_name
      self.last_name = last_name
    
    @property
    def full_name(self):
      return "%s %s" % (first_name, last_name)

Kotlin

// Comment
class Greeter(val name: String) {
    fun greet() {
        println("Hello, $name")
    }
}

fun main(args: Array<String>) {
    Greeter(args[0]).greet()
}

C++

#include <string>
void func() {
	std::string s = "this is a literal string";
}
// s is deleted when func returns

Typescript

function double(x: int):
  return x*x

HTML

<picture src="/path/image.png" />

CSS

h2 {
  font-size: 1.3rem;
  border-bottom: 1px solid #ddd;
}

SQL

SELECT * FROM table WHERE column > 10;

Lorem Ipsum is simply dummy text for html of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

class Person:
  def __init__(self, first_name, last_name):
    self.first_name = first_name
    self.last_name = last_name
    
  def getFullName(self)
  	return "‰s ‰s" % (self.first_name, self.last_name)
  	

Math

Inline math can be displayed like this $f(x) = x^2$. We can also write equations like the famous Einstein formula that relates energy $E$, mass $m$ and the speed of light $c$ so

\begin{equation} E = mc^2 \label{eq:sample} \end{equation}

When we use begin{equation}the following paragraph like this one is not indented correctly. But at least we can reference \eqref{eq:sample}.

We can have unordered equations with

\[\begin{aligned} 2x - 4 &= 6 \\ 2x &= 10 \\ x &= 5 \end{aligned}\]

We can also try to write fractions, $\frac{1}{x^2-1}$. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

\[F(w) = \int f(x) e^{-iwt} \, dt\]

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, $F(w) = \int f(x) e^{-iwt} \, dt$ and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

\[\left[ \frac{ N } { \left( \frac{L}{p} \right) - (m+n) } \right]\]

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, $F(w) = \int f(x) e^{-iwt} \, dt$ and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

\[\begin{align*} x&=y & w &=z & a&=b+c\\ 2x&=-y & 3w&=\frac{1}{2}z & a&=b\\ -4 + 5x&=2+y & w+2&=-1+w & ab&=cb \end{align*}\]

Testing notation for limits

\[\lim_{h \rightarrow 0 } \frac{f(x+h)-f(x)}{h}\]

This operator changes when used alongside text $ \lim_{x \rightarrow h} (x-h) $.

Sum $\sum_{n=1}^{\infty} 2^{-n} = 1$ inside text. And as a block equation it looks like

\[\sum_{n=1}^{\infty} 2^{-n} = 1\]

Product $\prod_{i=a}^{b} f(i)$ inside text. And as a block equation it looks like

\[\prod_{i=a}^{b} f(i)\] \[\begin{align*} 3x^2 \in R \subset Q \\ \mathrm{3x^2 \in R \subset Q} \\ \mathit{3x^2 \in R \subset Q} \\ \mathbf{3x^2 \in R \subset Q} \\ \mathsf{3x^2 \in R \subset Q} \\ \mathtt{3x^2 \in R \subset Q} \end{align*}\]

\mathnormal does not work. Same with styles like \displaystyle and \scriptstyle.

Blockquote

Blockquotes can also be nested…
…by using additional greater-than signs right next to each other…
…or with spaces between arrows.

“Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.”
—Aldous Huxley, Brave New World

Dictionary

Term 1: Definition 1 with lazy continuation.
Term 2: Definition 2

Term 1: Definition 1 with lazy continuation.
Term 2 with inline markup: Definition 2

Horizontal line

Custom block elements

Lead

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Warning

NB! This is a warning before you read the rest of the article (June 2020)

Footnotes

This is a footnote with formatting like bold, italic ↩
Footnote text. ↩