Skip to content

C
converse.js
Commit ce2c9d85 authored by JC Brand's avatar JC Brand
Browse files
Options

Create gh-pages branch via GitHub

parent 3fc91f72
Hide whitespace changes
Inline Side-by-side
Showing with 43 additions and 37 deletions
index.html
View file @ ce2c9d85
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset='utf-8' /> <meta charset='utf-8' />
<meta http-equiv="X-UA-Compatible" content="chrome=1" /> <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" /> <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"> <link rel="stylesheet" type="text/css" media="screen" href="stylesheets/stylesheet.css">
<title>Converse.js</title> <title>Converse.js</title>
</head> </head>
<body>
<body>
<!-- HEADER --> <!-- HEADER -->
<div id="header_wrap" class="outer"> <div id="header_wrap" class="outer">
<header class="inner"> <header class="inner">
...@@ -27,7 +31,7 @@ ...@@ -27,7 +31,7 @@
<!-- MAIN CONTENT --> <!-- MAIN CONTENT -->
<div id="main_content_wrap" class="outer"> <div id="main_content_wrap" class="outer">
<section id="main_content" class="inner"> <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> <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 @@ ...@@ -36,32 +40,28 @@
<p>Currently this is not yet the case, as the code makes ajax calls to the (Plone) backend <p>Currently this is not yet the case, as the code makes ajax calls to the (Plone) backend
to fetch user info. </p> to fetch user info. </p>
<h2>Features</h2> <hr><h2>Features</h2>
<ul>
<li>Manually or automically subscribe to other users.</li> <p>It has the following features:</p>
<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:
<ul> <ul>
<li><a href="http://strophe.im/strophejs">strophe.js</a></li> <li>Manually or automically subscribe to other users.</li>
<li><a href="http:/backbonejs.org">backbone.js</a></li> <li>With manual roster subscriptions, you can accept or decline contact requests.</li>
<li><a href="http:/requirejs.org">require.js</a></li> <li>Chat statuses (online, busy, away, offline)</li>
</ul> <li>Custom status message</li>
</p> <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> </section>
</div> </div>
...@@ -73,13 +73,17 @@ to fetch user info. </p> ...@@ -73,13 +73,17 @@ to fetch user info. </p>
</footer> </footer>
</div> </div>
<script> <script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) </script>
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); <script type="text/javascript">
ga('create', 'UA-2128260-8', 'conversejs.org'); try {
ga('send', 'pageview'); var pageTracker = _gat._getTracker("UA-2128260-8");
</script> pageTracker._trackPageview();
} catch(err) {}
</script>
</body> </body>
</html> </html>
params.json
View file @ ce2c9d85
{"name":"Converse.js","tagline":"Browser-based Instant Messaging with Strophe.js and Backbone.js","body":"``Converse.js`` implements an [XMPP](http://xmpp.org) based instant messaging client in the browser.\r\n\r\nIt is used by [collective.xmpp.chat](http://github.com/collective/collective.xmpp.chat), which is a [Plone](http://plone.org) instant messaging add-on.\r\n\r\nThe ultimate goal is to enable anyone to add chat functionality to their websites, regardless of the backend.\r\n\r\nCurrently this is not yet the case, as the code makes ajax calls to the (Plone) backend\r\nto fetch user info. \r\n\r\n--------\r\nFeatures\r\n--------\r\n\r\nIt has the following features:\r\n\r\n* Manually or automically subscribe to other users.\r\n* With manual roster subscriptions, you can accept or decline contact requests.\r\n* Chat statuses (online, busy, away, offline)\r\n* Custom status message\r\n* Typing notifications (i.e when the contact is typing)\r\n* Third person messages (/me )\r\n* Multi-user chat in chatrooms\r\n* Topics can be set for chatrooms\r\n* Full name and profile picture support\r\n\r\nA screencast of ``Converse.js`` in action via ``collective.xmpp.chat`` can be seen [here](http://opkode.com/media/blog/instant-messaging-for-plone-with-javascript-and-xmpp).\r\n\r\nIt depends on quite a few third party libraries, including [strophe.js](http://strophe.im/strophejs),\r\n[backbone.js](http:/backbonejs.org) and [require.js](http:/requirejs.org).\r\n\r\n-------\r\nLicence\r\n-------\r\n\r\n``Converse.js`` is released under both the [MIT](http://opensource.org/licenses/mit-license.php) and [GPL](http://opensource.org/licenses/gpl-license.php) licenses.\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."} {"name":"Converse.js","tagline":"Browser-based Instant Messaging with Strophe.js and Backbone.js","body":"``Converse.js`` implements an [XMPP](http://xmpp.org) based instant messaging client in the browser.\r\n\r\nIt is used by [collective.xmpp.chat](http://github.com/collective/collective.xmpp.chat), which is a [Plone](http://plone.org) instant messaging add-on.\r\n\r\nThe ultimate goal is to enable anyone to add chat functionality to their websites, regardless of the backend.\r\n\r\nCurrently this is not yet the case, as the code makes ajax calls to the (Plone) backend\r\nto fetch user info. \r\n\r\n--------\r\nFeatures\r\n--------\r\n\r\nIt has the following features:\r\n\r\n* Manually or automically subscribe to other users.\r\n* With manual roster subscriptions, you can accept or decline contact requests.\r\n* Chat statuses (online, busy, away, offline)\r\n* Custom status message\r\n* Typing notifications (i.e when the contact is typing)\r\n* Third person messages (/me )\r\n* Multi-user chat in chatrooms\r\n* Topics can be set for chatrooms\r\n* Full name and profile picture support\r\n\r\nA screencast of ``Converse.js`` in action via ``collective.xmpp.chat`` can be seen [here](http://opkode.com/media/blog/instant-messaging-for-plone-with-javascript-and-xmpp).\r\n\r\nIt depends on quite a few third party libraries, including [strophe.js](http://strophe.im/strophejs),\r\n[backbone.js](http:/backbonejs.org) and [require.js](http:/requirejs.org).\r\n\r\n-------\r\nLicence\r\n-------\r\n\r\n``Converse.js`` is released under both the [MIT](http://opensource.org/licenses/mit-license.php) and [GPL](http://opensource.org/licenses/gpl-license.php) licenses.\r\n","google":"UA-2128260-8","note":"Don't delete this file! It's used internally to help with page regeneration."}
\ No newline at end of file \ No newline at end of file
stylesheets/stylesheet.css
View file @ ce2c9d85
...@@ -58,11 +58,11 @@ Theme Styles ...@@ -58,11 +58,11 @@ Theme Styles
body { body {
box-sizing: border-box; box-sizing: border-box;
color:#373737; color:#373737;
background: #212121;
font-size: 16px; font-size: 16px;
font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif; font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
line-height: 1.5; line-height: 1.5;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
background: url('../images/bg.png');
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
...@@ -81,6 +81,7 @@ h1 { ...@@ -81,6 +81,7 @@ h1 {
h2 { h2 {
padding-bottom: 10px; padding-bottom: 10px;
font-size: 32px; font-size: 32px;
background: url('../images/bg_hr.png') repeat-x bottom;
} }
h3 { h3 {
...@@ -360,6 +361,7 @@ Full-Width Styles ...@@ -360,6 +361,7 @@ Full-Width Styles
} }
#main_content_wrap { #main_content_wrap {
background: #f2f2f2;
border-top: 1px solid #111; border-top: 1px solid #111;
border-bottom: 1px solid #111; border-bottom: 1px solid #111;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7