2014-05-06 21:19:35 +02:00
<!DOCTYPE html>
< html lang = "en" >
2013-03-28 17:52:07 +01:00
< head >
2014-05-06 15:25:31 +02:00
< title > Converse.js< / title >
2014-05-06 21:19:35 +02:00
< meta charset = "utf-8" >
2013-11-16 11:02:45 +01:00
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" / >
2014-05-07 22:36:45 +02:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
2014-05-06 15:25:31 +02:00
< meta name = "description" content = "Converse.js: A free chat client for your website" / >
2014-05-07 22:36:45 +02:00
< meta name = "author" content = "JC Brand" / >
2014-05-06 15:25:31 +02:00
< meta name = "keywords" content = "xmpp chat webchat converse.js" / >
2014-09-21 19:05:19 +02:00
< link rel = "shortcut icon" type = "image/ico" href = "css/images/favicon.ico" / >
2017-02-16 11:28:34 +01:00
< link type = "text/css" rel = "stylesheet" media = "screen" href = "node_modules/bootstrap/dist/css/bootstrap.min.css" / >
2017-02-16 14:12:16 +01:00
< link type = "text/css" rel = "stylesheet" media = "screen" href = "node_modules/font-awesome/css/font-awesome.min.css" / >
2016-11-07 15:43:48 +01:00
< link type = "text/css" rel = "stylesheet" media = "screen" href = "https://cdn.conversejs.org/css/theme.min.css" / >
2016-11-04 11:42:04 +01:00
< link type = "text/css" rel = "stylesheet" media = "screen" href = "https://cdn.conversejs.org/css/converse.min.css" / >
2014-12-13 21:54:48 +01:00
< script type = "text/javascript" src = "analytics.js" > < / script >
2014-12-30 10:45:33 +01:00
< noscript > < p > < img src = "//stats.opkode.com/piwik.php?idsite=1" style = "border:0;" alt = "" / > < / p > < / noscript >
2014-12-07 13:45:14 +01:00
<![if gte IE 9]>
2016-11-04 11:42:04 +01:00
< script src = "https://cdn.conversejs.org/dist/converse.min.js" > < / script >
2014-12-07 13:45:14 +01:00
<![endif]>
2013-03-28 17:52:07 +01:00
< / head >
2014-05-06 21:19:35 +02:00
< body id = "page-top" data-spy = "scroll" data-target = ".navbar-custom" >
< nav class = "navbar navbar-custom navbar-fixed-top" role = "navigation" >
< div class = "container" >
< div class = "navbar-header page-scroll" >
< button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = ".navbar-main-collapse" >
< i class = "fa fa-bars" > < / i >
< / button >
< a class = "navbar-brand" href = "#page-top" >
< i class = "fa fa-play-circle" > < / i > < span class = "light" > Home< / span >
< / a >
< / div >
<!-- Collect the nav links, forms, and other content for toggling -->
< div class = "collapse navbar-collapse navbar-right navbar-main-collapse" >
< ul class = "nav navbar-nav" >
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
< li class = "hidden" >
< a href = "#page-top" > < / a >
< / li >
< li class = "page-scroll" >
< a href = "#about" > About< / a >
< / li >
< li class = "page-scroll" >
< a href = "#features" > Features< / a >
< / li >
< li class = "page-scroll" >
< a href = "#contact" > Contact< / a >
< / li >
2015-05-02 00:22:50 +02:00
< li >
< a href = "/docs/html/manual.html" > User Manual< / a >
< / li >
2014-12-07 10:48:32 +01:00
< li >
2014-12-07 01:32:46 +01:00
< a href = "/docs/html/index.html" > Documentation< / a >
2014-05-06 21:19:35 +02:00
< / li >
2014-12-07 10:48:32 +01:00
< li >
< a href = "https://github.com/jcbrand/converse.js/releases" class = "button" target = "_blank" > Download< / a >
< / li >
2014-05-06 21:19:35 +02:00
< / ul >
< / div >
<!-- /.navbar - collapse -->
< / div >
<!-- /.container -->
< / nav >
2015-11-05 11:36:47 +01:00
< section class = "intro" class = "container" >
< div class = "row" >
< h1 class = "brand-heading" > < i class = "icon-conversejs" > < / i > Converse.js< / h1 >
< div class = "col-md-8 col-md-offset-2" >
< p class = "intro-text" > A free and open-source XMPP chat client in your browser< / p >
< div class = "page-scroll" >
< a href = "#about" class = "btn btn-default btn-lg" > < span class = "btn-text" > Learn More< / span > < / a >
2014-05-06 21:19:35 +02:00
< / div >
2014-05-06 15:25:31 +02:00
< / div >
2014-05-06 21:19:35 +02:00
< / div >
2015-11-05 11:36:47 +01:00
< div class = "row" >
< div class = "col-md-8 col-md-offset-2 banner-social-buttons" >
< ul class = "list-inline" >
< li > < a href = "https://twitter.com/jcopkode" class = "btn btn-circle btn-lg" title = "Twitter" target = "_blank" > < i class = "fa fa-twitter" > < / i > < / a >
< / li >
< li > < a href = "https://github.com/jcbrand/converse.js" class = "btn btn-circle btn-lg" title = "GitHub" target = "_blank" > < i class = "fa fa-github" > < / i > < / a >
< / li >
< / ul >
< / div >
< / div >
2014-09-21 19:05:19 +02:00
< / section >
2013-03-28 16:42:49 +01:00
2014-05-06 21:19:35 +02:00
< section id = "about" class = "container content-section text-center" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
2015-02-27 15:07:37 +01:00
< h2 > < strong > Converse.js< / strong > is written in Javascript and runs in your browser.< / h2 >
< p > You can start using it here immediately, or you can < a href = "/docs/html/index.html" > integrate it into your own website< / a > .< / p >
2017-02-17 20:59:35 +01:00
< p > Take a look at the < a href = "/demo" > demo page< / a > for other examples of how Converse.js can be configured and used.< / a >
2014-05-06 21:19:35 +02:00
< p >
2015-02-27 15:07:37 +01:00
You can connect to any publically accessible < a href = "http://xmpp.org" target = "_blank" > XMPP/Jabber< / a > server,
2015-01-07 11:17:12 +01:00
either from a < a href = "https://xmpp.net/directory.php" > public provider< / a > , or one you have set up yourself.
2014-05-06 21:19:35 +02:00
< / p >
2015-02-27 15:07:37 +01:00
< h3 > Don't have an XMPP/Jabber account?< / h3 >
< p > No problem! With converse.js you can register an account on any public XMPP server that allows registration.< / p >
2014-05-06 21:19:35 +02:00
< / div >
< / div >
< / section >
2014-05-06 22:30:37 +02:00
< section class = "features-section content-section" id = "features" >
2014-05-06 21:19:35 +02:00
< div class = "container" >
< div class = "row" >
< div class = "col-lg-4" >
< section >
2014-05-07 08:04:32 +02:00
< span class = "feature-icon page-scroll" > < a class = "fa fa-globe" href = "#features" title = "Integration" > < / a > < / span >
2014-05-06 21:19:35 +02:00
< header >
< h2 > Integration< / h2 >
< / header >
< ul class = "integration" >
2016-07-25 13:14:23 +02:00
< li > < a href = "https://github.com/mikemarsian/conversejs-rails" target = "_blank" > Ruby on Rails< / a > < / li >
2014-05-06 21:19:35 +02:00
< li > < a href = "http://github.com/collective/collective.xmpp.chat" target = "_blank" > Plone< / a > < / li >
2015-06-22 20:04:08 +02:00
< li > < a href = "https://pypi.python.org/pypi/django-conversejs" target = "_blank" > Django (option 1)< / a > < / li >
< li > < a href = "https://github.com/fpytloun/django-xmpp" target = "_blank" > Django (option 2)< / a > < / li >
2016-10-30 19:16:00 +01:00
< li > < a href = "https://github.com/devurandom/roundcube-converse.js-xmpp-plugin" target = "_blank" > Roundcube< / a > < / li >
2014-05-06 21:19:35 +02:00
< li > < a href = "http://wordpress.org/plugins/conversejs" target = "_blank" > Wordpress< / a > < / li >
2014-08-25 18:08:35 +02:00
< li > < a href = "https://github.com/jcbrand/patterns.converse" target = "_blank" > Patternslib< / a > < / li >
< li > < a href = "https://github.com/keensoft/alfresco-js-chat-share" target = "_blank" > Alfresco< / a > < / li >
2016-03-09 12:22:14 +01:00
< li > < a href = "https://github.com/friendica/friendica-addons/tree/master/xmpp/converse" target = "_blank" > Friendica< / a > < / li >
2014-05-06 21:19:35 +02:00
< / ul >
< / section >
< / div >
< div class = "col-lg-4" >
< section >
2014-05-07 08:04:32 +02:00
< span class = "feature-icon page-scroll" > < a class = "fa fa-check-square-o" href = "#features" title = "Features" > < / a > < / span >
2014-05-06 21:19:35 +02:00
< / section >
< header >
< h2 > Features< / h2 >
< / header >
< ul class = "features" >
2016-12-08 13:02:24 +01:00
< li > Presence information (online, busy, away)< / li >
2014-05-06 21:19:35 +02:00
< li > Single-user chat< / li >
2016-10-06 13:28:09 +02:00
< li > Contacts and groups< / li >
2014-05-06 21:19:35 +02:00
< li > Multi-user chatrooms (< a href = "http://xmpp.org/extensions/xep-0045.html" target = "_blank" > XEP 45< / a > )< / li >
2016-10-06 13:28:09 +02:00
< li > Chatroom bookmarks (< a href = "http://xmpp.org/extensions/xep-0048.html" target = "_blank" > XEP 48< / a > )< / li >
2015-05-29 10:07:40 +02:00
< li > Direct invitations to chat rooms (< a href = "http://xmpp.org/extensions/xep-0249.html" target = "_blank" > XEP 249< / a > )< / li >
2014-05-06 21:19:35 +02:00
< li > vCard support (< a href = "http://xmpp.org/extensions/xep-0054.html" target = "_blank" > XEP 54< / a > )< / li >
< li > Service discovery (< a href = "http://xmpp.org/extensions/xep-0030.html" target = "_blank" > XEP 30< / a > )< / li >
2015-05-29 10:07:40 +02:00
< li > In-band registration (< a href = "http://xmpp.org/extensions/xep-0077.html" target = "_blank" > XEP 77< / a > )< / li >
2016-06-20 21:07:18 +02:00
< li > Roster item exchange (< a href = "http://xmpp.org/extensions/xep-0144.html" target = "_blank" > XEP 144< / a > )< / li >
2014-05-06 21:19:35 +02:00
< li > Custom status messages< / li >
2016-03-01 10:43:44 +01:00
< li > Typing and chat state notifications (< a href = "http://xmpp.org/extensions/xep-0085.html" target = "_blank" > XEP 85< / a > )< / li >
2016-10-06 13:28:09 +02:00
< li > Desktop notifications< / li >
2015-05-29 10:07:40 +02:00
< li > Messages appear in all connected chat clients (< a href = "http://xmpp.org/extensions/xep-0280.html" target = "_blank" > XEP 280< / a > )< / li >
< li > Third person "/me" messages (< a href = "http://xmpp.org/extensions/xep-0245.html" target = "_blank" > XEP 245< / a > )< / li >
< li > XMPP Ping (< a href = "http://xmpp.org/extensions/xep-0199.html" target = "_blank" > XEP 199< / a > )< / li >
2015-11-05 11:36:47 +01:00
< li > Server-side archiving of messages (< a href = "http://xmpp.org/extensions/xep-0313.html" target = "_blank" > XEP 313< / a > )< / li >
< li > Client state indication (< a href = "http://xmpp.org/extensions/xep-0352.html" target = "_blank" > XEP 352< / a > )< / li >
2015-05-27 20:57:51 +02:00
< li > Off-the-record encryption< / li >
2016-08-12 12:02:29 +02:00
< li > Supports anonymous logins, see the < a href = "https://conversejs.org/demo/anonymous.html" target = "_blank" > anonymous login demo< / a > .< / li >
2015-05-29 10:07:40 +02:00
< li > Translated into 16 languages< / li >
2014-05-06 21:19:35 +02:00
< / ul >
2014-05-06 15:25:31 +02:00
< / div >
2014-05-06 21:19:35 +02:00
< div class = "col-lg-4" >
< section >
2014-05-07 08:04:32 +02:00
< span class = "feature-icon page-scroll" > < a class = "fa fa-video-camera" href = "#features" title = "Screencasts" > < / a > < / span >
2014-05-06 21:19:35 +02:00
< header >
< h2 > Screencasts< / h2 >
< / header >
< ul class = "screencasts" >
< li >
2015-08-24 17:01:55 +02:00
< a href = "https://opkode.com/blog/2012/07/30/instant-messaging-for-plone-with-javascript-and-xmpp" target = "_blank" >
2014-05-06 21:19:35 +02:00
In a Plone site
< / a >
< / li >
< li >
< a href = "http://opkode.com/media/blog/2013/04/02/converse.js-xmpp-instant-messaging-with-javascript" target = "_blank" >
Chatting with buddies from Jabber.org and Gmail
< / a >
< / li >
< li >
< a href = "https://opkode.com/media/blog/2013/11/11/conversejs-otr-support" target = "_blank" >
Off-the-record encryption
< / a >
< / li >
< / ul >
< / section >
< / div >
< / div >
< / div >
< / section >
2014-05-06 15:25:31 +02:00
2015-11-05 11:36:47 +01:00
< section class = "outro content-section text-center" id = "contact" >
2014-05-06 21:19:35 +02:00
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-lg-offset-2" >
2015-11-05 11:36:47 +01:00
< h2 > Contact< / h2 >
< ul class = "contact" >
< li > Follow me on < a href = "http://twitter.com/jcopkode" target = "_blank" > Twitter< / a > or chat with me via XMPP at < a href = "xmpp:jc@opkode.com" class = "xmpp JSnocheck" title = "XMPP/Jabber" > jc@opkode.com< / a > .< / li >
2016-12-08 13:02:24 +01:00
< li > For technical support, you can ask on < a href = "http://stackoverflow.com/questions/tagged/converse.js" > Stack Overflow< / a >
or if you have a more simple question you can ask us in the Converse.js chat room: < a href = "xmpp:discuss@conference.conversejs.org" class = "xmpp JSnocheck" title = "Converse.js chat room" > discuss@conference.conversejs.org< / a > .< / li >
2015-11-05 11:36:47 +01:00
< li > Please file < a target = "_blank" href = "https://github.com/jcbrand/converse.js/issues" > bugs on Github< / a > .< / li >
2016-12-08 13:02:24 +01:00
< li > I'm available for paid-for features, custom development and consulting. Here's my < a href = "http://opkode.com/contact" target = "_blank" > contact form< / a > .< / li >
2015-11-05 11:36:47 +01:00
< / ul >
2014-05-06 21:19:35 +02:00
< / div >
2016-05-23 21:21:42 +02:00
< div class = "sponsors" >
Converse.js is supported by < a href = "https://www.keycdn.com/" target = "_blank" > < img style = "height: 2em" src = "/logo/keycdn.svg" alt = "KeyCDN" > < / a >
< / div >
2014-05-06 15:25:31 +02:00
< / div >
2014-05-06 21:19:35 +02:00
< / div >
< / section >
2014-05-06 15:25:31 +02:00
< / body >
2013-04-01 23:44:49 +02:00
2013-07-24 23:58:04 +02:00
< script >
2017-02-27 08:42:17 +01:00
(function () {
/* XXX: This function initializes jquery.easing for the https://conversejs.org
* website. This code is only useful in the context of the converse.js
* website and converse.js itself is NOT dependent on it.
*/
var $ = converse.env.jQuery;
$.extend( $.easing, {
easeInOutExpo: function (x, t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1 ) return c / 2 * Math . pow ( 2 , 10 * ( t - 1 ) ) + b ;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
});
2015-08-24 17:56:50 +02:00
2017-02-27 08:42:17 +01:00
$(window).scroll(function() {
if ($(".navbar").offset().top > 50) {
$(".navbar-fixed-top").addClass("top-nav-collapse");
} else {
$(".navbar-fixed-top").removeClass("top-nav-collapse");
}
});
//jQuery for page scrolling feature - requires jQuery Easing plugin
$('.page-scroll a').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 700, 'easeInOutExpo');
event.preventDefault();
2013-07-24 23:58:04 +02:00
});
2017-02-27 08:42:17 +01:00
})();
converse.initialize({
// Please use this connection manager only for testing purposes
bosh_service_url: 'https://conversejs.org/http-bind/',
show_controlbox_by_default: true,
2013-07-24 23:58:04 +02:00
});
< / script >
2013-03-28 16:42:49 +01:00
< / html >
