From: Radek Czajka <rczajka@rczajka.pl>
Date: Tue, 13 Jun 2023 21:34:00 +0000 (+0200)
Subject: Remove public layout experiment.
X-Git-Url: https://git.mdrn.pl/wolnelektury.git/commitdiff_plain/243ac5a586da9e5abb87698306794b6cc173ded1?ds=sidebyside

Remove public layout experiment.
---

diff --git a/src/catalogue/locale/pl/LC_MESSAGES/django.mo b/src/catalogue/locale/pl/LC_MESSAGES/django.mo
index 3f9a569c1..3a0b65a0d 100644
Binary files a/src/catalogue/locale/pl/LC_MESSAGES/django.mo and b/src/catalogue/locale/pl/LC_MESSAGES/django.mo differ
diff --git a/src/catalogue/locale/pl/LC_MESSAGES/django.po b/src/catalogue/locale/pl/LC_MESSAGES/django.po
index 9bc2dcc26..6bce154cb 100644
--- a/src/catalogue/locale/pl/LC_MESSAGES/django.po
+++ b/src/catalogue/locale/pl/LC_MESSAGES/django.po
@@ -5,7 +5,7 @@ msgid ""
 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"
@@ -217,7 +217,7 @@ msgstr "prapremiera do"
 
 #: catalogue/models/book.py:59
 msgid "findable"
-msgstr ""
+msgstr "wyszukiwalna"
 
 #: catalogue/models/book.py:70
 msgid "cover"
@@ -489,33 +489,33 @@ msgstr "Spis treści"
 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."
@@ -523,19 +523,19 @@ msgid ""
 "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ół."
 
@@ -593,26 +593,28 @@ msgstr "Katalog"
 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"
 
@@ -620,12 +622,12 @@ 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"
 
@@ -835,6 +837,7 @@ msgid "See full category"
 msgstr "Zobacz całą kategorię"
 
 #: catalogue/templates/catalogue/tagged_object_list.html:5
+#: catalogue/views.py:250
 msgid "Audiobooks"
 msgstr "Audiobooki"
 
@@ -890,7 +893,7 @@ msgstr "Ładowanie"
 msgid "vulgar language"
 msgstr "wulgaryzmy"
 
-#: catalogue/views.py:399
+#: catalogue/views.py:629
 #, python-format
 msgid ""
 "An error occurred: %(exception)s\n"
@@ -901,11 +904,11 @@ msgstr ""
 "\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"
diff --git a/src/catalogue/views.py b/src/catalogue/views.py
index d563b68a6..0bca7d814 100644
--- a/src/catalogue/views.py
+++ b/src/catalogue/views.py
@@ -567,8 +567,6 @@ def book_detail(request, slug):
             'club_form': ScheduleForm() if book.preview else None,
             'club': Club.objects.first() if book.preview else None,
             'donation_form': DonationStep1Form(),
-
-            'EXPERIMENTS_SWITCHABLE_layout': True,
         })
 
 
diff --git a/src/club/locale/pl/LC_MESSAGES/django.mo b/src/club/locale/pl/LC_MESSAGES/django.mo
index 18559c6ca..0d2439052 100644
Binary files a/src/club/locale/pl/LC_MESSAGES/django.mo and b/src/club/locale/pl/LC_MESSAGES/django.mo differ
diff --git a/src/club/locale/pl/LC_MESSAGES/django.po b/src/club/locale/pl/LC_MESSAGES/django.po
index ba66521e8..c1f8a21b0 100644
--- a/src/club/locale/pl/LC_MESSAGES/django.po
+++ b/src/club/locale/pl/LC_MESSAGES/django.po
@@ -7,7 +7,7 @@ msgid ""
 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"
@@ -17,7 +17,7 @@ msgstr ""
 "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"
@@ -28,10 +28,8 @@ msgid "schedule expired"
 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"
@@ -86,111 +84,111 @@ msgstr "towarzystwo"
 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"
@@ -199,7 +197,7 @@ msgstr[1] "%d dni przed wygaśnięciem"
 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"
@@ -208,19 +206,19 @@ msgstr[1] "%d dni po wygaśnięciu"
 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"
 
@@ -504,12 +502,7 @@ msgid "Supporting Wolne Lektury"
 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 "
@@ -517,7 +510,8 @@ msgid ""
 "        "
 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"
diff --git a/src/experiments/experiments.py b/src/experiments/experiments.py
index d38666d74..8cd278594 100644
--- a/src/experiments/experiments.py
+++ b/src/experiments/experiments.py
@@ -8,6 +8,7 @@ class NewLayout(Experiment):
     slug = 'layout'
     name = 'Nowy layout strony'
     size = settings.EXPERIMENTS_LAYOUT
+    switchable = False
 
 
 class Sowka(Experiment):
diff --git a/src/experiments/locale/pl/LC_MESSAGES/django.mo b/src/experiments/locale/pl/LC_MESSAGES/django.mo
new file mode 100644
index 000000000..8d5444a1f
Binary files /dev/null and b/src/experiments/locale/pl/LC_MESSAGES/django.mo differ
diff --git a/src/experiments/locale/pl/LC_MESSAGES/django.po b/src/experiments/locale/pl/LC_MESSAGES/django.po
new file mode 100644
index 000000000..c81c28aad
--- /dev/null
+++ b/src/experiments/locale/pl/LC_MESSAGES/django.po
@@ -0,0 +1,41 @@
+# 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"
diff --git a/src/experiments/templates/experiments/main_switch.html b/src/experiments/templates/experiments/main_switch.html
index 7638e1f76..77c29f353 100644
--- a/src/experiments/templates/experiments/main_switch.html
+++ b/src/experiments/templates/experiments/main_switch.html
@@ -1,52 +1,51 @@
 {% 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 %}
