scribbles_

Welcome to this sample blog post, which showcases a variety of content elements you might use in your own posts. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat malesuada odio, non tristique ante aliquam et. Nulla facilisi. Quisque ullamcorper purus id metus bibendum, ac sollicitudin mauris interdum.

Heading

Leonardo di ser Piero da Vinci (15 April 1452 – 2 May 1519) was an Italian polymath of the High Renaissance who was active as a painter, draughtsman, engineer, scientist, theorist, sculptor, and architect. While his fame initially rested on his achievements as a painter, he also became known for his notebooks, in which he made drawings and notes on a variety of subjects, including anatomy, astronomy, botany, cartography, painting, and paleontology. Leonardo is widely regarded to have been a genius who epitomized the Renaissance humanist ideal, and his collective works comprise a contribution to later generations of artists matched only by that of his younger contemporary, Michelangelo

This also contains some links by default.

Paragraphs and Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat malesuada odio, non tristique ante aliquam et. Nulla facilisi. Quisque ullamcorper purus id metus bibendum, ac sollicitudin mauris interdum.

Default blockquote:

A quote from someone or somewhere:

A callout:

Lists

You can use lists to organize information.

Unordered List

• Item 1
• Item 2
  • Subitem 2.1
  • Subitem 2.2
• Item 3

Ordered List

1. Step 1
2. Step 2
   1. Substep 2.1
   2. Substep 2.2
3. Step 3

Citations

Crime and Punishment [1] is a novel by Fyodor Dostoevsky. The story is set in St. Petersburg, Russia, during the 19th century [2]. It is often cited as one of the greatest works of world literature [3] and is considered a precursor to existentialism [4].

Code Snippets

You can also include code snippets in your posts.

Inline code: const foo = 'bar'

.className {
    margin: 20px 10px;
    padding: 2px 5px;
    position: absolute;
    font-weight: 400;
}

Some more code:

type controller struct {
	db          *sql.DB
	runningJobs map[string]struct {
		job    *models.BackgroundJob
		comm   chan (jobOutput)
	}
    ...
}

code with line numbers:

1const Component = () => {
2    return (
3        <form onSubmit={this.handleSubmit}>
4            <label>
5                Pick options:
6                <select
7                    value={this.state.value}
8                    onChange={this.handleChange}
9                >
10                    <option value="grapefruit">Grapefruit</option>
11                    <option value="lime">Lime</option>
12                    <option value="coconut">Coconut</option>
13                    <option value="mango">Mango</option>
14                </select>
15            </label>
16            <input type="submit" value="Submit" />
17        </form>
18    );
19}

images

Popup Landscape Image

Landscape Image

Vertical Image

Square Image