Include instructions to include shortcut sript tags

Author: imakewebthings

shortcuts/infinite-scroll/index.html

@@ -177,6 +177,10 @@ <h2 class="my-sticky-element">Infinite Scroll</h2>
 </div>
 
 <div class="inner">
+  <p>First include the shortcut script.</p>
+
+  <pre><code>&lt;<span class="fn">script</span> <span class="kw">src</span>=<span class="str">"/path/to/waypoints-infinite.min.js"</span>&gt;&lt;<span class="fn">/script</span>&gt;</code></pre>
+
   <p>The Infinite Scroll shortcut is used to transform a traditional "Next Page" navigation into an AJAX-powered infinite scrolling UI pattern. Its default usage looks like this:</p>
 
   <pre><code><span class="fn">$</span>(<span class="str">'.infinite-container'</span>).<span class="fn">waypoint</span>(<span class="str">'infinite'</span>);</code></pre>

shortcuts/sticky-elements/index.html

@@ -143,6 +143,10 @@ <h2 class="my-sticky-element">Sticky Elements</h2>
 </div>
 
 <div class="inner">
+	<p>First include the shortcut script.</p>
+
+	<pre><code>&lt;<span class="fn">script</span> <span class="kw">src</span>=<span class="str">"/path/to/waypoints-sticky.min.js"</span>&gt;&lt;<span class="fn">/script</span>&gt;</code></pre>
+
 	<p>The Sticky Elements shortcut is used to make elements "stick" to the top of the page when the user scrolls past. It packages a few best practices around this pattern into one simple function extension of jQuery Waypoints. The most basic usage looks like this:</p>
 
 	<pre><code><span class="fn">$</span>(<span class="str">'.my-sticky-element'</span>).<span class="fn">waypoint</span>(<span class="str">'sticky'</span>);</code></pre>