tags/infos/fixed viewer
[wolnelektury.git] / apps / picture / templates / picture / picture_viewer.html
1 {% load i18n %}
2 {% load static from staticfiles %}
3 {% load chunks compressed catalogue_tags %}
4 {% load thumbnail %}
5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
6     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
7 <html xmlns="http://www.w3.org/1999/xhtml">
8     <head>
9         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
10 {# XXX było: picture.pretty_title #}
11         <title>{% trans "Wolne Lektury" %} :: {{ picture.title }}</title>
12         <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
13         {% compressed_css "picture" %}
14         <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
15         <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
16         {% compressed_js "book" %}
17         <!-- old IE support -->
18
19     </head>
20     <body>
21         <div id="menu" class="moveright">
22             <ul>
23 <!--                <li><a class="menu" href="#themes">{% trans "Themes" %}</a></li>
24                 <li><a class="menu" href="#objects">{% trans "Objects" %}</a></li>-->
25                 <!-- XXX do we have this? -->
26 <!--                <li><a class="menu" href="#nota_red">{% trans "Edit. note" %}</a></li>-->
27                 <li><a class="menu" href="#info">{% trans "Infobox" %}</a></li>
28                 <li><a href="{{ picture.get_absolute_url }}">{% trans "Picture's page" %}</a></li>
29 <!-- XXX -->
30                 <li><a class="menu" href="#download">{% trans "Download" %}</a></li>
31             </ul>
32         </div>
33         <div id="info" class="moveright">
34             {% book_info picture %}
35         </div>
36         {{ picture.html_file.read|safe }}
37
38         <!-- main picture view -->
39         <div id="picture-view">
40           <ul class="toolbar">
41             <li class="square button plus"><a href="#">&#x2795;<!-- heavy plus sign --></a></li>
42             <li class="square button minus"><a href="#">&#x2796;<!-- heavy minus sign --></a>
43             </li>
44             <li class="button"><a href="#picture-objects" class="dropdown">{% trans "Objects" %}</a></li>
45             <li class="button"><a href="#picture-themes" class="dropdown">{% trans "Themes" %}</a></li>
46           </ul>
47           <div class="picture-wrap {% if picture.image_file|is_portrait %}portrait{% endif %}">
48             {% thumbnail picture.image_file "700x500" as pic %}
49             <img class="canvas initial" src="{{pic.url}}"/>
50             {% endthumbnail %}
51             <img class="canvas loading original" src="{{ picture.image_file.url }}"/>
52           </div>
53         </div>
54         {{ piwik_tag|safe }}
55         <div id="spinner"></div>
56         <div id="sponsors">
57           <div>
58             <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" ></img>
59               </a>
60             </div>
61           <div>
62             <a href="http://www.nck.pl"><img src="{% static "img/logo_nck.jpg" %}" alt="Narodowe Centrum Kultury" ></img></a>
63           </div>
64         </div>
65     </body>
66 </html