5 <meta name="description" content="">
6 <meta name="viewport" content="width=device-width,initial-scale=1">
7 <title>WolneLektury.pl</title>
8 <link rel="apple-touch-icon" href="apple-touch-icon.png">
10 <link rel="stylesheet" href="styles/main.css">
11 <script src="scripts/modernizr.js"></script>
13 <link rel="preconnect" href="https://fonts.googleapis.com">
14 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15 <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap" rel="stylesheet">
19 <nav class="l-navigation">
20 <div class="l-change-pop">
21 <h3>Zmieniamy się!</h3>
23 Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd strony książki.
24 Będziemy bardzo! wdzięczni za Twoją opinię – w prawym dolnym rogu znajdziesz przycisk oceny.
25 Jeżeli wolisz klasyczny wygląd - wystarczy, że <a href="#">klikniesz tutaj</a>
27 <button class="l-change-pop__close">
28 <i class="icon icon-close"></i>
31 <div class="l-container">
32 <a href="/" class="l-navigation__logo">
33 <img src="images/logo.svg" alt="WolneLektury.pl">
35 <div class="l-naviagion__search">
36 <input type="text" placeholder="szukaj tytułu, autora, motywów…">
38 <div class="l-navigation__actions">
39 <a href="#"><i class="icon icon-liked"></i></a>
40 <button class="l-navigation__button js-menu" aria-label="Menu">
41 <span class="c-hamburger">
42 <span class="bar"></span>
49 <div class="l-container">
50 <div class="l-breadcrumb">
51 <a href="#"><span>Strona główna</span></a>
52 <a href="#"><span>Literatura</span></a>
53 <a href="#"><span>romantyzm</span></a>
58 <section class="l-section">
59 <aside class="l-aside">
61 <img src="images/header.jpg" alt="">
63 <ul class="l-aside__info">
64 <li><span>Epoka:</span> romantyzm</li>
65 <li><span>Rodzaj:</span> dramat</li>
66 <li><span>Gatunek:</span> dramat romantyczny</li>
68 <ul class="l-aside__zbiory">
70 <a href="#">Dziady</a>
72 <li><a href="#">Upiór</a></li>
73 <li><a href="#">Dziady, część II</a></li>
74 <li><a href="#">Dziady, część IV</a></li>
75 <li><a href="#">Dziady, część III</a></li>
80 <div class="l-content">
81 <header class="l-header">
82 <div class="l-header__content">
83 <p>Adam Mickiewicz (tłum. Janina Kowalska-Nowak)</p>
84 <h1>Dziady, część IV</h1>
86 <div class="l-header__actions">
87 <button class="l-button l-button--fav">
88 <img src="images/fav.svg" alt="Dodaj do ulubionych">
92 <article class="l-article">
94 <div class="c-media__actions">
95 <div class="c-media__btn">
96 <button class="l-button l-button--media" id="audiobook"><i class="icon icon-audio"></i> pobierz audiobook</button>
98 <div class="c-media__btn">
99 <button class="l-button l-button--media" id="ebook"><i class="icon icon-book"></i> pobierz książkę</button>
101 <div class="c-media__btn">
102 <button class="l-button l-button--media l-button--media--full"><i class="icon icon-eye"></i> czytaj online</button>
105 <div class="c-media__player">
106 <div class="c-player__head">
107 <span>Henryk Sienkiewicz, Potop, Potop, tom pierwszy, tom 1, rozdział 1. Czyta Jasiek Staszczyk, reż. Jasiek Staszczyk</span>
109 <div class="c-player">
110 <div class="c-player__btns">
111 <button><i class="icon icon-prev"></i></button>
112 <button class="c-player__btn--md"><i class="icon icon-play"></i></button>
113 <button><i class="icon icon-next"></i></button>
114 <div class="c-select">
120 <li class="is-active">1×</li>
127 <div class="c-player__timeline">
128 <div class="c-player__info">1. <strong>Godzina pierwsza</strong> – godzina miłości</div>
129 <div class="c-player__chapters">
130 <span>Rozdziały</span>
132 <li>Godzina pierwsza – godzina miłości</li>
133 <li>Druga godzina – godzina rozpaczy</li>
134 <li>Trzecia godzina – godzina przestrogi</li>
140 <time class="c-player__length">
145 <div class="c-player__volume">
146 <i class="icon icon-volume"></i>
147 <input type="range" value="60" min="0" max="100" id="range" oninput="rangenumber.value=value">
150 <div class="c-media__caption">
152 <i class="icon icon-acc-1"></i>
153 <i class="icon icon-acc-2"></i>
154 <i class="icon icon-acc-3"></i>
156 <div class="content">
157 <p>Dofinansowano ze środków: Priorytet 4 Udostępnienie publikacji w formatach cyfrowych w ramach Narodowego Programu Rozwoju Czytelnictwa.</p>
161 <div class="c-media__popup" data-popup="ebook">
162 <div class="c-media__popup__box">
163 <div class="c-media__popup__box__lead">
164 <h2>Pobieranie e-booka</h2>
165 <p>Wybierz wersję dla siebie:</p>
167 <div class="c-media__popup__box__items">
168 <div class="c-media__popup__box__item">
171 <p>Jeśli planujesz wydruk albo lekturę na urządzeniu mobilnym bez dodatkowych aplikacji.</p>
174 <a href="#" class="l-button l-button--media l-button--media--full">.pdf</a>
177 <div class="c-media__popup__box__item">
180 <p>Uniwersalny format e-booków, obsługiwany przez większość czytników sprzętowych i aplikacji na urządzenia mobilne.</p>
183 <a href="#" class="l-button l-button--media l-button--media--full">.epub</a>
186 <div class="c-media__popup__box__item">
189 <p>Natywny format dla czytnika Amazon Kindle.</p>
192 <a href="#" class="l-button l-button--media l-button--media--full">.mobi</a>
195 <div class="c-media__popup__box__item">
197 <h3>synchrobook (epub3)</h3>
198 <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format (np. ..., ..., ...).</p>
201 <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
204 <div class="c-media__popup__box__item">
206 <h3>inne formaty</h3>
208 <li><a href="#">plik tekstowy (.txt)</a></li>
209 <li><a href="#">FictionBook</a></li>
214 <button class="c-media__popup__close">
215 <img src="images/close.svg" alt="Zamknij">
219 <div class="c-media__popup" data-popup="audiobook">
220 <div class="c-media__popup__box">
221 <div class="c-media__popup__box__lead">
222 <h2>Pobieranie audiobooka</h2>
223 <p>Wybierz wersję dla siebie:</p>
225 <div class="c-media__popup__box__items">
226 <div class="c-media__popup__box__item">
229 <p>Uniwersalny format, obsługiwany przez wszystkie urządzenia.</p>
232 <a href="#" class="l-button l-button--media l-button--media--full">.mp3</a>
235 <div class="c-media__popup__box__item">
238 <p>Otwarty format plików audio, oferujący nagranie w najwyższej jakości dźwiękowej.</p>
241 <a href="#" class="l-button l-button--media l-button--media--full">.ogg</a>
244 <div class="c-media__popup__box__item">
247 <p>Format dla osób z dysfunkcjami czytania.</p>
250 <a href="#" class="l-button l-button--media l-button--media--full">DAISY</a>
253 <div class="c-media__popup__box__item">
256 <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format.</p>
259 <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
263 <button class="c-media__popup__close">
264 <img src="images/close.svg" alt="Zamknij">
270 <div class="l-article__overlay" data-max-height="327">
273 Pericord i Brown dokonali wspólnie wielu wynalazków. Ich umiejętności doskonale się uzupełniają:
274 pierwszy to geniusz twórczy, a drugi — umysł praktyczny, doskonale rozumie projekty współpracownika
278 Wspólnicy pracują nad kolejnym pomysłem — maszyną latającą. Prototyp jest już prawie gotów i niebawem
279 można będzie go przetestować. Na ostatnich etapach pracy między wspólnikami pojawia się kwestia sporna:
280 komu należy się patent? Wynalazcy — autorowi projektu czy mechanikowi — temu, który skonstruował maszynę?
283 Trup w obłokach czyli historia maszyny latającej w powietrzu (oryg. The Great Brown-Pericord Motor)
284 to opowiadanie z dreszczykiem, pióra Arthura Conana Doyle'a, autora Przygód Sherlocka Holmesa.
286 <h4>Spis treści:</h4>
288 <li>Dziady. Poema</li>
291 <li>Dziady, część II</li>
292 <li>Dziady, część IV</li>
293 <li>Dziady, część III</li>
294 <li>Dziady. Widowisko, część I</li>
297 <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Czytaj więcej</button>
299 <div class="c-support">
300 <div class="c-support__content">
301 <h2>Ta książka jest dostępna dla tysięcy dzieciaków dzięki <span>darowiznom</span> od osób takich jak <span>Ty</span>!</h2>
302 <a href="#">Dorzuć się!</a>
305 <img src="images/img-1.jpg" alt="Dorzuć się!">
310 <section class="l-section">
311 <div class="l-author">
315 <figure class="l-author__photo">
316 <img src="images/author.jpg" alt="Adam Mickiewicz">
321 <article class="l-author__info">
322 <h3>Adam Mickiewicz</h3>
323 <div class="l-article__overlay" data-max-height="327">
325 Ur. 24 grudnia 1798 r. w Zaosiu koło Nowogródka <br>
326 Zm. 26 listopada 1855 r. w Konstantynopolu (dziś: Stambuł)
329 <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Czytaj więcej</button>
334 <div class="l-author__quotes">
335 <div class="l-author__quotes__slider">
336 <div class="l-author__quotes__slider__item">
338 Cicho wszędzie, głucho wszędzie, co to będzie co to będzie? Kto nie doznał goryczy ni razu ten
339 nie dozna słodyczy w niebie. Bo kto nie był człowiekiem ni razu temu człowiek nie pomoże.
341 <p>Adam Mickiewicz – Dziady, część I</p>
343 <div class="l-author__quotes__slider__item">
345 Cicho wszędzie, głucho wszędzie, co to będzie co to będzie? Kto nie doznał goryczy ni razu ten
346 nie dozna słodyczy w niebie. Bo kto nie był człowiekiem ni razu temu człowiek nie pomoże.
348 <p>Adam Mickiewicz – Dziady, część II</p>
350 <div class="l-author__quotes__slider__item">
352 Cicho wszędzie, głucho wszędzie, co to będzie co to będzie? Kto nie doznał goryczy ni razu ten
353 nie dozna słodyczy w niebie. Bo kto nie był człowiekiem ni razu temu człowiek nie pomoże.
355 <p>Adam Mickiewicz – Dziady, część III</p>
362 <section class="l-section">
363 <div class="l-themes__wrapper">
364 <h2>Motywy występujące w tym utworze <a href="#"><span>Wszystkie motywy</span> <i class="icon icon-arrow-right"></i></a></h2>
365 <div class="l-themes">
367 <li><a href="#">alkohol <span>(9)</span></a></li>
368 <li><a href="#">bitwa <span>(9)</span></a></li>
369 <li><a href="#">alkohol <span>(9)</span></a></li>
370 <li><a href="#">antysemityzm <span>(9)</span></a></li>
371 <li><a href="#">bijatyka <span>(9)</span></a></li>
372 <li><a href="#">błądzenie <span>(9)</span></a></li>
373 <li><a href="#">alkohol <span>(9)</span></a></li>
374 <li><a href="#">bitwa <span>(9)</span></a></li>
375 <li><a href="#">alkohol <span>(9)</span></a></li>
376 <li><a href="#">antysemityzm <span>(9)</span></a></li>
377 <li><a href="#">bijatyka <span>(9)</span></a></li>
378 <li><a href="#">błądzenie <span>(9)</span></a></li>
379 <li><a href="#">alkohol <span>(9)</span></a></li>
380 <li><a href="#">bitwa <span>(9)</span></a></li>
381 <li><a href="#">alkohol <span>(9)</span></a></li>
382 <li><a href="#">antysemityzm <span>(9)</span></a></li>
383 <li><a href="#">bijatyka <span>(9)</span></a></li>
384 <li><a href="#">błądzenie <span>(9)</span></a></li>
385 <li><a href="#">bitwa <span>(9)</span></a></li>
386 <li><a href="#">alkohol <span>(9)</span></a></li>
387 <li><a href="#">błądzenie <span>(9)</span></a></li>
388 <li><a href="#">bijatyka <span>(9)</span></a></li>
389 <li><a href="#">błądzenie <span>(9)</span></a></li>
390 <li><a href="#">bijatyka <span>(9)</span></a></li>
391 <li><a href="#">alkohol <span>(9)</span></a></li>
392 <li><a href="#">bitwa <span>(9)</span></a></li>
393 <li><a href="#">alkohol <span>(9)</span></a></li>
394 <li><a href="#">antysemityzm <span>(9)</span></a></li>
395 <li><a href="#">bijatyka <span>(9)</span></a></li>
396 <li><a href="#">błądzenie <span>(9)</span></a></li>
401 <a href="#">źródłowy plik XML</a>
404 <a href="#">miksuj treść utworu</a>
407 <a href="#">utwór na Platformie Redakcyjnej</a>
414 <section class="l-section">
415 <div class="l-books__wrapper">
416 <div class="l-container">
417 <h2>Tytuły powiązane</h2>
418 <div class="l-books">
419 <article class="l-books__item">
420 <figure class="l-books__item__img">
422 <img src="images/book-1.jpg" alt="Poetyka">
425 <h3><a href="#">Arystoteles</a></h3>
426 <h2><a href="#">Poetyka</a></h2>
428 <article class="l-books__item">
429 <figure class="l-books__item__img">
431 <img src="images/book-2.jpg" alt="Wstęp do filozofii">
434 <h3><a href="#">Stanisław Brzozowski</a></h3>
435 <h2><a href="#">Wstęp do filozofii</a></h2>
437 <article class="l-books__item">
438 <figure class="l-books__item__img">
440 <img src="images/book-3.jpg" alt="Etyka">
443 <h3><a href="#">Benedykt de Spinoza</a></h3>
444 <h2><a href="#">Etyka</a></h2>
446 <article class="l-books__item">
447 <figure class="l-books__item__img">
449 <img src="images/book-3.jpg" alt="Wstęp do filozofii">
452 <h3><a href="#">Stanisław Brzozowski</a></h3>
453 <h2><a href="#">Wstęp do filozofii</a></h2>
455 <article class="l-books__item l-books__item--link">
456 <a href="#">i wiele innych książek, wierszy, obrazów, audiobooków…</a>
457 <a href="#" class="icon-link"><i class="icon icon-all"></i></a>
464 <div class="l-footer">
465 <div class="l-container">
466 <div class="l-footer__row">
467 <a href="#"><img src="images/FNP-logo.png" alt="FUNDACJA Nowoczesna Polska"></a>
469 <li>ul. Marszałkowska 84/92 lok. 125</li>
470 <li>00-514 Warszawa</li>
473 <li>tel. <a href="#">(22) 621 30 17</a></li>
474 <li>email <a href="#">fundacja@nowoczesnapolska.org.pl</a></li>
477 <div class="l-footer__row">
479 Wolne Lektury to projekt prowadzony przez fundację <a href="#">Nowoczesna Polska</a>. <br>
480 Hosting: <a href="#">ICM</a>.
483 <a href="#"><img src="images/MKiDN.png" alt="MKiDN"></a>
486 Strona biblioteki Wolne Lektury powstała dzięki dofinansowaniu ze środków Ministra <a href="#">Kultury i Dziedzictwa Narodowego</a>
487 pochodzących z <a href="#">Funduszu Promocji Kultury</a> – państwowego funduszu celowego.
493 <script src="scripts/vendor.js"></script>
494 <script src="scripts/main.js"></script>