template fixes
[wolnelektury.git] / wolnelektury / templates / catalogue / player.html
index 95fcb5e..aeae44f 100755 (executable)
@@ -1,10 +1,10 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
     {% load i18n compressed %}
     {% load i18n compressed %}
+    {% load catalogue_tags %}
+    {% load thumbnail %}
     <head>
         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
     <head>
         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-        <meta http-equiv="Content-Style-Type" content="text/css" />
         <meta name="description" 
             content="{{ book.title }} - darmowy audiobook na wolnej licencji" />
         <title>{% trans "Wolne Lektury" %} ::
         <meta name="description" 
             content="{{ book.title }} - darmowy audiobook na wolnej licencji" />
         <title>{% trans "Wolne Lektury" %} ::
     </head>
     <body id="{% block bodyid %}player{% endblock %}">
 
     </head>
     <body id="{% block bodyid %}player{% endblock %}">
 
+               {% if book.cover %}
+            <img src="
+                {% thumbnail book.cover "101x140" as thumb %}
+                    {{ thumb.url }}
+                {% empty %}
+                    {{ book.cover.url }}
+                {% endthumbnail %}
+            " alt="Cover" style="float: left; margin: .5em 1em 1em 1em;" />
+        {% endif %}
+       
+
+<h1>{% book_title book %}</h1>
+
+<div class="player-info normal-text">
+       <p><a target="_blank" href="{{ book.get_absolute_url }}">{% trans "Book's page" %}</a>.</p>
+       <p>{% trans "Download as" %}
+        <a href="{% url download_zip_mp3 book.slug %}">MP3</a>{% if have_oggs %},
+            <a href="{% url download_zip_ogg book.slug %}">Ogg Vorbis</a>{% endif %}.
+    </p>
 
 
+    {% if book.has_daisy_file %}
+        <p>DAISY:</p>
+        <ul class="daisy-list">
+        {% for media in book.get_daisy %}
+            <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
+        {% endfor %}
+        </ul>
+    {% endif %}
+</div>
 
 
+<div style="clear: both"></div>
 
 <div class="jp-type-playlist">
   <div id="jplayer" class="jp-jplayer"
 
 <div class="jp-type-playlist">
   <div id="jplayer" class="jp-jplayer"
-    data-supplied="{% if have_oggs %}ogg,{% endif %}mp3"></div>
+    data-supplied="{% if have_oggs %}oga,{% endif %}mp3"></div>
   <div id="jp_container_1" class="jp-audio">
     <div class="jp-type-single">
       <div class="jp-gui jp-interface">
   <div id="jp_container_1" class="jp-audio">
     <div class="jp-type-single">
       <div class="jp-gui jp-interface">
               (<a class='mp3' href='{{ i.mp3.file.url }}'>mp3</a>{% if i.ogg %}
               | <a class='ogg' href='{{ i.ogg.file.url }}'>ogg</a>{% endif %})
             </span>
               (<a class='mp3' href='{{ i.mp3.file.url }}'>mp3</a>{% if i.ogg %}
               | <a class='ogg' href='{{ i.ogg.file.url }}'>ogg</a>{% endif %})
             </span>
-            <span class='play'>{{ i.mp3.name }}</span>
+            <div class='play'>{{ i.mp3.name }}
             <div class='extra-info'>
               {% trans "Artist" %}: <span class='artist'>{{ i.mp3.get_extra_info_value.artist_name }}</span>,
               {% trans "Director" %}: <span class='director'>{{ i.mp3.get_extra_info_value.director_name }}</span>
             </div>
             <div class='extra-info'>
               {% trans "Artist" %}: <span class='artist'>{{ i.mp3.get_extra_info_value.artist_name }}</span>,
               {% trans "Director" %}: <span class='director'>{{ i.mp3.get_extra_info_value.director_name }}</span>
             </div>
+            </div>
           </li>
         {% endfor %}
 
           </li>
         {% endfor %}
 
 </div>
 
 
 </div>
 
 
-    <p>{% trans "Download as" %}:
-        <a href="{% url download_zip_mp3 book.fileid %}">MP3</a>{% if have_oggs %},
-            <a href="{% url download_zip_ogg book.fileid %}">Ogg Vorbis</a>{% endif %}.
-    </p>
-
-
-        {% if book.has_daisy_file %}
-            <p>DAISY:</p>
-            <ul class="audiobook-list" id="daisy-files">
-            {% for media in book.get_daisy %}
-                <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
-            {% endfor %}
-            </ul>
-        {% endif %}
-
-
         {% if projects|length > 1 %}
             <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
             <ul>
         {% if projects|length > 1 %}
             <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
             <ul>
         {% endif %}
 
 
         {% endif %}
 
 
-
-
-
-
-
-
-
-        <div class="clearboth"></div>
-
-
-
-
-
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
         {% compressed_js "player" %}
 
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
         {% compressed_js "player" %}
 
-        <!--{{ piwik_tag|safe }}
+        {{ piwik_tag|safe }}
         <script type="text/javascript">
         var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
         document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
         <script type="text/javascript">
         var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
         document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
         <script type="text/javascript">
         var pageTracker = _gat._getTracker("UA-2576694-1");
         pageTracker._trackPageview();
         <script type="text/javascript">
         var pageTracker = _gat._getTracker("UA-2576694-1");
         pageTracker._trackPageview();
-        </script>-->
+        </script>
     </body>
 </html>
     </body>
 </html>