Merge branch 'obrazy' into rwd
[wolnelektury.git] / apps / catalogue / templates / catalogue / book_text.html
1 <!DOCTYPE html>
2 {% load i18n %}
3 {% load static from staticfiles %}
4 {% load chunks compressed catalogue_tags %}
5 {% load thumbnail %}
6 <html class="no-js">
7     <head>
8         <meta charset="utf-8">
9         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
10         <title>{{ book.pretty_title }} :: {% trans "Wolne Lektury" %}</title>
11         <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
12         {% compressed_css "book_text" %}
13     </head>
14     <body>
15         <a href="#" id="menu-toggle-on"></a>
16         <nav id="menu"><ul>
17             <li><a href="#" id="menu-toggle-off"></a></li>
18
19             <li><a href="/">
20                 <img src="{% static 'img/logo-neon.png' %}" width="80"
21                     alt="Wolne Lektury"
22                     title="Wolne Lektury">
23             </a></li>
24
25             <li><a href="{{ book.get_absolute_url }}" id="menu-book" data-box="book-short">
26                 <img src="{% thumbnail book.cover '80x111' as thumb %}{{ thumb.url }}{% empty %}{{ book.cover.url }}{% endthumbnail %}"
27                     width="80" height="111"
28                     alt="{{ book.pretty_title }}"
29                     title="{{ book.pretty_title }}">
30             </a></li>
31
32             {% if book.other_versions.exists %}
33                 <li id="menu-other"><a href="#" data-box="other">
34                     <span class="label">{% trans "Other versions" %}</span>
35                 </a>
36                 </li>
37             {% endif %}
38
39             <li id="menu-toc"><a href="#" data-box="toc">
40                 <span class="label">{% trans "Table of contents" %}</span>
41             </a></li>
42
43             <li id="menu-themes"><a href="#" data-box="themes">
44                 <span class="label">{% trans "Themes" %}</span>
45             </a></li>
46
47             <li id="menu-settings"><a href="#" data-box="settings">
48                 <span class="label">{% trans "Settings" %}</span>
49             </a></li>
50
51             <li id="menu-nota_red"><a href="#" data-box="nota_red">
52                 <span class="label">{% trans "Edit. note" %}</span>
53             </a></li>
54
55             <li id="menu-info"><a href="#info" data-box="info">
56                 <span class="label">{% trans "Infobox" %}</span>
57             </a></li>
58
59         </ul></nav>
60         <div id="big-pane">
61
62         <article id="main-text">
63             {{ book.html_file.read|safe }}
64         </article>
65
66
67         <article id="other-text">
68             <a class="other-text-close" href="#">{% trans "Close" %}</a>
69             <div id="other-text-waiter">{% trans "Please wait..." %}</div>
70             <div id="other-text-body" style="display: none;"></div>
71         </article>
72
73
74         <footer>
75
76             <div id="info" class="box">
77                 {% book_info book %}
78             </div>
79
80             {% if book.other_versions.exists %}
81             <div class="box" id="other">
82                 <h2>{% trans "Other versions of the book" %}</h2>
83                 <a class="other-text-close" href="#">{% trans "Close the other version" %}</a>
84                 <ul>
85                 {% spaceless %}
86                 {% for other_version in book.other_versions %}
87                     <li><a class="display-other" 
88                         data-other="{{ other_version.html_file.url }}"
89                         href="{% url 'book_text' other_version.slug %}">
90                             {% book_mini other_version with_link=False %}
91                             </a>
92                     </li>
93                 {% endfor %}
94                 {% endspaceless %}
95                 </ul>
96             </div>
97             {% endif %}
98
99             <div class="box" id="settings">
100                 <h2>{% trans "Settings" %}</h2>
101                 <a href="#" class="settings-switch" id="settings-line-numbers" data-setting="always-hide-line-numbers">{% trans "Display line numbers" %}</a><br/>
102                 <a href="#" class="settings-switch" id="settings-themes" data-setting="always-hide-themes">{% trans "Display themes" %}</a><br/>
103                 <a href="#" class="settings-switch" id="settings-annotations" data-setting="no-annotations">{% trans "Display footnotes" %}</a><br/>
104             </div>
105
106             <div class="box" id="book-short">
107                 {% book_short book %}
108             </div>
109
110             <div id="box-underlay"></div>
111
112             {# template #}
113             <div id="ajaxable-window" class='dialog-window'>
114                 <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
115                 <div class="target">
116                     <p><img src="{% static "img/indicator.gif" %}" alt="*"/> {% trans "Loading" %}</p>
117                 </div>
118             </div>
119         </footer>
120
121         </div>
122
123         <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
124         <script type="text/javascript">
125             var LANGUAGE_CODE = "{{ LANGUAGE_CODE }}";
126             var STATIC_URL = "{{ STATIC_URL }}";
127         </script>
128         {% compressed_js "book_text" %}
129         <script src="{% static "js/modernizr.custom.19652.js" %}"></script>
130     </body>
131 </html>