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 href="{{ picture.image_file.url }}">{% trans "Download" %}</a></li>
  31             </ul>
  32         </div>
  33         <div id="info" class="moveright">
  34           <div class="sponsors">
  35             <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" ></img>
  36             </a>
  37             <a href="http://www.nck.pl"><img src="{% static "img/logo_nck_200horiz_trans.png" %}" alt="Narodowe Centrum Kultury" ></img></a>
  38           </div>
  39             {% book_info picture %}
  40         </div>
  41         {{ picture.html_file.read|safe }}
  42
  43         <!-- main picture view -->
  44         <div id="picture-view">
  45           <ul class="toolbar">
  46             <li class="square button plus inactive"><a href="#">+<!--&#x2795;--><!-- heavy plus sign --></a></li>
  47             <li class="square button minus inactive"><a href="#">-<!-- &#x2796;--><!-- heavy minus sign --></a>
  48             </li>
  49             <li class="button"><a href="#picture-objects" class="dropdown">{% trans "Objects" %}</a></li>
  50             <li class="button"><a href="#picture-themes" class="dropdown">{% trans "Themes" %}</a></li>
  51           </ul>
  52           {% thumbnail picture.image_file "700x500" as pic %}
  53           <div class="picture-wrap {% if picture.image_file|is_portrait %}portrait{% endif %}"
  54                data-original-width="{{picture.width}}" data-original-height="{{picture.height}}"
  55                data-width="{{pic.width}}" data-height="{{pic.height}}" style="background-image: url('{{pic.url}}');  width: {{pic.width}}px; height: {{pic.height}}px;">
  56             <img class="canvas loading original" src="{{ picture.image_file.url }}"/>
  57           </div>
  58           {% endthumbnail %}
  59         </div>
  60         {{ piwik_tag|safe }}
  61         <div id="spinner"></div>
  62         <div id="sponsors">
  63           <div>
  64             <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" ></img>
  65               </a>
  66             </div>
  67           <div>
  68             <a href="http://www.nck.pl"><img src="{% static "img/logo_nck.jpg" %}" alt="Narodowe Centrum Kultury" ></img></a>
  69           </div>
  70         </div>
  71     </body>
  72 </html