zmlpi-feeder.html

Hello there! This is a sample post for [gist.io](http://gist.io), a super-lightweight writing soapbox for hackers.

Now look up. _Further_. Above the post title. See that grey text with the gist ID?

Now back to me. That grey text is a link! Open that sucker in a new tab to see the source for this post. Also, I'm on a horse.

## This is a major heading

If you peek at it with a web inspector, you'll see that it is a second-level heading. You can use first level headings, but they'll look just like the second level ones, and the gods of the [HTML5 outlining algorithm](http://html5doctor.com/outlines/) will frown upon you.

There's nothing stopping you from using `H3`, `H4`, or `H5`. They are all appropriately styled with a nod to [Bringhurst](http://www.amazon.com/Elements-Typographic-Style-Robert-Bringhurst/dp/0881791326), and you can check out a preview of how they look below.

### This is a third-level heading

Classy, eh? Those are actually real small-caps, courtesy of the lovely argentine typeface, [Alegreya](http://www.huertatipografica.com.ar/tipografias/alegreya/ejemplos.html) (available from Google webfonts in [regular](http://www.google.com/webfonts/specimen/Alegreya) and [small-caps](http://www.google.com/webfonts/specimen/Alegreya+SC) variants). Here, have some [slipsum](http://slipsum.com) in a `<blockquote>`:

> Now that we know who you are, I know who I am. I'm not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me Mr Glass.

#### This is a fourth-level heading

Down here we are quite in the weeds already. I guess this is a good a time as any to say that lists are appropriately styled:

##### Milkshake ingredients to get at the supermarket

* Bananas
* Cocoa
* Milk

_Add bananas, chocolate milk powder, and milk to blender. Blend at high-speed until suitably frothy. Drink and then instagram a pic of your milkshake moustache for extra hipster cool points or something._

##### Steps to recovery from milkshake addiction

1. Discard your blender to remove temptation.
2. Don't make milkshakes.
3. Repeat step 2 until unreasonable desire for milkshakes has abated.

By the way, the "Milkshakes ingredients" subtitle was a fifth-level heading. It's rare that you need those, and I don't think you'll ever need a H6, so I didn't style those at all.

Since you've come this far, you are probably wondering why I don't support something you want me to support. You can help make gist.io better by [contributing to the project](https://github.com/idan/gistio) or [filing a bug/feature request](https://github.com/idan/gistio/issues).

## Also: images

You can embed images in posts too, and they'll respect the width of your browser:

*A photo I took of a woman bathing in the Ganges river*

a recycled example

by author name

e-mail

table of contents

a recycled example
 table of contents
 a sample post
 This is a major heading
 This is a third-level heading
 This is a fourth-level heading
 grocery list
 admit you need help
 Also with images

a sample post

Hello there! This is a sample post for gist.io, a super-lightweight writing soapbox for hackers.

>   http://gist.io

Now look up. _Further._ Above the post title. See that grey text with the gist ID?

Now back to me. That grey text is a link! Open that sucker in a new tab to see the source for this post. Also, I'm on a horse.

This is a major heading

>   http://html5doctor.com/outlines/

There's nothing stopping you from using `H3`, `H4`, or `H5`. They are all appropriately styled with a nod to Bringhurst, and you can check out a preview of how they look below.

>   http://www.amazon.com/Elements-Typographic-Style-Robert-Bringhurst/dp/0881791326

This is a third-level heading

Classy, eh? Those are actually real small-caps, courtesy of the lovely argentine typeface, Alegreya:

> http://www.huertatipografica.com.ar/tipografias/alegreya/ejemplos.html

it's available from Google webfonts in regular:

> http://www.google.com/webfonts/specimen/Alegreya

and a small-caps variant:

> http://www.google.com/webfonts/specimen/Alegreya+SC

Here, have some slipsum from http://slipsum.com in a blockquote:

This is a fourth-level heading

Down here we are quite in the weeds already. I guess this is a good a time as any to say that lists are appropriately styled...

grocery list

Milkshake ingredients to get at the supermarket:

* Bananas
 * Cocoa
 * Milk

admit you need help

Steps to recovery from milkshake addiction

# Discard your blender to remove temptation.
 # Don't make milkshakes.
 # Repeat step 2 until unreasonable desire for milkshakes has abated.

By the way, the "Milkshakes ingredients" subtitle was a fifth-level heading. It's rare that you need those, and I don't think you'll ever need a H6, so I didn't style those at all.

Since you've come this far, you are probably wondering why I don't support something you want me to support. You can help make gist.io better by contributing to the project:

>   https://github.com/idan/gistio

you can also file a bug/feature request:

>   https://github.com/idan/gistio/issues

Also with images

You can embed images in posts too, and they'll respect the width of your browser:

here's a photo I took of a woman bathing in the Ganges river:

> http://farm3.staticflickr.com/2108/1859143502_9f50faccb5_b.jpg

and here's my flicker account:

> http://www.flickr.com/photos/idangazit/1859143502/

http://zenmagiclove.com/alice2.zml