Update the chat page

diff --git a/templates/static/chat.html b/templates/static/chat.html
index a9ea7ddc480bee8d9c27d59035290db083479d1d..a1706c453b7e92980822eaefb613f846a2722e76 100644 (file)
--- a/templates/static/chat.html
+++ b/templates/static/chat.html
@@ -5,39 +5,92 @@
 {% block header %}
        <header class="jumbotron subhead" id="overview">
                <div class="container">
-                       <h1>{{ _("Chat") }}</h1>
+                       <h1>
+                               <i class="fa fa-weixin"></i>
+                               {{ _("Chat") }}
+                       </h1>
                </div>
        </header>
 {% end header %}
  
 {% block body %}
-       {% if lang == "de" %}
-               <p>
-                       Wer Fragen rund um IPFire hat, findet in unserem IRC-Channel rund
-                       um die Uhr Ansprechpartner, die Hilfestellung zu allen möglichen
-                       Themen geben können.
-                       Dies ist gleichzeitig eine tolle Möglichkeit, neue Kontakte zu
-                       knüpfen oder sich einfach zu unterhalten.
-               </p>
-       {% else %}
-               <p>
-                       On the IPFire IRC channel, you will find people who can help you
-                       with your questions about IPFire.
-                       This is a good chance to meet people involved in the project
-                       or just have a chat.
-               </p>
-       {% end %}
-
-       <ul>
-               <li>
-                       <strong>{{ _("Server") }}</strong>: irc.freenode.net
-               </li>
-               <li>
-                       <strong>{{ _("Channel") }}</strong>: #ipfire
-               </li>
-       </ul>
-
-       <a class="btn btn-default" href="http://webchat.freenode.net/?channels=ipfire">
-               {{ _("Use the web client") }}
-       </a>
+       <div class="row">
+               <div class="col-md-4 col-md-offset-2">
+                       {% if lang == "de" %}
+                               <p class="lead">
+                                       Wer Fragen rund um IPFire hat, findet in unserem Channel rund
+                                       um die Uhr Ansprechpartner, die Hilfestellung zu allen möglichen
+                                       Themen geben können.
+                               </p>
+                               <p>
+                                       Dies ist gleichzeitig eine tolle Möglichkeit, neue Kontakte zu
+                                       knüpfen oder sich einfach zu unterhalten.
+                               </p>
+                       {% else %}
+                               <p class="lead">
+                                       On the IPFire channel, you will find people who can help you
+                                       with your questions about IPFire.
+                               </p>
+                               <p>
+                                       This is a good chance to meet people involved in the project
+                                       or just have a chat.
+                               </p>
+                       {% end %}
+               </div>
+
+               <div class="col-md-4">
+                       <h4>
+                               <a href="xmpp:ipfire@conference.ipfire.org">
+                                       {{ _("Jabber") }}
+                               </a>
+                       </h4>
+
+                       <dl class="dl-horizontal">
+                               <dt>{{ _("Room") }}</dt>
+                               <dd>ipfire</dd>
+
+                               <dt>{{ _("Server") }}</dt>
+                               <dd>conference.ipfire.org</dd>
+                       </dl>
+
+                       <p class="ac">
+                               <small>
+                                       <a href="http://planet.ipfire.org/post/opening-the-ipfire-jabber-server">
+                                               {{ _("Need a Jabber account?") }}
+                                       </a>
+                               </small>
+                       </p>
+
+                       <hr>
+
+                       <h4>{{ _("IRC") }}</h4>
+
+                       <dl class="dl-horizontal">
+                               <dt>{{ _("Channel") }}</dt>
+                               <dd>#ipfire</dd>
+
+                               <dt>{{ _("Server") }}</dt>
+                               <dd>irc.freenode.net</dd>
+                       </dl>
+
+                       {% if lang == "de" %}
+                               <p class="ac">
+                                       Du kannst dich mit jedem beliebigen IRC-Client mit dem Server
+                                       und Channel verbinden oder
+                                       <a href="http://webchat.freenode.net/?channels=ipfire">
+                                               diesen Web-Client
+                                       </a> benutzen.
+                               </p>
+                       {% else %}
+                               <p class="ac">
+                                       You can use any IRC client to connect to the server and channel
+                                       above or
+                                       <a href="http://webchat.freenode.net/?channels=ipfire">
+                                               use a web client
+                                       </a>.
+                               </p>
+                       {% end %}
+               </div>
+       </div>
+
 {% end block %}