Killeen Hanson

Blank Template

Opening paragraph with preceeding full-width image and caption. To insert a full-width image, put the image between figure tags.

But that's not the only way you can use images! You can insert column-width images like so:

Here’s some basic text content:

Fun fact: In markdown, I don’t need to separate your paragraphs with paragraph tags. Instead, to create paragraphs, use a blank line to separate one or more lines of text. But, unless the paragraph is in a list, don’t indent paragraphs with spaces or tabs.

And if I want to just make a line break, as I would with a
tag, I can, by using two or more spaces (commonly referred to as “trailing whitespace”) for line breaks. But it’s maybe not the best option, because it’s hard to see trailing whitespace in an editor, and many people accidentally or intentionally put two spaces after every sentence. Fortunately, there is another option supported by nearly every Markdown application: the <br> HTML tag.

(In the previous paragraph, in order to make the <br> tags legible, or, in any case when I want to denote a word or phrase as code, I need to enclose it in backticks (`) or enclose the backticks with <code></code> HTML tags. And if the word or phrase I want to denote as code includes one or more backticks, I can escape it by enclosing the word or phrase in double backticks (``).)

And a blockquote:

Phasellus suscipit pulvinar mauris et ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque elementum in nibh a imperdiet. Nullam posuere fermentum nulla, vitae consectetur nisi fermentum sed. Mauris faucibus, velit vitae ullamcorper dignissim, libero est iaculis tortor, vel malesuada justo nisl ut sapien. Ut quis sapien sed risus lobortis interdum. Morbi ut risus eget nunc tincidunt euismod. Mauris finibus euismod molestie. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam viverra rutrum pretium.

Aenean aliquet mollis erat, fermentum porta erat lobortis sit amet. Morbi imperdiet metus non tellus rutrum, a pharetra ante interdum. Fusce sagittis nisi nulla. Sed laoreet elit sit amet lectus venenatis fringilla. Donec vel tellus velit. Quisque sapien erat, gravida non nisi eu, volutpat fringilla diam. Cras purus lectus, lacinia ac lacus id, condimentum dignissim orci.

You can include links to footnotes within the text, like this. You can also arrange the images in two columns, like so:

        <p>&uarr; mushrooms, calabrian chili peppers</p>

… or like this, with the images spanning across the main text column, if you put them between figure tags:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet sapien eu rhoncus bibendum. Donec tristique, ex et lobortis porttitor, justo mauris tempor purus, sed pellentesque quam mi sit amet augue. Pellentesque eget porttitor mauris, vel feugiat nisi. Cras sed arcu non purus consequat gravida.

I can decide to use the margins for the footnotes, which could be cool, and can choose to link a number2 rather than a word to the footnote. Marginalia is neat!

Integer euismod cursus dolor eu luctus. Ut sed laoreet ligula. Duis luctus rhoncus nisl et porttitor. Morbi quam sem, lobortis et lacus eget, finibus mattis mi. Aenean neque ex, condimentum et nisl eu, fermentum varius magna. Ut condimentum neque ac elit tempor suscipit.

Unordered lists don’t look very exciting in this template, FYI:

• - Sed vehicula finibus libero, bibendum placerat dolor pulvinar ut. Integer ornare in tortor eget suscipit.
• - Morbi aliquet lectus ante, et semper arcu blandit vel. Nullam gravida a mauris at pulvinar.
• - Proin a nisl consectetur, elementum sem et, viverra ante. Donec egestas blandit venenatis.
• - Integer vel nibh ex. Nam consectetur, lacus in euismod pellentesque, ligula ipsum accumsan quam, dignissim porttitor est nunc sit amet metus.

Ordered lists work slightly better:

1. Sed vehicula finibus libero, bibendum placerat dolor pulvinar ut. Integer ornare in tortor eget suscipit.
2. Morbi aliquet lectus ante, et semper arcu blandit vel. Nullam gravida a mauris at pulvinar.
3. Proin a nisl consectetur, elementum sem et, viverra ante. Donec egestas blandit venenatis.
4. Integer vel nibh ex. Nam consectetur, lacus in euismod pellentesque, ligula ipsum accumsan quam, dignissim porttitor est nunc sit amet metus.

Morbi nisl lacus, feugiat lobortis metus vitae, lacinia hendrerit elit. Nunc tempus ex non scelerisque sollicitudin. In hac habitasse platea dictumst.