Zmieniamy sie navigation popup added
authorDamian Zawadzki <damian.zawadzki@outlook.com>
Mon, 21 Feb 2022 14:56:38 +0000 (15:56 +0100)
committerDamian Zawadzki <damian.zawadzki@outlook.com>
Mon, 21 Feb 2022 14:56:38 +0000 (15:56 +0100)
12 files changed:
src/catalogue/templates/catalogue/2021/book_detail.html
src/wolnelektury/static/2021/scripts/main.js
src/wolnelektury/static/2022/fonts/wl.svg
src/wolnelektury/static/2022/fonts/wl.ttf
src/wolnelektury/static/2022/fonts/wl.woff
src/wolnelektury/static/2022/images/img-1.jpg
src/wolnelektury/static/2022/styles/base/_global.scss
src/wolnelektury/static/2022/styles/base/_icons.scss
src/wolnelektury/static/2022/styles/components/_player.scss
src/wolnelektury/static/2022/styles/components/_support.scss
src/wolnelektury/static/2022/styles/layout/_navigation.scss
src/wolnelektury/static/2022/styles/vendors/slick-theme.scss

index ea3591f..5572063 100644 (file)
   <body>
 
     <nav class="l-navigation">
   <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="{% static "2022/images/logo.png" %}" alt="WolneLektury.pl">
       <div class="l-container">
         <a href="/" class="l-navigation__logo">
           <img src="{% static "2022/images/logo.png" %}" alt="WolneLektury.pl">
index 8120b43..b79abf8 100644 (file)
       $(this).text(dataLabel);
     }
   });
       $(this).text(dataLabel);
     }
   });
+})();
+
+//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(); }
 })();
\ No newline at end of file
 })();
\ No newline at end of file
index 567d8a7..c5fbd3e 100644 (file)
 <glyph unicode="&#xe904;" glyph-name="book" d="M934.956-64h-712.348c-75.687 0-133.565 57.878-133.565 133.565s57.878 133.565 133.565 133.565h712.348v-267.13zM222.608 114.087c-26.713 0-44.522-17.809-44.522-44.522s17.809-44.522 44.522-44.522h623.304v89.043h-623.304zM178.086 69.565h-89.043v756.87c0 75.687 57.878 133.565 133.565 133.565h712.348v-801.391h-89.043v712.348h-623.304c-26.713 0-44.522-17.809-44.522-44.522v-756.87zM756.869 425.739h-445.217v311.652h445.217v-311.652zM400.695 514.783h267.13v133.565h-267.13v-133.565z" />
 <glyph unicode="&#xe905;" glyph-name="eye" d="M65.422 442.311l-48.356 28.444-17.067-28.444 17.067-28.444 48.356 28.444zM958.578 442.311l48.356-28.444 17.067 28.444-17.067 28.444-48.356-28.444zM116.622 416.711c76.8 136.533 224.711 230.4 395.378 230.4v113.778c-213.333 0-398.222-116.622-494.933-290.133l99.556-54.044zM512 647.111c170.667 0 318.578-93.867 395.378-230.4l99.556 56.889c-96.711 170.667-281.6 287.289-494.933 287.289v-113.778zM910.222 470.756c-79.644-130.844-227.556-221.867-398.222-221.867v-113.778c210.489 0 398.222 110.933 494.933 278.756l-96.711 56.889zM512 248.889c-170.667 0-318.578 91.022-398.222 221.867l-99.556-56.889c99.556-167.822 287.289-278.756 497.778-278.756v113.778zM520.533 192c-142.222 0-256 113.778-256 256s113.778 256 256 256c142.222 0 256-113.778 256-256s-113.778-256-256-256zM520.533 647.111c-110.933 0-199.111-88.178-199.111-199.111s88.178-199.111 199.111-199.111c110.933 0 199.111 88.178 199.111 199.111s-88.178 199.111-199.111 199.111zM577.422 448c0-31.419-25.47-56.889-56.889-56.889s-56.889 25.47-56.889 56.889c0 31.419 25.47 56.889 56.889 56.889s56.889-25.47 56.889-56.889z" />
 <glyph unicode="&#xe906;" glyph-name="play" d="M878.774 488.792c28.733-19.607 28.733-61.981 0-81.587l-677.875-462.529c-32.782-22.367-77.222 1.107-77.222 40.794v925.058c0 39.686 44.44 63.163 77.222 40.795l677.875-462.53z" />
 <glyph unicode="&#xe904;" glyph-name="book" d="M934.956-64h-712.348c-75.687 0-133.565 57.878-133.565 133.565s57.878 133.565 133.565 133.565h712.348v-267.13zM222.608 114.087c-26.713 0-44.522-17.809-44.522-44.522s17.809-44.522 44.522-44.522h623.304v89.043h-623.304zM178.086 69.565h-89.043v756.87c0 75.687 57.878 133.565 133.565 133.565h712.348v-801.391h-89.043v712.348h-623.304c-26.713 0-44.522-17.809-44.522-44.522v-756.87zM756.869 425.739h-445.217v311.652h445.217v-311.652zM400.695 514.783h267.13v133.565h-267.13v-133.565z" />
 <glyph unicode="&#xe905;" glyph-name="eye" d="M65.422 442.311l-48.356 28.444-17.067-28.444 17.067-28.444 48.356 28.444zM958.578 442.311l48.356-28.444 17.067 28.444-17.067 28.444-48.356-28.444zM116.622 416.711c76.8 136.533 224.711 230.4 395.378 230.4v113.778c-213.333 0-398.222-116.622-494.933-290.133l99.556-54.044zM512 647.111c170.667 0 318.578-93.867 395.378-230.4l99.556 56.889c-96.711 170.667-281.6 287.289-494.933 287.289v-113.778zM910.222 470.756c-79.644-130.844-227.556-221.867-398.222-221.867v-113.778c210.489 0 398.222 110.933 494.933 278.756l-96.711 56.889zM512 248.889c-170.667 0-318.578 91.022-398.222 221.867l-99.556-56.889c99.556-167.822 287.289-278.756 497.778-278.756v113.778zM520.533 192c-142.222 0-256 113.778-256 256s113.778 256 256 256c142.222 0 256-113.778 256-256s-113.778-256-256-256zM520.533 647.111c-110.933 0-199.111-88.178-199.111-199.111s88.178-199.111 199.111-199.111c110.933 0 199.111 88.178 199.111 199.111s-88.178 199.111-199.111 199.111zM577.422 448c0-31.419-25.47-56.889-56.889-56.889s-56.889 25.47-56.889 56.889c0 31.419 25.47 56.889 56.889 56.889s56.889-25.47 56.889-56.889z" />
 <glyph unicode="&#xe906;" glyph-name="play" d="M878.774 488.792c28.733-19.607 28.733-61.981 0-81.587l-677.875-462.529c-32.782-22.367-77.222 1.107-77.222 40.794v925.058c0 39.686 44.44 63.163 77.222 40.795l677.875-462.53z" />
