From: Damian Zawadzki Date: Thu, 31 Mar 2022 07:23:39 +0000 (+0200) Subject: Audiobook player UI updated X-Git-Url: https://git.mdrn.pl/wolnelektury.git/commitdiff_plain/fe91ba3abbf192dc851e377c1edb799aa7f1e47e?ds=sidebyside;hp=40ea08ada00c0ad2e2b08718a27b7d046ae4035b Audiobook player UI updated --- diff --git a/src/wolnelektury/static/2021/scripts/main.js b/src/wolnelektury/static/2021/scripts/main.js index b79abf8e0..c456b6c37 100644 --- a/src/wolnelektury/static/2021/scripts/main.js +++ b/src/wolnelektury/static/2021/scripts/main.js @@ -30,16 +30,65 @@ // Ebook/Audiobook Btns (function() { - let button = $('.c-media__btn button'); + let button = $('.c-media__btn button:not(.l-button--media--full)'); + let popupLayer = $('.c-media__popup'); let closeButton = $('.c-media__popup__close'); + let playButton = $('.c-player__btn--md'); + let chaptersButton = $('.c-player__chapters span'); + let select = $('.c-select'); + let selectItem = $('.c-select li'); + let volumeButton = $('.icon-volume'); + + playButton.on('click', function() { + if($(this).find('.icon').hasClass('icon-play')) { + $(this).find('.icon-play').removeClass('icon-play').addClass('icon-pause'); + } else if($(this).find('.icon').hasClass('icon-pause')) { + $(this).find('.icon-pause').removeClass('icon-pause').addClass('icon-play'); + } + }); button.on('click', function () { let target = $(this).attr('id'); $('[data-popup=' + target).addClass('is-open'); + $('body').addClass('popup-open'); }); closeButton.on('click', function() { $(this).closest('.c-media__popup').removeClass('is-open'); + $('body').removeClass('popup-open'); + }); + + popupLayer.on('click', function(e) { + let _this = $(this); + if($(e.target).is(popupLayer)) { + _this.removeClass('is-open'); + $('body').removeClass('popup-open'); + } + }); + + chaptersButton.on('click', function() { + $(this).parent().toggleClass('is-active'); + }); + + select.on('click', function() { + $(this).toggleClass('is-active'); + }); + + selectItem.on('click', function() { + selectItem.removeClass('is-active'); + $(this).addClass('is-active'); + }); + + volumeButton.on('click', function() { + if($(this).hasClass('icon-volume')) { + $(this).removeClass('icon-volume').addClass('icon-mute'); + $(this).next().val(0); + $(this).next().css('background-size', '0% 100%'); + } else if($(this).hasClass('icon-mute')) { + $(this).removeClass('icon-mute').addClass('icon-volume'); + $(this).next().val(50); + $(this).next().css('background-size', '50% 100%'); + } }); $(document).keyup(function(e) { @@ -49,6 +98,40 @@ }); })(); +// Range +const rangeInputs = document.querySelectorAll('input[type="range"]') + +function handleInputChange(e) { + let target = e.target + if (e.target.type !== 'range') { + target = document.getElementById('range') + } + const min = target.min + const max = target.max + const val = target.value + + target.style.backgroundSize = (val - min) * 100 / (max - min) + '% 100%' +} + +rangeInputs.forEach(input => { + input.addEventListener('input', handleInputChange) +}); + +// Quotes slider +(function () { + let slider = $('.l-author__quotes__slider'); + + slider.slick({ + slidesToScroll: 1, + slidesToShow: 1, + infinite: true, + dots: true, + arrows: false, + autoplay: true, + autoplaySpeed: 2500 + }); +})(); + // Text overlay toggler (function () { let overlays = $('.l-article__overlay'); @@ -93,4 +176,29 @@ } if($change.length) { change(); } -})(); \ No newline at end of file +})(); + +//Switch +(function() { + let $switchOnce = $('#switch-once'); + let $switchMonthly = $('#switch-monthly'); + + $switchMonthly.on('click', function() { + $('.l-checkout__payments__box').removeClass('once'); + }); + + $switchOnce.on('click', function() { + $('.l-checkout__payments__box').addClass('once'); + }); +})(); + +//Copy function +(function() { + let $copy = $('.js-copy'); + + $copy.on('click', function() { + let $copyText = $(this).closest('.l-checkout__info__item').find('input'); + $copyText.select(); + document.execCommand('copy'); + }); +})(); diff --git a/src/wolnelektury/static/2022/fonts/wl.svg b/src/wolnelektury/static/2022/fonts/wl.svg index c5fbd3eae..284c0f8cb 100644 --- a/src/wolnelektury/static/2022/fonts/wl.svg +++ b/src/wolnelektury/static/2022/fonts/wl.svg @@ -1,26 +1,47 @@ -Generated by IcoMoon + + + +{ + "fontFamily": "wl", + "fontURL": "https://intui.eu/", + "description": "pomorskie.travel\nFont generated by IcoMoon.", + "majorVersion": 1, + "minorVersion": 0, + "version": "Version 1.0", + "fontId": "wl", + "psName": "wl", + "subFamily": "Regular", + "fullName": "wl" +} + + + - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/wolnelektury/static/2022/fonts/wl.ttf b/src/wolnelektury/static/2022/fonts/wl.ttf index 482f6ddcc..afc780698 100644 Binary files a/src/wolnelektury/static/2022/fonts/wl.ttf and b/src/wolnelektury/static/2022/fonts/wl.ttf differ diff --git a/src/wolnelektury/static/2022/fonts/wl.woff b/src/wolnelektury/static/2022/fonts/wl.woff index 4b6ad0072..ec958c571 100644 Binary files a/src/wolnelektury/static/2022/fonts/wl.woff and b/src/wolnelektury/static/2022/fonts/wl.woff differ diff --git a/src/wolnelektury/static/2022/index.html b/src/wolnelektury/static/2022/index.html index 246825a6e..3eaf87c07 100644 --- a/src/wolnelektury/static/2022/index.html +++ b/src/wolnelektury/static/2022/index.html @@ -1,443 +1,496 @@ - - - - - WolneLektury.pl - - - - + + + + + WolneLektury.pl + - - - - - + + - - -
- +
+ + -
-
- +
+ +
+
+
+
+
-
- +
+
- -
-
-
-
- -
-
- -
-
- +
+ +
+
+
+
+ Henryk Sienkiewicz, Potop, Potop, tom pierwszy, tom 1, rozdział 1. Czyta Jasiek Staszczyk, reż. Jasiek Staszczyk +
+
+
+ + + +
+
    +
  • 2×
  • +
  • 1.75×
  • +
  • 1.5×
  • +
  • 1.25×
  • +
  • 1×
  • +
  • 0.75×
  • +
  • 0.5×
  • +
  • 0.25×
  • +
