Skip to content

Instantly share code, notes, and snippets.

@mpj
Forked from idan/gist:3135754
Created July 27, 2012 21:17
Show Gist options
  • Select an option

  • Save mpj/3190504 to your computer and use it in GitHub Desktop.

Select an option

Save mpj/3190504 to your computer and use it in GitHub Desktop.

Revisions

  1. @idan idan revised this gist Jul 18, 2012. 1 changed file with 9 additions and 1 deletion.
    10 changes: 9 additions & 1 deletion gistfile1.md
    Original file line number Diff line number Diff line change
    @@ -36,4 +36,12 @@ _Add bananas, chocolate milk powder, and milk to blender. Blend at high-speed un

    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).
    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 href="http://www.flickr.com/photos/idangazit/1859143502/" title="IMG_0874 by idangazit, on Flickr"><img src="http://farm3.staticflickr.com/2108/1859143502_9f50faccb5_b.jpg" width="1024" height="683" alt="IMG_0874"></a>

    *A photo I took of a woman bathing in the Ganges river*
  2. @idan idan revised this gist Jul 18, 2012. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion gistfile1.md
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@ Hello there! This is a sample post for [gist.io](http://gist.io), a super-lightw

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

    Now look back at me. That grey text is a link! Open that sucker in a new tab to see the source for this post.
    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

  3. @idan idan revised this gist Jul 18, 2012. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion gistfile1.md
    Original file line number Diff line number Diff line change
    @@ -34,4 +34,6 @@ _Add bananas, chocolate milk powder, and milk to blender. Blend at high-speed un
    2. Don't make milkshakes.
    3. Repeat step 2 until unreasonable desire for milkshakes has abated.

    By the way, the "Steps to recovery" 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.
    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).
  4. @idan idan revised this gist Jul 18, 2012. 1 changed file with 3 additions and 6 deletions.
    9 changes: 3 additions & 6 deletions gistfile1.md
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    Hello there! This is a sample post for [gist.io](http://gist.io), a super-lightweight writing soapbox for hackers.

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

    Now look back at me. That grey text is a link! Open that sucker in a new tab to see the source for this post.

    @@ -12,15 +12,13 @@ There's nothing stopping you from using `H3`, `H4`, or `H5`. They are all approp

    ### This is a third-level heading

    Classy, eh? Here, have some [slipsum](http://slipsum.com) in a `blockquote`:
    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 details already.

    I guess this is a good a time as any to say that lists are appropriately styled:
    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

    @@ -37,4 +35,3 @@ _Add bananas, chocolate milk powder, and milk to blender. Blend at high-speed un
    3. Repeat step 2 until unreasonable desire for milkshakes has abated.

    By the way, the "Steps to recovery" 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.

  5. @idan idan created this gist Jul 18, 2012.
    40 changes: 40 additions & 0 deletions gistfile1.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,40 @@
    Hello there! This is a sample post for [gist.io](http://gist.io), a super-lightweight writing soapbox for hackers.

    Now look up. Further up. Above the post title. See a bit of grey text with the gist ID?

    Now look back at me. That grey text is a link! Open that sucker in a new tab to see the source for this post.

    ## 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? 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 details 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 "Steps to recovery" 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.