diff --git a/src/experiments/templatetags/experiments.py b/src/experiments/templatetags/experiments.py
deleted file mode 100644
index f491fb33b..000000000
--- a/src/experiments/templatetags/experiments.py
+++ /dev/null
@@ -1,22 +0,0 @@
-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,
-    }
diff --git a/src/experiments/views.py b/src/experiments/views.py
index 001b32a7f..50c6f1e94 100644
--- a/src/experiments/views.py
+++ b/src/experiments/views.py
@@ -3,3 +3,11 @@ from django.views.generic import TemplateView
 
 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
+            ]
+        }
diff --git a/src/pdcounter/locale/pl/LC_MESSAGES/django.po b/src/pdcounter/locale/pl/LC_MESSAGES/django.po
index e3c9de2e9..435ca71be 100644
--- a/src/pdcounter/locale/pl/LC_MESSAGES/django.po
+++ b/src/pdcounter/locale/pl/LC_MESSAGES/django.po
@@ -17,51 +17,51 @@ msgstr ""
 "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"
 
diff --git a/src/search/index.py b/src/search/index.py
index 22c9a02ae..4606f57db 100644
--- a/src/search/index.py
+++ b/src/search/index.py
@@ -9,7 +9,6 @@ import os
 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
@@ -350,9 +349,6 @@ class Index(SolrIndex):
                     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
diff --git a/src/search/locale/pl/LC_MESSAGES/django.po b/src/search/locale/pl/LC_MESSAGES/django.po
index cb091bdb6..7ea85d049 100644
--- a/src/search/locale/pl/LC_MESSAGES/django.po
+++ b/src/search/locale/pl/LC_MESSAGES/django.po
@@ -18,12 +18,12 @@ msgstr ""
 "|| 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"
 
diff --git a/src/wolnelektury/static/2021/scripts/main.js b/src/wolnelektury/static/2021/scripts/main.js
index 3bbb38d55..696a5fb00 100644
--- a/src/wolnelektury/static/2021/scripts/main.js
+++ b/src/wolnelektury/static/2021/scripts/main.js
@@ -332,34 +332,6 @@
   });
 })();
 
-//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');
@@ -549,4 +521,15 @@
         $('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);
+    });
+
+
 })();
diff --git a/src/wolnelektury/static/2022/index.html b/src/wolnelektury/static/2022/index.html
deleted file mode 100644
index 3eaf87c07..000000000
--- a/src/wolnelektury/static/2022/index.html
+++ /dev/null
@@ -1,496 +0,0 @@
-<!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>
diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss
index 65516666f..6aa6caa3e 100644
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -230,10 +230,33 @@ form {
 
 .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;
diff --git a/src/wolnelektury/static/2022/scripts/main.js b/src/wolnelektury/static/2022/scripts/main.js
deleted file mode 100644
index de8b661bd..000000000
--- a/src/wolnelektury/static/2022/scripts/main.js
+++ /dev/null
@@ -1,140 +0,0 @@
-// 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);
-
-    
-})();
diff --git a/src/wolnelektury/static/2022/styles/layout/_checkout.scss b/src/wolnelektury/static/2022/styles/layout/_checkout.scss
index efbb9eb27..870da2311 100644
--- a/src/wolnelektury/static/2022/styles/layout/_checkout.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_checkout.scss
@@ -174,6 +174,7 @@
   align-items: center;
   justify-content: center;
   margin-top: 35px;
+  width: 100%;
 }
 
 .l-switch {
@@ -186,7 +187,7 @@
 }
 
 .l-switch label {
-  color: #fff;
+  color: #74BDC2;
   font-weight: 600;
   font-size: 18.5px;
   line-height: 26px;
@@ -221,10 +222,23 @@
   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 {
diff --git a/src/wolnelektury/static/2022/styles/layout/_navigation.scss b/src/wolnelektury/static/2022/styles/layout/_navigation.scss
index a139ae8cd..9333766bc 100644
--- a/src/wolnelektury/static/2022/styles/layout/_navigation.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_navigation.scss
@@ -215,19 +215,6 @@ body {
   }
 }
 
-.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;
diff --git a/src/wolnelektury/static/img/experiment.jpg b/src/wolnelektury/static/img/experiment.jpg
new file mode 100644
index 000000000..3a3be6e4c
Binary files /dev/null and b/src/wolnelektury/static/img/experiment.jpg differ
diff --git a/src/wolnelektury/static/js/base.js b/src/wolnelektury/static/js/base.js
index 8f26db440..01c6d4e4b 100644
--- a/src/wolnelektury/static/js/base.js
+++ b/src/wolnelektury/static/js/base.js
@@ -375,6 +375,13 @@
             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);
 
diff --git a/src/wolnelektury/templates/2022/base.html b/src/wolnelektury/templates/2022/base.html
index 087c51bd7..2cdcfd80a 100644
--- a/src/wolnelektury/templates/2022/base.html
+++ b/src/wolnelektury/templates/2022/base.html
@@ -50,18 +50,6 @@
       </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">