|
@@ -1,14 +1,18 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
-<head>
|
|
|
+
|
|
|
+ <head>
|
|
|
<meta charset='utf-8' />
|
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
|
|
<meta name="description" content="Converse.js : Browser-based Instant Messaging with Strophe.js and Backbone.js" />
|
|
|
+
|
|
|
<link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
|
|
|
+
|
|
|
<title>Converse.js</title>
|
|
|
-</head>
|
|
|
+ </head>
|
|
|
+
|
|
|
+ <body>
|
|
|
|
|
|
-<body>
|
|
|
<!-- HEADER -->
|
|
|
<div id="header_wrap" class="outer">
|
|
|
<header class="inner">
|
|
@@ -27,7 +31,7 @@
|
|
|
<!-- MAIN CONTENT -->
|
|
|
<div id="main_content_wrap" class="outer">
|
|
|
<section id="main_content" class="inner">
|
|
|
- <p><strong>Converse.js</strong> implements an <a href="http://xmpp.org">XMPP</a> based instant messaging client in the browser.</p>
|
|
|
+ <p><code>Converse.js</code> implements an <a href="http://xmpp.org">XMPP</a> based instant messaging client in the browser.</p>
|
|
|
|
|
|
<p>It is used by <a href="http://github.com/collective/collective.xmpp.chat">collective.xmpp.chat</a>, which is a <a href="http://plone.org">Plone</a> instant messaging add-on.</p>
|
|
|
|
|
@@ -36,32 +40,28 @@
|
|
|
<p>Currently this is not yet the case, as the code makes ajax calls to the (Plone) backend
|
|
|
to fetch user info. </p>
|
|
|
|
|
|
-<h2>Features</h2>
|
|
|
-<ul>
|
|
|
- <li>Manually or automically subscribe to other users.</li>
|
|
|
- <li>Accept or decline contact requests</li>
|
|
|
- <li>Chat status (online, busy, away, offline)</li>
|
|
|
- <li>Custom status messages</li>
|
|
|
- <li>Typing notifications</li>
|
|
|
- <li>Third person messages (/me )</li>
|
|
|
- <li>Multi-user chat in chatrooms</li>
|
|
|
- <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>Dependencies</h2>
|
|
|
-<p><strong>Converse.js</strong> depends on a few third party libraries, including:
|
|
|
+<hr><h2>Features</h2>
|
|
|
+
|
|
|
+<p>It has the following features:</p>
|
|
|
+
|
|
|
<ul>
|
|
|
- <li><a href="http://strophe.im/strophejs">strophe.js</a></li>
|
|
|
- <li><a href="http:/backbonejs.org">backbone.js</a></li>
|
|
|
- <li><a href="http:/requirejs.org">require.js</a></li>
|
|
|
-</ul>
|
|
|
-</p>
|
|
|
+<li>Manually or automically subscribe to other users.</li>
|
|
|
+<li>With manual roster subscriptions, you can accept or decline contact requests.</li>
|
|
|
+<li>Chat statuses (online, busy, away, offline)</li>
|
|
|
+<li>Custom status message</li>
|
|
|
+<li>Typing notifications (i.e when the contact is typing)</li>
|
|
|
+<li>Third person messages (/me )</li>
|
|
|
+<li>Multi-user chat in chatrooms</li>
|
|
|
+<li>Topics can be set for chatrooms</li>
|
|
|
+<li>Full name and profile picture support</li>
|
|
|
+</ul><p>A screencast of <code>Converse.js</code> in action via <code>collective.xmpp.chat</code> can be seen <a href="http://opkode.com/media/blog/instant-messaging-for-plone-with-javascript-and-xmpp">here</a>.</p>
|
|
|
+
|
|
|
+<p>It depends on quite a few third party libraries, including <a href="http://strophe.im/strophejs">strophe.js</a>,
|
|
|
+<a href="http:/backbonejs.org">backbone.js</a> and <a href="http:/requirejs.org">require.js</a>.</p>
|
|
|
|
|
|
-<h2>Licence</h2>
|
|
|
+<hr><h2>Licence</h2>
|
|
|
|
|
|
-<p><strong>Converse.js</strong> is released under both the <a href="http://opensource.org/licenses/mit-license.php">MIT</a> and <a href="http://opensource.org/licenses/gpl-license.php">GPL</a> licenses.</p>
|
|
|
+<p><code>Converse.js</code> is released under both the <a href="http://opensource.org/licenses/mit-license.php">MIT</a> and <a href="http://opensource.org/licenses/gpl-license.php">GPL</a> licenses.</p>
|
|
|
</section>
|
|
|
</div>
|
|
|
|
|
@@ -73,13 +73,17 @@ to fetch user info. </p>
|
|
|
</footer>
|
|
|
</div>
|
|
|
|
|
|
- <script>
|
|
|
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
|
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
|
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
|
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
- ga('create', 'UA-2128260-8', 'conversejs.org');
|
|
|
- ga('send', 'pageview');
|
|
|
- </script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
|
|
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
|
|
+ </script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ try {
|
|
|
+ var pageTracker = _gat._getTracker("UA-2128260-8");
|
|
|
+ pageTracker._trackPageview();
|
|
|
+ } catch(err) {}
|
|
|
+ </script>
|
|
|
+
|
|
|
+
|
|
|
</body>
|
|
|
</html>
|