a993656a1e02c387561272e9d53f47082980fab8
[wolnelektury.git] / apps / catalogue / templates / catalogue / book_text_new.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">
16             >
17         </a>
18         <nav id="menu"><ul>
19             <li><a href="#" id="menu-toggle-off">
20                 &lt;
21             </a></li>
22
23             <li><a href="/">
24                 <img src="{% static 'img/favicon.png' %}"
25                     alt="Wolne Lektury"
26                     title="Wolne Lektury">
27                 <span class="label">Wolne Lektury</span>
28             </a></li>
29
30             <li><a href="{{ book.get_absolute_url }}" id="menu-book">
31                 <img src="{% thumbnail book.cover "46x64" as thumb %}{{ thumb.url }}{% empty %}{{ book.cover.url }}{% endthumbnail %}"
32                     alt="Książka"
33                     title="Książka">
34             </a></li>
35
36             {% if book.other_versions.exists %}
37                 <li id="menu-other"><a href="#" data-box="other">
38                     <span class="label">Inne wersje</span>
39                 </a>
40                 </li>
41             {% endif %}
42
43             <li id="menu-toc"><a href="#" data-box="toc">
44                 <span class="label">Spis treści</span>
45             </a></li>
46
47             <li id="menu-themes"><a href="#" data-box="themes">
48                 <span class="label">Motywy</span>
49             </a></li>
50
51             <li><a href="#footnotes">
52                 <span class="label">Przypisy</span>
53             </a></li>
54
55             <li id="menu-settings"><a href="#" data-box="settings">
56                 <span class="label">Ustawienia</span>
57             </a></li>
58
59             <li id="menu-nota_red"><a href="#" data-box="nota_red">
60                 <span class="label">Nota red.</span>
61             </a></li>
62
63             <li id="menu-info"><a href="#info" data-box="info">
64                 <span class="label">Informacje</span>
65             </a></li>
66
67         </ul></nav>
68         <div id="big-pane">
69
70         <article id="main-text">
71             {{ book.html_file.read|safe }}
72         </article>
73
74
75         <article id="other-text">
76             <a id="other-text-close" href="#" style="position: absolute; top: 0;">(zamknij)</a>
77             <div id="other-text-waiter">wait...</div>
78             <div id="other-text-body" style="display: none;"></div>
79         </article>
80
81
82         <footer>
83
84             <div id="info" class="box">
85                 {% book_info book %}
86             </div>
87
88             {% if book.other_versions.exists %}
89             <div class="box" id="other">
90                 <h2>Inne wersje utworu</h2>
91                 <ul>
92                 {% for other_version in book.other_versions %}
93                     <li>{{ other_version.pretty_title }}
94                         <a class="display-other" data-other="{{ other_version.html_file.url }}" href="#">Porównaj</a>
95                     </li>
96                 {% endfor %}
97                 </ul>
98             </div>
99             {% endif %}
100
101             <div class="box" id="settings">
102                 <h2>Ustawienia</h2>
103                 <a href="#" class="settings-switch" id="settings-line-numbers" data-setting="always-hide-line-numbers">Wyświetlanie numerów linii</a><br/>
104                 <a href="#" class="settings-switch" id="settings-themes" data-setting="always-hide-themes">Wyświetlanie motywów</a><br/>
105                 <a href="#" class="settings-switch" id="settings-annotations" data-setting="no-annotations">Wyświetlanie przypisów</a><br/>
106             </div>
107
108         </footer>
109
110         </div>
111
112         <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
113         {% compressed_js "book_text" %}
114     </body>
115 </html>