Redesign chat page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/static/chat.html b/src/templates/static/chat.html
index 84fc2774a7114240d575a1de98ce3d4ad9bc91a5..c517146f38bc7e51c12f32eb61137a173d0cdd9b 100644 (file)
--- a/src/templates/static/chat.html
+++ b/src/templates/static/chat.html
@@ -3,69 +3,32 @@
 {% block title %}{{ _("Chat") }}{% end block %}
 
 {% block container %}
-<div class="container">
-       <section class="features-content col-12">
-               <h2 class="display-2 text-center">{{ _("Chat") }}</h2>
-               
-               <div class="row mb-5">
-                       <div class="col-md-8 offset-md-2 text-center">
-                               <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>
+       <section>
+               <div class="container">
+                       <div class="row">
+                               <div class="col col-lg-6">
+                                       <h1 class="display-2">{{ _("Chat") }}</h1>
+
+                                       <p>
+                                               You can join a live chat with fellow IPFire users and developers
+                                       </p>
+                               </div>
                        </div>
                </div>
-               
-               <div class="row">       
-                       <div class="col-md-3 offset-md-2">
-                               <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="//planet.ipfire.org/post/opening-the-ipfire-jabber-server">
-                                                       {{ _("Need a Jabber account?") }}
-                                               </a>
-                                       </small>
-                               </p>
-                       </div>
-
-                       <div class="col-md-3 offset-md-2">
-                               <h4>{{ _("IRC") }}</h4>
+       </section>
 
-                               <dl class="dl-horizontal">
-                                       <dt>{{ _("Channel") }}</dt>
-                                       <dd>#ipfire</dd>
+       <section class="inverse">
+               <div class="container">
+                       <h4 class="mb-5">XMPP</h4>
 
-                                       <dt>{{ _("Server") }}</dt>
-                                       <dd>irc.freenode.net</dd>
-                               </dl>
+                       <p>
+                               For chat, we use XMPP (also known as the Jabber Protocol).
+                       </p>
 
-                               <p class="ac">
-                                       You can use any IRC client to connect to the server and channel
-                                       above or
-                                       <a href="//webchat.freenode.net/?channels=ipfire">
-                                               use a web client
-                                       </a>.
-                               </p>
-                       </div>
+                       <p>
+                               To join our chat room, point your XMPP client to:
+                               <a href="xmpp:ipfire@conference.ipfire.org?join">ipfire@conference.ipfire.org</a>
+                       </p>
                </div>
        </section>
-</div>
-
 {% end block %}