chat: style and more text on chat page

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index b018e48324da100734af9f5b2ff55e98176a2d17..8d8ee5740f84c2a9e594a401bc6d66eb058b8caa 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -553,6 +553,7 @@ h1.top#frequence {
 #DirectStreamPanikControler {
        display:inline !important;
 }
+#chatSymbol,
 #streamSymbol{
        font-size:3em;
        float:left;
@@ -1955,16 +1956,10 @@ div.top-logo img {
 }
 
 div#CurrentlyChatting {
+       cursor: pointer;
        margin-top: 1em;
 }
 
-div#CurrentlyChatting a {
-       border-radius: 5px;
-       padding: 1ex 0 0.5ex 0;
-       display: block;
-       box-sizing: border-box;
-       text-align: center;
-       width: 100%;
-       background: #ff6600;
-       color: white !important;
+div.description-emission-chat {
+       margin-bottom: 2em;
 }

diff --git a/panikweb_templates/templates/chat.html b/panikweb_templates/templates/chat.html
index 486eea0564ef6697fca3967947ab75aa6354c402..3c9e399b130c8f0b30f468bc97933210ff7d35a6 100644 (file)
--- a/panikweb_templates/templates/chat.html
+++ b/panikweb_templates/templates/chat.html
@@ -17,17 +17,27 @@
 {% block main %}
 
 <div class="wrapper">
-       <div id="Emission-container" class="emission">
-               {% if emission.subtitle %}<h3>{{ emission.subtitle }}</h3>{% endif %}
-       </div>
 </div>
-
 <div>
 
 <div class="wrapper navigation">
-       <div class="">
+
+       <div class="leftPart">
+
+       {% if emission.subtitle %}<h3>{{ emission.subtitle }}</h3>{% endif %}
+       {% if emission.text %}
+       <div class="description-emission-chat">
+               {{ emission.text|safe|striptags|truncatewords:75}}
+       </div>
+       {% endif %}
 
 {% if emission.chat_open %}
+
+       <p>
+       Pour réagir en direct et suivre les réactions au cours de l'émission,
+       entrez dans la place !
+       </p>
+
 <div class="chat-area">
 
 <div class="nick">Pseudo ? <input name="nick"> <button>Se connecter</button></div>
@@ -50,6 +60,21 @@ Ce chat n'est pour le moment pas ouvert.
 
        </div> <!-- .leftPart -->
 
+       <div class="rightPart">
+               <p><b>Quelques règles de bonne conduite quand même.</b></p>
+               <p>
+               Ici comme ailleurs on est des grandes personnes, on évite les
+               propos injurieux, sexistes, homophobes, racistes, etc.
+               </p>
+               <p style="display: none">
+               On garde la violence pour l'état.
+               </p>
+               <p>
+               En cas de problème, n'hésitez pas à contacter le conseil
+               d'administration de la radio, ca-panik@radiopanik.org.
+               </p>
+       </div>
+
 </div>
 </div>
 {% endblock %}

diff --git a/panikweb_templates/templates/includes/player.html b/panikweb_templates/templates/includes/player.html
index 8117d3c15be1965e32e6074b73146a9145842ffb..104a65e49b830252b54a89d89154163349a8d08a 100644 (file)
--- a/panikweb_templates/templates/includes/player.html
+++ b/panikweb_templates/templates/includes/player.html
@@ -18,7 +18,9 @@
                                        <button class="icon-refresh" id="RefreshWhatsOnAir"></button>
                                </div>
                                <div id="CurrentlyChatting" style="display: none";>
-                                       <a href="">CHAT</a>
+                                        <a href=""><div id="chatSymbol" class="icon-comments control"></div>
+                                                <div class="label">CHAT</div></a>
+                                        <span>La radio est ouverte</span>
                                </div>
                                <audio 
                                        id="DirectStreamPanik"