-
-
- -
-
Czyta Wiktor Korzeniewski, reż. Adam Bień
- +
+
1. Godzina pierwsza – godzina miłości
+
+ Rozdziały +
    +
  • Godzina pierwsza – godzina miłości
  • +
  • Druga godzina – godzina rozpaczy
  • +
  • Trzecia godzina – godzina przestrogi
  • +
+
+ - + +
+
+ + +
+
+
+
+ + + +
+
+

Dofinansowano ze środków: Priorytet 4 Udostępnienie publikacji w formatach cyfrowych w ramach Narodowego Programu Rozwoju Czytelnictwa.

+
+
+
+
+
+
+

Pobieranie e-booka

+

Wybierz wersję dla siebie:

+
+
+
+
+

.pdf

+

Jeśli planujesz wydruk albo lekturę na urządzeniu mobilnym bez dodatkowych aplikacji.

+
+
+ .pdf
-
-
- - - +
+
+

.epub

+

Uniwersalny format e-booków, obsługiwany przez większość czytników sprzętowych i aplikacji na urządzenia mobilne.

-
-

Dofinansowano ze środków: Priorytet 4 Udostępnienie publikacji w formatach cyfrowych w ramach Narodowego Programu Rozwoju Czytelnictwa.

+
+ .epub
-
-
-
-
-

Pobieranie e-booka

-

Wybierz wersję dla siebie:

+
+
+

.mobi

+

Natywny format dla czytnika Amazon Kindle.

-
-
-
-

.pdf

-

Jeśli planujesz wydruk albo lekturę na urządzeniu mobilnym bez dodatkowych aplikacji.

-
-
- .pdf -
-
-
-
-

.epub

-

Uniwersalny format e-booków, obsługiwany przez większość czytników sprzętowych i aplikacji na urządzenia mobilne.

-
-
- .epub -
-
-
-
-

.mobi

-

Natywny format dla czytnika Amazon Kindle.

-
-
- .mobi -
-
-
-
-

synchrobook (epub3)

-

Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format (np. ..., ..., ...).

-
- -
-
-
-

inne formaty

- -
-
+
+ .mobi
-
-
-
-
-
-

