basic styling talk.ipfire.org

[people/shoehn/ipfire.org.git] / templates / talk / index.html

diff --git a/templates/talk/index.html b/templates/talk/index.html
index 51f4cc90547b39229fd476f6aa852ade9b698a94..052e8284417fa46cfe391deaa6e2977893334b97 100644 (file)
--- a/templates/talk/index.html
+++ b/templates/talk/index.html
@@ -3,11 +3,15 @@
 {% block title %}{{ _("Index") }}{% end block %}
 
 {% block body %}
-       <div class="page-header">
-               <h3>{{ _("Hello, %s!") % current_user.first_name or current_user.name }}</h3>
-       </div>
-
-       {% if favourite_contacts %}
+<div class="container">
+       <section class="features-content col-12">
+               <div class="row">
+                       <div class="col-12">
+                               <h3>{{ _("Hello, %s!") % current_user.first_name or current_user.name }}</h3>
+                       </div>
+               </div>
+       
+               {% if favourite_contacts %}
                <div class="row">
                        {% for contact in favourite_contacts %}
                                <div class="col-md-4">
@@ -15,21 +19,20 @@
                                                <div class="row">
                                                        <div class="col-md-4 hidden-sm hidden-xs">
                                                                {% if contact.called_account %}
-                                                                       <img src="{{ contact.called_account.gravatar_icon(106) }}"
-                                                                               alt="{{ contact.called_account.name }}">
+                                                                       <img src="{{ contact.called_account.gravatar_icon(106) }}" alt="{{ contact.called_account.name }}">
                                                                {% end %}
                                                        </div>
                                                        <div class="col-md-8">
                                                                <div class="caption">
-                                                                       {% if contact.called_account %}
-                                                                               <h4>
-                                                                                       <a href="/phonebook/{{ contact.called_account.uid }}">
-                                                                                               {{ contact.called_account.name }}
-                                                                                       </a>
-                                                                               </h4>
-                                                                       {% else %}
-                                                                               <h4>{{ contact.called }}</h4>
-                                                                       {% end %}
+                                                               {% if contact.called_account %}
+                                                                       <h4>
+                                                                               <a href="/phonebook/{{ contact.called_account.uid }}">
+                                                                                       {{ contact.called_account.name }}
+                                                                               </a>
+                                                                       </h4>
+                                                               {% else %}
+                                                                       <h4>{{ contact.called }}</h4>
+                                                               {% end %}
                                                                        <p>
                                                                                <a href="/call/{{ contact.called }}" class="btn btn-sm {% if contact.called_account and contact.called_account.sip_is_online() %}btn-success{% else %}btn-danger disabled{% end %}" role="button">
                                                                                        <span class="glyphicon glyphicon-earphone"></span> {{ _("Call") }}
@@ -42,7 +45,7 @@
                                </div>
                        {% end %}
                </div>
-       {% end %}
+               {% end %}
 
        {% if current_user and current_user.is_admin() %}
                {% module TalkOngoingCalls() %}
@@ -51,4 +54,6 @@
        {% end %}
 
        {% module TalkCallLog(current_user) %}
+       </section>
+</div>
 {% end block %}