src/catalogue/templates/catalogue/2021/book_detail.html

   1 <!doctype html>
   2 {% load pipeline %}
   3 {% load static %}
   4 {% load choose_cite from social_tags %}
   5 {% load choose_fragment license_icon from catalogue_tags %}
   6 {% load catalogue_tags %}
   7
   8
   9 <html class="no-js">
  10   <head>
  11     <meta charset="utf-8">
  12     <meta name="description" content="">
  13     <meta name="viewport" content="width=device-width,initial-scale=1">
  14     <title>WolneLektury.pl</title>
  15     <link rel="apple-touch-icon" href="apple-touch-icon.png">
  16
  17     {% stylesheet '2021' %}
  18     <script src="scripts/modernizr.js"></script>
  19
  20     <link rel="preconnect" href="https://fonts.googleapis.com">
  21     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  22     <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
  23   </head>
  24   <body>
  25
  26     <nav class="l-navigation">
  27       <a href="/" class="l-navigation__logo">
  28         <img src="{% static '2021/images/logo.png' %}" alt="WolneLektury.pl">
  29       </a>
  30       <button class="l-navigation__button js-menu" aria-label="Menu">
  31         <span class="c-hamburger">
  32             <span class="bar"></span>
  33         </span>
  34       </button>
  35     </nav>
  36
  37     <header class="l-header">
  38       <figure class="l-header__img">
  39         <img src="{% if book.cover_thumb %}{{ book.cover_thumb.url }}{% endif %}" alt="{{ book.pretty_title }}">
  40       </figure>
  41       <div class="l-header__content">
  42         <p>
  43           {% for author in book.authors %}
  44             <a href="{{ author.get_absolute_url  }}">{{ author }}</a>{% if not forloop.last %}, {% endif %}
  45           {% endfor %}
  46           {% if book.translators %}
  47             (tłum. {% for translator in book.translators %}{{ translator }}{% endfor %})
  48           {% endif %}
  49         </p>
  50         <h1>{{ book.title }}</h1>
  51         <ul>
  52           {# Wielkość liter zmieniona sztucznie. Docelowo należy ustalić. #}
  53           {% for tag in book.kinds %}
  54             <li><a href="{{ tag.get_absolute_url }}">{{ tag|lower }}</a></li>
  55           {% endfor %}
  56           {% for tag in book.genres %}
  57             <li><a href="{{ tag.get_absolute_url }}">{{ tag|lower }}</a></li>
  58           {% endfor %}
  59           {% for tag in book.epochs %}
  60             <li><a href="{{ tag.get_absolute_url }}">{{ tag|lower }}</a></li>
  61           {% endfor %}
  62         </ul>
  63       </div>
  64       <div class="l-header__actions">
  65         <button class="l-button l-button--fav">
  66           <img src="{% static '2021/images/fav.svg' %}" alt="Dodaj do ulubionych">
  67         </button>
  68       </div>
  69     </header>
  70
  71     <main class="l-main">
  72       <section class="l-section">
  73         <aside class="l-aside">
  74           {% if book.parent or book.children.all %}
  75             <h3>należy do zbiorów</h3>
  76
  77             {% if book.parent %}
  78               <ul>
  79               {% for b in book.ancestor.all %}
  80                 <li>
  81                   <a href="{{ b.get_absolute_url }}">{{ b.title }}</a>
  82                   <ul>
  83               {% endfor %}
  84               {% for b in book.get_siblings %}
  85                 <li>
  86                   {% if b == book %}
  87                     <strong>{{ b.title }}</strong>
  88                     <ul>
  89                       {% for c in book.children.all %}
  90                         <li>
  91                           <a href="{{ c.get_absolute_url }}">{{ c.title }}</a>
  92                         </li>
  93                       {% endfor %}
  94                     </ul>
  95                   {% else %}
  96                     <a href="{{ b.get_absolute_url }}">{{ b.title }}</a>
  97                   {% endif %}
  98                 </li>
  99               {% endfor %}
 100
 101               {% for b in book.ancestor.all %}
 102                 </ul>
 103                 </li>
 104               {% endfor %}
 105               </ul>
 106
 107             {% else %}
 108               <ul>
 109                 <li>
 110                   <strong>{{ book.title }}</strong>
 111                   <ul>
 112                     {% for c in book.children.all %}
 113                       <li>
 114                         <a href="{{ c.get_absolute_url }}">{{ c.title }}</a>
 115                       </li>
 116                     {% endfor %}
 117                   </ul>
 118                 </li>
 119               </ul>
 120             {% endif %}
 121
 122
 123           {% endif  %}
 124
 125
 126           <ul class="c-externals">
 127             <li><a href="{{ book.xml_file.url }}" target="_blank">źródłowy plik XML</a></li>
 128             <li><a href="{% url 'poem_from_book' book.slug %}" target="_blank">miksuj treść utworu</a></li>
 129
 130             <li><a href="{{ book.get_extra_info_json.about }}" target="_blank">utwór na Platformie Redakcyjnej</a></li>
 131           </ul>
 132         </aside>
 133         <article class="l-article">
 134
 135           <div class="quote l-article__lead">
 136             {% choose_cite book as cite_promo %}
 137             {% if cite_promo %}
 138               {{ cite.promo_box }}
 139             {% else %}
 140               {% choose_fragment book as fragment_promo %}
 141               {% if fragment_promo %}
 142                 {{  fragment_promo.get_short_text|safe }}
 143               {% endif %}
 144             {% endif %}
 145           </div>
 146
 147           <div class="c-media">
 148             <div class="c-media__actions">
 149               <div class="c-media__btn">
 150                 <button class="l-button l-button--media" id="audiobook">pobierz audiobook</button>
 151                 <ul>
 152                   <li>mp3</li>
 153                   <li>ogg</li>
 154                   <li>DAISY</li>
 155                 </ul>
 156               </div>
 157               <div class="c-media__btn">
 158                 <button class="l-button l-button--media" id="ebook">pobierz książkę</button>
 159                 <ul>
 160                   <li>PDF</li>
 161                   <li>epub</li>
 162                   <li>mobi</li>
 163                 </ul>
 164               </div>
 165               <div class="c-media__btn">
 166                 {#% if book.get_first_text %#}
 167                   <a href="{#% url 'book_text' book.get_first_text.slug %#}">
 168                     <div class="l-button l-button--media l-button--media--full">
 169                       czytaj
 170                     </div>
 171                   </a>
 172                   <!-- ul>
 173                     <li>PDF</li>
 174                     <li>epub</li>
 175                     <li>mobi</li>
 176                   </ul-->
 177                 {#% endif %#}
 178               </div>
 179             </div>
 180             <div class="c-media__player">
 181               <h2>słuchaj audiobooka w naszym serwisie</h2>
 182               <div class="c-player">
 183                 <button class="c-player__btn">
 184                   <img src="{% static '2021/images/play.svg' %}" alt="słuchaj audiobooka w naszym serwisie">
 185                 </button>
 186                 <div class="c-player__timeline">
 187                   <span></span>
 188                   <time class="c-player__length">1h 20m</time>
 189                 </div>
 190               </div>
 191             </div>
 192             <div class="c-media__popup" data-popup="ebook">
 193               <div class="c-media__popup__box">
 194                 <div class="c-media__popup__box__lead">
 195                   <h2>Pobieranie e-booka</h2>
 196                   <p>Wybierz wersję dla siebie:</p>
 197                 </div>
 198                 <div class="c-media__popup__box__items">
 199                   <div class="c-media__popup__box__item">
 200                     <div>
 201                       <h3>.pdf</h3>
 202                       <p>Jeśli planujesz wydruk albo lekturę na urządzeniu mobilnym bez dodatkowych aplikacji.</p>
 203                     </div>
 204                     <div>
 205                       <a href="#" class="l-button l-button--media l-button--media--full">.pdf</a>
 206                     </div>
 207                   </div>
 208                   <div class="c-media__popup__box__item">
 209                     <div>
 210                       <h3>.epub</h3>
 211                       <p>Uniwersalny format e-booków, obsługiwany przez większość czytników sprzętowych i aplikacji na urządzenia mobilne.</p>
 212                     </div>
 213                     <div>
 214                       <a href="#" class="l-button l-button--media l-button--media--full">.epub</a>
 215                     </div>
 216                   </div>
 217                   <div class="c-media__popup__box__item">
 218                     <div>
 219                       <h3>.mobi</h3>
 220                       <p>Natywny format dla czytnika Amazon Kindle.</p>
 221                     </div>
 222                     <div>
 223                       <a href="#" class="l-button l-button--media l-button--media--full">.mobi</a>
 224                     </div>
 225                   </div>
 226                   <div class="c-media__popup__box__item">
 227                     <div>
 228                       <h3>synchrobook (epub3)</h3>
 229                       <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format (np. ..., ..., ...).</p>
 230                     </div>
 231                     <div>
 232                       <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
 233                     </div>
 234                   </div>
 235                   <div class="c-media__popup__box__item">
 236                     <div>
 237                       <h3>inne formaty</h3>
 238                       <ul>
 239                         <li><a href="#">plik tekstowy (.txt)</a></li>
 240                         <li><a href="#">FictionBook</a></li>
 241                       </ul>
 242                     </div>
 243                   </div>
 244                 </div>
 245                 <button class="c-media__popup__close">
 246                   <img src="{% static '2021/images/close.svg' %}" alt="Zamknij">
 247                 </button>
 248               </div>
 249             </div>
 250             <div class="c-media__popup" data-popup="audiobook">
 251               <div class="c-media__popup__box">
 252                 <div class="c-media__popup__box__lead">
 253                   <h2>Pobieranie audiobooka</h2>
 254                   <p>Wybierz wersję dla siebie:</p>
 255                 </div>
 256                 <div class="c-media__popup__box__items">
 257                   <div class="c-media__popup__box__item">
 258                     <div>
 259                       <h3>.mp3</h3>
 260                       <p>Uniwersalny format, obsługiwany przez wszystkie urządzenia.</p>
 261                     </div>
 262                     <div>
 263                       <a href="#" class="l-button l-button--media l-button--media--full">.mp3</a>
 264                     </div>
 265                   </div>
 266                   <div class="c-media__popup__box__item">
 267                     <div>
 268                       <h3>OggVorbis</h3>
 269                       <p>Otwarty format plików audio, oferujący nagranie w najwyższej jakości dźwiękowej.</p>
 270                     </div>
 271                     <div>
 272                       <a href="#" class="l-button l-button--media l-button--media--full">.ogg</a>
 273                     </div>
 274                   </div>
 275                   <div class="c-media__popup__box__item">
 276                     <div>
 277                       <h3>DAISY</h3>
 278                       <p>Format dla osób z dysfunkcjami czytania.</p>
 279                     </div>
 280                     <div>
 281                       <a href="#" class="l-button l-button--media l-button--media--full">DAISY</a>
 282                     </div>
 283                   </div>
 284                   <div class="c-media__popup__box__item">
 285                     <div>
 286                       <h3>synchrobook</h3>
 287                       <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format.</p>
 288                     </div>
 289                     <div>
 290                       <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
 291                     </div>
 292                   </div>
 293                 </div>
 294                 <button class="c-media__popup__close">
 295                   <img src="{% static '2021/images/close.svg' %}" alt="Zamknij">
 296                 </button>
 297               </div>
 298             </div>
 299           </div>
 300
 301           {{ book.abstract|safe }}
 302
 303         </article>
 304       </section>
 305
 306
 307       <section class="l-section">
 308         <div class="c-support">
 309           <h2>Ta książka jest dostępna dla tysięcy dzieciaków dzięki darowiznom od osób takich jak Ty!</h2>
 310           <a href="/towarzystwo/">DORZUĆ SIĘ!</a>
 311         </div>
 312       </section>
 313
 314
 315       {% for author in book.authors %}
 316         <section class="l-section">
 317           <div class="l-author">
 318             <article class="l-author__info">
 319               <h3>
 320                 <a href="{{ author.get_absolute_url }}">
 321                   {{ author.name }}
 322                 </a>
 323               </h3>
 324
 325               {{ author.description|safe }}
 326
 327             </article>
 328             {% if HAVE_AUTHOR_PHOTO %}
 329               <figure class="l-author__photo">
 330                 <img src="" alt="{{ author.name }}">
 331                 <figcaption>
 332                 </figcaption>
 333               </figure>
 334             {% endif %}
 335           </div>
 336         </section>
 337       {% endfor %}
 338
 339       {% with book.related_themes as themes %}
 340         {% if themes %}
 341           <section class="l-section">
 342             <div class="l-themes__wrapper">
 343               <h2>motywy występujące w tym utworze</h2>
 344               <div class="l-themes">
 345                 <ul>
 346                   {% for item in themes %}
 347                     <li><a href="{% url 'book_fragments' book.slug item.slug %}">{{ item|lower }}&nbsp;({{ item.count}})</a></li>
 348                   {% endfor %}
 349                 </ul>
 350                 <a class="button" href="{% url 'theme_catalogue' %}">zobacz wszystkie motywy</a>
 351               </div>
 352             </div>
 353           </section>
 354         {% endif %}
 355       {% endwith %}
 356
 357
 358       <section class="l-section">
 359         <div class="l-books__wrapper">
 360           <h2>inne tytuły w naszej bibliotece</h2>
 361           <div class="l-books">
 362
 363             {% if book.other_versions %}
 364               {% for rel in book.other_versions %}
 365
 366                 <article class="l-books__item">
 367                   <figure class="l-books__item__img">
 368                     <a href="{{ rel.get_absolute_url }}">
 369                       <img src="{% if rel.cover %}{{ rel.cover.url }}{% endif %}" alt="{{ rel.pretty_title }}">
 370                     </a>
 371                   </figure>
 372                   <h3>
 373                     {% for author in rel.authors %}
 374                       <a href="{{ author.get_absolute_url }}">{{ author|upper }}</a>
 375                     {% endfor %}
 376                   </h3>
 377                   <h2><a href="{{ rel.get_absolute_url }}">{{ rel.title }}</a></h2>
 378                 </article>
 379               {% endfor %}
 380             {% endif %}
 381
 382             {% related_books_2021 book taken=book.other_versions|length as related_books %}
 383             {% for rel in related_books %}
 384               <article class="l-books__item">
 385                 <figure class="l-books__item__img">
 386                   <a href="{{ rel.get_absolute_url }}">
 387                     <img src="{% if rel.cover %}{{ rel.cover.url }}{% endif %}" alt="{{ rel.pretty_title }}">
 388                   </a>
 389                 </figure>
 390                 <h3>
 391                   {% for author in rel.authors %}
 392                     <a href="{{ author.get_absolute_url }}">{{ author|upper }}</a>
 393                   {% endfor %}
 394                 </h3>
 395                 <h2><a href="{{ rel.get_absolute_url }}">{{ rel.title }}</a></h2>
 396               </article>
 397             {% endfor %}
 398
 399
 400           </div>
 401         </div>
 402       </section>
 403     </main>
 404
 405     <div class="l-footer">
 406       <div class="l-footer__row">
 407         <div class="l-footer__col">
 408           <p>Wolne Lektury to projekt prowadzony przez fundację Nowoczesna Polska.</p>
 409           <p>Reprodukcje cyfrowe wykonane przez Bibliotekę Narodową, Bibliotekę Śląską i Bibliotekę Elbląską z egzemplarzy pochodzących ze zbiorów BN, BŚ i BE.</p>
 410           <p>Hosting: ICM.</p>
 411         </div>
 412         <div class="l-footer__col">
 413           <ul>
 414             <li>Fundacja Nowoczesna Polska</li>
 415             <li>ul. Marszałkowska 84/92 lok. 125</li>
 416             <li>00-514 Warszawa</li>
 417           </ul>
 418           <ul>
 419             <li>tel: <a href="tel:+48226213017">(22) 621-30-17</a></li>
 420             <li>e-mail: <a href="mailto:fundacja@nowoczesnapolska.org.pl">fundacja@nowoczesnapolska.org.pl</a></li>
 421           </ul>
 422         </div>
 423       </div>
 424       <div class="l-footer__row">
 425         <p>
 426           Nowa strona biblioteki Wolne Lektury powstała dzięki środkom otrzymanym w ramach Programu Operacyjnego Fundusz
 427           Inicjatyw Obywatelskich, Senatu RP (zadanie realizowane w ramach zlecania przez Kancelarię Senatu zadań
 428           w zakresie opieki nad Polonią i Polakami za granicą w 2011 r.) oraz Narodowego Instytutu Audiowizualnego
 429           w ramach programu Dziedzictwo Cyfrowe.
 430         </p>
 431       </div>
 432     </div>
 433
 434     <script src="{% static '2021/scripts/vendor.js' %}"></script>
 435     <script src="{% static '2021/scripts/main.js' %}"></script>
 436   </body>
 437 </html>