Pobieranie audiobooka

-

Wybierz wersję dla siebie:

+
+
+

synchrobook (epub3)

+

Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format (np. ..., ..., ...).

-
-
-
-

.mp3

-

Uniwersalny format, obsługiwany przez wszystkie urządzenia.

-
-
- .mp3 -
-
-
-
-

OggVorbis

-

Otwarty format plików audio, oferujący nagranie w najwyższej jakości dźwiękowej.

-
-
- .ogg -
-
-
-
-

DAISY

-

Format dla osób z dysfunkcjami czytania.

-
-
- DAISY -
-
-
-
-

synchrobook

-

Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format.

-
- -
+ +
+
+
+

inne formaty

+
-
-
- -

Opis

- -

- Pericord i Brown dokonali wspólnie wielu wynalazków. Ich umiejętności doskonale się uzupełniają: pierwszy to geniusz twórczy, a drugi — umysł praktyczny, doskonale rozumie projekty współpracownika i wciela je w życie. -

-

- Wspólnicy pracują nad kolejnym pomysłem — maszyną latającą. Prototyp jest już prawie gotów i niebawem można będzie go przetestować. Na ostatnich etapach pracy między wspólnikami pojawia się kwestia sporna: komu należy się patent? Wynalazcy — autorowi projektu czy mechanikowi — temu, który skonstruował maszynę? -

-

- Trup w obłokach czyli historia maszyny latającej w powietrzu (oryg. The Great Brown-Pericord Motor) to opowiadanie z dreszczykiem, pióra Arthura Conana Doyle'a, autora Przygód Sherlocka Holmesa. -

-
-
-
-
-
-

Ta książka jest dostępna dla tysięcy dzieciaków dzięki darowiznom od osób takich jak Ty!

-
- Dorzuć się! - Dorzuć się! -
-
-
-
-
-
-

O autorze

-
-
- Adam Mickiewicz -
- Źródło: Wikipedia -
-
-
-

Adam Mickiewicz

-

- Ur. 24 grudnia 1798 r. w Zaosiu koło Nowogródka
- Zm. 26 listopada 1855 r. w Konstantynopolu (dziś: Stambuł) -

-

- Najważniejsze dzieła:
- Ballady i romanse (1822), Grażyna (1823), Sonety krymskie (1826), Konrad Wallenrod (1828), - Dziady (cz.II i IV 1823, cz.III 1832), Księgi narodu polskiego i pielgrzymstwa polskiego (1833), - Pan Tadeusz (1834); wiersze: Oda do młodości (1820), Do Matki Polki (1830), Śmierć pułkownika (1831), - Reduta Ordona (1831)... -

-
+
-
-
-
-
- - Cicho wszędzie, głucho wszędzie, co to będzie co to będzie? Kto nie doznał goryczy ni razu ten - nie dozna słodyczy w niebie. Bo kto nie był człowiekiem ni razu temu człowiek nie pomoże. - -

Adam Mickiewicz – Dziady, część I

+
+
+
+

Pobieranie audiobooka

+

Wybierz wersję dla siebie:

+
+
+
+
+

.mp3

+

Uniwersalny format, obsługiwany przez wszystkie urządzenia.

+
+
+ .mp3 +
+
+
+
+

OggVorbis

+

Otwarty format plików audio, oferujący nagranie w najwyższej jakości dźwiękowej.

+
+
+ .ogg +
-
- - Cicho wszędzie, głucho wszędzie, co to będzie co to będzie? Kto nie doznał goryczy ni razu ten - nie dozna słodyczy w niebie. Bo kto nie był człowiekiem ni razu temu człowiek nie pomoże. - -

Adam Mickiewicz – Dziady, część II

+
+
+

DAISY

+

Format dla osób z dysfunkcjami czytania.

+
+
+ DAISY +
-
- - Cicho wszędzie, głucho wszędzie, co to będzie co to będzie? Kto nie doznał goryczy ni razu ten - nie dozna słodyczy w niebie. Bo kto nie był człowiekiem ni razu temu człowiek nie pomoże. - -

Adam Mickiewicz – Dziady, część III

+
+
+

synchrobook

+

Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format.

+
+
+
-
-
-
-

Motywy występujące w tym utworze Wszystkie motywy

- -
-
- -
-
-
-

Tytuły powiązane

- + + +
+
+

Ta książka jest dostępna dla tysięcy dzieciaków dzięki darowiznom od osób takich jak Ty!

+ Dorzuć się!
+
+ Dorzuć się! +
-
- -