Bootstrap 4 migration: chat

diff --git a/templates/static/chat.html b/templates/static/chat.html
index ce34c882d99f611071a0f26267905bfdd312c7f6..70e3d19bcdd236a2e483d29d32a3402dd8df955f 100644 (file)
--- a/templates/static/chat.html
+++ b/templates/static/chat.html
@@ -3,13 +3,12 @@
 {% block title %}{{ _("Chat") }}{% end block %}
 
 {% block container %}
 {% block title %}{{ _("Chat") }}{% end block %}
 
 {% block container %}

-       <section class="container">
-               <div class="page-header">
-                       <h1>{{ _("Chat") }}</h1>
-               </div>
-
-               <div class="row">
-                       <div class="col-md-6">
+<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">

                                {% if lang == "de" %}
                                        <p class="lead">
                                                Wer Fragen rund um IPFire hat, findet in unserem Channel rund
                                {% if lang == "de" %}
                                        <p class="lead">
                                                Wer Fragen rund um IPFire hat, findet in unserem Channel rund


@@ -31,8 +30,10 @@
                                        </p>
                                {% end %}
                        </div>
                                        </p>
                                {% end %}
                        </div>

-
-                       <div class="col-md-6">
+               </div>
+               
+               <div class="row">       
+                       <div class="col-md-3 offset-md-2">

                                <h4>
                                        <a href="xmpp:ipfire@conference.ipfire.org">
                                                {{ _("Jabber") }}
                                <h4>
                                        <a href="xmpp:ipfire@conference.ipfire.org">
                                                {{ _("Jabber") }}


@@ -49,14 +50,14 @@
 
                                <p class="ac">
                                        <small>
 
                                <p class="ac">
                                        <small>

-                                               <a href="http://planet.ipfire.org/post/opening-the-ipfire-jabber-server">
+                                               <a href="//planet.ipfire.org/post/opening-the-ipfire-jabber-server">

                                                        {{ _("Need a Jabber account?") }}
                                                </a>
                                        </small>
                                </p>
                                                        {{ _("Need a Jabber account?") }}
                                                </a>
                                        </small>
                                </p>

+                       </div>

 
 

-                               <hr>
-
+                       <div class="col-md-3 offset-md-2">

                                <h4>{{ _("IRC") }}</h4>
 
                                <dl class="dl-horizontal">
                                <h4>{{ _("IRC") }}</h4>
 
                                <dl class="dl-horizontal">


@@ -71,7 +72,7 @@
                                        <p class="ac">
                                                Du kannst dich mit jedem beliebigen IRC-Client mit dem Server
                                                und Channel verbinden oder
                                        <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">
+                                               <a href="//webchat.freenode.net/?channels=ipfire">

                                                        diesen Web-Client
                                                </a> benutzen.
                                        </p>
                                                        diesen Web-Client
                                                </a> benutzen.
                                        </p>


@@ -79,7 +80,7 @@
                                        <p class="ac">
                                                You can use any IRC client to connect to the server and channel
                                                above or
                                        <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">
+                                               <a href="//webchat.freenode.net/?channels=ipfire">

                                                        use a web client
                                                </a>.
                                        </p>
                                                        use a web client
                                                </a>.
                                        </p>


@@ -87,4 +88,6 @@
                        </div>
                </div>
        </section>
                        </div>
                </div>
        </section>

+</div>
+

 {% end block %}
 {% end block %}