Skip to content

Instantly share code, notes, and snippets.

@idan
Created July 18, 2012 11:50
Show Gist options
  • Save idan/3135754 to your computer and use it in GitHub Desktop.
Save idan/3135754 to your computer and use it in GitHub Desktop.
A Sample Post

Hello there! This is a sample post for 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 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, 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 (available from Google webfonts in regular and small-caps variants). Here, have some slipsum 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 or filing a bug/feature request.

Also: images

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

IMG_0874

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

@GeorgeNava
Copy link

Interesting. I like it.

@stephan-buckmaster
Copy link

Same at gist.io: http://gist.io/3135754

@irneh
Copy link

irneh commented May 13, 2013

Gists default to Language = Text. Users of this need to "Select a Language" as Markdown.

@subfuzion
Copy link

Simply brilliant!

@raejin
Copy link

raejin commented Jul 17, 2013

This is awesome. I am so going to use this to do some casual writing.

@kapena
Copy link

kapena commented Sep 10, 2015

Support syntax highlighting?

@baskeboler
Copy link

love it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment