├── Procfile
├── gistdeck.js
├── Readme.md
├── gistdeck.css
├── index.html
└── gist.html


/Procfile:
--------------------------------------------------------------------------------
1 | web: python -m SimpleHTTPServer $PORT


--------------------------------------------------------------------------------
/gistdeck.js:
--------------------------------------------------------------------------------
 1 | if (typeof(GISTDECK_CSS_URL) == "undefined")
 2 |     var GISTDECK_CSS_URL="https://gistdeck.herokuapp.com/gistdeck.css"
 3 | $("head").append('<link rel="stylesheet" href="' + GISTDECK_CSS_URL + '" type="text/css" />');
 4 | 
 5 | var slides = $("#owner, .markdown-body h1, .markdown-body h2");
 6 | 
 7 | function getCurrentSlideIdx() {
 8 |   var idx = 0;
 9 |   var viewportBottom = $(window).scrollTop() + $(window).height();
10 | 
11 |   for (var i=0; i < slides.length; i++) {
12 |     if (slides.eq(i).offset().top > viewportBottom) break;
13 |     idx = i;
14 |   }
15 | 
16 |   return idx;
17 | }
18 | 
19 | function displaySlide(n) {
20 |   n = Math.min(n, slides.length-1);
21 |   n = Math.max(n, 0);
22 | 
23 |   var s = slides.eq(n);
24 |   var top = s.offset().top;
25 | 
26 |   var padding = {
27 |     "DIV": s.offset().top,
28 |     "H1":  150,
29 |     "H2":  20
30 |   }[slides[n].tagName];
31 | 
32 |   $(document).scrollTop(top - padding);
33 | }
34 | 
35 | $(document).keydown(function(e) {
36 |   if (e.which == 37)      displaySlide(getCurrentSlideIdx()-1);
37 |   else if (e.which == 39) displaySlide(getCurrentSlideIdx()+1);
38 | });
39 | 
40 | displaySlide(0);


--------------------------------------------------------------------------------
/Readme.md:
--------------------------------------------------------------------------------
 1 | # GistDeck
 2 | 
 3 | GistDeck is a presentation layer for one of our favorite text sharing tools.
 4 | 
 5 | ## Instructions
 6 | 
 7 | * <a href="https://gistdeck.herokuapp.com">View homepage</a>
 8 | * Drag to Bookmarks Bar GistDeck
 9 | * <a href="https://gist.github.com/b273f7a3089b1a238f5a">Visit Gist</a>
10 | * Click Bookmarklet
11 | * Present, using left and right keys
12 | 
13 | # Examples
14 | 
15 | # Topic
16 | 
17 | An h1 is a topic.
18 | 
19 | ## Subtopic
20 | 
21 | An h2 is a subtopic. This subtopic is followed with a paragraph. Pellentesque id 
22 | lorem nunc, varius porttitor nulla. Phasellus in sapien tellus, id congue metus. 
23 | Cras et vestibulum nisl. Mauris interdum tincidunt augue vitae tincidunt. 
24 | 
25 | ## Subtopics are often supported with lists:
26 | 
27 | * Some people call these bullets
28 | * In markdown and html we call them list items
29 | * A list item can also have code
30 | * `ruby -pe 'next unless $_ =~ /bullet/' < file.md`
31 | 
32 | ## Subtopics can also have images:
33 | 
34 | ![](http://placekitten.com/g/400/400)
35 | 
36 | If an image is displayed after an h2, and before the supporting paragraph, it
37 | will be floated right. Nam dictum blandit faucibus. In hac habitasse platea 
38 | dictumst. Fusce faucibus sagittis sapien vel posuere. 
39 | 
40 | ## Subtopics love code snippets:
41 | 
42 | 1. In Ruby you can map like this:
43 | 
44 |     ```ruby
45 |     ['a', 'b'].map { |x| x.uppercase }
46 |     ```
47 | 
48 | 2. In Rails, you can do a shortcut:
49 | 
50 |     ```ruby
51 |     ['a', 'b'].map(&:uppercase)
52 |     ````
53 | 
54 | # <a href="http://gistdeck.herokuapp.com">GistDeck</a> by <a href="https://github.com/nzoschke">noah</a> and <a href="https://github.com/seaofclouds">todd</a>
55 | 
56 | 


--------------------------------------------------------------------------------
/gistdeck.css:
--------------------------------------------------------------------------------
  1 | 
  2 | /* hide gist interface */
  3 | #header,
  4 | #revisions,
  5 | #comments,
  6 | #delete_link,
  7 | #footer,
  8 | #files .file .meta,
  9 | #forks,
 10 | .fork-info {
 11 |   display:none !important;
 12 | }
 13 | .secondary {
 14 |   float: none !important;
 15 |   width: auto !important;
 16 | }
 17 | .main {
 18 |   width:auto !important;
 19 | }
 20 | #repos .repo, #main, .file, .file article {
 21 |   background:none !important;
 22 |   background: transparent !important;
 23 | }
 24 | 
 25 | /* hide github interface */
 26 | .last-commit,
 27 | .commit,  
 28 | .breadcrumb,
 29 | .bubble,
 30 | .pagehead,
 31 | #readme .name,
 32 | a.anchor span {
 33 |   display:none !important;
 34 | }
 35 | #readme, .markdown-body {
 36 |   background:none !important;
 37 |   background: transparent !important;
 38 |   border: 0 none !important;  
 39 | }
 40 | 
 41 | 
 42 | /* basic style */
 43 | 
 44 | body {
 45 |   background-attachment: fixed;
 46 |   background-color: #E6E6EC;
 47 |   background-image:-webkit-gradient(linear, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #E6E6EC), color-stop(100%, #B7B6CB));
 48 |   background-image:-webkit-linear-gradient(#E6E6EC, #B7B6CB);
 49 |   background-image:-moz-linear-gradient(#E6E6EC, #B7B6CB);
 50 |   background-image:-o-linear-gradient(#E6E6EC, #B7B6CB);
 51 |   background-image:-ms-linear-gradient(#E6E6EC, #B7B6CB);
 52 |   background-image: linear-gradient(#E6E6EC, #B7B6CB);
 53 |   font-family: "helvetica neue", helvetica, arial, geneva, sans-serif !important;
 54 |   font-size: 13px !important;
 55 |   color:#676482 !important;
 56 |   text-shadow: hsla(246, 13%, 100%, 0.5) 0px 1px 0px;
 57 |   padding-bottom:600px !important;
 58 | }
 59 | 
 60 | a {
 61 |   color: #4E51A3 !important;
 62 | }
 63 | a:hover {
 64 |   text-decoration:none;
 65 |   color: #514ECA !important;
 66 | }
 67 | 
 68 | .file {
 69 |   font-size:36px !important;
 70 |   line-height:54px !important;
 71 |   padding: 30px !important;
 72 |   border:0 none !important;
 73 |   width:1024px;
 74 |   margin:0 auto;
 75 | }
 76 | 
 77 | /* owner/gravatar/description becomes title screen */
 78 | #owner {
 79 |   background:none !important;
 80 |   background: transparent !important;
 81 |   display: block !important;
 82 |   text-align: center !important;
 83 |   padding: 30px !important;
 84 |   margin-top:120px !important;
 85 | }
 86 | #owner .name,
 87 | #owner .gravatar {
 88 |   display: block !important;
 89 |   background-color:none !important;  
 90 |   background: transparent !important;
 91 |   border: 0 none !important;
 92 | }
 93 | #owner .gravatar img {
 94 |   height:36px !important;
 95 |   width: 36px !important;
 96 | }
 97 | #owner .actor {
 98 |   border: 0 none !important;
 99 |   background-color:none !important;
100 |   background: transparent !important;
101 | }
102 | #owner .name {
103 |   font-weight:normal !important;
104 |   font-size: 24px !important;
105 |   color: #676482 !important;
106 |   text-shadow: hsla(246, 13%, 100%, 0.5) 0px 1px 0px;
107 | }
108 | #owner .name a {
109 |   color: #676482 !important;
110 |   font-weight:normal !important;
111 | }
112 | #owner .name span {
113 |   display: none !important;
114 | }
115 | /* hide gist info, except for title */
116 | 
117 | #repos table .label, #private-clone-url, #repos .title, #repos table tr + #repos table tr  {
118 |   display: none !important;
119 | }
120 | #repos table td {
121 |   width:auto !important;
122 |   height:auto !important;
123 | }
124 | #repos .repo {
125 |   margin: 0 !important;
126 |   border: 0 none !important;
127 | }
128 | #repos table {
129 |   margin:0 auto !important;
130 |   float: none !important;
131 |   max-width: auto !important;
132 | }
133 | #repos table .description {
134 |   font-size:54px !important;
135 |   line-height:54px !important;
136 |   font-weight:normal !important;
137 |   text-align:center !important;
138 |   color:#5E559E;
139 | }
140 | #repos table .description form, #repos table .description a {
141 |   display: none;
142 | }
143 | 
144 | /* slide text style */
145 | 
146 | h1, h2, h3, h4, p {
147 |   color: #676482 !important;
148 |   text-align:center !important;
149 | }
150 | h1, h2, h3, h4 {
151 |   border: 0 none !important;
152 |   text-align:center;
153 |   font-weight:normal !important;
154 | }
155 | 
156 | /* slides */
157 | 
158 | h1, h2 {
159 |   font-size:54px !important;
160 |   line-height:72px !important;
161 |   margin-bottom: 36px !important;
162 |   color:#5E559E !important;
163 | }
164 | h2 {
165 |   color:#3F3969 !important;
166 | }
167 | h3 {
168 |   font-size:45px !important;
169 |   line-height:54px !important;
170 |   margin-bottom:18px;
171 | }
172 | p, li, h4 {
173 |   margin: 0 !important;
174 |   padding: 0 !important;
175 |   font-size: 36px !important;
176 |   line-height:54px !important;
177 | }
178 | li * {
179 |   text-align: left !important;
180 | }
181 | li, p {
182 |   margin-bottom:24px !important;
183 | }
184 | /* slides with images and text */
185 | 
186 | h2 + p img {
187 |   float:right !important;
188 |   margin-left: 20px !important;
189 | }
190 | 
191 | 
192 | 
193 | .file img {
194 |   -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent), to(rgba(255,255,255,0.2)));
195 | }
196 | /* code style */
197 | 
198 | .file div.highlight {
199 |   background: none !important;
200 |   background: transparent !important;
201 | }
202 | div.highlight pre, pre, .markdown-body code {
203 |   border: 1px solid hsla(246, 13%, 45%, 0.4) !important;
204 |   background: hsla(246, 13%, 99%, 0.6) !important;
205 |   -webkit-border-radius: 6px !important;
206 |   -moz-border-radius: 6px !important;
207 |   border-radius: 6px !important;
208 |   text-align:left;
209 | }
210 | div.highlight pre, pre code, li code {
211 |   font-size:24px !important;
212 |   text-align: left;
213 | }
214 | 
215 | /* distribute slides */
216 | 
217 | .repo .meta { margin-bottom:800px !important;}
218 | .markdown-body > h1 { margin-top: 800px !important; }
219 | .markdown-body > h2 { margin-top: 800px !important; }
220 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!doctype html>
  2 | <html class="no-js" dir="ltr" lang="en">
  3 | <head>
  4 |   <meta charset="utf-8">
  5 |   <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  6 |   <title>GistDeck - simple presentations with Gist</title>
  7 |   <link href="favicon.ico" rel="shortcut icon">
  8 |   <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
  9 |   <style type="text/css">
 10 |     body {
 11 |       background-attachment: fixed;
 12 |       background-color: #E6E6EC;
 13 |       background-image:-webkit-gradient(linear, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #E6E6EC), color-stop(100%, #B7B6CB));
 14 |       background-image:-webkit-linear-gradient(#E6E6EC, #B7B6CB);
 15 |       background-image:-moz-linear-gradient(#E6E6EC, #B7B6CB);
 16 |       background-image:-o-linear-gradient(#E6E6EC, #B7B6CB);
 17 |       background-image:-ms-linear-gradient(#E6E6EC, #B7B6CB);
 18 |       background-image: linear-gradient(#E6E6EC, #B7B6CB);
 19 |       font-family: "helvetica neue", helvetica, arial, geneva, sans-serif;
 20 |       font-size: 16px;
 21 |       color:#676482;
 22 |       text-shadow: hsla(246, 13%, 100%, 0.5) 0px 1px 0px;
 23 |       padding-bottom:600px;
 24 |     }
 25 |     section {
 26 |       width:400px;
 27 |       margin:0 auto;
 28 |       text-align:center;
 29 |     }
 30 |     h1, h2 {
 31 |       font-weight:normal;
 32 |     }
 33 |     h1 {
 34 |       font-size:36px;
 35 |     }
 36 |     ol {
 37 |       padding: 0 70px;
 38 |     }
 39 |     li {
 40 |       text-align:left;
 41 |       line-height:36px;
 42 |     }
 43 |     a {
 44 |       text-decoration:none;
 45 |       color: #4E51A3;
 46 |     }
 47 |     a:hover {
 48 |       color: #514ECA !important;
 49 |     }
 50 |     a.button {
 51 |       background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #676482), color-stop(100%, #777695));
 52 |       background: -webkit-linear-gradient(#676482, #777695);
 53 |       background: -moz-linear-gradient(#676482, #777695);
 54 |       background: -o-linear-gradient(#676482, #777695);
 55 |       background: -ms-linear-gradient(#676482, #777695);
 56 |       background: linear-gradient(#676482, #777695);
 57 |       border: 0;
 58 |       -moz-border-radius: 9px;
 59 |       -webkit-border-radius: 9px;
 60 |       -o-border-radius: 9px;
 61 |       -ms-border-radius: 9px;
 62 |       -khtml-border-radius: 9px;
 63 |       border-radius: 9px;
 64 |       color: white;
 65 |       cursor: pointer;
 66 |       font-family: "Lucida Grande", helvetica, arial, geneva, sans-serif;
 67 |       font-size: 10px;
 68 |       font-weight: bold;
 69 |       line-height: 18px;
 70 |       padding: 0 12px;
 71 |       text-align: center;
 72 |       text-indent: none;
 73 |       text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
 74 |       width: inherit;
 75 |       display: inline-block;
 76 |       margin-left: 9px;
 77 |       opacity: 1;
 78 |       -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.2)));
 79 |     }
 80 |     a.button:hover {
 81 |       color:white !important;
 82 |       background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #676482), color-stop(100%, #777695));
 83 |       background: -webkit-linear-gradient(#676482, #777695);
 84 |       background: -moz-linear-gradient(#676482, #777695);
 85 |       background: -o-linear-gradient(#676482, #777695);
 86 |       background: -ms-linear-gradient(#676482, #777695);
 87 |       background: linear-gradient(#676482, #777695);
 88 |     }
 89 |     hr {
 90 |       background: linear-gradient(left, rgba(103,100,130,0) 0%, rgba(103,100,130,0.5) 50%, rgba(103,100,130,0) 100%);
 91 |       background: -o-linear-gradient(left, rgba(103,100,130,0) 0%, rgba(103,100,130,0.5) 50%, rgba(103,100,130,0) 100%);
 92 |       background: -moz-linear-gradient(left, rgba(103,100,130,0) 0%, rgba(103,100,130,0.5) 50%, rgba(103,100,130,0) 100%);
 93 |       background: -webkit-linear-gradient(left, rgba(103,100,130,0) 0%, rgba(103,100,130,0.5) 50%, rgba(103,100,130,0) 100%);
 94 |       background: -ms-linear-gradient(left, rgba(103,100,130,0) 0%, rgba(103,100,130,0.5) 50%, rgba(103,100,130,0) 100%);
 95 |       background:-webkit-gradient(linear, left bottom, right bottom, color-stop(0, rgba(103,100,130,0)), color-stop(0.5, rgba(103,100,130,0.5)), color-stop(1, rgba(103,100,130,0)));
 96 |       border: 0;
 97 |       height: 1px;
 98 |       padding: 0;
 99 |       margin-top:36px;
100 |     }
101 |     .by {
102 |       font-size:13px;
103 |     }
104 |   </style>
105 | </head>
106 | 
107 | <body>
108 | 
109 |   <section>
110 |     <h1>
111 |       <a href="https://github.com/nzoschke/gistdeck">GistDeck</a>
112 |     </h1>
113 | 
114 |     <h2>GistDeck is a presentation layer for one of our favorite text sharing tools.</h2>
115 | 
116 |     <ol>
117 |       <li>
118 |         Drag to Bookmarks Bar
119 |         <a class="button" href="javascript:(function(){var%20s=document.createElement('script');s.setAttribute('src','https://gistdeck.herokuapp.com/gistdeck.js');document.getElementsByTagName('head')[0].appendChild(s);})();">GistDeck</a>
120 |       </li>
121 |       <li>
122 |         <a href="https://gist.github.com/b273f7a3089b1a238f5a">Visit Gist</a>
123 |       </li>
124 |       <li>Click Bookmarklet</li>
125 |       <li>Present, using left and right keys</li>
126 |     </ol>
127 |     <hr/>
128 |     <p class="by">
129 |       by <a href="http://twitter.com/nzoschke">noah</a> and <a href="http://twitter.com/seaofclouds">todd</a>
130 |     </p>
131 |   </section>
132 | 
133 | <!-- google analytics -->
134 | <script type="text/javascript">
135 |   var _gaq = _gaq || [];
136 |   _gaq.push(['_setAccount', 'UA-2989055-21']);
137 |   _gaq.push(['_trackPageview']);
138 |   (function() {
139 |     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
140 |     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
141 |     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
142 |   })();
143 | </script>
144 | 
145 | </body>
146 | </html>
147 | 


--------------------------------------------------------------------------------
/gist.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head>
  4 |     <meta charset='utf-8'>
  5 |     <meta http-equiv="X-UA-Compatible" content="chrome=1">
  6 |         <title>From Gist to Deck &mdash; Gist</title>
  7 |     <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub" />
  8 |     <link rel="shortcut icon" href="https://github.com/favicon.ico" type="image/x-icon" />
  9 | 
 10 |     <meta content="authenticity_token" name="csrf-param" />
 11 | <meta content="B3FEEgmz69GyGd56gsxTqrT5AGy1jwh5BuWtMycKZug=" name="csrf-token" />
 12 | 
 13 |     <link href="https://a248.e.akamai.net/assets.github.com/stylesheets/bundles/gist-79179955c6841e64c9435f0046ed27e43044e30c.css" media="screen" rel="stylesheet" type="text/css" />
 14 | 
 15 |     <script defer="defer" src="https://a248.e.akamai.net/assets.github.com/javascripts/bundles/jquery-f0a28b64b331f9c9e2f2f1111cecd94ff0ecd7a6.js" type="text/javascript"></script>
 16 |     <script defer="defer" src="https://a248.e.akamai.net/assets.github.com/javascripts/bundles/gist-3aa192b15dfb21521908aed1b6df00c569b3b8c8.js" type="text/javascript"></script>
 17 |     
 18 | 
 19 |     
 20 |   
 21 |   <link href="https://github.com/api/oembed?format=json&amp;url=https%3A%2F%2Fgist.github.com%2Fb273f7a3089b1a238f5a" rel="alternate" title="gist: b273f7a3089b1a238f5a" type="application/json+oembed" />
 22 |   <META NAME="ROBOTS" CONTENT="NOINDEX, FOLLOW">
 23 | 
 24 | 
 25 | 
 26 | 
 27 | 
 28 |     <!-- bookmarklet-ish injection of local script and css -->
 29 |     <script type="text/javascript">
 30 |       var GISTDECK_CSS_URL="gistdeck.css";
 31 | 
 32 |       window.onload = function () {
 33 |         var s = document.createElement("script");
 34 |         s.setAttribute("src", "gistdeck.js");
 35 |         document.getElementsByTagName("head")[0].appendChild(s);
 36 |       };
 37 |     </script>
 38 | 
 39 | 
 40 | 
 41 | 
 42 | 
 43 | 
 44 |   </head>
 45 | 
 46 |   <body class="">
 47 |     <div id="main">
 48 |       <div id="header" class="">
 49 |         <div class="site">
 50 |           <div class="logo">
 51 |             <a href="https://gist.github.com"><img alt="gist" height="45" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logo_gist.png?1334862346" width="164" /></a>
 52 |           </div>
 53 | 
 54 |             
 55 | 
 56 | 
 57 | 
 58 |     <div class="userbox">
 59 |       <div class="avatarname">
 60 |         <a href="https://gist.github.com/seaofclouds"><img height="20" src="https://secure.gravatar.com/avatar/0c5c5a350941044192ff794a9cd2205b?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" width="20" /></a>
 61 |         <a href="https://gist.github.com/seaofclouds" class="name">seaofclouds</a>
 62 |       </div>
 63 |       <ul class="usernav">
 64 |         <li><a href="https://github.com/">Dashboard</a></li>
 65 |         <li>
 66 |           <a href="https://github.com/inbox/notifications">Notifications</a>
 67 |           <a href="https://github.com/inbox/notifications" class="unread_count new js-inbox-count">558</a>
 68 |         </li>
 69 |         <li><a href="https://github.com/settings">Account Settings</a></li>
 70 |         <li><a href="/logout">Log Out</a></li>
 71 |       </ul>
 72 |     </div><!-- /.userbox -->
 73 | 
 74 | 
 75 | 
 76 | 
 77 |           <div class="topsearch">
 78 | <form accept-charset="UTF-8" action="/gists/search" id="top_search_form" method="get">              <input type="search" name="q" value="" results="5" class="search" placeholder="Search Gists&hellip;" /> <input type="submit" value="Search" class="button" />
 79 |               <input type="hidden" name="page" value="1" />
 80 | </form>
 81 |             <ul class="nav">
 82 |               <li><a href="https://gist.github.com">New Gist</a></li>
 83 |                 <li><a href="https://gist.github.com/mine">My Gists</a>
 84 |                 <li><a href="https://gist.github.com/starred">Starred Gists</a>
 85 |               <li><a href="https://gist.github.com/gists">All Gists</a></li>
 86 |               <li><a href="https://github.com">Back to GitHub</a></li>
 87 |             </ul>
 88 |           </div><!-- /.topsearch -->
 89 |         </div>
 90 |       </div>
 91 | 
 92 |     <div class="site">
 93 |       
 94 | <div class="secondary">
 95 | 
 96 |   <div id="owner">
 97 |       <div class="actor">
 98 |         <div class="gravatar">
 99 |           <img height="30" src="https://secure.gravatar.com/avatar/0c5c5a350941044192ff794a9cd2205b?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" width="30" />
100 |         </div>
101 |         <div class="name"><a href="/seaofclouds">seaofclouds</a> <span>(owner)</span></div>
102 |       </div>
103 |   </div>
104 | 
105 | 
106 |     <div class="fork-info" id="forks">
107 |       <h3>Forks</h3>
108 |       <ul class="gists forks">
109 |         <li>
110 |           <a href="/fcac3d0ec24c34508d88">gist: fcac3d...</a>
111 |           by <a href="/jackfranklin">jackfra...</a>
112 |           <span class="description">From Gist to Deck</span>
113 |           <small>created <span class="date"><time class="js-relative-date" datetime="2012-06-22T13:37:42-07:00" title="2012-06-22 13:37:42">June 22, 2012</time></span></small>
114 |         </li>
115 |         <li>
116 |           <a href="/a718322d42d718abebe7">gist: a71832...</a>
117 |           by <a href="/timocratic">timocratic</a>
118 |           <span class="description">From Gist to Deck</span>
119 |           <small>created <span class="date"><time class="js-relative-date" datetime="2012-06-22T14:19:32-07:00" title="2012-06-22 14:19:32">June 22, 2012</time></span></small>
120 |         </li>
121 |         <li>
122 |           <a href="/4dc1a81641dd962a19d5">gist: 4dc1a8...</a>
123 |           by <a href="/kblake">kblake</a>
124 |           <span class="description">From Gist to Deck</span>
125 |           <small>created <span class="date"><time class="js-relative-date" datetime="2012-06-22T16:00:13-07:00" title="2012-06-22 16:00:13">June 22, 2012</time></span></small>
126 |         </li>
127 |         <li>
128 |           <a href="/502cbfbb14bac53395c3">gist: 502cbf...</a>
129 |           by <a href="/tomvachon">tomvachon</a>
130 |           <span class="description">From Gist to Deck</span>
131 |           <small>created <span class="date"><time class="js-relative-date" datetime="2012-06-22T16:49:15-07:00" title="2012-06-22 16:49:15">June 22, 2012</time></span></small>
132 |         </li>
133 |         <li>
134 |           <a href="/a5553b557f0c6ea5d2a6">gist: a5553b...</a>
135 |           by <a href="/hemanth">hemanth</a>
136 |           <span class="description">From Gist to Deck</span>
137 |           <small>created <span class="date"><time class="js-relative-date" datetime="2012-06-23T09:51:01-07:00" title="2012-06-23 09:51:01">June 23, 2012</time></span></small>
138 |         </li>
139 |         <li>
140 |           <a href="/9c9ab070a39d82c7713e">gist: 9c9ab0...</a>
141 |           by <a href="/matschaffer">matscha...</a>
142 |           <span class="description">From Gist to Deck</span>
143 |           <small>created <span class="date"><time class="js-relative-date" datetime="2012-06-23T13:15:11-07:00" title="2012-06-23 13:15:11">June 23, 2012</time></span></small>
144 |         </li>
145 |         <li>
146 |           <a href="/2c04c095b9c04ef4be0d">gist: 2c04c0...</a>
147 |           by <a href="/cslew">cslew</a>
148 |           <span class="description">From Gist to Deck</span>
149 |           <small>created <span class="date"><time class="js-relative-date" datetime="2012-06-23T19:19:06-07:00" title="2012-06-23 19:19:06">June 23, 2012</time></span></small>
150 |         </li>
151 |       </ul>
152 |     </div>
153 | 
154 |   <div id="revisions">
155 |     <h3>Revisions</h3>
156 |     <ul>
157 |         <li class="current">
158 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
159 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/d08d9a4b01e8c7103e1257b2cd183d3938100aaa" class="id" rel="nofollow">d08d9a</a>
160 | 
161 |             <a href="/seaofclouds" class="author">seaofcl...</a>
162 |           <span class="date"><time class="js-relative-date" datetime="2012-06-27T23:16:29-07:00" title="2012-06-27 23:16:29">June 27, 2012</time></span>
163 |         </li>
164 |         <li class="other">
165 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
166 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/00dd5089a3459108adfdf92c19870762d456ed21" class="id" rel="nofollow">00dd50</a>
167 | 
168 |             <a href="/seaofclouds" class="author">seaofcl...</a>
169 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T13:57:50-07:00" title="2012-06-22 13:57:50">June 22, 2012</time></span>
170 |         </li>
171 |         <li class="other">
172 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
173 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/6af5006c252b4c13ec7f11cc8bd4b7711a4a5b70" class="id" rel="nofollow">6af500</a>
174 | 
175 |             <a href="/seaofclouds" class="author">seaofcl...</a>
176 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T13:56:28-07:00" title="2012-06-22 13:56:28">June 22, 2012</time></span>
177 |         </li>
178 |         <li class="other">
179 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
180 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/18315fe895895c01fa76914bff80236b18a55288" class="id" rel="nofollow">18315f</a>
181 | 
182 |             <a href="/seaofclouds" class="author">seaofcl...</a>
183 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T13:17:16-07:00" title="2012-06-22 13:17:16">June 22, 2012</time></span>
184 |         </li>
185 |         <li class="other">
186 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
187 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/3f95ede5130ef68ed29359a08bd100e846e27757" class="id" rel="nofollow">3f95ed</a>
188 | 
189 |             <a href="/seaofclouds" class="author">seaofcl...</a>
190 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T10:29:54-07:00" title="2012-06-22 10:29:54">June 22, 2012</time></span>
191 |         </li>
192 |         <li class="other">
193 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
194 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/bfe106b052f4942a2dcaf9520b3bdd672672a8b7" class="id" rel="nofollow">bfe106</a>
195 | 
196 |             <a href="/seaofclouds" class="author">seaofcl...</a>
197 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T09:13:58-07:00" title="2012-06-22 09:13:58">June 22, 2012</time></span>
198 |         </li>
199 |         <li class="other">
200 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
201 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/84dc144d78d055f981f3bfc2041329258121d58e" class="id" rel="nofollow">84dc14</a>
202 | 
203 |             <a href="/seaofclouds" class="author">seaofcl...</a>
204 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T09:10:07-07:00" title="2012-06-22 09:10:07">June 22, 2012</time></span>
205 |         </li>
206 |         <li class="other">
207 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
208 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/e0bb493068fb4178f181cf7faf4516c58d6b8122" class="id" rel="nofollow">e0bb49</a>
209 | 
210 |             <a href="/seaofclouds" class="author">seaofcl...</a>
211 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T09:08:49-07:00" title="2012-06-22 09:08:49">June 22, 2012</time></span>
212 |         </li>
213 |         <li class="other">
214 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
215 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/cedad3ec124c6bbaa22583668f410fcfdeb98bba" class="id" rel="nofollow">cedad3</a>
216 | 
217 |             <a href="/seaofclouds" class="author">seaofcl...</a>
218 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T09:05:42-07:00" title="2012-06-22 09:05:42">June 22, 2012</time></span>
219 |         </li>
220 |         <li class="other">
221 |           <img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_green.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_red.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" /><img alt="" src="https://a248.e.akamai.net/assets.github.com/images/gist/gist/dot_gray.png?1329921026" />
222 |           <a href="https://gist.github.com/b273f7a3089b1a238f5a/98fba119e6cb5b85a85e271f783a52692d78636f" class="id" rel="nofollow">98fba1</a>
223 | 
224 |             <a href="/seaofclouds" class="author">seaofcl...</a>
225 |           <span class="date"><time class="js-relative-date" datetime="2012-06-22T08:08:38-07:00" title="2012-06-22 08:08:38">June 22, 2012</time></span>
226 |         </li>
227 |     </ul>
228 |   </div>
229 | </div><!-- /.secondary -->
230 | 
231 | <div class="main">
232 |   <div id="repos" class="readability-header">
233 |     <div class="repo private">
234 |       <div class="title">
235 |         <div class="path">
236 |           gist: b273f7a3089b1a238f5a
237 | 
238 |             <a href="/gists/b273f7a3089b1a238f5a/edit"><img alt="edit" class="button" src="https://a248.e.akamai.net/assets.github.com/images/gist/buttons/edit_button.png?1334862345" /></a>
239 | 
240 |             <a href="/gists/b273f7a3089b1a238f5a/download"><img alt="Download_button" border="0" class="button" src="https://a248.e.akamai.net/assets.github.com/images/gist/buttons/download_button.png?1334862345" /></a>
241 | 
242 |             <a href="/star/b273f7a3089b1a238f5a" data-method="post"><img alt="star" class="button" src="https://a248.e.akamai.net/assets.github.com/images/gist/buttons/star_button.png?1334862345" /></a>
243 |         </div>
244 | 
245 |           <div class="security private_security" style="">
246 |             <a href="#private_repo" rel="facebox"><img alt="private" src="https://a248.e.akamai.net/assets.github.com/images/gist/icons/private.png?1334862345" /></a>
247 |           </div>
248 | 
249 |         <div id="private_repo" class="hidden">
250 |           <h2>Private Gist</h2>
251 |           <p>
252 |             All pages are served over SSL and all pushing and pulling is done over SSH.
253 |             No one may fork, clone, or view it unless they are given this private URL.
254 |           </p>
255 |           <p>Every gist with this icon (<img alt="private" src="https://a248.e.akamai.net/assets.github.com/images/gist/icons/private.png?1334862345" />) is private.</p>
256 |         </div>
257 |         <div class="security public_security" style="display:none">
258 |           <a href="#public_repo" rel="facebox"><img alt="public" src="https://a248.e.akamai.net/assets.github.com/images/gist/icons/public.png?1334862345" /></a>
259 |         </div>
260 |         <div id="public_repo" class="hidden">
261 |           <h2>Public Gist</h2>
262 |           <p>Anyone may fork, clone, or view it.</p>
263 |           <p>Every repository with this icon (<img alt="public" src="https://a248.e.akamai.net/assets.github.com/images/gist/icons/public.png?1334862345" />) is public.</p>
264 |         </div>
265 |       </div>
266 | 
267 |       <div class="meta">
268 |         <table>
269 |           <tr>
270 |             <td class="label">Description:</td>
271 |             <td>
272 |               <div class="description">
273 |                 <span id="description" class="edit instapaper_title">From Gist to Deck</span>
274 | <form accept-charset="UTF-8" action="/gists/2967374" class="edit_gist" id="edit_gist_2967374" method="post" style="display:none"><div style="margin:0;padding:0;display:inline"><input name="_method" type="hidden" value="put" /><input name="authenticity_token" type="hidden" value="B3FEEgmz69GyGd56gsxTqrT5AGy1jwh5BuWtMycKZug=" /></div>                    <input id="gist_description" name="gist[description]" size="30" type="text" value="From Gist to Deck" />
275 |                     <input id="gist_submit" name="commit" type="submit" value="save" />
276 | </form>                  <a href="#description" class="edit action" title="edit gist description">edit</a>
277 |               </div>
278 |             </td>
279 |           </tr>
280 | 
281 | 
282 |             <tr>
283 |               <td class="label">Private Clone URL:</td>
284 |               <td>
285 |                 <div id="private-clone-url">
286 |                   <a class="git_url_facebox" rel="#git-private-clone">git@gist.github.com:b273f7a3089b1a238f5a.git</a>
287 |                   <input type="text" value="git@gist.github.com:b273f7a3089b1a238f5a.git" style="display: none;" />
288 |                 </div>
289 |                 <div id="git-private-clone" style="display:none; min-width:500px">
290 |                   Use this clone URL yourself.
291 |                   <br/>
292 |                   <code>git clone git@gist.github.com:b273f7a3089b1a238f5a.git gist-b273f7a3</code>
293 |                 </div>
294 |               </td>
295 |             </tr>
296 | 
297 | 
298 |         </table>
299 |       </div>
300 |     </div>
301 |   </div>
302 | 
303 |   <div id="files" class="instapaper_body">
304 | 
305 |         <div class="file" id="file_gistfile1.md">
306 |   <div class="meta clearfix instapaper_ignore readability-extra">
307 |     <div class="info">
308 |       <span class="code">
309 |           Markdown
310 |         <a href="#file_gistfile1.md">#</a>
311 |       </span>
312 |     </div>
313 |     <div class="actions">
314 |       <a href="/raw/b273f7a3089b1a238f5a/2a816c94baa8436ae5dcac35ddec2638cbf83d89/gistfile1.md">raw</a>
315 |     </div>
316 |   </div>
317 |   
318 |   <div id="readme" class="blob instapaper_body">
319 |     <article class="markdown-body entry-content" itemprop="mainContentOfPage"><h1>
320 | <a name="crafting-a-presentation-can-be-difficult" class="anchor" href="#crafting-a-presentation-can-be-difficult"><span class="mini-icon mini-icon-link"></span></a>Crafting a presentation can be difficult</h1>
321 | 
322 | <h2>
323 | <a name="too-many-tools" class="anchor" href="#too-many-tools"><span class="mini-icon mini-icon-link"></span></a>Too many tools</h2>
324 | 
325 | <p><a target="_blank" href="https://dl.dropbox.com/u/2361730/GistDeck/tools.png"><img src="https://dl.dropbox.com/u/2361730/GistDeck/tools.png" alt="tools" style="max-width:100%;"></a></p>
326 | 
327 | <ul>
328 | <li><a href="http://www.apple.com/iwork/keynote/">Keynote</a></li>
329 | <li><a href="https://github.com/schacon/showoff">ShowOff</a></li>
330 | <li>PowerPoint</li>
331 | <li>PDFs</li>
332 | <li>etc</li>
333 | </ul><h2>
334 | <a name="too-many-options" class="anchor" href="#too-many-options"><span class="mini-icon mini-icon-link"></span></a>Too many options</h2>
335 | 
336 | <p><a target="_blank" href="https://dl.dropbox.com/u/2361730/GistDeck/options.png"><img src="https://dl.dropbox.com/u/2361730/GistDeck/options.png" alt="" style="max-width:100%;"></a></p>
337 | 
338 | <ul>
339 | <li>Templates</li>
340 | <li>Clip Art</li>
341 | <li>Screen Sizes</li>
342 | <li>Fonts</li>
343 | <li>Transitions</li>
344 | </ul><h2>
345 | <a name="too-many-distractions" class="anchor" href="#too-many-distractions"><span class="mini-icon mini-icon-link"></span></a>Too many distractions</h2>
346 | 
347 | <p><a target="_blank" href="https://dl.dropbox.com/u/2361730/GistDeck/distractions.png"><img src="https://dl.dropbox.com/u/2361730/GistDeck/distractions.png" alt="" style="max-width:100%;"></a></p>
348 | 
349 | <ul>
350 | <li>Toolbars</li>
351 | <li>Sidebars</li>
352 | <li>Drawing tools</li>
353 | <li>Windows</li>
354 | <li>Lolcats</li>
355 | </ul><h2>
356 | <a name="why-cant-it-be-easier" class="anchor" href="#why-cant-it-be-easier"><span class="mini-icon mini-icon-link"></span></a>Why can't it be easier?</h2>
357 | 
358 | <p>Why must we install software?</p>
359 | 
360 | <p>Why can't we use simple tools?</p>
361 | 
362 | <p>Why can't we use a simple interface?</p>
363 | 
364 | <p>Why can't we publish instantly?</p>
365 | 
366 | <h1>
367 | <a name="introducing-gistdeck" class="anchor" href="#introducing-gistdeck"><span class="mini-icon mini-icon-link"></span></a>Introducing GistDeck</h1>
368 | 
369 | <p><a target="_blank" href="https://dl.dropbox.com/u/2361730/GistDeck/logo.png"><img src="https://dl.dropbox.com/u/2361730/GistDeck/logo.png" alt="" style="max-width:100%;"></a></p>
370 | 
371 | <h1>
372 | <a name="gistdeck-is-a-presentation-layer-for-one-of-our-favorite-text-sharing-tools" class="anchor" href="#gistdeck-is-a-presentation-layer-for-one-of-our-favorite-text-sharing-tools"><span class="mini-icon mini-icon-link"></span></a>GistDeck is a presentation layer for one of our favorite text sharing tools.</h1>
373 | 
374 | <h2>
375 | <a name="built-with-tools-you-use-every-day" class="anchor" href="#built-with-tools-you-use-every-day"><span class="mini-icon mini-icon-link"></span></a>Built with tools you use every day</h2>
376 | 
377 | <p>Browser</p>
378 | 
379 | <p><a href="http://gist.github.com">Gist</a></p>
380 | 
381 | <p>HTML, CSS, JS</p>
382 | 
383 | <h2>
384 | <a name="no-software" class="anchor" href="#no-software"><span class="mini-icon mini-icon-link"></span></a>No Software</h2>
385 | 
386 | <p>No Apps, No Servers</p>
387 | 
388 | <p>Only You</p>
389 | 
390 | <p>Your Browser</p>
391 | 
392 | <p>And an idea worth sharing</p>
393 | 
394 | <h1>
395 | <a name="some-examples" class="anchor" href="#some-examples"><span class="mini-icon mini-icon-link"></span></a>Some examples</h1>
396 | 
397 | <h1>
398 | <a name="this-is-a-topic" class="anchor" href="#this-is-a-topic"><span class="mini-icon mini-icon-link"></span></a>This is a topic</h1>
399 | 
400 | <p>front and center</p>
401 | 
402 | <h2>
403 | <a name="this-is-a-subtopic" class="anchor" href="#this-is-a-subtopic"><span class="mini-icon mini-icon-link"></span></a>This is a Subtopic</h2>
404 | 
405 | <p>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. </p>
406 | 
407 | <h2>
408 | <a name="subtopics-can-have-bullets" class="anchor" href="#subtopics-can-have-bullets"><span class="mini-icon mini-icon-link"></span></a>Subtopics can have bullets:</h2>
409 | 
410 | <ul>
411 | <li>Supporting Bullet</li>
412 | <li>Most people call this a list</li>
413 | <li>Phasellus et mauris et mauris</li>
414 | <li>A list item can have code</li>
415 | <li><code>ruby -pe 'next unless $_ =~ /bullet/' &lt; file.md</code></li>
416 | </ul><h2>
417 | <a name="subtopics-can-have-images" class="anchor" href="#subtopics-can-have-images"><span class="mini-icon mini-icon-link"></span></a>Subtopics can have images:</h2>
418 | 
419 | <p><a target="_blank" href="https://a248.e.akamai.net/camo.github.com/4637e8b1d83107b465aa4da40b07a17e1807d2af/687474703a2f2f706c6163656b697474656e2e636f6d2f672f3430302f343030"><img src="https://a248.e.akamai.net/camo.github.com/4637e8b1d83107b465aa4da40b07a17e1807d2af/687474703a2f2f706c6163656b697474656e2e636f6d2f672f3430302f343030" alt="" style="max-width:100%;"></a></p>
420 | 
421 | <p>Sollicitudin vestibulum magna. Nulla facilisi. Fusce rutrum bibendum dapibus. Nam dictum blandit faucibus. In hac habitasse platea dictumst. Fusce faucibus sagittis sapien vel posuere. </p>
422 | 
423 | <h2>
424 | <a name="subtopics-love-code-snippets" class="anchor" href="#subtopics-love-code-snippets"><span class="mini-icon mini-icon-link"></span></a>Subtopics love code snippets:</h2>
425 | 
426 | <ol>
427 | <li>
428 | <p>In Ruby you can map like this:</p>
429 | 
430 | <div class="highlight">
431 | <pre><span class="o">[</span><span class="s1">'a'</span><span class="p">,</span> <span class="s1">'b'</span><span class="o">].</span><span class="n">map</span> <span class="p">{</span> <span class="o">|</span><span class="n">x</span><span class="o">|</span> <span class="n">x</span><span class="o">.</span><span class="n">uppercase</span> <span class="p">}</span>
432 | </pre>
433 | </div>
434 | </li>
435 | <li>
436 | <p>In Rails, you can do a shortcut:</p>
437 | 
438 | <div class="highlight">
439 | <pre><span class="o">[</span><span class="s1">'a'</span><span class="p">,</span> <span class="s1">'b'</span><span class="o">].</span><span class="n">map</span><span class="p">(</span><span class="o">&amp;</span><span class="ss">:uppercase</span><span class="p">)</span>
440 | </pre>
441 | </div>
442 | </li>
443 | </ol><h2>
444 | <a name="this-presentation-is-a-gist" class="anchor" href="#this-presentation-is-a-gist"><span class="mini-icon mini-icon-link"></span></a>This presentation is a gist!</h2>
445 | 
446 | <p><a href="https://gist.github.com/gists/b273f7a3089b1a238f5a">https://gist.github.com/gists/b273f7a3089b1a238f5a</a></p>
447 | 
448 | <p><a target="_blank" href="https://dl.dropbox.com/u/2361730/GistDeck/screenshot.png"><img src="https://dl.dropbox.com/u/2361730/GistDeck/screenshot.png" height="300" style="max-width:100%;"></a></p>
449 | 
450 | <h2>
451 | <a name="whaaaaat" class="anchor" href="#whaaaaat"><span class="mini-icon mini-icon-link"></span></a>Whaaaaat?</h2>
452 | 
453 | <p><a target="_blank" href="https://dl.dropbox.com/u/2361730/GistDeck/what.png"><img src="https://dl.dropbox.com/u/2361730/GistDeck/what.png" alt="" style="max-width:100%;"></a></p>
454 | 
455 | <ol>
456 | <li><a href="http://gistdeck.herokuapp.com/">Install Bookmarklet</a></li>
457 | <li><a href="https://gist.github.com/b273f7a3089b1a238f5a">Visit Gist</a></li>
458 | <li>Click Bookmarklet</li>
459 | <li>Present</li>
460 | </ol><h1>
461 | <a name="contribute-on-github" class="anchor" href="#contribute-on-github"><span class="mini-icon mini-icon-link"></span></a>Contribute on Github</h1>
462 | 
463 | <p><a href="https://github.com/nzoschke/gistdeck">https://github.com/nzoschke/gistdeck</a></p>
464 | 
465 | <h1>
466 | <a name="fin" class="anchor" href="#fin"><span class="mini-icon mini-icon-link"></span></a>fin</h1>
467 | 
468 | <p>by <a href="http://twitter.com/nzoschke">noah</a> and <a href="http://twitter.com/seaofclouds">todd</a></p></article>
469 |   </div>
470 | 
471 | </div>
472 | 
473 | 
474 |      <!-- cache end -->
475 | 
476 |       <div id="delete_link" class="instapaper_ignore"><a href="/delete/b273f7a3089b1a238f5a" data-confirm="Are you sure?" data-method="delete">delete this gist</a></div>
477 | 
478 |   </div>
479 | 
480 |     <div id="comments">
481 | 
482 | <form accept-charset="UTF-8" action="/b273f7a3089b1a238f5a/comment" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="B3FEEgmz69GyGd56gsxTqrT5AGy1jwh5BuWtMycKZug=" /></div>          
483 | <p class="comment-form-error" style="display:none">You must write something to leave a comment</p>
484 | <div class="comment-form previewable-comment-form write-selected" data-preview-url="/preview">
485 |   <p class="help">Comments are parsed with <a href="http://github.github.com/github-flavored-markdown/" class="gfm-help" target="_blank">GitHub Flavored Markdown</a></p>
486 |   <ul class="edit-preview-tabs js-preview-tabs">
487 |     <li><a href="#write_bucket_650" class="write-tab" action="write">Write</a></li>
488 |     <li><a href="#preview_bucket_650" class="preview-tab" action="preview">Preview</a></li>
489 |   </ul>
490 |   <div id="write_bucket_650" class="tab-content write-content js-write-bucket">
491 |     <textarea name="comment[body]" tabindex="1" id="comment_body_650" class="js-comment-field" data-suggester-list="comment_body_650_mentions"></textarea>
492 |   </div>
493 |   <div id="preview_bucket_650" class="new-comments tab-content preview-content js-preview-bucket">
494 |     
495 | <div id="openstruct-103279460" class="comment normal-comment">
496 |   <div class="cmeta">
497 |     <p class="author">
498 |         <span class="gravatar"><img height="20" src="https://secure.gravatar.com/avatar/0c5c5a350941044192ff794a9cd2205b?s=140&amp;d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png" width="20" /></span>
499 |       <strong class="author"><a href="/seaofclouds">seaofclouds</a></strong>
500 |       <em class='action-text'>
501 |         <a href="#openstruct-103279460">
502 |         commented
503 |         </a>
504 |       </em>
505 |     </p>
506 |     <p class="info">
507 |       <em class="date"><a href="#openstruct-103279460"><time class="js-relative-date" datetime="2012-06-27T23:21:12-07:00" title="2012-06-27 23:21:12">June 27, 2012</time></a></em>
508 |         <span class="icon"></span>
509 |     </p>
510 |   </div>
511 | 
512 | 
513 |   <div class="body">
514 |     <div class="formatted-content">
515 |       <div class="content-body markdown-body ">
516 |           <p>Nothing to preview</p>
517 |       </div>
518 |     </div>
519 |   </div>
520 | </div>
521 | 
522 |   </div>
523 | 
524 |   <div class="suggester-container js-navigation-container">
525 |   <div class="suggester" id="comment_body_650_mentions">
526 |     <ul>
527 |     </ul>
528 |   </div>
529 | </div>
530 | 
531 | </div>
532 | 
533 |           <div class="form-actions">
534 |             <button type="submit" class="classy" tabindex="2"><span>Add Gist Comment</span></button>
535 |           </div>
536 | </form>    </div>
537 | 
538 | </div><!-- /.main -->
539 | 
540 |     </div> <!-- site -->
541 | 
542 |     <div class="push"></div>
543 | 
544 |     </div>
545 | 
546 |     <div id="footer">
547 |       <div class="site">
548 |         <div class="info">
549 |           <div class="logo">
550 |             <a href="https://github.com">
551 |               <img alt="GitHub" src="https://a248.e.akamai.net/assets.github.com/images/modules/header/logo_white.png?1334862346" />
552 |             </a>
553 |           </div>
554 |           <div class="more">
555 |             <div class="links">
556 |               <a href="https://github.com/blog"><strong>Blog</strong></a> |
557 |               <a href="https://github.com/about">About</a> |
558 |               <a href="https://github.com/contact">Support</a> |
559 |               <a href="https://github.com/contact">Contact</a> |
560 |               <a href="https://github.com/site/privacy">Privacy</a> |
561 |               <a href="https://github.com/site/terms">Terms of Service</a>
562 |             </div>
563 |             <div class="company">
564 |               &copy;
565 |               2011
566 |               <span title="0.09097s from fe13.rs.github.com">GitHub</span> Inc.
567 |               All rights reserved.
568 |            </div>
569 |           </div>
570 |         </div>
571 |         <div class="sponsor">
572 |           <div>
573 |             Powered by the <a href="http://www.rackspace.com ">Dedicated
574 |             Servers</a> and<br/> <a href="http://www.rackspacecloud.com">Cloud
575 |             Computing</a> of Rackspace Hosting<span>&reg;</span>
576 |           </div>
577 |           <a href="http://www.rackspace.com">
578 |             <img alt="Dedicated Server" src="https://a248.e.akamai.net/assets.github.com/images/modules/footer/rackspaces_logo.png?1334862346" />
579 |           </a>
580 |         </div>
581 |       </div>
582 |     </div>
583 |   </body>
584 | </html>
585 | 
586 | 


--------------------------------------------------------------------------------