-<glyph unicode="&#xe907;" glyph-name="quote" d="M1024 613.025c0 62.061-22.053 114.718-66.157 157.972-44.106 43.254-97.798 64.882-161.078 64.882-63.283 0-117.934-21.627-163.955-64.882-44.106-43.254-66.16-95.912-66.16-157.972 0-60.18 16.3-112.838 48.901-157.972 32.597-43.256 79.58-64.881 140.943-64.881-19.177-69.585-62.321-157.032-129.437-262.349-3.835-3.761-5.753-8.462-5.753-14.103s5.753-14.106 17.259-25.389c13.421-13.163 28.762-19.748 46.021-19.748h2.877c19.177 0 37.395 8.465 54.651 25.389 61.366 56.419 136.152 152.331 224.362 287.735 36.433 58.3 55.609 133.526 57.527 225.676v5.642zM457.349 604.563c0 62.061-22.053 114.718-66.16 157.972-44.103 43.254-97.796 64.882-161.077 64.882s-117.933-21.627-163.955-64.882c-44.105-43.254-66.157-94.971-66.157-155.152 0-62.061 16.3-114.718 48.899-157.971 32.599-45.137 79.581-67.705 140.944-67.705-19.176-69.582-62.322-157.032-129.438-262.346-3.835-3.761-5.753-8.462-5.753-14.103 0-5.644 5.753-15.047 17.258-28.21 13.423-11.286 28.764-16.927 46.022-16.927h2.877c19.176 0 37.393 8.462 54.652 25.389 61.363 56.419 136.149 152.331 224.359 287.735 36.436 58.3 55.613 133.523 57.53 225.675v5.642z" />
-<glyph unicode="&#xe908;" glyph-name="search" d="M447.767 66.327c-245.76 0-446.836 201.077-446.836 446.836s201.077 446.836 446.836 446.836c245.76 0 446.836-201.077 446.836-446.836s-201.077-446.836-446.836-446.836zM447.767 848.291c-186.182 0-335.128-148.946-335.128-335.128s148.946-335.128 335.128-335.128c186.182 0 335.128 148.946 335.128 335.128s-148.946 335.128-335.128 335.128zM969.076-64c-14.895 0-29.789 3.723-40.96 14.895l-223.419 223.419c-22.342 22.342-22.342 55.854 0 78.196s55.854 22.342 78.196 0l223.419-223.419c22.342-22.342 22.342-55.854 0-78.196-7.447-11.17-22.342-14.895-37.236-14.895z" />
-<glyph unicode="&#xe909;" glyph-name="acc-1" d="M511.063 959.999c143.218 0 265.157-50.001 365.718-149.954 48.132-48.145 84.724-103.17 109.714-165.027 24.978-61.873 37.506-127.537 37.506-197.027 0-70.097-12.367-135.778-37.025-197.010-24.686-61.251-61.121-115.361-109.249-162.292-49.967-49.361-106.657-87.17-170.067-113.376-63.378-26.21-128.914-39.314-196.565-39.314-67.647 0-132.416 12.93-194.289 38.865-61.857 25.888-117.33 63.378-166.403 112.435-49.073 49.054-86.401 104.385-112.002 165.955-25.6 61.566-38.401 126.464-38.401 194.737 0 67.667 12.944 132.722 38.849 195.203s63.553 118.402 112.914 167.779c97.521 99.33 217.283 149.026 359.3 149.026zM512.922 867.647c-117.027 0-215.477-40.849-295.334-122.514-40.24-40.849-71.169-86.705-92.802-137.602-21.664-50.896-32.464-104.081-32.464-159.554 0-54.867 10.8-107.744 32.464-158.61 21.649-50.928 52.561-96.339 92.802-136.259 40.225-39.936 85.617-70.384 136.242-91.443 50.576-21.024 103.619-31.535 159.092-31.535 54.847 0 108 10.642 159.571 31.984 51.503 21.362 97.934 52.114 139.41 92.337 79.84 78.017 119.745 175.844 119.745 293.51 0 56.69-10.37 110.32-31.090 160.914-20.689 50.593-50.881 95.682-90.463 135.33-82.337 82.289-181.366 123.442-297.173 123.442zM506.502 533l-68.592-35.663c-7.326 15.214-16.301 25.903-26.959 32-10.673 6.081-20.577 9.137-29.729 9.137-45.696 0-68.577-30.161-68.577-90.514 0-27.424 5.792-49.345 17.36-65.808 11.584-16.467 28.656-24.706 51.217-24.706 29.871 0 50.898 14.639 63.104 43.89l63.074-32.004c-13.407-25.005-32-44.654-55.776-58.975-23.745-14.336-49.967-21.488-78.625-21.488-45.713 0-82.609 14.001-110.642 42.063-28.033 28.034-42.049 67.040-42.049 117.012 0 48.766 14.176 87.457 42.513 116.114 28.336 28.64 64.145 42.976 107.442 42.976 63.41 0.032 108.801-24.656 136.24-74.034zM801.819 533l-67.663-35.663c-7.314 15.214-16.321 25.903-26.978 32-10.689 6.081-20.913 9.137-30.625 9.137-45.71 0-68.592-30.161-68.592-90.514 0-27.424 5.809-49.345 17.376-65.808 11.567-16.467 28.625-24.706 51.216-24.706 29.842 0 50.881 14.639 63.059 43.89l64-32.004c-14.001-25.005-32.91-44.654-56.655-58.975-23.776-14.336-49.684-21.488-77.714-21.488-46.336 0-83.346 14.001-111.057 42.063-27.778 28.034-41.633 67.040-41.633 117.012 0 48.766 14.159 87.457 42.528 116.114 28.321 28.64 64.13 42.976 107.41 42.976 63.393 0.032 108.528-24.656 135.329-74.034z" />
-<glyph unicode="&#xe90a;" glyph-name="acc-2" d="M511.121 960c138.279 0 254.925-49.36 349.877-148.112 95.508-99.36 143.309-220.656 143.309-363.888 0-143.856-46.907-263.617-140.694-359.298-99.631-101.805-217.123-152.702-352.492-152.702-133.060 0-248.506 50.306-346.368 150.879-96.692 100.576-145.061 220.928-145.061 361.121 0 140.176 48.369 261.472 145.061 363.872 94.954 98.768 210.385 148.128 346.368 148.128zM512.877 867.648c-111.94 0-206.586-40.848-283.955-122.512-80.308-85.344-120.446-184.402-120.446-297.152 0-113.376 39.846-211.519 119.538-294.368 79.708-82.912 174.646-124.337 284.832-124.337 109.584 0 205.139 41.712 286.598 125.251 77.371 77.407 116.047 175.23 116.047 293.486 0 116.417-39.274 215.44-117.784 297.136-78.525 81.664-173.477 122.496-284.83 122.496zM644.753 575.088v-209.358h-56.245v-248.674h-152.986v248.659h-56.246v209.374c0 9.152 3.077 16.912 9.215 23.312 6.169 6.384 13.646 9.6 22.415 9.6h202.216c8.2 0 15.537-3.2 21.969-9.6 6.416-6.4 9.661-14.176 9.661-23.312zM443.415 706.736c0 48.128 22.847 72.224 68.584 72.224s68.569-24.064 68.569-72.224c0-47.536-22.863-71.312-68.569-71.312s-68.584 23.776-68.584 71.312z" />
-<glyph unicode="&#xe90b;" glyph-name="acc-3" d="M511.087 960c143.218 0 264.499-49.68 363.874-149.040 99.328-98.752 149.039-219.728 149.039-362.96 0-143.265-48.786-263.314-146.322-360.224-102.991-101.183-225.213-151.776-366.592-151.776-138.382 0-258.446 50.286-360.222 150.863-100.56 100.561-150.864 220.912-150.864 361.121 0 139.568 50.304 260.56 150.864 362.96 99.344 99.376 219.424 149.056 360.222 149.056zM512.915 867.648c-116.417 0-214.85-41.152-295.314-123.44-83.52-84.736-125.264-183.474-125.264-296.208 0-113.999 41.44-212.114 124.32-294.4 82.896-82.912 181.633-124.337 296.222-124.337 113.971 0 213.346 41.744 298.067 125.251 80.463 78.013 120.686 175.837 120.686 293.486 0 117.008-40.846 215.76-122.494 296.208-81.073 82.32-179.826 123.44-296.224 123.44zM284.337 520.239c9.744 62.785 35.024 111.393 75.872 145.825 40.834 34.432 90.498 51.648 149.023 51.648 80.431 0 144.463-25.92 192-77.696 47.537-51.808 71.314-118.257 71.314-199.314 0-78.639-24.69-143.998-74.031-196.096-49.408-52.094-113.376-78.175-192.035-78.175-57.903 0-107.886 17.361-149.934 52.114-42.064 34.749-67.344 84.11-75.888 148.11h128.944c3.040-62.176 40.527-93.263 112.463-93.263 35.938 0 64.914 15.553 86.851 46.624 21.965 31.071 32.941 72.543 32.941 124.337 0 54.256-10.063 95.535-30.161 123.887-20.126 28.336-49.054 42.512-86.879 42.512-68.289 0-106.673-30.16-115.2-90.497h37.49l-101.474-101.486-101.488 101.486 40.192-0.016z" />
-<glyph unicode="&#xe90c;" glyph-name="all" d="M512.001-60.661c-17.809 0-35.617 4.452-48.974 17.809-26.713 26.713-26.713 66.783 0 93.496l396.243 396.243-396.243 396.243c-26.713 26.713-26.713 66.783 0 93.496s66.783 26.713 93.496 0l445.217-445.217c26.713-26.713 26.713-66.783 0-93.496l-445.217-445.217c-8.904-8.904-26.713-13.357-44.522-13.357zM957.218 384.557h-890.435c-35.617 0-66.783 31.165-66.783 66.783s31.165 66.783 66.783 66.783h890.435c35.617 0 66.783-31.165 66.783-66.783s-31.165-66.783-66.783-66.783z" />
-<glyph unicode="&#xe90d;" glyph-name="arrow-down" d="M518.334 167.316c-15.915 0-39.788 7.958-55.702 23.873l-437.659 397.871c-31.83 31.83-31.83 79.574-7.958 111.404 31.83 31.83 79.574 31.83 111.404 7.958l381.956-350.127 381.956 350.127c31.83 31.83 79.574 23.873 111.404-7.958s23.873-79.574-7.958-111.404l-437.659-397.871c0-15.915-23.873-23.873-39.788-23.873z" />
+<glyph unicode="&#xe907;" glyph-name="pause" d="M155.826 960h222.609v-1024h-222.609v1024zM645.565 960h222.609v-1024h-222.609v1024z" />
+<glyph unicode="&#xe908;" glyph-name="quote" d="M1024 613.025c0 62.061-22.053 114.718-66.157 157.972-44.106 43.254-97.798 64.882-161.078 64.882-63.283 0-117.934-21.627-163.955-64.882-44.106-43.254-66.16-95.912-66.16-157.972 0-60.18 16.3-112.838 48.901-157.972 32.597-43.256 79.58-64.881 140.943-64.881-19.177-69.585-62.321-157.032-129.437-262.349-3.835-3.761-5.753-8.462-5.753-14.103s5.753-14.106 17.259-25.389c13.421-13.163 28.762-19.748 46.021-19.748h2.877c19.177 0 37.395 8.465 54.651 25.389 61.366 56.419 136.152 152.331 224.362 287.735 36.433 58.3 55.609 133.526 57.527 225.676v5.642zM457.349 604.563c0 62.061-22.053 114.718-66.16 157.972-44.103 43.254-97.796 64.882-161.077 64.882s-117.933-21.627-163.955-64.882c-44.105-43.254-66.157-94.971-66.157-155.152 0-62.061 16.3-114.718 48.899-157.971 32.599-45.137 79.581-67.705 140.944-67.705-19.176-69.582-62.322-157.032-129.438-262.346-3.835-3.761-5.753-8.462-5.753-14.103 0-5.644 5.753-15.047 17.258-28.21 13.423-11.286 28.764-16.927 46.022-16.927h2.877c19.176 0 37.393 8.462 54.652 25.389 61.363 56.419 136.149 152.331 224.359 287.735 36.436 58.3 55.613 133.523 57.53 225.675v5.642z" />
+<glyph unicode="&#xe909;" glyph-name="search" d="M447.767 66.327c-245.76 0-446.836 201.077-446.836 446.836s201.077 446.836 446.836 446.836c245.76 0 446.836-201.077 446.836-446.836s-201.077-446.836-446.836-446.836zM447.767 848.291c-186.182 0-335.128-148.946-335.128-335.128s148.946-335.128 335.128-335.128c186.182 0 335.128 148.946 335.128 335.128s-148.946 335.128-335.128 335.128zM969.076-64c-14.895 0-29.789 3.723-40.96 14.895l-223.419 223.419c-22.342 22.342-22.342 55.854 0 78.196s55.854 22.342 78.196 0l223.419-223.419c22.342-22.342 22.342-55.854 0-78.196-7.447-11.17-22.342-14.895-37.236-14.895z" />
+<glyph unicode="&#xe90a;" glyph-name="acc-1" d="M511.063 959.999c143.218 0 265.157-50.001 365.718-149.954 48.132-48.145 84.724-103.17 109.714-165.027 24.978-61.873 37.506-127.537 37.506-197.027 0-70.097-12.367-135.778-37.025-197.010-24.686-61.251-61.121-115.361-109.249-162.292-49.967-49.361-106.657-87.17-170.067-113.376-63.378-26.21-128.914-39.314-196.565-39.314-67.647 0-132.416 12.93-194.289 38.865-61.857 25.888-117.33 63.378-166.403 112.435-49.073 49.054-86.401 104.385-112.002 165.955-25.6 61.566-38.401 126.464-38.401 194.737 0 67.667 12.944 132.722 38.849 195.203s63.553 118.402 112.914 167.779c97.521 99.33 217.283 149.026 359.3 149.026zM512.922 867.647c-117.027 0-215.477-40.849-295.334-122.514-40.24-40.849-71.169-86.705-92.802-137.602-21.664-50.896-32.464-104.081-32.464-159.554 0-54.867 10.8-107.744 32.464-158.61 21.649-50.928 52.561-96.339 92.802-136.259 40.225-39.936 85.617-70.384 136.242-91.443 50.576-21.024 103.619-31.535 159.092-31.535 54.847 0 108 10.642 159.571 31.984 51.503 21.362 97.934 52.114 139.41 92.337 79.84 78.017 119.745 175.844 119.745 293.51 0 56.69-10.37 110.32-31.090 160.914-20.689 50.593-50.881 95.682-90.463 135.33-82.337 82.289-181.366 123.442-297.173 123.442zM506.502 533l-68.592-35.663c-7.326 15.214-16.301 25.903-26.959 32-10.673 6.081-20.577 9.137-29.729 9.137-45.696 0-68.577-30.161-68.577-90.514 0-27.424 5.792-49.345 17.36-65.808 11.584-16.467 28.656-24.706 51.217-24.706 29.871 0 50.898 14.639 63.104 43.89l63.074-32.004c-13.407-25.005-32-44.654-55.776-58.975-23.745-14.336-49.967-21.488-78.625-21.488-45.713 0-82.609 14.001-110.642 42.063-28.033 28.034-42.049 67.040-42.049 117.012 0 48.766 14.176 87.457 42.513 116.114 28.336 28.64 64.145 42.976 107.442 42.976 63.41 0.032 108.801-24.656 136.24-74.034zM801.819 533l-67.663-35.663c-7.314 15.214-16.321 25.903-26.978 32-10.689 6.081-20.913 9.137-30.625 9.137-45.71 0-68.592-30.161-68.592-90.514 0-27.424 5.809-49.345 17.376-65.808 11.567-16.467 28.625-24.706 51.216-24.706 29.842 0 50.881 14.639 63.059 43.89l64-32.004c-14.001-25.005-32.91-44.654-56.655-58.975-23.776-14.336-49.684-21.488-77.714-21.488-46.336 0-83.346 14.001-111.057 42.063-27.778 28.034-41.633 67.040-41.633 117.012 0 48.766 14.159 87.457 42.528 116.114 28.321 28.64 64.13 42.976 107.41 42.976 63.393 0.032 108.528-24.656 135.329-74.034z" />
+<glyph unicode="&#xe90b;" glyph-name="acc-2" d="M511.121 960c138.279 0 254.925-49.36 349.877-148.112 95.508-99.36 143.309-220.656 143.309-363.888 0-143.856-46.907-263.617-140.694-359.298-99.631-101.805-217.123-152.702-352.492-152.702-133.060 0-248.506 50.306-346.368 150.879-96.692 100.576-145.061 220.928-145.061 361.121 0 140.176 48.369 261.472 145.061 363.872 94.954 98.768 210.385 148.128 346.368 148.128zM512.877 867.648c-111.94 0-206.586-40.848-283.955-122.512-80.308-85.344-120.446-184.402-120.446-297.152 0-113.376 39.846-211.519 119.538-294.368 79.708-82.912 174.646-124.337 284.832-124.337 109.584 0 205.139 41.712 286.598 125.251 77.371 77.407 116.047 175.23 116.047 293.486 0 116.417-39.274 215.44-117.784 297.136-78.525 81.664-173.477 122.496-284.83 122.496zM644.753 575.088v-209.358h-56.245v-248.674h-152.986v248.659h-56.246v209.374c0 9.152 3.077 16.912 9.215 23.312 6.169 6.384 13.646 9.6 22.415 9.6h202.216c8.2 0 15.537-3.2 21.969-9.6 6.416-6.4 9.661-14.176 9.661-23.312zM443.415 706.736c0 48.128 22.847 72.224 68.584 72.224s68.569-24.064 68.569-72.224c0-47.536-22.863-71.312-68.569-71.312s-68.584 23.776-68.584 71.312z" />
+<glyph unicode="&#xe90c;" glyph-name="acc-3" d="M511.087 960c143.218 0 264.499-49.68 363.874-149.040 99.328-98.752 149.039-219.728 149.039-362.96 0-143.265-48.786-263.314-146.322-360.224-102.991-101.183-225.213-151.776-366.592-151.776-138.382 0-258.446 50.286-360.222 150.863-100.56 100.561-150.864 220.912-150.864 361.121 0 139.568 50.304 260.56 150.864 362.96 99.344 99.376 219.424 149.056 360.222 149.056zM512.915 867.648c-116.417 0-214.85-41.152-295.314-123.44-83.52-84.736-125.264-183.474-125.264-296.208 0-113.999 41.44-212.114 124.32-294.4 82.896-82.912 181.633-124.337 296.222-124.337 113.971 0 213.346 41.744 298.067 125.251 80.463 78.013 120.686 175.837 120.686 293.486 0 117.008-40.846 215.76-122.494 296.208-81.073 82.32-179.826 123.44-296.224 123.44zM284.337 520.239c9.744 62.785 35.024 111.393 75.872 145.825 40.834 34.432 90.498 51.648 149.023 51.648 80.431 0 144.463-25.92 192-77.696 47.537-51.808 71.314-118.257 71.314-199.314 0-78.639-24.69-143.998-74.031-196.096-49.408-52.094-113.376-78.175-192.035-78.175-57.903 0-107.886 17.361-149.934 52.114-42.064 34.749-67.344 84.11-75.888 148.11h128.944c3.040-62.176 40.527-93.263 112.463-93.263 35.938 0 64.914 15.553 86.851 46.624 21.965 31.071 32.941 72.543 32.941 124.337 0 54.256-10.063 95.535-30.161 123.887-20.126 28.336-49.054 42.512-86.879 42.512-68.289 0-106.673-30.16-115.2-90.497h37.49l-101.474-101.486-101.488 101.486 40.192-0.016z" />
+<glyph unicode="&#xe90d;" glyph-name="all" d="M512.001-60.661c-17.809 0-35.617 4.452-48.974 17.809-26.713 26.713-26.713 66.783 0 93.496l396.243 396.243-396.243 396.243c-26.713 26.713-26.713 66.783 0 93.496s66.783 26.713 93.496 0l445.217-445.217c26.713-26.713 26.713-66.783 0-93.496l-445.217-445.217c-8.904-8.904-26.713-13.357-44.522-13.357zM957.218 384.557h-890.435c-35.617 0-66.783 31.165-66.783 66.783s31.165 66.783 66.783 66.783h890.435c35.617 0 66.783-31.165 66.783-66.783s-31.165-66.783-66.783-66.783z" />
+<glyph unicode="&#xe90e;" glyph-name="arrow-down" d="M518.334 167.316c-15.915 0-39.788 7.958-55.702 23.873l-437.659 397.871c-31.83 31.83-31.83 79.574-7.958 111.404 31.83 31.83 79.574 31.83 111.404 7.958l381.956-350.127 381.956 350.127c31.83 31.83 79.574 23.873 111.404-7.958s23.873-79.574-7.958-111.404l-437.659-397.871c0-15.915-23.873-23.873-39.788-23.873z" />
+<glyph unicode="&#xe90f;" glyph-name="close" d="M1003.243 55.93l-392.071 392.071 392.071 392.071c27.676 27.676 27.676 69.189 0 96.865s-69.189 27.676-96.865 0l-396.685-392.071-387.459 392.071c-27.676 23.063-73.802 23.063-101.478 0-23.063-27.676-23.063-73.802 0-101.478l392.071-387.459-392.071-392.071c-27.676-27.676-27.676-69.189 0-96.865s69.189-27.676 96.865 0l392.071 392.071 392.071-392.071c27.676-27.676 69.189-27.676 96.865 0 27.676 23.063 27.676 69.189 4.612 96.865z" />
 </font></defs></svg>
