a recycled example






 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


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 will frown upon you:

>   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:

 > 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...






 grocery list


 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._





 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/