Add details of the 2nd screencast

index.html

@@ -48,7 +48,19 @@ to fetch user info. </p>
     <li>Chatroom Topics</li>
     <li>vCard support</li>
 </ul>
-<p>A screencast of <strong>Converse.js</strong> in action via <strong>collective.xmpp.chat</strong> can be seen <a href="http://opkode.com/media/blog/instant-messaging-for-plone-with-javascript-and-xmpp">here</a>.</p>
+
+<h2>Screencasts</h2>
+
+
+<ul>
+<li><a href="http://opkode.com/media/blog/instant-messaging-for-plone-with-javascript-and-xmpp">Screencast 1</a>:
+    Integrated into a Plone site via <strong>collective.xmpp.chat</strong>.
+    
+</li>
+<li><a href="http://opkode.com/media/blog/2013/04/02/converse.js-xmpp-instant-messaging-with-javascript">Screencast 2</a>:
+    A static HTML page with <em>Converse.js</em>. Here we chat to external XMPP accounts on Jabber.org and Gmail.
+</li>
+</ul>
 
 <h2>Dependencies</h2>
 <p><strong>Converse.js</strong> depends on a few third party libraries, including: