+<!DOCTYPE html>
{% load i18n %}
-{% load url from future %}
{% load static from staticfiles %}
{% load chunks compressed catalogue_tags %}
-<!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">
+{% load thumbnail %}
+<html class="no-js">
<head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <title>{% trans "Wolne Lektury" %} :: {{ book.pretty_title }}</title>
- <link rel="icon" href="{% static "img/favicon.png"% }" type="image/x-icon" />
- {% compressed_css "book" %}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- {% compressed_js "book" %}
- <!--[if IE]>
- {% compressed_js "book_ie" %}
- <![endif]-->
-
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <title>{{ book.pretty_title }} :: {% trans "Wolne Lektury" %}</title>
+ <link rel="icon" href="{% static "img/favicon.png" %}" type="image/x-icon" />
+ {% compressed_css "book_text" %}
</head>
<body>
- {% include "annoy.html" %}
- <div id="menu">
- <ul>
- <li><a class="menu" href="#toc">{% trans "Table of contents" %}</a></li>
- <li><a class="menu" href="#themes">{% trans "Themes" %}</a></li>
- <li><a class="menu" href="#nota_red">{% trans "Edit. note" %}</a></li>
- <li><a class="menu" href="#info">{% trans "Infobox" %}</a></li>
- <li><a href="{{ book.get_absolute_url }}">{% trans "Book's page" %}</a></li>
- <li><a class="menu" href="#download">{% trans "Download" %}</a></li>
- {% if related.media.mp3 or related.media.ogg %}
- <li><a class="open-player" target="_blank" href="{% url "book_player" book.slug %}">
- {% trans "Listen" %}</a></li>
- {% endif %}
- </ul>
- </div>
- <div id="info">
- {% book_info book %}
- </div>
- <div id="download">
- <ul>
- {% if book.pdf_file %}
- <li><a href="{{ book.pdf_file.url}}">PDF</a> {% trans "to print" %}</li>
- {% endif %}
- {% if book.epub_file %}
- <li><a href="{{ book.epub_file.url}}">EPUB</a> {% trans "for a reader" %}</li>
- {% endif %}
- {% if book.mobi_file %}
- <li><a href="{{ book.mobi_file.url}}">MOBI</a> {% trans "for Kindle" %}</li>
- {% endif %}
- {% if book.fb2_file %}
- <li><a href="{{ book.fb2_file.url}}">FB2</a> {% trans "FictionBook" %}</li>
- {% endif %}
- {% if book.txt_file %}
- <li><a href="{{ book.txt_file.url}}">TXT</a> {% trans "for advanced usage" %}</li>
- {% endif %}
- {% custom_pdf_link_li book %}
- {% if related.media.mp3 or related.media.ogg or related.media.daisy %}
- <li>{% trans "Download all audiobooks for this book" %}:
- {% download_audio book %}</li>
- {% endif %}
- </ul>
- </div>
- <div id="header">
- <a href="/"><img src="{% static "img/logo-220.png" %}" alt="Wolne Lektury" /></a>
- </div>
- <div id="themes">
- <ol>
- {% for theme, fragments in book_themes %}
- <li>{{ theme }}:
- {% for fragment in fragments %}
- <a href="#m{{ fragment.anchor }}">{{ forloop.counter }}</a>
- {% endfor %}
+ <a href="#" id="menu-toggle-on"></a>
+ <nav id="menu"><ul>
+ <li><a href="#" id="menu-toggle-off"></a></li>
+
+ <li><a href="/">
+ <img src="{% static 'img/logo-neon.png' %}" width="80"
+ alt="Wolne Lektury"
+ title="Wolne Lektury">
+ </a></li>
+
+ <li><a href="{{ book.get_absolute_url }}" id="menu-book" data-box="book-short">
+ <img src="{% thumbnail book.cover '80x111' as thumb %}{{ thumb.url }}{% empty %}{{ book.cover.url }}{% endthumbnail %}"
+ width="80" height="111"
+ alt="{{ book.pretty_title }}"
+ title="{{ book.pretty_title }}">
+ </a></li>
+
+ {% if book.other_versions.exists %}
+ <li id="menu-other"><a href="#" data-box="other">
+ <span class="label">{% trans "Other versions" %}</span>
+ </a>
</li>
+ {% endif %}
+
+ <li id="menu-toc"><a href="#" data-box="toc">
+ <span class="label">{% trans "Table of contents" %}</span>
+ </a></li>
+
+ <li id="menu-themes"><a href="#" data-box="themes">
+ <span class="label">{% trans "Themes" %}</span>
+ </a></li>
+
+ <li id="menu-settings"><a href="#" data-box="settings">
+ <span class="label">{% trans "Settings" %}</span>
+ </a></li>
+
+ <li id="menu-nota_red"><a href="#" data-box="nota_red">
+ <span class="label">{% trans "Edit. note" %}</span>
+ </a></li>
+
+ <li id="menu-info"><a href="#info" data-box="info">
+ <span class="label">{% trans "Infobox" %}</span>
+ </a></li>
+
+ </ul></nav>
+ <div id="big-pane">
+
+ <article id="main-text">
+ {{ book.html_file.read|safe }}
+ </article>
+
+
+ <article id="other-text">
+ <a class="other-text-close" href="#">{% trans "Close" %}</a>
+ <div id="other-text-waiter">{% trans "Please wait..." %}</div>
+ <div id="other-text-body" style="display: none;"></div>
+ </article>
+
+
+ <footer>
+
+ <div id="info" class="box">
+ {% book_info book %}
+ </div>
+
+ {% if book.other_versions.exists %}
+ <div class="box" id="other">
+ <h2>{% trans "Other versions of the book" %}</h2>
+ <a class="other-text-close" href="#">{% trans "Close the other version" %}</a>
+ <ul>
+ {% spaceless %}
+ {% for other_version in book.other_versions %}
+ <li><a class="display-other"
+ data-other="{{ other_version.html_file.url }}"
+ href="{% url 'book_text' other_version.slug %}">
+ {% book_mini other_version with_link=False %}
+ </a>
+ </li>
{% endfor %}
- </ol>
+ {% endspaceless %}
+ </ul>
+ </div>
+ {% endif %}
+
+ <div class="box" id="settings">
+ <h2>{% trans "Settings" %}</h2>
+ <a href="#" class="settings-switch" id="settings-line-numbers" data-setting="always-hide-line-numbers">{% trans "Display line numbers" %}</a><br/>
+ <a href="#" class="settings-switch" id="settings-themes" data-setting="always-hide-themes">{% trans "Display themes" %}</a><br/>
+ <a href="#" class="settings-switch" id="settings-annotations" data-setting="no-annotations">{% trans "Display footnotes" %}</a><br/>
+ </div>
+
+ <div class="box" id="book-short">
+ {% book_short book %}
+ </div>
+
+ <div id="box-underlay"></div>
+
+ {# template #}
+ <div id="ajaxable-window" class='dialog-window'>
+ <div class="header"><a href="#" class="jqmClose">{% trans "Close" %}</a></div>
+ <div class="target">
+ <p><img src="{% static "img/indicator.gif" %}" alt="*"/> {% trans "Loading" %}</p>
+ </div>
+ </div>
+ </footer>
+
</div>
- {{ book.html_file.read|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>
+
+ <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
- var pageTracker = _gat._getTracker("UA-2576694-1");
- pageTracker._trackPageview();
+ var LANGUAGE_CODE = "{{ LANGUAGE_CODE }}";
+ var STATIC_URL = "{{ STATIC_URL }}";
</script>
+ {% compressed_js "book_text" %}
+ <script src="{% static "js/modernizr.custom.19652.js" %}"></script>
</body>
</html>