input

This is an overview page with some markdown elements to allow editing the style sheet easier. This page is using highlight.js, google fonts, and katex, as well as an external image, so is not safe enough for the default CSP. It also executes some client-side javascript to highlight code and render math.

Initial Examples

Plain text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Code

alert('hello world!');

And this is another, longer piece of code, followed directly by a third piece of code:

from functools import wraps

def vectorargs(fn):
    def indexable(arg):
        return arg if hasattr(arg, '__getitem__') else [arg]

    @wraps(fn)
    def wrapped(*args, **kwargs):
        args2 = map(indexable, args)
        return fn(*args2, **kwargs)

    return wrapped

@vectorargs
def add(a, b):
    return [x + y for x, y in zip(a, b)]

$ python vectorargs.py

Further Examples

This paragraph contains inline formatting, in many different variants and shapes. Monospace looks like this, for example, and may be used to highlight short code like echo hello world. Some _things are strikethrough.

Math

We also have inline math: \int x + 3 \,\mathrm dx, as well as displayed math: x + \sqrt{3} + \int x \,\mathrm dx.

Links

Final Examples

One can also use blockquotes: > This paragraph is quoted > from somewhere else, so it is displayed differently from normal text, and it also > manages to > > quote something else > > in the middle.

Finally, one can embed video, for example, the classic ising.mp4. If the following looks bad, the reason is that I compressed the 250MB file down to 5MB so one can actually play it:

<video controls>
    <source src="ising.mp4">
    (HTML5 Video unsupported)
</video>

End

This has been an overview over most styles. For the source code, check out input.md:

Blog Style Example Page

What?