Bootstrap 4 migration: chat
authorSven Hoehn <shoehn@ipfire.org>
Wed, 6 Dec 2017 16:04:43 +0000 (17:04 +0100)
committerSven Hoehn <shoehn@ipfire.org>
Wed, 6 Dec 2017 16:04:43 +0000 (17:04 +0100)
templates/static/chat.html

index ce34c88..70e3d19 100644 (file)
@@ -3,13 +3,12 @@
 {% 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
                                        </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") }}
 
                                <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>
+                       </div>
 
-                               <hr>
-
+                       <div class="col-md-3 offset-md-2">
                                <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
-                                               <a href="http://webchat.freenode.net/?channels=ipfire">
+                                               <a href="//webchat.freenode.net/?channels=ipfire">
                                                        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
-                                               <a href="http://webchat.freenode.net/?channels=ipfire">
+                                               <a href="//webchat.freenode.net/?channels=ipfire">
                                                        use a web client
                                                </a>.
                                        </p>
@@ -87,4 +88,6 @@
                        </div>
                </div>
        </section>
+</div>
+
 {% end block %}