\ No newline at end of file
 </font></defs></svg>
\ No newline at end of file
index 26f6e39..482f6dd 100644 (file)
Binary files a/src/wolnelektury/static/2022/fonts/wl.ttf and b/src/wolnelektury/static/2022/fonts/wl.ttf differ
index 446e0ec..4b6ad00 100644 (file)
Binary files a/src/wolnelektury/static/2022/fonts/wl.woff and b/src/wolnelektury/static/2022/fonts/wl.woff differ
index 39414ac..f3d6e57 100644 (file)
Binary files a/src/wolnelektury/static/2022/images/img-1.jpg and b/src/wolnelektury/static/2022/images/img-1.jpg differ
index 0513cc0..5bcfdbe 100644 (file)
@@ -3,7 +3,7 @@
 ------------------------------ */
 
 *, *:after, *:before {
 ------------------------------ */
 
 *, *:after, *:before {
-       box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 :focus {
 }
 
 :focus {
@@ -17,10 +17,15 @@ body {
 }
 
 body {
 }
 
 body {
-       color: $color-black;
-       background-color: $color-white;
+  color: $color-black;
+  background-color: $color-white;
   overflow-x: hidden;
 
   overflow-x: hidden;
 
+  &.popup-open {
+    overflow-y: hidden;
+    height: 100vh;
+  }
+
   &.using-mouse {
     *:focus {
       outline: 0 !important;
   &.using-mouse {
     *:focus {
       outline: 0 !important;
index 6d4a375..4dd55d6 100644 (file)
@@ -12,20 +12,22 @@ $icon-audio: "\e903";
 $icon-book: "\e904";
 $icon-eye: "\e905";
 $icon-play: "\e906";
 $icon-book: "\e904";
 $icon-eye: "\e905";
 $icon-play: "\e906";
-$icon-quote: "\e907";
-$icon-search: "\e908";
-$icon-acc-1: "\e909";
-$icon-acc-2: "\e90a";
-$icon-acc-3: "\e90b";
-$icon-all: "\e90c";
-$icon-arrow-down: "\e90d";
+$icon-pause: "\e907";
+$icon-quote: "\e908";
+$icon-search: "\e909";
+$icon-acc-1: "\e90a";
+$icon-acc-2: "\e90b";
+$icon-acc-3: "\e90c";
+$icon-all: "\e90d";
+$icon-arrow-down: "\e90e";
+$icon-close: "\e90f";
 
 @font-face {
   font-family: '#{$icomoon-font-family}';
   src:
 
 @font-face {
   font-family: '#{$icomoon-font-family}';
   src:
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?79zz52') format('truetype'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?79zz52') format('woff'),
-    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?79zz52##{$icomoon-font-family}') format('svg');
+          url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?79zz52') format('truetype'),
+          url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?79zz52') format('woff'),
+          url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?79zz52##{$icomoon-font-family}') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -81,6 +83,11 @@ $icon-arrow-down: "\e90d";
     content: $icon-play;
   }
 }
     content: $icon-play;
   }
 }
+.icon-pause {
+  &:before {
+    content: $icon-pause;
+  }
+}
 .icon-quote {
   &:before {
     content: $icon-quote;
 .icon-quote {
   &:before {
     content: $icon-quote;
@@ -116,3 +123,8 @@ $icon-arrow-down: "\e90d";
     content: $icon-arrow-down;
   }
 }
     content: $icon-arrow-down;
   }
 }
+.icon-close {
+  &:before {
+    content: $icon-close;
+  }
+}
index ce90ee8..0604298 100644 (file)
     color: #007880;
     font-size: 26px;
     position: relative;
     color: #007880;
     font-size: 26px;
     position: relative;
-    left: 3px;
-    transition: all $ease-dynamic 350ms;
+    transition: background $ease-dynamic 350ms;
+    &.icon-play {
+      left: 3px;
+    }
+    &.icon-pause {
+      left: 1px;
+    }
   }
 }
 
   }
 }
 
     height: 10px;
     width: 100%;
     display: block;
     height: 10px;
     width: 100%;
     display: block;
-    background: #f2f2f2;
+    background: #FFFFFF;
     border-radius: 5px;
     position: relative;
     overflow: hidden;
 
     border-radius: 5px;
     position: relative;
     overflow: hidden;
 
-    span.jp-seek-bar {
-      height: 100%;
-      position: absolute;
-      border-radius: 5px;
-      background-color: #fff;
-      top: 0; left: 0;
-    }
-    
-    span.jp-play-bar {
+    span {
+      width: 40%;
       height: 100%;
       position: absolute;
       border-radius: 5px;
       height: 100%;
       position: absolute;
       border-radius: 5px;
   }
 }
 
   }
 }
 
