-
- Converse.js is a free and open source webchat client that runs in the browser and can be integrated into any website. -
Similar to Facebook chat but it also supports multi-user chatrooms.
-- Converse.js can connect to any accessible XMPP/Jabber server, - either from a public provider such as jabber.org, or one you have set up yourself. -
-- It's possible to enable single-site-login, whereby users already authenticated in your website will also automatically be logged in on the chat server. - Please refer to the documentation for more info. -
-
-
-
-
-
-
-
-
-
-
-
- Features
--
-
- Single-user chat -
- Multi-user chatrooms (XEP 45) -
- vCard support (XEP 54) -
- Service discovery (XEP 30) -
- Contact rosters -
- Contact subscriptions -
- Accept or decline contact requests -
- Roster item exchange (XEP 144) -
- Chat statuses (online, busy, away, offline) -
- Custom status messages -
- Typing notifications -
- Third person messages (/me ) -
- Translated into 13 languages -
- Off-the-record encryption (via OTR.js) -
-
-
-
-
-
-
+
+
+
+
+
+
+
Screencasts
-
+
-
-
+
-
-
-
-
+
-
-
+
+
+
+
+
+
+
Is it secure?
-- Converse.js uses TLS to make - encrypted HTTPS requests to a connection manager, which in turn makes a TLS encrypted connection to your XMPP server (if the server supports it). -
-- If you are planning on integrating converse.js in your own website, it's important that you serve your pages via HTTPS. -
-- That said, the developers don't assume any liability for any loss or damages as a result of using this software. Use at your own risk. -
+
+
-
-
-
+
-
-
+ Licence
- +Documentation
-- The documentation is included in the source download under the docs - folder, or can be read online. -
- +
+
+
+
+ Converse.js is a free and open source chat client that runs in your browser and can be integrated into any website. +
Similar to Facebook chat but it also supports multi-user chatrooms.
++ Converse.js can connect to any accessible XMPP/Jabber server, + either from a public provider such as jabber.org, or one you have set up yourself. +
++ It's possible to enable single-site-login, whereby users already authenticated in your website will also automatically be logged in on the chat server. + Please refer to the documentation for more info. +
+
+
+
+
+
+
+
+
+
+
+
+
+ Features
+-
+
- Single-user chat +
- Multi-user chatrooms (XEP 45) +
- vCard support (XEP 54) +
- Service discovery (XEP 30) +
- Contact rosters +
- Contact subscriptions +
- Accept or decline contact requests +
- Roster item exchange (XEP 144) +
- Chat statuses (online, busy, away, offline) +
- Custom status messages +
- Typing notifications +
- Third person messages (/me ) +
- Translated into 13 languages +
- Off-the-record encryption +
+
+
+
+
+
+
+
+ Screencasts
+
+
+
+
+
+
+
+
+
+
+
diff --git a/js/init.js b/js/init.js
index 5816d2fe7..6f860be3c 100644
--- a/js/init.js
+++ b/js/init.js
@@ -1,81 +1,19 @@
-/*
- Tessellate 1.0 by HTML5 UP
- html5up.net | @n33co
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-*/
+//jQuery to collapse the navbar on scroll
+$(window).scroll(function() {
+ if ($(".navbar").offset().top > 50) {
+ $(".navbar-fixed-top").addClass("top-nav-collapse");
+ } else {
+ $(".navbar-fixed-top").removeClass("top-nav-collapse");
+ }
+});
-/*********************************************************************************/
-/* Settings */
-/*********************************************************************************/
-
- var _settings = {
-
- // skelJS
- skelJS: {
- prefix: 'css/style',
- resetCSS: true,
- boxModel: 'border',
- containers: 1200,
- useOrientation: true,
- breakpoints: {
- 'widest': { range: '*', containers: 1360, grid: { gutters: 50 }, hasStyleSheet: false },
- 'wide': { range: '-1680', containers: 1200, grid: { gutters: 40 } },
- 'normal': { range: '-1280', containers: 960, grid: { gutters: 30 }, lockViewport: true },
- 'narrow': { range: '-1000', containers: '100%', grid: { gutters: 25, collapse: true }, lockViewport: true },
- 'mobile': { range: '-640', containers: '100%', grid: { gutters: 10, collapse: true }, lockViewport: true }
- }
- }
-
- };
-
-/*********************************************************************************/
-/* jQuery Plugins */
-/*********************************************************************************/
-
- // formerize
- jQuery.fn.n33_formerize=function(){var _fakes=new Array(),_form = jQuery(this);_form.find('input[type=text],textarea').each(function() { var e = jQuery(this); if (e.val() == '' || e.val() == e.attr('placeholder')) { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } }).blur(function() { var e = jQuery(this); if (e.attr('name').match(/_fakeformerizefield$/)) return; if (e.val() == '') { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } }).focus(function() { var e = jQuery(this); if (e.attr('name').match(/_fakeformerizefield$/)) return; if (e.val() == e.attr('placeholder')) { e.removeClass('formerize-placeholder'); e.val(''); } }); _form.find('input[type=password]').each(function() { var e = jQuery(this); var x = jQuery(jQuery('
+
-
-
-
-
+
+ Donate
-Bitcoin: 16FsPqE9DhFTryxrUenpsGX4LJ1TPu8GqS
- -Contact
--
-
-
- Follow me on Twitter. -
- Chat with me via XMPP: jc@opkode.com. -
- For support queries, please write to the mailing list: conversejs@librelist.com. -
- Please file bugs on Github. -
- I'm available for special features and consulting work. Please contact me here. -
-
+
Thank you for your donations. They allow me to spend more time working on converse.js.
- +Bitcoin
+
+ 16FsPqE9DhFTryxrUenpsGX4LJ1TPu8GqS
+
+
+
-
+
+
+
+ Contact
++
-
+
- Follow me on Twitter. +
- Chat with me via XMPP: jc@opkode.com. +
- For support queries, please write to: conversejs@librelist.com. +
- Please file bugs on Github. +
- I'm available for features and consulting. Please contact me here. +
-
+
+
').append(e.clone()).remove().html().replace(/type="password"/i, 'type="text"').replace(/type=password/i, 'type=text')); if (e.attr('id') != '') x.attr('id', e.attr('id') + '_fakeformerizefield'); if (e.attr('name') != '') x.attr('name', e.attr('name') + '_fakeformerizefield'); x.addClass('formerize-placeholder').val(x.attr('placeholder')).insertAfter(e); if (e.val() == '') e.hide(); else x.hide(); e.blur(function(event) { event.preventDefault(); var e = jQuery(this); var x = e.parent().find('input[name=' + e.attr('name') + '_fakeformerizefield]'); if (e.val() == '') { e.hide(); x.show(); } }); x.focus(function(event) { event.preventDefault(); var x = jQuery(this); var e = x.parent().find('input[name=' + x.attr('name').replace('_fakeformerizefield', '') + ']'); x.hide(); e.show().focus(); }); x.keypress(function(event) { event.preventDefault(); x.val(''); }); }); _form.submit(function() { jQuery(this).find('input[type=text],input[type=password],textarea').each(function(event) { var e = jQuery(this); if (e.attr('name').match(/_fakeformerizefield$/)) e.attr('name', ''); if (e.val() == e.attr('placeholder')) { e.removeClass('formerize-placeholder'); e.val(''); } }); }).bind("reset", function(event) { event.preventDefault(); jQuery(this).find('select').val(jQuery('option:first').val()); jQuery(this).find('input,textarea').each(function() { var e = jQuery(this); var x; e.removeClass('formerize-placeholder'); switch (this.type) { case 'submit': case 'reset': break; case 'password': e.val(e.attr('defaultValue')); x = e.parent().find('input[name=' + e.attr('name') + '_fakeformerizefield]'); if (e.val() == '') { e.hide(); x.show(); } else { e.show(); x.hide(); } break; case 'checkbox': case 'radio': e.attr('checked', e.attr('defaultValue')); break; case 'text': case 'textarea': e.val(e.attr('defaultValue')); if (e.val() == '') { e.addClass('formerize-placeholder'); e.val(e.attr('placeholder')); } break; default: e.val(e.attr('defaultValue')); break; } }); window.setTimeout(function() { for (x in _fakes) _fakes[x].trigger('formerize_sync'); }, 10); }); return _form; };
-
- // scrolly
- jQuery.fn.n33_scrolly = function(offset) {
-
- jQuery(this).click(function(e) {
- var h = jQuery(this).attr('href'), target;
-
- if (h.charAt(0) == '#' && h.length > 1 && (target = jQuery(h)).length > 0)
- {
- var pos = Math.max(target.offset().top, 0);
- e.preventDefault();
-
- if (offset)
- {
- if (typeof(offset) == 'function')
- pos -= (offset)();
- else
- pos -= offset;
- }
-
- jQuery('body,html').animate({ scrollTop: pos }, 1000, 'swing');
- }
- });
- };
-
-/*********************************************************************************/
-/* Initialize */
-/*********************************************************************************/
-
- // skelJS
- skel.init(_settings.skelJS);
-
- // jQuery
- jQuery(function() {
-
- var $window = $(window);
-
- // Scrolly links
- $('.scrolly').n33_scrolly();
-
- // Forms
- if (skel.vars.IEVersion < 10)
- $('form').n33_formerize();
-
- });
+//jQuery for page scrolling feature - requires jQuery Easing plugin
+$(function() {
+ $('.page-scroll a').bind('click', function(event) {
+ var $anchor = $(this);
+ $('html, body').stop().animate({
+ scrollTop: $($anchor.attr('href')).offset().top
+ }, 700, 'easeInOutExpo');
+ event.preventDefault();
+ });
+});
diff --git a/less/theme.less b/less/theme.less
new file mode 100644
index 000000000..58b2d2906
--- /dev/null
+++ b/less/theme.less
@@ -0,0 +1,412 @@
+// Variables
+
+@primary: #28c3ab;
+@dark: #000;
+@light: #fff;
+
+// LESS
+
+body {
+ width: 100%;
+ height: 100%;
+ font-family: "Lora","Helvetica Neue",Helvetica,Arial,sans-serif;
+ color: @light;
+ background-color: @dark;
+}
+
+html {
+ width: 100%;
+ height: 100%;
+}
+
+// Typhography
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0 0 35px;
+ text-transform: uppercase;
+ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-weight: 700;
+ letter-spacing: 1px;
+}
+
+p {
+ margin: 0 0 25px;
+ font-size: 18px;
+ line-height: 1.5;
+}
+
+@media(min-width:767px) {
+ p {
+ margin: 0 0 35px;
+ font-size: 20px;
+ line-height: 1.6;
+ }
+}
+
+a {
+ color: @primary;
+ -webkit-transition: all .2s ease-in-out;
+ -moz-transition: all .2s ease-in-out;
+ transition: all .2s ease-in-out;
+}
+
+a:hover,
+a:focus {
+ text-decoration: none;
+ color: darken(@primary, 20%);
+}
+
+.light {
+ font-weight: 400;
+}
+
+ // Navigation
+
+ .navbar {
+ margin-bottom: 0;
+ border-bottom: 1px solid rgba(255,255,255,0.3);
+ text-transform: uppercase;
+ font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
+ background-color: @dark;
+}
+
+.navbar-brand {
+ font-weight: 700;
+}
+
+.navbar-brand:focus {
+ outline: none;
+}
+
+.navbar-custom a {
+ color: @light;
+}
+
+.navbar-custom .nav li a {
+ -webkit-transition: background .3s ease-in-out;
+ -moz-transition: background .3s ease-in-out;
+ transition: background .3s ease-in-out;
+}
+
+.navbar-custom .nav li a:hover,
+.navbar-custom .nav li a:focus,
+.navbar-custom .nav li.active {
+ outline: none;
+ background-color: rgba(255,255,255,0.2);
+}
+
+.navbar-toggle {
+ padding: 4px 6px;
+ font-size: 16px;
+ color: @light;
+}
+
+.navbar-toggle:focus,
+.navbar-toggle:active {
+ outline: none;
+}
+
+@media(min-width:767px) {
+ .navbar {
+ padding: 20px 0;
+ border-bottom: none;
+ letter-spacing: 1px;
+ background: transparent;
+ -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
+ -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
+ transition: background .5s ease-in-out,padding .5s ease-in-out;
+ }
+
+ .top-nav-collapse {
+ padding: 0;
+ background-color: @dark;
+ }
+
+ .navbar-custom.top-nav-collapse {
+ border-bottom: 1px solid rgba(255,255,255,0.3);
+ }
+}
+
+ // Full Page Image Intro Section
+
+ .intro {
+ display: table;
+ width: 100%;
+ height: auto;
+ padding: 100px 0;
+ text-align: center;
+ color: @light;
+ background: url(images/header.jpg) no-repeat bottom center scroll;
+ background-color: @dark;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ background-size: cover;
+ -o-background-size: cover;
+}
+
+.intro-body {
+ display: table-cell;
+ vertical-align: middle;
+}
+
+.brand-heading {
+ font-size: 40px;
+}
+
+.intro-text {
+ font-size: 18px;
+}
+
+@media(min-width:767px) {
+ .intro {
+ height: 100%;
+ padding: 0;
+ }
+
+ .brand-heading {
+ font-size: 100px;
+ }
+
+ .intro-text {
+ font-size: 25px;
+ }
+}
+
+.btn-circle {
+ width: 70px;
+ height: 70px;
+ margin-top: 15px;
+ padding: 7px 16px;
+ border: 2px solid @light;
+ border-radius: 35px;
+ font-size: 40px;
+ color: @light;
+ background: transparent;
+ -webkit-transition: background .3s ease-in-out;
+ -moz-transition: background .3s ease-in-out;
+ transition: background .3s ease-in-out;
+}
+
+.btn-circle:hover,
+.btn-circle:focus {
+ outline: none;
+ color: @light;
+ background: rgba(255,255,255,0.1);
+}
+
+.page-scroll .btn-circle i.animated {
+ -webkit-transition-property: -webkit-transform;
+ -webkit-transition-duration: 1s;
+ -moz-transition-property: -moz-transform;
+ -moz-transition-duration: 1s;
+}
+
+.page-scroll .btn-circle:hover i.animated {
+ -webkit-animation-name: pulse;
+ -moz-animation-name: pulse;
+ -webkit-animation-duration: 1.5s;
+ -moz-animation-duration: 1.5s;
+ -webkit-animation-iteration-count: infinite;
+ -moz-animation-iteration-count: infinite;
+ -webkit-animation-timing-function: linear;
+ -moz-animation-timing-function: linear;
+}
+
+@-webkit-keyframes pulse {
+ 0 {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+ }
+
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+@-moz-keyframes pulse {
+ 0 {
+ -moz-transform: scale(1);
+ transform: scale(1);
+ }
+
+ 50% {
+ -moz-transform: scale(1.2);
+ transform: scale(1.2);
+ }
+
+ 100% {
+ -moz-transform: scale(1);
+ transform: scale(1);
+ }
+}
+
+ // Content Sections
+
+ .content-section {
+ padding-top: 100px;
+}
+
+.donate-section {
+ width: 100%;
+ padding: 50px 0;
+ color: @light;
+ background-color: @dark;
+}
+
+.donate-section p.bitcoin-header {
+ margin: 0 0 5px;
+}
+
+@media(min-width:767px) {
+ .content-section {
+ padding-top: 100px;
+ padding-bottom: 50px;
+ }
+
+ .donate-section {
+ padding: 100px 0;
+ }
+}
+
+ // Buttons
+
+ .btn {
+ text-transform: uppercase;
+ font-family: FontAwesome;
+ font-weight: 400;
+ -webkit-transition: all .3s ease-in-out;
+ -moz-transition: all .3s ease-in-out;
+ transition: all .3s ease-in-out;
+}
+
+.btn-default {
+ border: 1px solid @primary;
+ color: @primary;
+ background-color: transparent;
+}
+
+.btn-default:hover,
+.btn-default:focus {
+ border: 1px solid @primary;
+ outline: none;
+ color: @dark;
+ background-color: @primary;
+}
+
+.btn-huge {
+ padding: 25px;
+ font-size: 26px;
+}
+
+.banner-social-buttons {
+ position: absolute;
+ bottom: 4em;
+ left: 0;
+}
+
+@media(max-width:1199px) {
+ ul.banner-social-buttons {
+ margin-top: 15px;
+ }
+}
+
+@media(max-width:767px) {
+ ul.banner-social-buttons > li {
+ display: block;
+ margin-bottom: 20px;
+ padding: 0;
+ }
+
+ ul.banner-social-buttons > li:last-child {
+ margin-bottom: 0;
+ }
+}
+
+ // Highlight Color Customization
+
+::-moz-selection {
+ text-shadow: none;
+ background: #fcfcfc;
+ background: rgba(255,255,255,0.2);
+}
+
+::selection {
+ text-shadow: none;
+ background: #fcfcfc;
+ background: rgba(255,255,255,0.2);
+}
+
+img::selection {
+ background: transparent;
+}
+
+img::-moz-selection {
+ background: transparent;
+}
+
+body {
+ webkit-tap-highlight-color: rgba(255,255,255,0.2);
+}
+
+ul.contact,
+ul.integration,
+ul.screencasts,
+ul.features {
+ text-align: left;
+ font-size: 19px;
+}
+
+.feature-icon {
+ display: inline-block;
+ position: relative;
+ padding-bottom: 5em;
+ margin-bottom: 2.75em;
+ cursor: default;
+ color: #fff;
+}
+
+.feature-icon .fa {
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ font-size: 4em;
+ border-radius: 100%;
+ box-shadow: inset 0 0 0 1px white;
+ color: white;
+ line-height: 2.1em;
+}
+
+.feature-icon:before {
+ content: '';
+ background: white;
+ position: absolute;
+ bottom: 0;
+ left: 50%;
+ margin-left: -0.325em;
+ width: 0.65em;
+ height: 0.65em;
+ display: block;
+ border-radius: 100%;
+}
+
+.feature-icon:after {
+ content: '';
+ position: absolute;
+ left: 50%;
+ bottom: 0.65em;
+ width: 1px;
+ height: 4.35em;
+ background: white;
+ margin-left: -0.5px;
+}
diff --git a/params.json b/params.json
deleted file mode 100644
index 95589c2ef..000000000
--- a/params.json
+++ /dev/null
@@ -1 +0,0 @@
-{"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."}
\ No newline at end of file