From Gist to Deck

gistfile1.md

Crafting a presentation can be difficult

Too many tools

• Keynote
• ShowOff
• PowerPoint
• PDFs
• etc

Too many options

• Templates
• Clip Art
• Screen Sizes
• Fonts
• Transitions

Too many distractions

• Toolbars
• Sidebars
• Drawing tools
• Windows
• Lolcats

Why can't it be easier?

Why must we install software?

Why can't we use simple tools?

Why can't we use a simple interface?

Why can't we publish instantly?

Introducing GistDeck

GistDeck is a presentation layer for one of our favorite text sharing tools.

Built with tools you use every day

Browser

Gist

HTML, CSS, JS

No Software

No Apps, No Servers

Only You

Your Browser

And an idea worth sharing

Some examples

This is a topic

front and center

This is a Subtopic

This is a paragraph. Pellentesque id lorem nunc, varius porttitor nulla. Phasellus in sapien tellus, id congue metus. Cras et vestibulum nisl. Mauris interdum tincidunt augue vitae tincidunt.

Subtopics can have bullets:

• Supporting Bullet
• Most people call this a list
• Phasellus et mauris et mauris
• A list item can have code
• ruby -pe 'next unless $_ =~ /bullet/' < file.md

Subtopics can have images:

Sollicitudin vestibulum magna. Nulla facilisi. Fusce rutrum bibendum dapibus. Nam dictum blandit faucibus. In hac habitasse platea dictumst. Fusce faucibus sagittis sapien vel posuere.

Subtopics love code snippets:

1. In Ruby you can map like this:

   ['a', 'b'].map { |x| x.uppercase }

2. In Rails, you can do a shortcut:

   ['a', 'b'].map(&:uppercase)

This presentation is a gist!

https://gist.github.com/gists/b273f7a3089b1a238f5a

Whaaaaat?

1. Install Bookmarklet
2. Visit Gist
3. Click Bookmarklet
4. Present

Contribute on Github

https://github.com/nzoschke/gistdeck

fin

by noah and todd

Numbers in ordered lists are clipped on my netbook. Seven inch screen is probably not a good format for gistdeck andyway I guess?

Sadly it seems like this is no longer going to work since github started to use the script-src Content Security Policy: http://content-security-policy.com/