-.c-player__title {
-  top: -27px;
-  left: 0;
-  position: absolute;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 12px;
-  line-height: 140%;
-  letter-spacing: 0.05em;
-  color: #083F4D;
-}
-
-
 .c-player__info {
   top: -27px;
   right: 0;
 .c-player__info {
   top: -27px;
   right: 0;
   display: block;
   position: relative;
 
   display: block;
   position: relative;
 
-  span {
+  span {
     position: absolute;
     padding-top: 10px;
     font-style: normal;
     position: absolute;
     padding-top: 10px;
     font-style: normal;
index 4f0ce2b..cde1ba8 100644 (file)
@@ -1,22 +1,23 @@
 .c-support {
   display: flex;
   margin-top: 50px;
 .c-support {
   display: flex;
   margin-top: 50px;
-  background: #FFF1BF url(../images/bg.png) top center no-repeat;
+  background: #96C13D;
   border-radius: 15px;
   overflow: hidden;
   justify-content: center;
   align-items: center;
 
   h2 {
   border-radius: 15px;
   overflow: hidden;
   justify-content: center;
   align-items: center;
 
   h2 {
-    padding-left: 44px;
-    padding-right: 20px;
     margin: 0 auto;
     font-style: italic;
     margin: 0 auto;
     font-style: italic;
-    font-weight: 300;
-    font-size: 48px;
-    line-height: 72px;
+    font-weight: 400;
+    font-size: 34px;
+    line-height: 47px;
     letter-spacing: -0.02em;
     letter-spacing: -0.02em;
-    color: #333333;
+    color: #ffffff;
+    span {
+      color: #007880;
+    }
   }
 
   figure {
   }
 
   figure {
   }
 
   a {
   }
 
   a {
-    bottom: 34px;
-    left: 0; right: 0;
     width: 100%;
     width: 100%;
-    margin: 0 auto;
-    max-width: 343px;
-    position: absolute;
+    margin: 40px auto 0;
     font-weight: 600;
     font-size: 22px;
     line-height: 28px;
     font-weight: 600;
     font-size: 22px;
     line-height: 28px;
-    color: #333333;
+    color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     padding: 12px 22px 14px 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     padding: 12px 22px 14px 28px;
-    background: #FFF1BF;
-    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
+    background: #007880;
     border-radius: 5px;
     transition: all $ease-dynamic 350ms;
 
     border-radius: 5px;
     transition: all $ease-dynamic 350ms;
 
@@ -51,3 +47,7 @@
     }
   }
 }
     }
   }
 }
+
+.c-support__content {
+  padding: 16px 32px 30px 32px;
+}
index 0148ed6..ce0e495 100644 (file)
@@ -6,6 +6,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  flex-direction: column;
 
   .l-container {
     display: flex;
 
   .l-container {
     display: flex;
     margin-right: 25px;
   }
 }
     margin-right: 25px;
   }
 }
+
+.l-change-pop {
+  align-items: center;
+  max-width: 1140px;
+  border-radius: 10px;
+  padding: 10px 50px;
+  width: 100%;
+  margin-bottom: 10px;
+  background-color: #FBC40F;
+  position: relative;
+  display: none;
+
+  &.show {
+    display: flex;
+  }
+
+  h3 {
+    font-style: italic;
+    font-weight: normal;
+    font-size: 32px;
+    line-height: 100%;
+    letter-spacing: -0.02em;
+    color: #333333;
+    margin: 0;
+    min-width: 189px;
+    margin-right: 48px;
+  }
+
+  p {
+    font-weight: normal;
+    font-size: 15px;
+    line-height: 150%;
+    color: #333333;
+    margin: 0;
+    max-width: 590px;
+  }
+}
+
+.l-change-pop__close {
+  border: 0;
+  background: transparent;
+  color: #333333;
+  outline: 0;
+  position: absolute;
+  right: 26px;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  cursor: pointer;
+}
index 6e0e8eb..3067f46 100644 (file)
@@ -1,79 +1,79 @@
 /* Slider */
 .slick-loading .slick-list
 {
 /* Slider */
 .slick-loading .slick-list
 {
-    background: #fff url('./ajax-loader.gif') center center no-repeat;
+  background: #fff url('./ajax-loader.gif') center center no-repeat;
 }
 
 /* Icons */
 @font-face
 {
 }
 
 /* Icons */
 @font-face
 {
-    font-family: 'slick';
-    font-weight: normal;
-    font-style: normal;
+  font-family: 'slick';
+  font-weight: normal;
+  font-style: normal;
 
 
-    src: url('./fonts/slick.eot');
-    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+  src: url('./fonts/slick.eot');
+  src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
 }
 /* Arrows */
 .slick-prev,
 .slick-next
 {
 }
 /* Arrows */
 .slick-prev,
 .slick-next
 {
-    font-size: 0;
-    line-height: 0;
+  font-size: 0;
+  line-height: 0;
 
 
-    position: absolute;
-    top: 50%;
+  position: absolute;
+  top: 50%;
 
 
-    display: block;
+  display: block;
 
   width: 16px;
   height: 28px;
 
   width: 16px;
   height: 28px;
-    padding: 0;
-    -webkit-transform: translate(0, -50%);
-    -ms-transform: translate(0, -50%);
-    transform: translate(0, -50%);
+  padding: 0;
+  -webkit-transform: translate(0, -50%);
+  -ms-transform: translate(0, -50%);
+  transform: translate(0, -50%);
 
 
-    cursor: pointer;
+  cursor: pointer;
 
 
-    color: transparent;
-    border: none;
-    outline: none;
-    background: transparent;
+  color: transparent;
+  border: none;
+  outline: none;
+  background: transparent;
 }
 .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus
 {
 }
 .slick-prev:hover,
 .slick-prev:focus,
 .slick-next:hover,
 .slick-next:focus
 {
-    color: transparent;
-    outline: none;
-    background: transparent;
+  color: transparent;
+  outline: none;
+  background: transparent;
 }
 .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before
 {
 }
 .slick-prev:hover:before,
 .slick-prev:focus:before,
 .slick-next:hover:before,
 .slick-next:focus:before
 {
-    opacity: 1;
+  opacity: 1;
 }
 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before
 {
 }
 .slick-prev.slick-disabled:before,
 .slick-next.slick-disabled:before
 {
-    opacity: .25;
+  opacity: .25;
 }
 
 .slick-prev:before,
 .slick-next:before
 {
 }
 
 .slick-prev:before,
 .slick-next:before
 {
-    font-family: 'slick';
-    font-size: 20px;
-    line-height: 1;
+  font-family: 'slick';
+  font-size: 20px;
+  line-height: 1;
 
 
-    opacity: 1;
-    color: white;
+  opacity: 1;
+  color: white;
 
 
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 
   width: 16px;
   height: 28px;
 
   width: 16px;
   height: 28px;
 
 .slick-prev
 {
 
 .slick-prev
 {
-    left: -25px;
+  left: -25px;
 }
 [dir='rtl'] .slick-prev
 {
 }
 [dir='rtl'] .slick-prev
 {
-    right: -25px;
-    left: auto;
+  right: -25px;
+  left: auto;
 }
 .slick-prev:before
 {
   content: "";
   display: block;
 }
 .slick-prev:before
 {
   content: "";
   display: block;
-    background: url(../images/arrow-left.png) center no-repeat;
+  background: url(../images/arrow-left.png) center no-repeat;
 }
 [dir='rtl'] .slick-prev:before
 {
 }
 [dir='rtl'] .slick-prev:before
 {
-    content: '→';
+  content: '→';
 }
 
 .slick-next
 {
 }
 
 .slick-next
 {
-    right: -25px;
+  right: -25px;
 }
 [dir='rtl'] .slick-next
 {
 }
 [dir='rtl'] .slick-next
 {
-    right: auto;
-    left: -25px;
+  right: auto;
+  left: -25px;
 }
 .slick-next:before
 {
 }
 .slick-next:before
 {
 }
 [dir='rtl'] .slick-next:before
 {
 }
 [dir='rtl'] .slick-next:before
 {
-    content: '←';
+  content: '←';
 }
 
 /* Dots */
 .slick-dotted.slick-slider
 {
 }
 
 /* Dots */
 .slick-dotted.slick-slider
 {
-    margin-bottom: 30px;
+  margin-bottom: 30px;
 }
 
 .slick-dots
 }
 
 .slick-dots
 }
 .slick-dots li
 {
 }
 .slick-dots li
 {
-    position: relative;
+  position: relative;
 
 
-    display: inline-block;
+  display: inline-block;
 
 
-    width: 10px;
-    height: 10px;
-    margin: 0 5px;
-    padding: 0;
+  width: 10px;
+  height: 10px;
+  margin: 0 5px;
+  padding: 0;
 
 
-    cursor: pointer;
+  cursor: pointer;
 }
 .slick-dots li button
 {
 }
 .slick-dots li button
 {
-    font-size: 0;
-    line-height: 0;
+  font-size: 0;
+  line-height: 0;
 
 
-    display: block;
+  display: block;
 
 
-    width: 10px;
-    height: 10px;
-    padding: 5px;
+  width: 10px;
+  height: 10px;
+  padding: 5px;
 
 
-    cursor: pointer;
+  cursor: pointer;
 
 
-    color: transparent;
-    border: 0;
-    outline: none;
-    background: transparent;
+  color: transparent;
+  border: 0;
+  outline: none;
+  background: transparent;
 }
 .slick-dots li button:hover,
 .slick-dots li button:focus
 {
 }
 .slick-dots li button:hover,
 .slick-dots li button:focus
 {
-    outline: none;
+  outline: none;
 }
 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before
 {
 }
 .slick-dots li button:hover:before,
 .slick-dots li button:focus:before
 {
-    opacity: 1;
+  opacity: 1;
 }
 .slick-dots li button:before
 {
 }
 .slick-dots li button:before
 {
-    font-size: 0;
-    line-height: 20px;
+  font-size: 0;
+  line-height: 20px;
 
 
-    position: absolute;
-    top: 0;
-    left: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
 
 
-    width: 10px;
-    height: 10px;
+  width: 10px;
+  height: 10px;
   border-radius: 50%;
   background-color: white;
 
   border-radius: 50%;
   background-color: white;
 
-    content: '';
-    text-align: center;
+  content: '';
+  text-align: center;
 
 
-    opacity: 1;
-    color: black;
+  opacity: 1;
+  color: black;
 
 
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 .slick-dots li.slick-active button:before
 {
 }
 .slick-dots li.slick-active button:before
 {
-    opacity: 1;
+  opacity: 1;
   background-color: #007880;
 }
   background-color: #007880;
 }