msgstr ""
"Project-Id-Version: WolneLektury\n"
"Report-Msgid-Bugs-To: \n"
-"PO-Revision-Date: 2023-06-02 13:03+0200\n"
+"PO-Revision-Date: 2023-06-13 23:32+0200\n"
"Last-Translator: Radek Czajka <radoslaw.czajka@nowoczesnapolska.org.pl>\n"
"Language-Team: Fundacja Nowoczesna Polska <fundacja@nowoczesnapolska.org."
"pl>\n"
#: catalogue/models/book.py:59
msgid "findable"
-msgstr ""
+msgstr "wyszukiwalna"
#: catalogue/models/book.py:70
msgid "cover"
msgid "↑ top ↑"
msgstr "↑ góra ↑"
-#: catalogue/templates/catalogue/book_short.html:53
+#: catalogue/templates/catalogue/book_short.html:54
#: catalogue/templates/catalogue/picture_detail.html:52
msgid "Epoch"
msgstr "Epoka"
-#: catalogue/templates/catalogue/book_short.html:61
+#: catalogue/templates/catalogue/book_short.html:62
#: catalogue/templates/catalogue/picture_detail.html:58
msgid "Kind"
msgstr "Rodzaj"
-#: catalogue/templates/catalogue/book_short.html:69
+#: catalogue/templates/catalogue/book_short.html:70
msgid "Genre"
msgstr "Gatunek"
-#: catalogue/templates/catalogue/book_short.html:79
+#: catalogue/templates/catalogue/book_short.html:80
msgid "Region"
msgstr "Region"
-#: catalogue/templates/catalogue/book_short.html:87
+#: catalogue/templates/catalogue/book_short.html:88
msgid "Language"
msgstr "Język"
-#: catalogue/templates/catalogue/book_short.html:112
+#: catalogue/templates/catalogue/book_short.html:113
msgid "Read online"
msgstr "Czytaj online"
-#: catalogue/templates/catalogue/book_short.html:115
+#: catalogue/templates/catalogue/book_short.html:116
msgid ""
"Cena książki w druku cyfrowym jest zależna od liczby stron.<br>Przed zakupem "
"upewnij się, że cena druku na żądanie jest dla Ciebie odpowiednia."
"bezpłatnie."
msgstr ""
-#: catalogue/templates/catalogue/book_short.html:115
+#: catalogue/templates/catalogue/book_short.html:116
msgid "Print on demand –"
msgstr "Druk na żądanie z"
-#: catalogue/templates/catalogue/book_short.html:121
+#: catalogue/templates/catalogue/book_short.html:122
msgid "Download an ebook"
msgstr "Pobierz ebook"
-#: catalogue/templates/catalogue/book_short.html:140
+#: catalogue/templates/catalogue/book_short.html:141
msgid "Download audiobook"
msgstr "Pobierz audiobook"
-#: catalogue/templates/catalogue/book_short.html:152
+#: catalogue/templates/catalogue/book_short.html:153
msgid "For now this work is only available for our subscribers."
msgstr "Jak na razie ten utwór jest dostępny wyłącznie dla naszych Przyjaciół."
msgid "All works"
msgstr "Wszystkie utwory"
-#: catalogue/templates/catalogue/catalogue.html:15
+#: catalogue/templates/catalogue/catalogue.html:17
msgid "Download the catalogue in PDF format."
msgstr "Pobierz katalog w formacie PDF."
-#: catalogue/templates/catalogue/catalogue.html:19
+#: catalogue/templates/catalogue/catalogue.html:21
#: catalogue/templates/catalogue/tag_list_split.html:4
#: catalogue/templates/catalogue/tagged_object_list.html:5
+#: catalogue/views.py:186
msgid "Literature"
msgstr "Literatura"
-#: catalogue/templates/catalogue/catalogue.html:22
+#: catalogue/templates/catalogue/catalogue.html:24
#: catalogue/templates/catalogue/collections.html:5
#: catalogue/templates/catalogue/collections.html:10
msgid "Collections"
msgstr "Kolekcje"
-#: catalogue/templates/catalogue/catalogue.html:25
+#: catalogue/templates/catalogue/catalogue.html:27
#: catalogue/templates/catalogue/search_multiple_hits.html:117
#: catalogue/templates/catalogue/tag_list_split.html:9
#: catalogue/templates/catalogue/tagged_object_list.html:5
+#: catalogue/views.py:227
msgid "Art"
msgstr "Sztuka"
msgid "All collections"
msgstr "Wszystkie kolekcje"
-#: catalogue/templates/catalogue/custom_pdf_form.html:5 catalogue/views.py:448
+#: catalogue/templates/catalogue/custom_pdf_form.html:5 catalogue/views.py:678
msgid "Download custom PDF"
msgstr "Stwórz własny PDF"
#: catalogue/templates/catalogue/custom_pdf_form.html:12
-#: catalogue/templates/catalogue/custom_pdf_form.html:22 catalogue/views.py:449
+#: catalogue/templates/catalogue/custom_pdf_form.html:22 catalogue/views.py:679
msgid "Download"
msgstr "Pobierz"
msgstr "Zobacz całą kategorię"
#: catalogue/templates/catalogue/tagged_object_list.html:5
+#: catalogue/views.py:250
msgid "Audiobooks"
msgstr "Audiobooki"
msgid "vulgar language"
msgstr "wulgaryzmy"
-#: catalogue/views.py:399
+#: catalogue/views.py:629
#, python-format
msgid ""
"An error occurred: %(exception)s\n"
"\n"
"%(tb)s"
-#: catalogue/views.py:404
+#: catalogue/views.py:634
msgid "Book imported successfully"
msgstr "Książka zaimportowana"
-#: catalogue/views.py:405
+#: catalogue/views.py:635
#, python-format
msgid "Error importing file: %r"
msgstr "Błąd podczas importowania pliku: %r"
'club_form': ScheduleForm() if book.preview else None,
'club': Club.objects.first() if book.preview else None,
'donation_form': DonationStep1Form(),
-
- 'EXPERIMENTS_SWITCHABLE_layout': True,
})
msgstr ""
"Project-Id-Version: \n"
"Report-Msgid-Bugs-To: \n"
-"PO-Revision-Date: 2022-04-15 16:32+0200\n"
+"PO-Revision-Date: 2023-06-13 23:33+0200\n"
"Last-Translator: \n"
"Language-Team: \n"
"Language: pl\n"
"Plural-Forms: nplurals=4; plural=(n==1 ? 0 : (n%10>=2 && n%10<=4) && "
"(n%100<12 || n%100>=14) ? 1 : n!=1 && (n%10>=0 && n%10<=1) || (n%10>=5 && "
"n%10<=9) || (n%100>=12 && n%100<=14) ? 2 : 3);\n"
-"X-Generator: Poedit 3.0\n"
+"X-Generator: Poedit 3.0.1\n"
#: club/admin.py:60
msgid "payment complete"
msgstr "harmonogram przedawniony"
#: club/admin.py:84
-#, fuzzy
-#| msgid "source"
msgid "Source"
-msgstr "źródło"
+msgstr "Źródło"
#: club/apps.py:10
msgid "Club"
msgid "clubs"
msgstr "towarzystwa"
-#: club/models.py:112
+#: club/models.py:117
msgid "key"
msgstr "klucz"
-#: club/models.py:113
+#: club/models.py:118
msgid "email"
msgstr "email"
-#: club/models.py:114 club/models.py:270
+#: club/models.py:119 club/models.py:275
msgid "membership"
msgstr "członkostwo"
-#: club/models.py:115
+#: club/models.py:120
msgid "amount"
msgstr "kwota"
-#: club/models.py:116
+#: club/models.py:121
msgid "method"
msgstr "metoda płatności"
-#: club/models.py:119 club/templates/club/payment_form.html:25
+#: club/models.py:124 club/templates/club/payment_form.html:25
msgid "monthly"
msgstr "miesięcznie"
-#: club/models.py:120
+#: club/models.py:125
msgid "yearly"
msgstr "rocznie"
-#: club/models.py:122
+#: club/models.py:127
msgid "source"
msgstr "źródło"
-#: club/models.py:124
+#: club/models.py:129
msgid "cancelled"
msgstr "anulowany"
-#: club/models.py:125
+#: club/models.py:130
msgid "payed at"
msgstr "opłacona"
-#: club/models.py:126
+#: club/models.py:131
msgid "started at"
msgstr "start"
-#: club/models.py:127
+#: club/models.py:132
msgid "expires_at"
msgstr "wygasa"
-#: club/models.py:141
+#: club/models.py:146
msgid "schedule"
msgstr "harmonogram"
-#: club/models.py:142
+#: club/models.py:147
msgid "schedules"
msgstr "harmonogramy"
-#: club/models.py:262
+#: club/models.py:267
msgid "user"
msgstr "użytkownik"
-#: club/models.py:263
+#: club/models.py:268
msgid "created at"
msgstr "utworzone"
-#: club/models.py:264 club/models.py:325
+#: club/models.py:269 club/models.py:330
msgid "name"
msgstr "nazwisko"
-#: club/models.py:265
+#: club/models.py:270
msgid "manual"
msgstr "ustawiony ręcznie"
-#: club/models.py:266
+#: club/models.py:271
msgid "notes"
msgstr "notatki"
-#: club/models.py:267
+#: club/models.py:272
msgid "updated at"
msgstr "aktualizacja"
-#: club/models.py:271
+#: club/models.py:276
msgid "memberships"
msgstr "członkostwa"
-#: club/models.py:308
+#: club/models.py:313
msgid "days before"
msgstr "dni przed"
-#: club/models.py:309
+#: club/models.py:314
msgid "subject"
msgstr "temat"
-#: club/models.py:310 club/payu/models.py:157
+#: club/models.py:315 club/payu/models.py:157
msgid "body"
msgstr "treść"
-#: club/models.py:313
+#: club/models.py:318
msgid "reminder email"
msgstr "email z przypomnieniem"
-#: club/models.py:314
+#: club/models.py:319
msgid "reminder emails"
msgstr "emaile z przypomnieniem"
-#: club/models.py:319
+#: club/models.py:324
#, python-format
msgid "a day before expiration"
msgid_plural "%d days before expiration"
msgstr[2] "%d dni przed wygaśnięciem"
msgstr[3] "%d dni przed wygaśnięciem"
-#: club/models.py:321
+#: club/models.py:326
#, python-format
msgid "a day after expiration"
msgid_plural "%d days after expiration"
msgstr[2] "%d dni po wygaśnięciu"
msgstr[3] "%d dni przed wygaśnięciem"
-#: club/models.py:326
+#: club/models.py:331
msgid "photo"
msgstr "zdjęcie"
-#: club/models.py:327
+#: club/models.py:332
msgid "text"
msgstr "tekst"
-#: club/models.py:330
+#: club/models.py:335
msgid "ambassador"
msgstr "ambasador"
-#: club/models.py:331
+#: club/models.py:336
msgid "ambassadors"
msgstr "ambasadorowie"
msgstr "Wspierasz Wolne Lektury"
#: club/templates/payu/rec_payment.html:19
-#, fuzzy, python-format
-#| msgid ""
-#| "\n"
-#| " You are setting up a monthly payment in the amount of %(amount)s "
-#| "PLN. Thank you!\n"
-#| " "
+#, python-format
msgid ""
"\n"
" You are setting up a monthly payment in the amount of %(amount)s "
" "
msgstr ""
"\n"
-"Zlecasz comiesięczną płatność w wysokości %(amount)s zł. Dziękujemy!"
+"Zlecasz comiesięczną płatność w wysokości %(amount)s zł. Dziękujemy!\n"
+"\t"
#~ msgid "proposed amounts for single payment"
#~ msgstr "proponowane kwoty dla pojedynczej wpłaty"
slug = 'layout'
name = 'Nowy layout strony'
size = settings.EXPERIMENTS_LAYOUT
+ switchable = False
class Sowka(Experiment):
--- /dev/null
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: 2023-06-13 23:31+0200\n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"Language: pl\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=4; plural=(n==1 ? 0 : (n%10>=2 && n%10<=4) && "
+"(n%100<12 || n%100>14) ? 1 : n!=1 && (n%10>=0 && n%10<=1) || (n%10>=5 "
+"&& n%10<=9) || (n%100>=12 && n%100<=14) ? 2 : 3);\n"
+"X-Generator: Poedit 3.0.1\n"
+
+#: experiments/templates/experiments/main_switch.html:5
+#: experiments/templates/experiments/main_switch.html:14
+msgid "Current experiments"
+msgstr "Aktualne eksperymenty"
+
+#: experiments/templates/experiments/main_switch.html:28
+msgid "off"
+msgstr "wyłączony"
+
+#: experiments/templates/experiments/main_switch.html:29
+msgid "on"
+msgstr "włączony"
+
+#: experiments/templates/experiments/main_switch.html:38
+msgid "There are currently no experiments available."
+msgstr "Aktualnie nie są dostępne żadne eksperymenty."
+
+#: experiments/templates/experiments/main_switch.html:46
+msgid "Image"
+msgstr "Obraz"
{% extends request.EXPERIMENTS.layout.value|yesno:"2022/base.html,base/base.html" %}
+{% load static i18n %}
{% block breadcrumbs %}
- <span>Eksperymenty</span>
+ <span>{% translate "Current experiments" %}</span>
{% endblock %}
{% block main %}
-{% block body %}
- <img src="https://upload.wikimedia.org/wikipedia/commons/c/c8/MH1Asimulator.JPG" style="width:100%">
-
- {% for exp in request.EXPERIMENTS.values %}
- {% if exp.switchable or request.user.is_staff %}
- <div class="experiment nice-controls" data-slug="{{ exp.slug }}">
- <span>
- {{ exp.name }}
- </span>
- <button
- {% if exp.value %}
- disabled class="active"
- {% endif %}
- data-value="on">włączony</button>
- <button
- {% if not exp.value %}
- disabled class="active"
- {% endif %}
- data-value="off">wyłączony</button>
+ {% block body %}
+ <div class="l-checkout__box">
+ <div class="l-checkout__box__header">
+ <img src="{% static 'img/experiment.jpg' %}">
+ <div class="l-checkout__box__header__content">
+ <h1>{% translate "Current experiments" %}</h1>
+ </div>
+ </div>
+ <div>
+ {% for exp in experiments %}
+ <div class="experiment">
+ <span>
+ {{ exp.name }}
+ </span>
+ <div>
+ <input id="experiment-{{ exp.slug }}-off" name="{{ exp.slug }}" class="toggle-input toggle-input-left" value="off" type="radio" {% if not exp.value %}checked="checked"{% endif %}>
+ <input id="experiment-{{ exp.slug }}-on" name="{{ exp.slug }}" class="toggle-input toggle-input-right" value="on" type="radio" {% if exp.value %}checked="checked"{% endif %}>
+ <div class="l-switch__wrapper">
+ <div class="l-switch white">
+ <label class="toggle-for toggle-for-left" for="experiment-{{ exp.slug }}-off">{% translate "off" %}</label>
+ <label class="toggle-for toggle-for-right" for="experiment-{{ exp.slug }}-on">{% translate "on" %}</label>
+ <span class="toggle"></span>
+ </div>
+ </div>
+ </div>
+ </div>
+ {% empty %}
+ <div class="experiment">
+ <div>
+ {% translate 'There are currently no experiments available.' %}
+ </div>
+ </div>
+ {% endfor %}
+ </div>
</div>
- {% endif %}
- {% endfor %}
-{% endblock %}
-{% block extrabody %}
- <style>
- .experiment {
- margin: 1em 0;
- font-size: 1.5em;
- }
- .experiment button {
- margin: 0 1em;
- padding: .5em;
- font-size: 1em;
+ <div class="legend">
+ {% translate "Image" %}:
+ Ken Lund, <a target="_blank" href="https://flickr.com/photos/kenlund/42675643424/">Windmill Modern Art, Chicago Lakefront Trail, Chicago, Illinois</a>, <a href="https://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC By-SA 2.0</a>
+ </div>
+ {% endblock %}
- }
- </style>
- <script>
- $(".experiment button").click(function() {
- document.cookie = 'EXPERIMENT_' + $(this).parent().data('slug') + '=' + $(this).data('value') + '; path=/; max-age=31536000';
- window.location.reload(true);
- });
- </script>
-{% endblock %}
{% endblock %}
+++ /dev/null
-from django.conf import settings
-from django.template import Library
-
-
-register = Library()
-
-
-@register.inclusion_tag('experiments/switch.html', takes_context=True)
-def experiments_switcher(context):
- tests = []
- explicit = False
- for exp in settings.EXPERIMENTS:
- currval = context['request'].EXPERIMENTS.get(exp['slug'])
- if exp.get('switchable') or context.get('EXPERIMENTS_SWITCHABLE_' + test['slug']):
- tests.append((exp, currval))
- for cohort in exp.get('cohorts'):
- if cohort.get('explicit') and cohort.get('value') == currval:
- explicit = True
- return {
- 'tests': tests,
- 'explicit': explicit,
- }
class MainSwitchView(TemplateView):
template_name = 'experiments/main_switch.html'
+
+ def get_context_data(self):
+ return {
+ 'experiments': [
+ e for e in self.request.EXPERIMENTS.values()
+ if e.switchable or self.request.user.is_staff
+ ]
+ }
"X-Translated-Using: django-rosetta 0.5.6\n"
"X-Generator: Poedit 1.5.4\n"
-#: pdcounter/models.py:13
+#: pdcounter/models.py:15
msgid "name"
msgstr "nazwa"
-#: pdcounter/models.py:14 pdcounter/models.py:64
+#: pdcounter/models.py:16 pdcounter/models.py:78
msgid "slug"
msgstr "slug"
-#: pdcounter/models.py:15
+#: pdcounter/models.py:17
msgid "sort key"
msgstr "klucz sortowania"
-#: pdcounter/models.py:16 pdcounter/models.py:41
+#: pdcounter/models.py:18 pdcounter/models.py:43
msgid "description"
msgstr "opis"
-#: pdcounter/models.py:17
+#: pdcounter/models.py:19
msgid "year of death"
msgstr "rok śmierci"
-#: pdcounter/models.py:23 pdcounter/models.py:62
+#: pdcounter/models.py:25 pdcounter/models.py:76
msgid "author"
msgstr "autor"
-#: pdcounter/models.py:24
+#: pdcounter/models.py:26
msgid "authors"
msgstr "autorzy"
-#: pdcounter/models.py:61
+#: pdcounter/models.py:75
msgid "title"
msgstr "tytuł"
-#: pdcounter/models.py:63
+#: pdcounter/models.py:77
msgid "goes to public domain"
msgstr "trafia do domeny publicznej"
-#: pdcounter/models.py:65
+#: pdcounter/models.py:79
msgid "translator"
msgstr "tłumacz"
-#: pdcounter/models.py:69
+#: pdcounter/models.py:83
msgid "book stub"
msgstr "zapowiedź książki"
-#: pdcounter/models.py:70
+#: pdcounter/models.py:84
msgid "book stubs"
msgstr "zapowiedzi książek"
import re
from django.conf import settings
from librarian import dcparser
-import librarian.meta.types.date
import librarian.meta.types.person
import librarian.meta.types.text
from librarian.parser import WLDocument
else:
persons = ', '.join(map(str, p))
fields[field.name] = persons
- elif issubclass(type_indicator, librarian.meta.types.date.DateValue):
- dt = getattr(book_info, field.name)
- fields[field.name] = dt
# get published date
pd = None
"|| n%100>=20) ? 1 : 2);\n"
"X-Generator: Poedit 2.3\n"
-#: search/forms.py:14 search/templates/newsearch/search.html:16
+#: search/forms.py:18 search/templates/newsearch/search.html:16
#: search/templates/search_/search.html:7
msgid "Search"
msgstr "Szukaj"
-#: search/forms.py:24
+#: search/forms.py:28
msgid "title, author, epoch, kind, genre, phrase"
msgstr "tytuł, autor, epoka, rodzaj, gatunek, cytat"
});
})();
-//Zmieniamy się popup
-(function() {
- let $change = $('.l-change-pop');
- function change() {
- if(localStorage.getItem('change') === null) {
- $change.addClass('show');
- } else {
- $change.remove();
- return false;
- }
-
- $change.on('click', '.l-change-pop__close', function () {
- $change.slideUp();
- localStorage.setItem('change', 'showed');
- });
- }
-
- if($change.length) { change(); }
-
-
- function quit_experiment() {
- document.cookie = 'EXPERIMENT_layout=off; path=/; max-age=31536000';
- window.location.reload(true);
- }
- $(".quit-experiment").click(quit_experiment);
-
-})();
-
(function() {
$('.l-checkout__payments__box button').on('click', function() {
let container = $(this).closest('.l-checkout__payments');
$('select', $form).change(function() {$form.submit()});
$('textarea', $form).change(function() {$form.submit()});
});
+
+
+ // experiments
+ $(".experiment input").on('change', function() {
+ let name = $(this).attr('name');
+ let val = $(this).val();
+ document.cookie = 'EXPERIMENT_' + name + '=' + val + '; path=/; max-age=31536000';
+ window.location.reload(true);
+ });
+
+
})();
+++ /dev/null
-<!doctype html>
-<html class="no-js">
-<head>
- <meta charset="utf-8">
- <meta name="description" content="">
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <title>WolneLektury.pl</title>
- <link rel="apple-touch-icon" href="apple-touch-icon.png">
-
- <link rel="stylesheet" href="styles/main.css">
- <script src="scripts/modernizr.js"></script>
-
- <link rel="preconnect" href="https://fonts.googleapis.com">
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- <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">
-</head>
-<body>
-
-<nav class="l-navigation">
- <div class="l-change-pop">
- <h3>Zmieniamy się!</h3>
- <p>
- Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd strony książki.
- Będziemy bardzo! wdzięczni za Twoją opinię – w prawym dolnym rogu znajdziesz przycisk oceny.
- Jeżeli wolisz klasyczny wygląd - wystarczy, że <a href="#">klikniesz tutaj</a>
- </p>
- <button class="l-change-pop__close">
- <i class="icon icon-close"></i>
- </button>
- </div>
- <div class="l-container">
- <a href="/" class="l-navigation__logo">
- <img src="images/logo.svg" alt="WolneLektury.pl">
- </a>
- <div class="l-naviagion__search">
- <input type="text" placeholder="szukaj tytułu, autora, motywów…">
- </div>
- <div class="l-navigation__actions">
- <a href="#"><i class="icon icon-liked"></i></a>
- <button class="l-navigation__button js-menu" aria-label="Menu">
- <span class="c-hamburger">
- <span class="bar"></span>
- </span>
- </button>
- </div>
- </div>
-</nav>
-
-<div class="l-container">
- <div class="l-breadcrumb">
- <a href="#"><span>Strona główna</span></a>
- <a href="#"><span>Literatura</span></a>
- <a href="#"><span>romantyzm</span></a>
- </div>
-</div>
-
-<main class="l-main">
- <section class="l-section">
- <aside class="l-aside">
- <figure>
- <img src="images/header.jpg" alt="">
- </figure>
- <ul class="l-aside__info">
- <li><span>Epoka:</span> romantyzm</li>
- <li><span>Rodzaj:</span> dramat</li>
- <li><span>Gatunek:</span> dramat romantyczny</li>
- </ul>
- <ul class="l-aside__zbiory">
- <li>
- <a href="#">Dziady</a>
- <ul>
- <li><a href="#">Upiór</a></li>
- <li><a href="#">Dziady, część II</a></li>
- <li><a href="#">Dziady, część IV</a></li>
- <li><a href="#">Dziady, część III</a></li>
- </ul>
- </li>
- </ul>
- </aside>
- <div class="l-content">
- <header class="l-header">
- <div class="l-header__content">
- <p>Adam Mickiewicz (tłum. Janina Kowalska-Nowak)</p>
- <h1>Dziady, część IV</h1>
- </div>
- <div class="l-header__actions">
- <button class="l-button l-button--fav">
- <img src="images/fav.svg" alt="Dodaj do ulubionych">
- </button>
- </div>
- </header>
- <article class="l-article">
- <div class="c-media">
- <div class="c-media__actions">
- <div class="c-media__btn">
- <button class="l-button l-button--media" id="audiobook"><i class="icon icon-audio"></i> pobierz audiobook</button>
- </div>
- <div class="c-media__btn">
- <button class="l-button l-button--media" id="ebook"><i class="icon icon-book"></i> pobierz książkę</button>
- </div>
- <div class="c-media__btn">
- <button class="l-button l-button--media l-button--media--full"><i class="icon icon-eye"></i> czytaj online</button>
- </div>
- </div>
- <div class="c-media__player">
- <div class="c-player__head">
- <span>Henryk Sienkiewicz, Potop, Potop, tom pierwszy, tom 1, rozdział 1. Czyta Jasiek Staszczyk, reż. Jasiek Staszczyk</span>
- </div>
- <div class="c-player">
- <div class="c-player__btns">
- <button><i class="icon icon-prev"></i></button>
- <button class="c-player__btn--md"><i class="icon icon-play"></i></button>
- <button><i class="icon icon-next"></i></button>
- <div class="c-select">
- <ul>
- <li>2×</li>
- <li>1.75×</li>
- <li>1.5×</li>
- <li>1.25×</li>
- <li class="is-active">1×</li>
- <li>0.75×</li>
- <li>0.5×</li>
- <li>0.25×</li>
- </ul>
- </div>
- </div>
- <div class="c-player__timeline">
- <div class="c-player__info">1. <strong>Godzina pierwsza</strong> – godzina miłości</div>
- <div class="c-player__chapters">
- <span>Rozdziały</span>
- <ul>
- <li>Godzina pierwsza – godzina miłości</li>
- <li>Druga godzina – godzina rozpaczy</li>
- <li>Trzecia godzina – godzina przestrogi</li>
- </ul>
- </div>
- <span>
- <span></span>
- </span>
- <time class="c-player__length">
- <span>2:35</span>
- <span>60:20</span>
- </time>
- </div>
- <div class="c-player__volume">
- <i class="icon icon-volume"></i>
- <input type="range" value="60" min="0" max="100" id="range" oninput="rangenumber.value=value">
- </div>
- </div>
- <div class="c-media__caption">
- <div class="icons">
- <i class="icon icon-acc-1"></i>
- <i class="icon icon-acc-2"></i>
- <i class="icon icon-acc-3"></i>
- </div>
- <div class="content">
- <p>Dofinansowano ze środków: Priorytet 4 Udostępnienie publikacji w formatach cyfrowych w ramach Narodowego Programu Rozwoju Czytelnictwa.</p>
- </div>
- </div>
- </div>
- <div class="c-media__popup" data-popup="ebook">
- <div class="c-media__popup__box">
- <div class="c-media__popup__box__lead">
- <h2>Pobieranie e-booka</h2>
- <p>Wybierz wersję dla siebie:</p>
- </div>
- <div class="c-media__popup__box__items">
- <div class="c-media__popup__box__item">
- <div>
- <h3>.pdf</h3>
- <p>Jeśli planujesz wydruk albo lekturę na urządzeniu mobilnym bez dodatkowych aplikacji.</p>
- </div>
- <div>
- <a href="#" class="l-button l-button--media l-button--media--full">.pdf</a>
- </div>
- </div>
- <div class="c-media__popup__box__item">
- <div>
- <h3>.epub</h3>
- <p>Uniwersalny format e-booków, obsługiwany przez większość czytników sprzętowych i aplikacji na urządzenia mobilne.</p>
- </div>
- <div>
- <a href="#" class="l-button l-button--media l-button--media--full">.epub</a>
- </div>
- </div>
- <div class="c-media__popup__box__item">
- <div>
- <h3>.mobi</h3>
- <p>Natywny format dla czytnika Amazon Kindle.</p>
- </div>
- <div>
- <a href="#" class="l-button l-button--media l-button--media--full">.mobi</a>
- </div>
- </div>
- <div class="c-media__popup__box__item">
- <div>
- <h3>synchrobook (epub3)</h3>
- <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format (np. ..., ..., ...).</p>
- </div>
- <div>
- <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
- </div>
- </div>
- <div class="c-media__popup__box__item">
- <div>
- <h3>inne formaty</h3>
- <ul>
- <li><a href="#">plik tekstowy (.txt)</a></li>
- <li><a href="#">FictionBook</a></li>
- </ul>
- </div>
- </div>
- </div>
- <button class="c-media__popup__close">
- <img src="images/close.svg" alt="Zamknij">
- </button>
- </div>
- </div>
- <div class="c-media__popup" data-popup="audiobook">
- <div class="c-media__popup__box">
- <div class="c-media__popup__box__lead">
- <h2>Pobieranie audiobooka</h2>
- <p>Wybierz wersję dla siebie:</p>
- </div>
- <div class="c-media__popup__box__items">
- <div class="c-media__popup__box__item">
- <div>
- <h3>.mp3</h3>
- <p>Uniwersalny format, obsługiwany przez wszystkie urządzenia.</p>
- </div>
- <div>
- <a href="#" class="l-button l-button--media l-button--media--full">.mp3</a>
- </div>
- </div>
- <div class="c-media__popup__box__item">
- <div>
- <h3>OggVorbis</h3>
- <p>Otwarty format plików audio, oferujący nagranie w najwyższej jakości dźwiękowej.</p>
- </div>
- <div>
- <a href="#" class="l-button l-button--media l-button--media--full">.ogg</a>
- </div>
- </div>
- <div class="c-media__popup__box__item">
- <div>
- <h3>DAISY</h3>
- <p>Format dla osób z dysfunkcjami czytania.</p>
- </div>
- <div>
- <a href="#" class="l-button l-button--media l-button--media--full">DAISY</a>
- </div>
- </div>
- <div class="c-media__popup__box__item">
- <div>
- <h3>synchrobook</h3>
- <p>Książka elektroniczna i audiobook w jednym. Wymaga aplikacji obsługującej format.</p>
- </div>
- <div>
- <a href="#" class="l-button l-button--media l-button--media--full">synchrobook</a>
- </div>
- </div>
- </div>
- <button class="c-media__popup__close">
- <img src="images/close.svg" alt="Zamknij">
- </button>
- </div>
- </div>
- </div>
-
- <div class="l-article__overlay" data-max-height="327">
- <h3>Opis</h3>
- <p>
- 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.
- </p>
- <p>
- 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ę?
- </p>
- <p>
- 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.
- </p>
- <h4>Spis treści:</h4>
- <ul>
- <li>Dziady. Poema</li>
- <li>Przedmowa</li>
- <li>Upiór</li>
- <li>Dziady, część II</li>
- <li>Dziady, część IV</li>
- <li>Dziady, część III</li>
- <li>Dziady. Widowisko, część I</li>
- </ul>
- </div>
- <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Czytaj więcej</button>
- </article>
- <div class="c-support">
- <div class="c-support__content">
- <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>
- <a href="#">Dorzuć się!</a>
- </div>
- <figure>
- <img src="images/img-1.jpg" alt="Dorzuć się!">
- </figure>
- </div>
- </div>
- </section>
- <section class="l-section">
- <div class="l-author">
- <div class="row">
- <h2>O autorze</h2>
- <div>
- <figure class="l-author__photo">
- <img src="images/author.jpg" alt="Adam Mickiewicz">
- <figcaption>
- Źródło: Wikipedia
- </figcaption>
- </figure>
- <article class="l-author__info">
- <h3>Adam Mickiewicz</h3>
- <div class="l-article__overlay" data-max-height="327">
- <p>
- Ur. 24 grudnia 1798 r. w Zaosiu koło Nowogródka <br>
- Zm. 26 listopada 1855 r. w Konstantynopolu (dziś: Stambuł)
- </p>
- </div>
- <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Czytaj więcej" data-action="Zwiń tekst">Czytaj więcej</button>
- </article>
- </div>
- </div>
- <div class="row">
- <div class="l-author__quotes">
- <div class="l-author__quotes__slider">
- <div class="l-author__quotes__slider__item">
- <em>
- 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.
- </em>
- <p>Adam Mickiewicz – Dziady, część I</p>
- </div>
- <div class="l-author__quotes__slider__item">
- <em>
- 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.
- </em>
- <p>Adam Mickiewicz – Dziady, część II</p>
- </div>
- <div class="l-author__quotes__slider__item">
- <em>
- 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.
- </em>
- <p>Adam Mickiewicz – Dziady, część III</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="l-section">
- <div class="l-themes__wrapper">
- <h2>Motywy występujące w tym utworze <a href="#"><span>Wszystkie motywy</span> <i class="icon icon-arrow-right"></i></a></h2>
- <div class="l-themes">
- <ul>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">bitwa <span>(9)</span></a></li>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">antysemityzm <span>(9)</span></a></li>
- <li><a href="#">bijatyka <span>(9)</span></a></li>
- <li><a href="#">błądzenie <span>(9)</span></a></li>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">bitwa <span>(9)</span></a></li>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">antysemityzm <span>(9)</span></a></li>
- <li><a href="#">bijatyka <span>(9)</span></a></li>
- <li><a href="#">błądzenie <span>(9)</span></a></li>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">bitwa <span>(9)</span></a></li>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">antysemityzm <span>(9)</span></a></li>
- <li><a href="#">bijatyka <span>(9)</span></a></li>
- <li><a href="#">błądzenie <span>(9)</span></a></li>
- <li><a href="#">bitwa <span>(9)</span></a></li>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">błądzenie <span>(9)</span></a></li>
- <li><a href="#">bijatyka <span>(9)</span></a></li>
- <li><a href="#">błądzenie <span>(9)</span></a></li>
- <li><a href="#">bijatyka <span>(9)</span></a></li>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">bitwa <span>(9)</span></a></li>
- <li><a href="#">alkohol <span>(9)</span></a></li>
- <li><a href="#">antysemityzm <span>(9)</span></a></li>
- <li><a href="#">bijatyka <span>(9)</span></a></li>
- <li><a href="#">błądzenie <span>(9)</span></a></li>
- </ul>
- </div>
- <ul class="links">
- <li>
- <a href="#">źródłowy plik XML</a>
- </li>
- <li>
- <a href="#">miksuj treść utworu</a>
- </li>
- <li>
- <a href="#">utwór na Platformie Redakcyjnej</a>
- </li>
- </ul>
- </div>
- </section>
-</main>
-
-<section class="l-section">
- <div class="l-books__wrapper">
- <div class="l-container">
- <h2>Tytuły powiązane</h2>
- <div class="l-books">
- <article class="l-books__item">
- <figure class="l-books__item__img">
- <a href="#">
- <img src="images/book-1.jpg" alt="Poetyka">
- </a>
- </figure>
- <h3><a href="#">Arystoteles</a></h3>
- <h2><a href="#">Poetyka</a></h2>
- </article>
- <article class="l-books__item">
- <figure class="l-books__item__img">
- <a href="#">
- <img src="images/book-2.jpg" alt="Wstęp do filozofii">
- </a>
- </figure>
- <h3><a href="#">Stanisław Brzozowski</a></h3>
- <h2><a href="#">Wstęp do filozofii</a></h2>
- </article>
- <article class="l-books__item">
- <figure class="l-books__item__img">
- <a href="#">
- <img src="images/book-3.jpg" alt="Etyka">
- </a>
- </figure>
- <h3><a href="#">Benedykt de Spinoza</a></h3>
- <h2><a href="#">Etyka</a></h2>
- </article>
- <article class="l-books__item">
- <figure class="l-books__item__img">
- <a href="#">
- <img src="images/book-3.jpg" alt="Wstęp do filozofii">
- </a>
- </figure>
- <h3><a href="#">Stanisław Brzozowski</a></h3>
- <h2><a href="#">Wstęp do filozofii</a></h2>
- </article>
- <article class="l-books__item l-books__item--link">
- <a href="#">i wiele innych książek, wierszy, obrazów, audiobooków…</a>
- <a href="#" class="icon-link"><i class="icon icon-all"></i></a>
- </article>
- </div>
- </div>
- </div>
-</section>
-
-<div class="l-footer">
- <div class="l-container">
- <div class="l-footer__row">
- <a href="#"><img src="images/FNP-logo.png" alt="FUNDACJA Nowoczesna Polska"></a>
- <ul>
- <li>ul. Marszałkowska 84/92 lok. 125</li>
- <li>00-514 Warszawa</li>
- </ul>
- <ul class="teal">
- <li>tel. <a href="#">(22) 621 30 17</a></li>
- <li>email <a href="#">fundacja@nowoczesnapolska.org.pl</a></li>
- </ul>
- </div>
- <div class="l-footer__row">
- <div>
- Wolne Lektury to projekt prowadzony przez fundację <a href="#">Nowoczesna Polska</a>. <br>
- Hosting: <a href="#">ICM</a>.
- </div>
- <div>
- <a href="#"><img src="images/MKiDN.png" alt="MKiDN"></a>
- </div>
- <div>
- Strona biblioteki Wolne Lektury powstała dzięki dofinansowaniu ze środków Ministra <a href="#">Kultury i Dziedzictwa Narodowego</a>
- pochodzących z <a href="#">Funduszu Promocji Kultury</a> – państwowego funduszu celowego.
- </div>
- </div>
- </div>
-</div>
-
-<script src="scripts/vendor.js"></script>
-<script src="scripts/main.js"></script>
-</body>
-</html>
.experiment {
display: flex;
+ margin: 1em 16px;
+ font-size: 1.5em;
align-items: center;
+ flex-direction: column;
+ margin-top: 2em;
+ @include rwd($break-flow) {
+ flex-direction: row;
+ align-items: flex-end;
+ }
+
+ > span, > div {
+ text-align: center;
+ @include rwd($break-flow) {
+ width: 50%;
+ }
+ }
}
+.legend {
+ margin: 1em 16px;
+ font-size: .7em;
+ color: #777;
+ text-align:right;
+ font-style:italic;
+}
+
.funding-promo-bar {
margin: 18px auto;
+++ /dev/null
-// JS Menu
-(function () {
- let button = $('.js-menu');
- let menu = $('.l-navigation__menu');
- let menuLinks = menu.find('a');
-
- button.on('click', function() {
- if(!$(this).hasClass('is-active')) {
- $(this).addClass('is-active');
- menu.addClass('is-open');
- button.find('.bar').addClass('animate');
- menuLinks.attr('tabindex', 0);
- } else {
- $(this).removeClass('is-active');
- menu.removeClass('is-open');
- button.find('.bar').removeClass('animate');
- menuLinks.attr('tabindex', -1);
- }
- });
-
- $(document).keyup(function(e) {
- if (e.keyCode === 27) {
- button.removeClass('is-active');
- menu.removeClass('is-open');
- button.find('.bar').removeClass('animate');
- menuLinks.attr('tabindex', -1);
- }
- });
-})();
-
-// Ebook/Audiobook Btns
-(function() {
- let button = $('.c-media__btn button');
- let closeButton = $('.c-media__popup__close');
-
- button.on('click', function () {
- let target = $(this).attr('id');
- $('[data-popup=' + target).addClass('is-open');
- });
-
- closeButton.on('click', function() {
- $(this).closest('.c-media__popup').removeClass('is-open');
- });
-
- $(document).keyup(function(e) {
- if (e.keyCode === 27) {
- $('.c-media__popup').removeClass('is-open');
- }
- });
-})();
-
-
-
-// Text overlay toggler
-(function () {
- let overlays = $('.l-article__overlay');
- let button = $('.l-article__read-more');
-
- overlays.each(function () {
- let maxHeight = $(this).attr('data-max-height');
- if($(this).outerHeight() > maxHeight) {
- $(this).css({'maxHeight': maxHeight+'px'}).addClass('is-active');
- } else {
- $(this).next('.l-article__read-more').hide();
- }
- });
-
- button.on('click', function() {
- let dataLabel = $(this).attr('data-label');
- let dataAction = $(this).attr('data-action');
- $(this).parent().find('.l-article__overlay').toggleClass('is-clicked');
- if($(this).text() === dataLabel) {
- $(this).text(dataAction);
- } else {
- $(this).text(dataLabel);
- }
- });
-})();
-
-
-
-// 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
- });
-})();
-
-
-//Zmieniamy się popup
-(function() {
- let $change = $('.l-change-pop');
- function change() {
- if(localStorage.getItem('change') === null) {
- $change.addClass('show');
- }
-
- $change.on('click', '.l-change-pop__close', function () {
- $change.slideUp();
- localStorage.setItem('change', 'showed');
-
- $menubtn = $('.c-hamburger').parent();
- $menubtn.removeClass('is-active');
- $('.animate', $menubtn).removeClass('animate');
- });
-
- $(".c-hamburger").click(function() {
- $button = $(this).parent();
- if ($button.hasClass('is-active')) {
- $change.slideUp();
- localStorage.setItem('change', 'showed');
- } else {
- localStorage.removeItem('change');
- $change.slideDown({
- start: function() {
- $(this).css({display: "flex"});
- }
- });
- }
- });
- }
-
- if($change.length) { change(); }
-
- function quit_experiment() {
- document.cookie = 'EXPERIMENT_layout=off; path=/; max-age=31536000';
- window.location.reload(true);
- }
- $(".quit-experiment").click(quit_experiment);
-
-
-})();
align-items: center;
justify-content: center;
margin-top: 35px;
+ width: 100%;
}
.l-switch {
}
.l-switch label {
- color: #fff;
+ color: #74BDC2;
font-weight: 600;
font-size: 18.5px;
line-height: 26px;
z-index: 2;
}
+.toggle-input-left:checked ~ .l-switch__wrapper {
+ .toggle-for-left {
+ color: #003C3C;
+ }
+ .toggle {
+ left: 5px;
+ }
+}
+.toggle-input-right:checked ~ .l-switch__wrapper {
+ .toggle-for-right {
+ color: #003C3C;
+ }
+ .toggle {
+ left: 39px;
+ }
+}
.l-switch input:checked~label:nth-of-type(1) { color: #003C3C; }
-.l-switch input:checked~label:nth-of-type(2) { color: #74BDC2; }
-
-.l-switch input~:checked~label:nth-of-type(1) { color: #74BDC2; }
.l-switch input~:checked~label:nth-of-type(2) { color: #003C3C; }
.l-switch input:checked~.toggle {
}
}
-.l-change-pop__close {
- border: 0;
- background: transparent;
- color: #333333;
- outline: 0;
- position: absolute;
- right: 26px;
- top: 0;
- bottom: 0;
- margin: auto;
- cursor: pointer;
-}
-
.l-navigation__menu {
position: fixed;
top: 0; left: 0;
return false;
});
+ // experiments
+ $(".experiment input").on('change', function() {
+ let name = $(this).attr('name');
+ let val = $(this).val();
+ document.cookie = 'EXPERIMENT_' + name + '=' + val + '; path=/; max-age=31536000';
+ window.location.reload(true);
+ });
});
})(jQuery);
</main>
{% endblock %}
- <div class="l-main">
- <div class="l-change-pop">
- <h3>Zmieniamy się!</h3>
- <p>
- Jeżeli to czytasz jesteś jedną z osób, której prezentujemy nowy wygląd części stron.
- Będziemy bardzo! wdzięczni za Twoją opinię – <a href='/formularz/ux-strona-ksiazki-T1/' target="_blank">możesz nam ją przesłać tutaj</a>.
- Jeżeli wolisz klasyczny wygląd - wystarczy, że <a class="quit-experiment" href="#">klikniesz tutaj</a>
- </p>
- </div>
- </div>
-
-
{% include '2022/footer.html' %}
<script type="text/javascript">