arrange home to have clearer separations between sections

diff --git a/panikdb/static/css/style.css b/panikdb/static/css/style.css
index 206149391f774395ceea83564e8651cf2cb0b85e..0daacd4bfb6e5cca3ea4d226eb00ceab0f6fead1 100644 (file)
--- a/panikdb/static/css/style.css
+++ b/panikdb/static/css/style.css
@@ -164,11 +164,29 @@ div#content h2 a:hover {
        text-decoration: underline;
 }
 
+div#content h3 {
+       margin-top: 0;
+       font-weight: normal;
+       color: #656551;
+       font-size: 18px;
+       letter-spacing: -1px;
+       line-height: 25px;
+       margin-bottom: 20px;
+}
+
 div#content ul {
        line-height: 1.5em;
        padding: 1ex 2ex 1ex 3ex;
 }
 
+div.newsitems hr,
+div.emission hr {
+       clear: both;
+       border-bottom: 1px solid #888;
+       margin: 10px auto 20px auto;
+       width: 80%;
+}
+
 #footer
 {
        font-size: 70%;

diff --git a/panikdb/templates/home.html b/panikdb/templates/home.html
index 5a31c1fbcd7a243a3ad60c2e8851f816271dbbfb..5618e20602ec855ab6563369e91b1273b2489fce 100644 (file)
--- a/panikdb/templates/home.html
+++ b/panikdb/templates/home.html
@@ -15,9 +15,11 @@
 {% endblock %}
 
 {% block content %}
+<h2>Émissions</h2>
+
 {% for emission in emissions %}
 <div class="emission">
-<h2><a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a></h2>
+<h3><a href="{% url 'emission-view' slug=emission.slug %}">{{ emission.title }}</a></h3>
 
 <a class="big-friendly-button" href="{% url 'episode-add' emission_slug=emission.slug %}">Ajouter un épisode</a>
 
@@ -56,12 +58,14 @@ Aucune actu.
 
 </div> <!-- .two-columns -->
 
+<hr/>
 </div>
 {% endfor %}
 
 
 {% for news_category in news_categories %}
-<h2>{{ news_category.title }}</h2>
+<div class="newsitems">
+<h3>Actu : {{ news_category.title }}</h3>
 
 <a class="big-friendly-button" href="{% url 'newsitem-add' slug=news_category.slug %}">Ajouter une actu</a>
 
@@ -74,7 +78,8 @@ Aucune actu.
 Aucune actu.
 {% endfor %}
 </ul>
-
+<hr/>
+</div>
 {% endfor %}
 
 {% endblock %}