arrange home to have clearer separations between sections

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%;

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 %}