From 47abd493d019e30381e8bb8621358b2ca21e8526 Mon Sep 17 00:00:00 2001
From: laron <simon@surlaterre.org>
Date: Thu, 15 Aug 2013 17:11:04 +0200
Subject: [PATCH] Styling episode dates (adding month/year)

---
 panikweb_templates/static/css/style.less      | 27 +++++++++----------
 .../templates/episodes/detail.html            |  9 ++++---
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/panikweb_templates/static/css/style.less b/panikweb_templates/static/css/style.less
index 7df609c..aa36c57 100644
--- a/panikweb_templates/static/css/style.less
+++ b/panikweb_templates/static/css/style.less
@@ -508,32 +508,31 @@ ul.tagsArchives li {
 }
 
 .episode-detail .date {
+	font-family: Reglo;
+	text-transform: uppercase;
 	width: 50px;
 	text-align: center;
 	margin-right: 5px;
 }
-
+.episode-detail .date *{
+	line-height: 100%;
+}
 .episode-detail .date .day, .emission-detail .date .day {
 	margin-top: 20px;
-	font-family: Reglo;
-	text-transform: uppercase;
-	font-size: @l*1.4;
-	line-height: 100%;
+	font-size: @l*1.6;
 }
 
-.episode-detail .date .day-number {
-	font-family: Reglo;
-	text-transform: uppercase;
-	font-size: @m;
-	line-height: 100%;
+.episode-detail .date .number {
+	font-size: @l*1.6;
 }
 
+.episode-detail .date .month {
+	font-size: @s*0.9;
+	margin-bottom:1em;
+}
 .episode-detail .date .time, .emission-details .time {
 	margin: 5px 0 10px 0;
-	font-family: Reglo;
-	text-transform: uppercase;
-	font-size: @s*1.2;
-	line-height: 100%;
+	font-size: @m;
 }
 
 .episode-detail .content {
diff --git a/panikweb_templates/templates/episodes/detail.html b/panikweb_templates/templates/episodes/detail.html
index bf3f057..fa3a6d6 100644
--- a/panikweb_templates/templates/episodes/detail.html
+++ b/panikweb_templates/templates/episodes/detail.html
@@ -8,10 +8,13 @@
 <div class="episode episode-detail cf">
 	<div class="date">
 		<div class="day">
-		    {{ episode.first_diffusion|date:"D"}}
+		    {{ episode.first_diffusion|date:"D"|slice:":2"}}
 		</div>
-		<div class="day-number">
-		    {{ episode.first_diffusion|date:"d/m" }}
+		<div class="number">
+		    {{ episode.first_diffusion|date:"d" }}
+		</div>
+		<div class="month">
+		    {{ episode.first_diffusion|date:"M Y" }}
 		</div>
 		<div class="time">
 		    {{ episode.first_diffusion|date:"H:i" }}
-- 
2.39.2