Browse Source

Restore customizations

JC Brand 12 years ago
parent
commit
9360da4310
3 changed files with 39 additions and 42 deletions
  1. 37 38
      index.html
  2. 1 1
      params.json
  3. 1 3
      stylesheets/stylesheet.css

+ 37 - 38
index.html

@@ -1,18 +1,14 @@
 <!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>
-
-  <body>
+</head>
 
 
+<body>
     <!-- HEADER -->
     <!-- HEADER -->
     <div id="header_wrap" class="outer">
     <div id="header_wrap" class="outer">
         <header class="inner">
         <header class="inner">
@@ -31,7 +27,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><code>Converse.js</code> implements an <a href="http://xmpp.org">XMPP</a> based instant messaging client in the browser.</p>
+        <p><strong>Converse.js</strong> 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>
 
 
@@ -40,28 +36,32 @@
 <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>
 
 
-<hr><h2>Features</h2>
-
-<p>It has the following features:</p>
-
+<h2>Features</h2>
 <ul>
 <ul>
-<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>
+    <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: 
+<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>
 
 
-<hr><h2>Licence</h2>
+<h2>Licence</h2>
 
 
-<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>
+<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>
       </section>
       </section>
     </div>
     </div>
 
 
@@ -73,17 +73,16 @@ to fetch user info. </p>
       </footer>
       </footer>
     </div>
     </div>
 
 
-              <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>
-
+<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>
   </body>
 </html>
 </html>

+ 1 - 1
params.json

@@ -1 +1 @@
-{"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."}
+{"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."}

+ 1 - 3
stylesheets/stylesheet.css

@@ -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,7 +81,6 @@ 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 {
@@ -361,7 +360,6 @@ 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;
 }
 }