Commit eaa4ffbb authored by fred's avatar fred

chat: style and more text on chat page

parent 0b1b3a8d
......@@ -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;
}
......@@ -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 %}
......
......@@ -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"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment