Showing artist and director name on book detail pages.

diff --git a/wolnelektury/media/css/master.css b/wolnelektury/media/css/master.css
index 22bd687..34428b2 100644 (file)
--- a/wolnelektury/media/css/master.css
+++ b/wolnelektury/media/css/master.css
@@ -239,13 +239,21 @@ p .ac_input {
     margin-top: 2.5em;
 }
 
+#czytamy-sluchajac-info {
+    width: 400px;
+    height: 80px;
+}
+
+#czytamy-sluchajac-info p {
+    margin-left: 170px;
+    padding-top: 1em;
+    padding-bottom: 0em;
+}
+
 #formats #czytamysluchajac-logo {
-    display: inline;
-    padding: 0 0.5em 0 0;
     background: white;
-    float: left;
-    margin: 0.5em 0;
     text-align: left;
+    float: left;
     width: 140px;
     height: 62px;
     -moz-border-radius: 0px;

diff --git a/wolnelektury/templates/catalogue/book_detail.html b/wolnelektury/templates/catalogue/book_detail.html
index 07c72bc..f4805b9 100644 (file)
--- a/wolnelektury/templates/catalogue/book_detail.html
+++ b/wolnelektury/templates/catalogue/book_detail.html
@@ -36,10 +36,14 @@
                 <a href="{{ book.txt_file.url }}">Pobierz plik TXT</a>
             {% endif %}
             {% if book.mp3_file and book.ogg_file %}
-                <a href="http://czytamysluchajac.pl/" id="czytamysluchajac-logo"><img src="/media/img/czytamysluchajac-logo-small.png" /></a>
+            <div id="czytamy-sluchajac-info">
+                    <a href="http://czytamysluchajac.pl/" id="czytamysluchajac-logo"><img src="/media/img/czytamysluchajac-logo-small.png" /></a>     
+                    <p>Czyta: {{ book.get_extra_info_value.artist_name }}</p>
+                    <p>Reżyseruje: {{ book.get_extra_info_value.director_name }}</p>
+                </div>
                 <a href="{{ book.mp3_file.url }}">Pobierz plik MP3</a>
                 <a href="{{ book.ogg_file.url }}">Pobierz plik Ogg Vorbis</a>
-                <object type="application/x-shockwave-flash" data="/media/player.swf" width="426" height="20">
+                <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="/media/player.swf" width="426" height="20">
                     <param name="movie" value="/media/player.swf" />
                     <param name="bgcolor" value="#ffffff" />
                     <param name="FlashVars" value="mp3={{ book.mp3_file.url }}&amp;width=426&amp;showvolume=1&amp;bgcolor1=eeeeee&amp;bgcolor2=eeeeee&amp;buttoncolor=666666" />