1<!DOCTYPE html> 2<html lang="pl-PL" data-ad-provider="none"> 3<head> 4 <meta charset="utf-8"/> 5 <title> 6 Klub Czytelników Niezależna.pl â zapisz siÄ do newslettera | Niezalezna.pl 7 </title> 8 <meta name="viewport" content="width=device-width"/> 9 <meta name="application-name" content=" "/> 10 <meta name="msapplication-TileColor" content="#FFFFFF"/> 11 <meta name="msapplication-TileImage" content="mstile-144x144.png"/> 12 <meta name="msapplication-square70x70logo" content="mstile-70x70.png"/> 13 <meta name="msapplication-square150x150logo" content="mstile-150x150.png"/> 14 <meta name="msapplication-wide310x150logo" content="mstile-310x150.png"/> 15 <meta name="msapplication-square310x310logo" content="mstile-310x310.png"/> 16 <meta name="description" content="DoÅÄ cz do Klubu Czytelników Niezależna.pl. Najważniejsze informacje dnia wybrane przez redakcjÄ, petycje i akcje obywatelskie, oferty Sklepu Gazety Polskiej oraz zaproszenia na spotkania z dziennikarzami."> <meta name="robots" content="max-image-preview:large"> <meta property="fb:app_id" content="356821701417716"> <meta property="og:title" content="Klub Czytelników Niezależna.pl â zapisz siÄ do newslettera | Niezalezna.pl"> <meta property="og:description" content="DoÅÄ cz do Klubu Czytelników Niezależna.pl. Najważniejsze informacje dnia wybrane przez redakcjÄ, petycje i akcje obywatelskie, oferty Sklepu Gazety Polskiej oraz zaproszenia na spotkania z dziennikarzami."> <meta property="og:type" content="article"> <meta property="og:url" content="https://niezalezna.pl/newsletter"> <meta property="twitter:site" content="@niezaleznapl"> <meta property="og:image" content="https://files.niezalezna.tech/archive/niezalezna-logo-portal.jpg?r=1200,600"> <meta property="twitter:image" content="https://files.niezalezna.tech/archive/niezalezna-logo-portal.jpg?r=1200,600"> <meta property="twitter:card" content="summary_large_image"> 17 <link rel="canonical" href="https://niezalezna.pl/newsletter"/> 18 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-57x57.png"/> 19 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114.png"/> 20 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72.png"/> 21 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144.png"/> 22 <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/apple-touch-icon-60x60.png"/> 23 <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png"/> 24 <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76.png"/> 25 <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152.png"/> 26 <link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196"/> 27 <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"/> 28 <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"/> 29 <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"/> 30 <link rel="icon" type="image/png" href="/favicon-128.png" sizes="128x128"/> 31 <link rel="alternate" href="https://niezalezna.pl/feed" title="Niezależna.pl" type="application/rss+xml"> 32 <link rel="alternate" href="https://niezalezna.pl/feed/polska" title="Polska" type="application/rss+xml"> 33 <link rel="alternate" href="https://niezalezna.pl/feed/swiat" title="Åwiat" type="application/rss+xml"> 34 <link rel="alternate" href="https://niezalezna.pl/feed/polityka" title="Polityka" type="application/rss+xml"> 35 <link rel="alternate" href="https://niezalezna.pl/feed/sport" title="Sport" type="application/rss+xml"> 36 <link rel="alternate" href="https://niezalezna.pl/feed/gospodarka" title="Gospodarka" type="application/rss+xml"> 37 <link rel="alternate" href="https://niezalezna.pl/feed/lifestyle" title="Lifestyle" type="application/rss+xml"> 38 <link rel="alternate" href="https://niezalezna.pl/feed/media" title="Media" type="application/rss+xml"> 39 <link rel="alternate" href="https://niezalezna.pl/feed/kultura-i-historia" title="Kultura i Historia" 40 type="application/rss+xml"> 41
42 <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> 43 <link rel="preconnect" href="https://www.google-analytics.com" crossorigin> 44 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" 45 as="style"> 46 <style type="text/css">@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/greek/wght/normal.woff2);unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/math/wght/normal.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:normal;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/symbols/wght/normal.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/greek/wght/italic.woff2);
46unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/greek-ext/wght/italic.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/cyrillic-ext/wght/italic.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/latin/wght/italic.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/math/wght/italic.woff2);unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/cyrillic/wght/italic.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/latin-ext/wght/italic.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/symbols/wght/italic.woff2);unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;font-display:swap;}@font-face {font-family:'Roboto';font-style:italic;font-weight:100 900;src:url(/cf-fonts/v/roboto/5.2.10/vietnamese/wght/italic.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}</style> 47
47<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" type="0f8da46e57182c71d2e54c2c-text/javascript"></script>
47 48 <!-- Google tag (gtag.js) -->
vendor: 118 bytes, lines 48-49
48 49 <script data-cfasync="false" async fetchpriority="high" src="https://www.googletagmanager.com/gtag/js?id=
49G-FZB812L2C3
vendor: 20 bytes, lines 49-50
49"></script> 50
50<script data-cfasync="false"> 51
vendor: 164 bytes, lines 51-55
51window.dataLayer = window.dataLayer || []; 52 function gtag(){dataLayer.push(arguments);} 53 gtag('js', new Date()); 54 55 gtag('config', '
55G-FZB812L2C3
vendor: 12 bytes, lines 55-56
55'); 56
56</script>
56 57 <link rel="stylesheet" href="https://niezalezna.pl/assets/css/tailwind.css?v=2.5.1"> 58 <style> 59 .nl-mailerlite .ml-form-embedContainer { box-sizing: border-box; width: 100%; } 60 .nl-mailerlite .ml-form-embedContainer * { box-sizing: border-box; } 61 .nl-mailerlite .ml-form-embedWrapper { 62 background: #ffffff; border: 1px solid #dfdfdf; border-radius: 0; 63 width: 100% !important; max-width: 100% !important; display: block; margin: 0; 64 } 65 .nl-mailerlite .ml-form-embedBody, 66 .nl-mailerlite .ml-form-successBody { padding: 20px; } 67 .nl-mailerlite--compact .ml-form-embedBody, 68 .nl-mailerlite--compact .ml-form-successBody { padding: 16px; } 69 70 /* reCAPTCHA skalowana do szerokoÅci kontenera przez JS (fitRecaptcha) */ 71 .nl-mailerlite .ml-form-recaptcha .g-recaptcha { transform-origin: 0 0; } 72 73 .nl-mailerlite .ml-form-embedContent { margin: 0 0 16px 0; } 74 .nl-mailerlite .ml-form-embedContent h4 { 75 font-family: 'Roboto', Arial, sans-serif; color: #144073; font-weight: 700; 76 font-size: 20px; line-height: 1.25; margin: 0 0 8px 0; 77 } 78 .nl-mailerlite .ml-form-embedContent p { 79 font-family: 'Roboto', Arial, sans-serif; color: #4b5563; font-size: 14px; 80 line-height: 20px; margin: 0; 81 } 82 83 /* UkÅad pionowy: pole nad przyciskiem */ 84 .nl-mailerlite .ml-form-formContent.horozintalForm { padding: 0; margin: 0 0 14px 0; float: none; width: 100%; } 85 .nl-mailerlite .ml-form-horizontalRow { display: block; width: 100%; float: none; height: auto; } 86 .nl-mailerlite .ml-input-horizontal { width: 100%; float: none; } 87 .nl-mailerlite .horizontal-fields { padding: 0; float: none; width: 100%; } 88 .nl-mailerlite .ml-button-horizontal { width: 100%; float: none; margin: 12px 0 0 0; padding-top: 0; } 89 90 .nl-mailerlite input[type="email"], .nl-mailerlite .form-control { 91 font-family: 'Roboto', Arial, sans-serif; width: 100%; border: 1px solid #dfdfdf; 92 border-radius: 0; padding: 10px 12px; font-size: 14px; line-height: 21px; color: #111111; 93 background: #ffffff; transition: border-color .15s, box-shadow .15s; 94 } 95 .nl-mailerlite input[type="email"]:focus { 96 outline: none; border-color: #144073; box-shadow: 0 0 0 2px rgba(20,64,115,.15); 97 } 98 99 .nl-mailerlite button.primary, 100 .nl-mailerlite .ml-form-embedSubmit button { 101 font-family: 'Roboto', Arial, sans-serif; background: #144073; color: #ffffff; border: none; 102 border-radius: 0; font-weight: 700; font-size: 15px; line-height: 21px; padding: 12px; 103 width: 100%; cursor: pointer; transition: background-color .15s; 104 } 105 .nl-mailerlite button.primary:hover, 106 .nl-mailerlite .ml-form-embedSubmit button:hover { background: #cb050c; } 107 108 /* Checkbox zgody â natywny, ostylowany */ 109 .nl-mailerlite .ml-form-checkboxRow { margin: 0 0 14px 0; float: none; width: 100%; } 110 .nl-mailerlite .ml-form-checkboxRow label.checkbox { 111 display: flex; align-items: flex-start; gap: 8px; min-height: auto; padding: 0; margin: 0; cursor: pointer; font-weight: 400; 112 } 113 .nl-mailerlite .ml-form-checkboxRow input[type="checkbox"] { 114 position: static; opacity: 1; z-index: auto; width: 16px; height: 16px; 115 margin: 2px 0 0 0; flex: 0 0 auto; accent-color: #144073; 116 } 117 .nl-mailerlite .ml-form-checkboxRow .label-description::before, 118 .nl-mailerlite .ml-form-checkboxRow .label-description::after { display: none; content: none; } 119 .nl-mailerlite .ml-form-checkboxRow .label-description, 120 .nl-mailerlite .ml-form-checkboxRow .label-description p { 121 font-family: 'Roboto', Arial, sans-serif; color: #4b5563; font-size: 12px; line-height: 18px; margin: 0; 122 } 123 .nl-mailerlite .ml-form-checkboxRow a { color: #144073; font-weight: 700; text-decoration: underline; } 124 125 .nl-mailerlite .ml-form-recaptcha { margin: 0 0 14px 0; float: none; } 126 127 .nl-mailerlite .ml-form-embedPermissions { float: none; width: 100%; text-align: left; } 128 .nl-mailerlite .ml-form-embedPermissionsContent p { 129 font-family: 'Roboto', Arial, sans-serif; color: #9ca3af; font-size: 11px; line-height: 16px; margin: 0; 130 } 131 132 .nl-mailerlite .ml-form-successContent h4 { 133 font-family: 'Roboto', Arial, sans-serif; color: #144073; font-weight: 700; font-size: 18px; margin: 0 0 8px 0; 134 } 135 .nl-mailerlite .ml-form-successContent p { 136 font-family: 'Roboto', Arial, sans-serif; color: #4b5563; font-size: 14px; line-height: 20px; margin: 0; 137 } 138 139 /* Stany bÅÄdów z walidacji MailerLite */ 140 .nl-mailerlite .ml-error input { border-color: #cb050c !important; } 141 .nl-mailerlite .ml-error .label-description, 142 .nl-mailerlite .ml-error .label-description p, 143 .nl-mailerlite .ml-error .label-description p a { color: #cb050c !important; } 144 .nl-mailerlite .ml-error .custom-checkbox-radio-list { border: 1px solid #cb050c; padding: 10px; } 145 .nl-mailerlite .ml-form-embedSubmitLoad { 146 display: inline-block;
146 width: 20px; height: 20px; 147 } 148 .nl-mailerlite .ml-form-embedSubmitLoad:after { 149 content: " "; display: block; width: 11px; height: 11px; margin: 1px; border-radius: 50%; 150 border: 4px solid #fff; border-color: #fff #fff #fff transparent; 151 animation: nl-ml-load 1.2s linear infinite; 152 } 153 @keyframes nl-ml-load { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 154 .nl-mailerlite .sr-only { 155 position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; 156 overflow: hidden; clip: rect(0,0,0,0); border: 0; 157 } 158 </style> 159 <!-- InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.3) -->
160<script data-cfasync="false" type="text/javascript" async=true> 161(function() { 162 var host = window.location.hostname; 163 var element = document.createElement('script'); 164 var firstScript = document.getElementsByTagName('script')[0]; 165 var url = 'https://cmp.inmobi.com' 166 .concat('/choice/', 'LekpxwJ1fEFMP', '/', host, '/choice.js?tag_version=V3'); 167 var uspTries = 0; 168 var uspTriesLimit = 3; 169 element.async = true; 170 element.type = 'text/javascript'; 171 element.src = url; 172 173 firstScript.parentNode.insertBefore(element, firstScript); 174 175 function makeStub() { 176 var TCF_LOCATOR_NAME = '__tcfapiLocator'; 177 var queue = []; 178 var win = window; 179 var cmpFrame; 180 181 function addFrame() { 182 var doc = win.document; 183 var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); 184 185 if (!otherCMP) { 186 if (doc.body) { 187 var iframe = doc.createElement('iframe'); 188 189 iframe.style.cssText = 'display:none'; 190 iframe.name = TCF_LOCATOR_NAME; 191 doc.body.appendChild(iframe); 192 } else { 193 setTimeout(addFrame, 5); 194 } 195 } 196 return !otherCMP; 197 } 198 199 function tcfAPIHandler() { 200 var gdprApplies; 201 var args = arguments; 202 203 if (!args.length) { 204 return queue; 205 } else if (args[0] === 'setGdprApplies') { 206 if ( 207 args.length > 3 && 208 args[2] === 2 && 209 typeof args[3] === 'boolean' 210 ) { 211 gdprApplies = args[3]; 212 if (typeof args[2] === 'function') { 213 args[2]('set', true); 214 } 215 } 216 } else if (args[0] === 'ping') { 217 var retr = { 218 gdprApplies: gdprApplies, 219 cmpLoaded: false, 220 cmpStatus: 'stub' 221 }; 222 223 if (typeof args[2] === 'function') { 224 args[2](retr); 225 } 226 } else { 227 if(args[0] === 'init' && typeof args[3] === 'object') { 228 args[3] = Object.assign(args[3], { tag_version: 'V3' }); 229 } 230 queue.push(args); 231 } 232 } 233 234 function postMessageEventHandler(event) { 235 var msgIsString = typeof event.data === 'string'; 236 var json = {}; 237 238 try { 239 if (msgIsString) { 240 json = JSON.parse(event.data); 241 } else { 242 json = event.data; 243 } 244 } catch (ignore) {} 245 246 var payload = json.__tcfapiCall; 247 248 if (payload) { 249 window.__tcfapi( 250 payload.command, 251 payload.version, 252 function(retValue, success) { 253 var returnMsg = { 254 __tcfapiReturn: { 255 returnValue: retValue, 256 success: success, 257 callId: payload.callId 258 } 259 }; 260 if (msgIsString) { 261 returnMsg = JSON.stringify(returnMsg); 262 } 263 if (event && event.source && event.source.postMessage) { 264 event.source.postMessage(returnMsg, '*'); 265 } 266 }, 267 payload.parameter 268 ); 269 } 270 } 271 272 while (win) { 273 try { 274 if (win.frames[TCF_LOCATOR_NAME]) { 275 cmpFrame = win; 276 break; 277 } 278 } catch (ignore) {} 279 280 if (win === window.top) { 281 break; 282 } 283 win = win.parent; 284 } 285 if (!cmpFrame) { 286 addFrame(); 287 win.__tcfapi = tcfAPIHandler; 288 win.addEventListener('message', postMessageEventHandler, false); 289 } 290 }; 291 292 makeStub(); 293 294 function makeGppStub() { 295 const CMP_ID = 10; 296 const SUPPORTED_APIS = [ 297 '2:tcfeuv2', 298 '6:uspv1', 299 '7:usnatv1', 300 '8:usca', 301 '9:usvav1', 302 '10:uscov1', 303 '11:usutv1', 304 '12:usctv1' 305 ]; 306 307 window.__gpp_addFrame = function (name) { 308 if (!window.frames[name]) { 309 if (document.body) { 310 var iframe = document.createElement('iframe'); 311 iframe.style.cssText = 'display:none'; 312 iframe.name = name; 313 document.body.appendChild(iframe); 314 } else { 315 window.setTimeout(window.__gpp_addFrame, 10, name); 316 } 317 } 318 }; 319 320 window.__gpp_stub = function () { 321 var args = arguments; 322 window.__gpp.queue = window.__gpp.queue || []; 323 window.__gpp.events = window.__gpp.events || []; 324 325 if (!args.length || (args.length === 1 && args[0] === 'queue')) { 326 return window.__gpp.queue; 327 } 328 329 if (args.length === 1 && args[0] === 'events') { 330 return window.__gpp.events; 331 } 332 333 var command = args[0]; 334 var callback = args.length > 1 ? args[1] : null; 335 var parameter = args.length > 2 ? args[2] : null; 336 var pingData = { 337 gppVersion: '1.1', 338 cmpStatus: 'stub', 339 cmpDisplayStatus: 'hidden', 340 signalStatus: 'not ready', 341 supportedAPIs: SUPPORTED_APIS, 342 cmpId: CMP_ID, 343 sectionList: [], 344 applicableSections: [-1], 345 gppString: '', 346 parsedSections: {} 347 }; 348 349 if (command === 'ping') { 350 callback(pingData, true); 351 } else if (command === 'addEventListener') { 352 if (!('lastId' in window.__gpp)) { 353 window.__gpp.lastId = 0; 354 } 355 356 window.__gpp.lastId++; 357 var listenerId = window.__gpp.lastId; 358 window.__gpp.events.push({ 359 id: listenerId, 360 callback: callback, 361 parameter: parameter 362 }); 363 callback({ 364 eventName: 'listenerRegistered', 365 listenerId: listenerId, 366 data: true, 367 pingData: pingData 368 }, true); 369 } else if (command === 'removeEventListener') { 370 var success = false;
371 372 for (var i = 0; i < window.__gpp.events.length; i++) { 373 if (window.__gpp.events[i].id === parameter) { 374 window.__gpp.events.splice(i, 1); 375 success = true; 376 break; 377 } 378 } 379 380 callback({ 381 eventName: 'listenerRemoved', 382 listenerId: parameter, 383 data: success, 384 pingData: pingData 385 }, true); 386 } else if (command === 'hasSection') { 387 callback(false, true); 388 } else if (command === 'getSection' || command === 'getField') { 389 callback(null, true); 390 } else { 391 window.__gpp.queue.push([].slice.apply(args)); 392 } 393 }; 394 395 window.__gpp_msghandler = function (event) { 396 var msgIsString = typeof event.data === 'string'; 397 var json; 398 399 try { 400 json = msgIsString ? JSON.parse(event.data) : event.data; 401 } catch (ignore) { 402 json = null; 403 } 404 405 if (typeof json === 'object' && json !== null && '__gppCall' in json) { 406 var call = json.__gppCall; 407 window.__gpp( 408 call.command, 409 function (returnValue, success) { 410 var returnMessage = { 411 __gppReturn: { 412 returnValue: returnValue, 413 success: success, 414 callId: call.callId 415 } 416 }; 417 418 if (event.source && event.source.postMessage) { 419 event.source.postMessage( 420 msgIsString ? JSON.stringify(returnMessage) : returnMessage, 421 '*' 422 ); 423 } 424 }, 425 'parameter' in call ? call.parameter : null, 426 'version' in call ? call.version : '1.1' 427 ); 428 } 429 }; 430 431 if (!('__gpp' in window) || typeof window.__gpp !== 'function') { 432 window.__gpp = window.__gpp_stub; 433 window.addEventListener('message', window.__gpp_msghandler, false); 434 window.__gpp_addFrame('__gppLocator'); 435 } 436 } 437 438 makeGppStub(); 439 440 var uspStubFunction = function() { 441 var arg = arguments; 442 if (typeof window.__uspapi !== uspStubFunction) { 443 setTimeout(function() { 444 if (typeof window.__uspapi !== 'undefined') { 445 window.__uspapi.apply(window.__uspapi, arg); 446 } 447 }, 500); 448 } 449 }; 450 451 var checkIfUspIsReady = function() { 452 uspTries++; 453 if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) { 454 console.warn('USP is not accessible'); 455 } else { 456 clearInterval(uspInterval); 457 } 458 }; 459 460 if (typeof window.__uspapi === 'undefined') { 461 window.__uspapi = uspStubFunction; 462 var uspInterval = setInterval(checkIfUspIsReady, 6000); 463 } 464})(); 465</script>
465 466<!-- End InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.3) --> 467 <style> 468 [x-cloak] { 469 display: none !important; 470 } 471 472 html[data-ad-provider="gpt"] [data-optad-slot-wrapper] { 473 display: none !important; 474 } 475 476 html[data-ad-provider="none"] [data-optad-slot-wrapper], 477 html[data-ad-provider="none"] [data-gpt-slot-wrapper], 478 html[data-ad-provider="none"] [data-gpt-only] { 479 display: none !important; 480 } 481 </style> 482
482<script type="0f8da46e57182c71d2e54c2c-text/javascript"> 483 function isTailwind4Compatible() { 484 const hasCustomProperties = CSS && CSS.supports && CSS.supports('--a', '0'); 485 const hasGrid = CSS && CSS.supports && CSS.supports('display', 'grid'); 486 const hasColorMix = CSS && CSS.supports && CSS.supports('color', 'color-mix(in srgb, #f00, #00f)'); 487 const hasContainerQueries = CSS && CSS.supports && CSS.supports('container-type', 'inline-size'); 488 const hasSubgrid = CSS && CSS.supports && CSS.supports('grid-template-columns', 'subgrid'); 489 const hasModernColorSpaces = CSS && CSS.supports && CSS.supports('color', 'oklab(50% 0 0)'); 490 491 return hasCustomProperties && hasGrid && (hasColorMix || hasModernColorSpaces); 492 } 493 494 if (!isTailwind4Compatible()) { 495 const link = document.createElement('link'); 496 497 link.rel = 'stylesheet'; 498 link.href = '/assets/css/tailwind_legacy.css?v=2.5.1'; 499 500 document.head.appendChild(link); 501 502 console.log('legacy css'); 503 } 504 </script>
504 505 506
506<script data-cfasync="false"> 507 window.nzAdProvider = 'none'; 508 </script>
508 509 </head> 510<body class="m-0 p-0 min-h-screen overflow-x-hidden relative"> 511 <div class="hidden md:block w-full bg-[#144073] text-white"> 512 <div class="mx-auto px-4 md:px-6 513 max-w-full 514 md:max-w-[840px] 515 xl:max-w-[1040px] 516 2xl:max-w-[1240px]"> 517 <div class="py-2 md:py-2.5 flex items-center justify-center"> 518 <a href="https://wsparcie.swsmedia.pl"> 519 <p class="font-['Roboto'] font-medium text-sm md:text-base text-white/90 flex items-center flex-wrap justify-center"> 520 <span>Wsparcie dla mediów Strefy Wolnego SÅowa jest niezmiernie ważne! Razem ratujmy niezależne media!</span> 521 <span class="mx-3 md:mx-4 text-white/40">|</span> 522 <span class="text-white">Wspieram TERAZ »</span> 523 </p> 524 </a> 525 </div> 526 </div> 527</div> 528 <div x-data="{ 529 isOpen: false, 530 showSearch: false, 531 searchQuery: '', 532 searchError: '', 533 viewportHeight: window.innerHeight, 534 toggleBodyScroll(disable) { 535 if (disable) { 536 document.body.style.overflow = 'hidden'; 537 if (this.isIOS()) { 538 document.body.style.position = 'fixed'; 539 document.body.style.width = '100%'; 540 document.body.style.top = `-${window.scrollY}px`; 541 } 542 } else { 543 if (this.isIOS()) { 544 const scrollY = document.body.style.top; 545 document.body.style.position = ''; 546 document.body.style.width = ''; 547 document.body.style.top = ''; 548 window.scrollTo(0, parseInt(scrollY || '0') * -1); 549 } 550 document.body.style.overflow = ''; 551 } 552 }, 553 isIOS() { 554 return /iPad|iPhone|iPod/.test(navigator.userAgent) || 555 (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1); 556 }, 557 submitSearch() { 558 if (this.searchQuery.length < 3) { 559 this.searchError = 'Wpisz co najmniej 3 znaki'; 560 return; 561 } 562 if (this.searchQuery.length > 20) { 563 this.searchError = 'Wpisz maksymalnie 20 znaków'; 564 return; 565 } 566 if (!/^[a-zA-Z0-9\s\p{L}]+$/u.test(this.searchQuery)) { 567 this.searchError = 'Użyj tylko liter, cyfr i spacji'; 568 return; 569 } 570 const wordCount = this.searchQuery.trim().split(/\s+/).length; 571 if (wordCount > 4) { 572 this.searchError = 'Wpisz maksymalnie 4 sÅowa'; 573 return; 574 } 575 window.location.href = '/wyszukiwarka?q=' + encodeURIComponent(this.searchQuery); 576 }, 577 init() { 578 this.$watch('showSearch', value => { 579 this.toggleBodyScroll(value); 580 if (value) { 581 this.$nextTick(() => { 582 this.viewportHeight = window.innerHeight; 583 setTimeout(() => { 584 this.$refs.searchInput.focus(); 585 }, 100); 586 }); 587 } 588 }); 589 590 this.$watch('isOpen', value => { 591 this.toggleBodyScroll(value); 592 }); 593 594 window.addEventListener('resize', () => { 595 if (this.showSearch && this.isIOS()) { 596 const currentHeight = window.innerHeight; 597 if (currentHeight < this.viewportHeight) { 598 document.documentElement.style.height = `${this.viewportHeight}px`; 599 } else { 600 document.documentElement.style.height = ''; 601 this.viewportHeight = currentHeight; 602 } 603 } 604 }); 605 606 document.addEventListener('focusout', (e) => { 607 if (this.showSearch && this.isIOS() && e.target === this.$refs.searchInput) { 608 setTimeout(() => { 609 document.documentElement.style.height = ''; 610 }, 100); 611 } 612 }); 613 614 if (!window.Alpine.store('scroll')) { 615 window.Alpine.store('scroll', { 616 isScrolled: false, 617 isDesktop: window.innerWidth >= 1024, 618 lastScrollTop: 0 619 }); 620 window.addEventListener('scroll', () => { 621 const scrollTop = window.pageYOffset || document.documentElement.scrollTop; 622 const isDesktop = window.innerWidth >= 1024; 623 if (isDesktop) { 624 if (scrollTop > 50) { 625 window.Alpine.store('scroll').isScrolled = true; 626 } else if (scrollTop === 0) { 627 window.Alpine.store('scroll').isScrolled = false;
628 } 629 } else { 630 if (scrollTop > window.Alpine.store('scroll').lastScrollTop && scrollTop > 10) { 631 window.Alpine.store('scroll').isScrolled = true; 632 } else { 633 window.Alpine.store('scroll').isScrolled = false; 634 } 635 } 636 window.Alpine.store('scroll').lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; 637 window.Alpine.store('scroll').isDesktop = isDesktop; 638 }); 639 window.addEventListener('resize', () => { 640 window.Alpine.store('scroll').isDesktop = window.innerWidth >= 1024; 641 }); 642 } 643 } 644}" 645class="sticky top-0 bg-white z-30 shadow-sm transition-all duration-300 ease-in-out" 646x-bind:class="{'translate-y-[-100%]': !$store.scroll.isDesktop && $store.scroll.isScrolled}"> 647 <div class="mx-auto px-4 md:px-0 648 max-w-full 649 md:max-w-[840px] 650 xl:max-w-[1040px] 651 2xl:max-w-[1240px]"> 652 <div class="flex items-center justify-between py-3 md:py-4 transition-all duration-300 ease-in-out" 653 x-bind:class="{ 654 'lg:py-0': $store.scroll.isScrolled && $store.scroll.isDesktop 655 }"> 656 657 <button 658 @click="isOpen = !isOpen" 659 class="block lg:hidden p-2 -ml-2 rounded-full hover:bg-gray-100 transition-colors duration-200 z-[50]" 660 aria-label="Menu"> 661 <span class="block w-5 h-0.5 bg-black transform transition duration-200 ease-in-out" 662 :class="{'rotate-45 translate-y-1.5': isOpen, '': !isOpen}"></span> 663 <span class="block w-5 h-0.5 bg-black transition duration-200 ease-in-out mt-1" 664 :class="{'opacity-0': isOpen, '': !isOpen}"></span> 665 <span class="block w-5 h-0.5 bg-black transform transition duration-200 ease-in-out mt-1" 666 :class="{'-rotate-45 -translate-y-1.5': isOpen, '': !isOpen}"></span> 667 </button> 668 669 670 <div 671 class="absolute left-1/2 transform -translate-x-1/2 lg:relative lg:left-[-15px] lg:transform-none lg:translate-x-0 lg:w-60 transition-all duration-300 ease-in-out" 672 x-bind:class="{ 673 'left-0 -translate-x-0': $store.scroll.isScrolled && window.innerWidth < 1024, 674 'lg:scale-80 lg:w-48': $store.scroll.isScrolled && $store.scroll.isDesktop 675 }"> 676 <a href="https://niezalezna.pl" class="block"> 677 <img src="/assets/images/main-logo.svg" alt="Logo" 678 class="w-36 md:w-44 lg:w-60 transition-all duration-300 ease-in-out" 679 x-bind:class="{ 680 'w-28': $store.scroll.isScrolled && window.innerWidth < 1024, 681 'lg:scale-80': $store.scroll.isScrolled && $store.scroll.isDesktop 682 }"> 683 </a> 684 </div> 685 686 687 <nav class="flex items-center transition-all duration-300 ease-in-out md:min-h-[30px]"> 688 689 <div class="hidden lg:flex items-center gap-6 tracking-wide mr-6 transition-all duration-300" 690 x-bind:class="{'lg:scale-80': $store.scroll.isScrolled && $store.scroll.isDesktop}"> 691 <a href="https://sklep.gazetapolska.pl/" 692 class="flex items-center font-['Roboto'] font-bold transition-transform duration-200 hover:-translate-y-0.5 text-base" 693 target="_blank" > 694 <img src="https://niezalezna.pl/assets/icons/shop.svg" alt="Sklep" 695 class="w-[14px] h-[14px] 696 md:w-[16px] md:h-[16px] 697 xl:w-[24px] xl:h-[24px] 698 mr-1.5 xl:mr-2"> 699 SKLEP 700 </a> 701 <a href="/newsletter" 702 class="flex items-center font-['Roboto'] font-bold transition-transform duration-200 hover:-translate-y-0.5 text-base" 703 > 704 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" 705 stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" 706 class="w-[14px] h-[14px] 707 md:w-[16px] md:h-[16px] 708 xl:w-[24px] xl:h-[24px] 709 mr-1.5 xl:mr-2"> 710 <rect x="3" y="5" width="18" height="14" rx="2"></rect> 711 <path d="m3 7 9 6 9-6"></path> 712</svg> 713 NEWSLETTER 714 </a> 715 </div> 716 717 718 <div class="flex items-center gap-2 transition-all duration-300" 719 x-bind:class="{'lg:scale-80': $store.scroll.isScrolled && $store.scroll.isDesktop}"> 720 <button 721 @click="showSearch = true; searchQuery = ''; searchError = ''" 722 class="cursor-pointer md:p-1 rounded-full hover:bg-gray-100 transition-transform duration-200 hover:scale-105"> 723 <svg class="w-5 h-5 md:w-5 md:h-5 lg:w-6 lg:h-6" viewB
723ox="0 0 20 20" fill="currentColor"> 724 <path fill-rule="evenodd" 725 d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"/> 726 </svg> 727 </button> 728 729 <a href="https://www.facebook.com/NiezaleznaPL" 730 class="md:p-1 rounded-full transition-transform duration-200 hover:scale-105" 731 target="_blank"> 732 <svg class="w-[18px] h-[18px] md:w-[20px] md:h-[20px] lg:w-[24px] lg:h-[24px] rounded-full w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6" viewBox="0 0 20 20" fill="#000000"> 733 <path d="M18.896 0H1.104C.494 0 0 .494 0 1.104v17.792C0 19.506.494 20 1.104 20h9.58v-7.745H8.076V9.237h2.606V7.01c0-2.583 1.578-3.99 3.883-3.99 1.104 0 2.052.082 2.329.119v2.7h-1.598c-1.254 0-1.496.597-1.496 1.47v1.928h2.989l-.39 3.018h-2.6V20h5.098c.608 0 1.102-.494 1.102-1.104V1.104C20 .494 19.506 0 18.896 0z"/> 734</svg> 735 </a> 736 <a href="https://x.com/niezaleznapl" 737 class="md:p-1 rounded-full transition-transform duration-200 hover:scale-105" 738 target="_blank"> 739 <svg class="w-[18px] h-[18px] md:w-[20px] md:h-[20px] lg:w-[24px] lg:h-[24px] w-4 h-4 md:w-5 md:h-5 lg:w-6 lg:h-6" viewBox="0 0 24 24" fill="#000000"> 740 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/> 741</svg> 742 </a> 743 744 745 <button 746 @click="isOpen = !isOpen" 747 class="hidden lg:block p-2 rounded-full hover:bg-gray-100 transition-colors duration-200 z-[30] cursor-pointer" 748 aria-label="Menu"> 749 <span class="block w-5 h-0.5 bg-black transform transition duration-200 ease-in-out" 750 :class="{'rotate-45 translate-y-1.5': isOpen, '': !isOpen}"></span> 751 <span class="block w-5 h-0.5 bg-black transition duration-200 ease-in-out mt-1" 752 :class="{'opacity-0': isOpen, '': !isOpen}"></span> 753 <span class="block w-5 h-0.5 bg-black transform transition duration-200 ease-in-out mt-1" 754 :class="{'-rotate-45 -translate-y-1.5': isOpen, '': !isOpen}"></span> 755 </button> 756 </div> 757 </nav> 758 </div> 759 </div> 760 761 <div 762 x-cloak 763 class="fixed inset-0 bg-black/50 z-[98]" 764 :class="{ 'block': isOpen, 'hidden': !isOpen }" 765 x-show="isOpen" 766 x-transition:enter="transition-opacity duration-300" 767 x-transition:enter-start="opacity-0" 768 x-transition:enter-end="opacity-100" 769 x-transition:leave="transition-opacity duration-300" 770 x-transition:leave-start="opacity-100" 771 x-transition:leave-end="opacity-0" 772 @click="isOpen = false" 773></div> 774 775<div 776 x-cloak 777 class="fixed top-0 bottom-0 bg-white z-[99] transform max-h-screen overflow-hidden 778 lg:right-0 lg:left-auto 779 left-0 right-auto lg:w-1/4 w-3/4 sm:w-2/3 md:w-1/2 shadow-xl" 780 :class="{ 781 'translate-x-full': !isOpen && window.innerWidth >= 1024, 782 '-translate-x-full': !isOpen && window.innerWidth < 1024 783 }" 784 x-show="isOpen" 785 x-transition:enter="transition ease-out duration-300" 786 x-transition:enter-start="lg:translate-x-full -translate-x-full" 787 x-transition:enter-end="translate-x-0" 788 x-transition:leave="transition ease-in duration-300" 789 x-transition:leave-start="translate-x-0" 790 x-transition:leave-end="lg:translate-x-full -translate-x-full" 791> 792 793 <div class="flex justify-between items-center p-2 sticky top-0 bg-white z-10"> 794 <button 795 @click="isOpen = false" 796 class="cursor-pointer p-2 rounded-full hover:bg-gray-100 transition-colors duration-200" 797 aria-label="Zamknij menu"> 798 <svg 799 class="w-6 h-6 text-gray-600" 800 fill="none" 801 stroke="currentColor"
802 viewBox="0 0 24 24"> 803 <path 804 stroke-linecap="round" 805 stroke-linejoin="round" 806 stroke-width="2" 807 d="M6 18L18 6M6 6l12 12"> 808 </path> 809 </svg> 810 </button> 811 </div> 812 <div class="p-6 overflow-y-auto h-[calc(100%-60px)]"> 813 <div class="max-w-md mx-auto lg:max-w-full"> 814 <h2 class="font-['Roboto'] font-bold text-[#144073] text-2xl mb-6 pb-4 border-b border-[#dfdfdf]"> 815 Nasze serwisy: 816 </h2> 817 <div class="flex flex-col space-y-3"> 818 <a href="https://www.gazetapolska.pl" 819 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 820 <span class="flex-1">Gazeta Polska</span> 821 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 822 fill="none" 823 stroke="currentColor"
824 viewBox="0 0 24 24"> 825 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 826 </svg> 827 </a> 828 <a href="https://gpcodziennie.pl" 829 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 830 <span class="flex-1">Gazeta Polska Codziennie</span> 831 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 832 fill="none" 833 stroke="currentColor" 834 viewBox="0 0 24 24"> 835 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 836 </svg> 837 </a> 838 <a href="https://www.panstwo.net/" 839 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 840 <span class="flex-1">Nowe PaÅstwo</span> 841 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 842 fill="none" 843 stroke="currentColor"
844 viewBox="0 0 24 24"> 845 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 846 </svg> 847 </a> 848 <a href="https://filarybiznesu.pl/" 849 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 850 <span class="flex-1">Filary Biznesu</span> 851 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 852 fill="none" 853 stroke="currentColor" 854 viewBox="0 0 24 24"> 855 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 856 </svg> 857 </a> 858 <a href="https://albicla.com/witamy" 859 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 860 <span class="flex-1">Albicla</span> 861 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 862 fill="none" 863 stroke="currentColor"
864 viewBox="0 0 24 24"> 865 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 866 </svg> 867 </a> 868 <a href="https://tvrepublika.pl/" 869 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 870 <span class="flex-1">TV Republika</span> 871 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 872 fill="none" 873 stroke="currentColor" 874 viewBox="0 0 24 24"> 875 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 876 </svg> 877 </a> 878 <a href="https://naszeblogi.pl/" 879 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 880 <span class="flex-1">Nasze Blogi</span> 881 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 882 fill="none" 883 stroke="currentColor"
884 viewBox="0 0 24 24"> 885 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 886 </svg> 887 </a> 888 <a href="https://vod.gazetapolska.pl/" 889 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 890 <span class="flex-1">VOD Gazeta Polska</span> 891 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 892 fill="none" 893 stroke="currentColor" 894 viewBox="0 0 24 24"> 895 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 896 </svg> 897 </a> 898 <a href="https://polanddaily24.com/" 899 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 900 <span class="flex-1">Poland Daily</span> 901 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 902 fill="none" 903 stroke="currentColor"
904 viewBox="0 0 24 24"> 905 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 906 </svg> 907 </a> 908 <a href="https://www.klubygp.pl/" 909 class="font-['Roboto'] text-lg py-2 hover:text-[#144073] transition-colors duration-200 flex items-center group"> 910 <span class="flex-1">Kluby Gazety Polskiej</span> 911 <svg class="w-5 h-5 text-gray-400 group-hover:text-[#144073] transform group-hover:translate-x-1 transition-all duration-200" 912 fill="none" 913 stroke="currentColor" 914 viewBox="0 0 24 24"> 915 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> 916 </svg> 917 </a> 918 </div> 919 </div> 920 </div> 921</div> 922 923 <div x-show="showSearch" 924 x-cloak 925 class="fixed inset-0 z-50" 926 @click.self="showSearch = false" 927 x-ref="searchModal"> 928 929 <div class="absolute inset-0 bg-black/60 backdrop-blur-md" 930 x-transition:enter="transition ease-out duration-200" 931 x-transition:enter-start="opacity-0" 932 x-transition:enter-end="opacity-100" 933 x-transition:leave="transition ease-in duration-200" 934 x-transition:leave-start="opacity-100" 935 x-transition:leave-end="opacity-0"></div> 936 937 <div class="relative w-full h-full overflow-y-auto"> 938 <div class="flex min-h-full items-start md:items-center justify-center p-4"> 939 <div class="bg-white shadow-2xl w-full max-w-lg p-8 transform transition-all" 940 x-transition:enter="ease-out duration-300" 941 x-transition:enter-start="opacity-0 scale-95" 942 x-transition:enter-end="opacity-100 scale-100" 943 x-transition:leave="ease-in duration-200" 944 x-transition:leave-start="opacity-100 scale-100" 945 x-transition:leave-end="opacity-0 scale-95"> 946 <div class="flex justify-between items-center mb-6"> 947 <h3 class="text-2xl font-bold text-gray-900 font-['Roboto']">Wyszukiwanie</h3> 948 <button @click="showSearch = false" class="cursor-pointer text-gray-400 hover:text-gray-500 transition-colors duration-200"> 949 <svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 950 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 951 </svg> 952 </button> 953 </div> 954 <form @submit.prevent="submitSearch()" x-on:focusin.window.prevent="event.stopPropagation()"> 955 <div class="mb-5"> 956 <div class="relative"> 957 <input 958 type="text" 959 x-model="searchQuery" 960 @keydown.enter="submitSearch()" 961 placeholder="Wpisz szukanÄ frazÄ..." 962 class="w-full px-5 py-4 text-lg border border-[#dfdfdf] focus:ring-3 focus:ring-[#144073] focus:border-[#144073] outline-none transition-all duration-200 shadow-sm" 963 :class="{'border-[#cb050c] focus:ring-[#cb050c] focus:border-[#cb050c]': searchError}" 964 x-ref="searchInput" 965 > 966 <button 967 type="submit" 968 class="absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-blue-600 transition-colors duration-200 p-2" 969 > 970 <svg class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 971 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> 972 </svg> 973 </button> 974 </div> 975 <p x-show="searchError" x-text="searchError" class="mt-3 text-sm text-[#cb
975050c] font-medium"></p> 976 <div class="mt-4 flex items-center text-sm text-[#000]"> 977 <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 978 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> 979 </svg> 980 <span>Wpisz co najmniej 3 znaki i wciÅnij lupÄ</span> 981 </div> 982 </div> 983 </form> 984 </div> 985 </div> 986 </div> 987 </div> 988</div> 989 990 991<div x-data="{}" 992 class="transition-all duration-300 ease-in-out sticky top-[50px] sm:top-[62px] lg:top-[0px] z-22 bg-white" 993 x-bind:class="{ 994 'opacity-0 -translate-y-full': $store.scroll.isScrolled && window.innerWidth < 1024, 995 'lg:top-[65px] lg:h-[47px]': $store.scroll.isScrolled && $store.scroll.isDesktop 996 }" 997 x-init="$watch('$store.scroll.isScrolled', value => { 998 if (value && window.innerWidth < 1024) { 999 setTimeout(() => $el.classList.add('top-[0]', 'overflow-hidden'), 300); 1000 } else { 1001 $el.classList.remove('top-[-100px]', 'overflow-hidden'); 1002 } 1003 })"> 1004 <div class="transition-all duration-300 ease-in-out origin-top -mb-px" 1005 x-bind:class="{'lg:scale-80 lg:translate-y-[-2px] lg:mb-[-2px]': $store.scroll.isScrolled && $store.scroll.isDesktop}"> 1006 <nav class="bg-[#144073] lg:bg-white lg:border-t-2 lg:border-[#cb050c] z-50"> 1007 <div class="mx-auto pl-4 md:pl-0 1008 max-w-full 1009 md:max-w-[840px] 1010 xl:max-w-[1040px] 1011 2xl:max-w-[1240px]"> 1012 <div class="relative"> 1013 <div class="overflow-x-auto xl:overflow-x-visible scrollbar-hide"> 1014 <ul class="flex whitespace-nowrap py-3 md:py-3.5 lg:py-4 tracking-wide xl:justify-center xl:items-center"> 1015 <li class="mr-4 md:mr-6 last:mr-0"> 1016 <a href="https://niezalezna.pl/najnowsze" 1017 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1018 text-sm md:text-base lg:text-lg 1019 hover:text-opacity-80 transition-colors duration-200"> 1020 NAJNOWSZE 1021 </a> 1022 </li> 1023 <li class="mr-4 md:mr-6 last:mr-0"> 1024 <a href="https://niezalezna.pl/polska" 1025 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1026 text-sm md:text-base lg:text-lg 1027 hover:text-opacity-80 transition-colors duration-200"> 1028 POLSKA 1029 </a> 1030 </li> 1031 <li class="mr-4 md:mr-6 last:mr-0"> 1032 <a href="https://niezalezna.pl/swiat" 1033 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1034 text-sm md:text-base lg:text-lg 1035 hover:text-opacity-80 transition-colors duration-200"> 1036 ÅWIAT 1037 </a> 1038 </li> 1039 <li class="mr-4 md:mr-6 last:mr-0"> 1040 <a href="https://niezalezna.pl/petycje" 1041 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1042 text-sm md:text-base lg:text-lg 1043 hover:text-opacity-80 transition-colors duration-200"> 1044 PETYCJE 1045 </a> 1046 </li> 1047 <li class="mr-4 md:mr-6 last:mr-0"> 1048 <a href="https://niezalezna.pl/humor" 1049 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1050 text-sm md:text-base lg:text-lg 1051 hover:text-opacity-80 transition-colors duration-200"> 1052 MEMY 1053 </a> 1054 </li> 1055 <li class="mr-4 md:mr-6 last:mr-0"> 1056 <a href="https://niezalezna.pl/gry" 1057 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1058 text-sm md:text-base lg:text-lg 1059 hover:text-opacity-80 transition-colors duration-200"> 1060 GRY 1061 </a> 1062 </li> 1063 <li class="mr-4 md:mr-6 last:mr-0"> 1064 <a href="https://niezalezna.pl/quiz" 1065 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1066 text-sm md:text-base lg:text-lg 1067 hover:text-opacity-80 transition-colors duration-200"> 1068 QUIZY 1069 </a> 1070 </li> 1071 <li class="mr-4 md:mr-6 last:mr-0"> 1072 <a href="https://niezalezna.pl/polityka" 1073 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1074 text-sm md:text-base lg:text-lg 1075 hover:text-opacity-80 transition-colors duration-200"> 1076 POLITYKA 1077 </a> 1078 </li> 1079 <li class="mr-4 md:mr-6 last:mr-0"> 1080 <a href="https://niezalezna.pl/sport" 1081 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1082 text-sm md:text-base lg:text-lg 1083 hover:text-opacity-80 transition-colors duration-200"> 1084 SPORT 1085 </a> 1086 </li> 1087 <li class="mr-4 md:mr-6 last:mr-0"> 1088 <a href="https://niezalezna.pl/media" 1089 class="hover:underline font-['Roboto'] font-bold text-white lg:text-black 1090 text-sm md:text-base lg:text-lg 1091 hover:text-opacity-80 transition-colors duration-200"> 1092 MEDIA 1093 </a> 1094 </li> 1095 1096 <li class="mr-4 md:mr-6 last:mr-0"> 1097 <div 1098 class="relative" 1099 x-data="{ isOpen: false }" 1100 @click.away="isOpen = false" 1101 @keydown.escape.window="isOpen = false" 1102> 1103 <button 1104 class="cursor-pointer font-['Roboto'] font-bold lg:text-[#144073] text-white text-sm md:text-base lg:text-lg inline-flex items-center hover:text-opacity-80 transition-colors duration-200" 1105 @click="isOpen = !isOpen" 1106 aria-expanded="false" 1107 aria-haspopup="true" 1108 > 1109 WIÄCEJ 1110 <svg 1111 class="w-4 h-4 ml-1 transition-transform duration-200" 1112 fill="none" 1113 stroke="currentColor"
1114 viewBox="0 0 24 24" 1115 :class="{ 'rotate-180': isOpen }" 1116 > 1117 <path 1118 stroke-linecap="round" 1119 stroke-linejoin="round" 1120 stroke-width="2" 1121 d="M19 9l-7 7-7-7" 1122 /> 1123 </svg> 1124 </button> 1125 1126 <div 1127 class="fixed inset-x-4 mt-[12px] md:mt-[14px] lg:mt-[16px] lg:fixed xl:absolute lg:inset-auto lg:right-0 lg:w-56 z-50" 1128 x-show="isOpen" 1129 x-transition:enter="transition ease-out duration-200" 1130 x-transition:enter-start="opacity-0 transform -translate-y-2" 1131 x-transition:enter-end="opacity-100 transform translate-y-0" 1132 x-transition:leave="transition ease-in duration-150" 1133 x-transition:leave-start="opacity-100 transform translate-y-0" 1134 x-transition:leave-end="opacity-0 transform -translate-y-2" 1135 @click.away="isOpen = false" 1136 style="display: none" 1137 > 1138 <div 1139 class="bg-[#144073] lg:bg-white shadow-lg" 1140 > 1141 <div class=""> 1142 <a 1143 href="https://niezalezna.pl/kultura-i-historia" 1144 class="block px-4 py-2 text-sm md:text-base lg:text-lg font-bold text-[#fff] lg:text-[#144073] hover:bg-[#144073] hover:text-[#fff] transition-colors duration-200 font-['Roboto']" 1145 role="menuitem" 1146 > 1147 HISTORIA 1148 </a> 1149 <a 1150 href="https://niezalezna.pl/gospodarka" 1151 class="block px-4 py-2 text-sm md:text-base lg:text-lg font-bold text-[#fff] lg:text-[#144073] hover:bg-[#144073] hover:text-[#fff] transition-colors duration-200 font-['Roboto']" 1152 role="menuitem" 1153 > 1154 GOSPODARKA 1155 </a> 1156 <a 1157 href="https://niezalezna.pl/opinie" 1158 class="block px-4 py-2 text-sm md:text-base lg:text-lg font-bold text-[#fff] lg:text-[#144073] hover:bg-[#144073] hover:text-[#fff] transition-colors duration-200 font-['Roboto']" 1159 role="menuitem" 1160 > 1161 OPINIE 1162 </a> 1163 <a 1164 href="https://niezalezna.pl/lifestyle" 1165 class="block px-4 py-2 text-sm md:text-base lg:text-lg font-bold text-[#fff] lg:text-[#144073] hover:bg-[#144073] hover:text-[#fff] transition-colors duration-200 font-['Roboto']" 1166 role="menuitem" 1167 > 1168 LIFESTYLE 1169 </a> 1170 <a 1171 href="https://niezalezna.pl/pogoda" 1172 class="block px-4 py-2 text-sm md:text-base lg:text-lg font-bold text-[#fff] lg:text-[#144073] hover:bg-[#144073] hover:text-[#fff] transition-colors duration-200 font-['Roboto']" 1173 role="menuitem" 1174 > 1175 POGODA 1176 </a> 1177 <a 1178 href="https://niezalezna.pl/kuchnia-gp" 1179 class="block px-4 py-2 text-sm md:text-base lg:text-lg font-bold text-[#fff] lg:text-[#144073] hover:bg-[#144073] hover:text-[#fff] transition-colors duration-200 font-['Roboto']" 1180 role="menuitem" 1181 > 1182 KUCHNIA GP 1183 </a> 1184 </div> 1185 </div> 1186 </div> 1187</div> 1188 </li> 1189 </ul> 1190 </div> 1191 </div> 1192 </div> 1193</nav> </div> 1194</div> <section id="page" class="min-h-screen w-full mt-0 md:mt-4"> 1195 <div class="mx-auto max-w-full md:max-w-[840px] xl:max-w-[1040px] 2xl:max-w-[1240px] sm:px-2 lg:px-0"> 1196 <div 1197 data-optad-slot-wrapper 1198 class="max-w-full overflow-hidden mx-auto my-4 flex items-center justify-center w-full min-h-[300px]" 1199 style="" > 1200 <div id="newsletter_bill_top" class="relative flex items-center justify-center"> 1201 </div> 1202</div> 1203 <main class="mb-4 mx-4 md:mx-0"> 1204 <article class="bg-white space-y-4 md:space-y-6"> 1205 <div class="-mx-4 md:mx-0"> 1206 <div class="relative mb-8 mt-4"> 1207 <nav class="text-sm text-gray-500 overflow-x-auto flex justify-center 1208 scrollbar-none" style="-ms-overflow-style: none; scrollbar-width: none;"> 1209 <style> 1210 .scrollbar-none::-webkit-scrollbar {
1211 display: none; 1212 } 1213 </style> 1214 <p class="flex items-center flex-nowrap gap-1 uppercase pb-2 font-['Roboto'] max-w-fit"> 1215 <a href="https://niezalezna.pl" class="text-[#000] cursor-pointer shrink-0 hover:underline" title="niezależna.pl">niezależna.pl</a> 1216 <span class="shrink-0">âº</span> 1217 <span class="text-gray-700 shrink-0" title="Klub Czytelników">Klub Czytelników</span> 1218 </p> 1219 </nav> 1220</div> 1221 </div> 1222 1223 <header class="text-left md:text-center space-y-3 md:space-y-4"> 1224 <span class="inline-block bg-[#cb050c] text-white px-3 py-1 text-xs font-['Roboto'] font-bold uppercase tracking-wide"> 1225 Klub Czytelników 1226 </span> 1227 <h1 class="font-['Roboto'] font-[900] text-[#144073] text-[1.75em] leading-tight md:text-3xl lg:text-4xl"> 1228 Klub Czytelników Niezależna.pl 1229 </h1> 1230 <p class="font-['Roboto'] text-base md:text-lg text-[#000] leading-relaxed font-bold"> 1231 DoÅÄ cz do spoÅecznoÅci osób, które chcÄ byÄ bliżej redakcji i najważniejszych wydarzeÅ. 1232 </p> 1233 </header> 1234 1235 <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 md:gap-8"> 1236 1237 <div class="lg:col-span-2 space-y-6"> 1238 <div> 1239 <h2 class="font-['Roboto'] font-bold text-[#144073] text-xl md:text-2xl mb-4"> 1240 Jako czÅonek Klubu Czytelników otrzymasz: 1241 </h2> 1242 <ul class="space-y-3"> 1243 <li class="flex items-start gap-3 font-['Roboto'] text-base md:text-lg text-[#000] leading-relaxed"> 1244 <svg class="w-6 h-6 shrink-0 text-[#cb050c] mt-0.5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> 1245 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/> 1246 </svg> 1247 <span>najważniejsze informacje dnia wybrane przez redakcjÄ</span> 1248 </li> 1249 <li class="flex items-start gap-3 font-['Roboto'] text-base md:text-lg text-[#000] leading-relaxed"> 1250 <svg class="w-6 h-6 shrink-0 text-[#cb050c] mt-0.5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> 1251 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/> 1252 </svg> 1253 <span>informacje o petycjach i akcjach obywatelskich</span> 1254 </li> 1255 <li class="flex items-start gap-3 font-['Roboto'] text-base md:text-lg text-[#000] leading-relaxed"> 1256 <svg class="w-6 h-6 shrink-0 text-[#cb050c] mt-0.5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> 1257 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/> 1258 </svg> 1259 <span>specjalne oferty ze Sklepu Gazety Polskiej</span> 1260 </li> 1261 <li class="flex items-start gap-3 font-['Roboto'] text-base md:text-lg text-[#000] leading-relaxed"> 1262 <svg class="w-6 h-6 shrink-0 text-[#cb
1262050c] mt-0.5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> 1263 <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/> 1264 </svg> 1265 <span>zaproszenia na spotkania z dziennikarzami Strefy Wolnego SÅowa</span> 1266 </li> 1267 </ul> 1268 </div> 1269 1270 <div class="border-l-4 border-[#144073] bg-[#F5F7FA] px-4 py-4"> 1271 <p class="font-['Roboto'] text-base md:text-lg text-[#144073] font-bold leading-relaxed"> 1272 Twój gÅos ma znaczenie. Razem tworzymy spoÅecznoÅÄ wspierajÄ cÄ niezależne dziennikarstwo. 1273 </p> 1274 </div> 1275 </div> 1276 1277 1278 <aside class="lg:col-span-1"> 1279 <div class="lg:sticky lg:top-24"> 1280 <div class="nl-mailerlite"> 1281 <div id="mlb2-42900317" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-42900317"> 1282 <div class="ml-form-align-center"> 1283 <div class="ml-form-embedWrapper embedForm"> 1284 <div class="ml-form-embedBody ml-form-embedBodyHorizontal row-form"> 1285 <div class="ml-form-embedContent"> 1286 <h4>Zapisz siÄ do Klubu Czytelników</h4> 1287 <p>Zostaw adres e-mail â wyÅlemy link potwierdzajÄ cy i doÅÄ czysz do spoÅecznoÅci Czytelników.</p> 1288 </div> 1289 1290 <form class="ml-block-form" 1291 action="https://assets.mailerlite.com/jsonp/1359070/forms/190972946242602384/subscribe" 1292 data-code="" 1293 method="post" 1294 target="_blank"> 1295 <div class="ml-form-formContent horozintalForm"> 1296 <div class="ml-form-horizontalRow"> 1297 <div class="ml-input-horizontal"> 1298 <div style="width: 100%;" class="horizontal-fields"> 1299 <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required"> 1300 <input type="email" class="form-control" data-inputmask="" 1301 name="fields[email]" placeholder="Adres e-mail" autocomplete="email"> 1302 </div> 1303 </div> 1304 </div> 1305 1306 <div class="ml-button-horizontal primary"> 1307 <button type="submit" class="primary">ZapisujÄ siÄ</button> 1308 <button disabled="disabled" style="display: none;" type="button" class="loading"> 1309 <div class="ml-form-embedSubmitLoad"></div> 1310 <span class="sr-only">Åadowanie...</span> 1311 </button> 1312 </div> 1313 </div> 1314 </div> 1315 1316 <div class="ml-form-checkboxRow ml-validate-required"> 1317 <label class="checkbox"> 1318 <input type="checkbox"> 1319 <div class="label-description"> 1320 <p> 1321 Wyrażam zgodÄ na otrzymywanie newslettera Klubu Czytelników i akceptujÄ 1322 <a href="https://niezalezna.pl/polityka-prywatnosci" target="_blank">politykÄ prywatnoÅci</a>. 1323 </p> 1324 </div> 1325 </label> 1326 </div> 1327 1328 <div class="ml-form-recaptcha ml-validate-required"> 1329 <div class="g-recaptcha" data-sitekey="6Lf1KHQUAAAAAFNKEX1hdSWCS3mRMv4FlFaNslaD"></div> 1330 </div> 1331 1332 <div class="ml-form-embedPermissions"> 1333 <div class="ml-form-embedPermissionsContent horizontal privacy-policy"> 1334 <p>Możesz wypisaÄ siÄ w dowolnym momencie. Zapis potwierdzasz klikajÄ c link
1334w e-mailu (double opt-in).</p> 1335 </div> 1336 </div> 1337 1338 <input type="hidden" name="ml-submit" value="1"> 1339 <input type="hidden" name="anticsrf" value="true"> 1340 </form> 1341 </div> 1342 1343 <div class="ml-form-successBody row-success" style="display: none"> 1344 <div class="ml-form-successContent"> 1345 <h4>DziÄkujemy!</h4> 1346 <p>Sprawdź skrzynkÄ i kliknij link potwierdzajÄ cy, aby dokoÅczyÄ zapis do Klubu Czytelników.</p> 1347 </div> 1348 </div> 1349 </div> 1350 </div> 1351 </div> 1352</div> 1353 1354 1355 </div> 1356 </aside> 1357 </div> 1358 </article> 1359 </main> 1360 1361 <div 1362 data-optad-slot-wrapper 1363 class="max-w-full overflow-hidden mx-auto my-4 flex items-center justify-center w-full min-h-[300px]" 1364 style="" > 1365 <div id="newsletter_bill_bottom" class="relative flex items-center justify-center"> 1366 </div> 1367</div> </div> 1368 <footer class="bg-[#144073] text-white"> 1369 <div class="mx-auto px-4 md:px-0 1370 max-w-full 1371 md:max-w-[840px] 1372 xl:max-w-[1040px] 1373 2xl:max-w-[1240px] py-8"> 1374 <div class="mb-8 text-sm grid grid-cols-1 md:grid-cols-2 gap-8"> 1375 <div> 1376 <div class="mb-4"> 1377 <strong>Redaktor naczelny: </strong><br> 1378 <span>Grzegorz WierzchoÅowski</span> 1379 <a href="/cdn-cgi/l/email-protection#eb8cc59c828e999188838487849c988082ab85828e918a878e91858ac59b87" class="text-gray-300 hover:text-white ml-1"><span class="__cf_email__" data-cfemail="73145d041a160109101b1c1f1c0400181a331d1a1609121f16091d125d031f">[email protected]</span></a> 1380 </div> 1381 1382 <div class="mb-4"> 1383 <strong>ZastÄpcy redaktora naczelnego:</strong><br> 1384 <span>Grzegorz BroÅski</span> 1385 <a href="/cdn-cgi/l/email-protection#ccabe2aebea3a2bfa7a58ca2a5a9b6ada0a9b6a2ade2bca0" class="text-gray-300 hover:text-white ml-1"><span class="__cf_email__" data-cfemail="0b6c25697964657860624b65626e716a676e71656a257b67">[email protected]</span></a><br> 1386 <span>Piotr Kotomski</span> 1387 <a href="/cdn-cgi/l/email-protection#93e3bdf8fce7fcfee0f8fad3fdfaf6e9f2fff6e9fdf2bde3ff" class="text-gray-300 hover:text-white ml-1"><span class="__cf_email__" data-cfemail="c7b7e9aca8b3a8aab4acae87a9aea2bda6aba2bda9a6e9b7ab">[email protected]</span></a> 1388 </div> 1389 1390 <div class="mb-4"> 1391 <strong>ZespóÅ: </strong> 1392 <span class="text-gray-300">MichaÅ Dzierżak, MichaÅ Kowalczyk, Beata MaÅkowska, Janusz Milewski, Tomasz Grodecki, Sabina Treffler, Aleksander Mimier, PrzemysÅaw ObÅuski, Magdalena Å»uraw, Anna Zyzek, Mateusz Mol, Mateusz ÅwiÄcicki</span> 1393 </div> 1394 </div> 1395 1396 <div> 1397 <div class="mb-4"> 1398 <strong>WspóÅpracownicy: </strong> 1399 <span class="text-gray-300">Tomasz Duklanowski, Agnieszka KoÅodziejczyk, Hubert Kowalski, Mariola Åukawska, Jan PrzemyÅski, Natalia Wasilewska, Konrad Wysocki</span> 1400 </div> 1401 1402 <div class="mb-4"> 1403 <strong>PublicyÅci: </strong> 1404 <span class="text-gray-300">Tomasz Sakiewicz, Katarzyna Gójska, Piotr Lisiewicz, MichaÅ RachoÅ, Tomasz Åysiak, Jacek Liziniewicz, Piotr Nisztor, Adrian Stankowski, Antoni RybczyÅski, Krzysztof WoÅodźko, Krzysztof Karnkowski, Tomasz Teluk, Marcin Herman</span> 1405 </div> 1406 1407 <div class="text-gray-300"> 1408 <strong>Wydawca: </strong> 1409 <span>SÅowo Niezależne Sp. z o.o.</span><br> 1410 <span>Filtrowa 63 / 43, 02-056 Warszawa, Polska</span> 1411 </div> 1412 </div> 1413 </div> 1414 1415 <div class="pt-4 border-t border-gray-500/30"> 1416 <div class="flex flex-col md:flex-row justify-between items-center"> 1417 <div class="text-sm text-gray-300"> 1418 © 2026 Niezależna.pl. Wszystkie prawa zastrzeżone. 1419 </div> 1420 <div class="flex space-x-6 mt-4 md:mt-0 text-sm"> 1421 <a href="https://patronaty.gazetapolska.pl/" target="_blank" class="text-gray-300 hover:text-white">Patronat</a> 1422 <a href="https://niezalezna.pl/reklama" class="text-gray-300 hover:text-white">Reklama</a> 1423 <a href="https://niezalezna.pl/polityka-prywatnosci" class="text-gray-300 hover:text-white">Polityka prywatnoÅci</a> 1424 </div> 1425 </div> 1426 </div> 1427 </div> 1428</footer> 1429 </section>
vendor: 121 bytes, lines 1429-1430
1429 1430 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1430<script type="0f8da46e57182c71d2e54c2c-text/javascript"> 1431 function ml_webform_success_42900317() { 1432 var $ = window.ml_jQuery || window.jQuery; 1433 if (!$) return; 1434 $('.ml-subscribe-form-42900317 .row-success').show(); 1435 $('.ml-subscribe-form-42900317 .row-form').hide(); 1436 } 1437 </script>
vendor: 141 bytes, lines 1437-1439
1437 1438 <script src="https://www.google.com/recaptcha/api.js" async defer type="0f8da46e57182c71d2e54c2c-text/javascript"></script> 1439
1439<script src="https://groot.mailerlite.com/js/w/webforms.min.js?v83147fa8ce2d95cb73ece7f28b469519" type="0f8da46e57182c71d2e54c2c-text/javascript"></script>
1439 1440
1440<script type="0f8da46e57182c71d2e54c2c-text/javascript"> 1441 fetch("https://assets.mailerlite.com/jsonp/1359070/forms/190972946242602384/takel").catch(function () {}); 1442 1443 // reCAPTCHA ma staÅÄ szerokoÅÄ ~304px â skalujemy jÄ do szerokoÅci kontenera 1444 // (wÄ ska prawa szpalta / zwÄżony grid na lg), bez psucia layoutu karty. 1445 (function () { 1446 var NATURAL_W = 304, NATURAL_H = 78; 1447 function fitRecaptcha() { 1448 document.querySelectorAll('.nl-mailerlite .ml-form-recaptcha').forEach(function (box) { 1449 var widget = box.querySelector('.g-recaptcha'); 1450 if (!widget) return; 1451 var scale = Math.min(1, box.clientWidth / NATURAL_W); 1452 widget.style.transform = 'scale(' + scale + ')'; 1453 box.style.height = (NATURAL_H * scale) + 'px'; 1454 box.style.overflow = 'hidden'; 1455 }); 1456 } 1457 window.addEventListener('load', fitRecaptcha); 1458 window.addEventListener('resize', fitRecaptcha); 1459 var tries = 0, iv = setInterval(function () { 1460 fitRecaptcha(); 1461 if (++tries > 20) clearInterval(iv); 1462 }, 300); 1463 })(); 1464 </script>
1464 1465 <!-- (C)2000-2013 Gemius SA - gemiusAudience / pp.niezalezna.pl / podstrony --> 1466
1466<script type="0f8da46e57182c71d2e54c2c-text/javascript"> 1467 var pp_gemius_identifier = 'zaBA4ir.KzoszKwoBZmQVoaAj6ORiJt0uLnST6y_M.7.27'; 1468 1469 function gemius_pending(i) { window[i] = window[i] || function() {var x = window[i+'_pdata'] = window[i+'_pdata'] || []; x[x.length]=arguments;};} 1470 gemius_pending('gemius_hit'); gemius_pending('gemius_event'); gemius_pending('pp_gemius_hit'); gemius_pending('pp_gemius_event'); 1471 (function(d,t) {try {var gt=d.createElement(t),s=d.getElementsByTagName(t)[0],l='http'+((location.protocol=='https:')?'s':''); gt.setAttribute('async','async'); 1472 gt.setAttribute('defer','defer'); gt.src=l+'://idm.hit.gemius.pl/xgemius.min.js'; s.parentNode.insertBefore(gt,s);} catch (e) {}})(document,'script'); 1473</script>
1473 1474
1474<script charset="UTF-8" src="https://s-eu-1.pushpushgo.com/js/6720ed61c44bbba2e7042cee.js" async="async" type="0f8da46e57182c71d2e54c2c-text/javascript"></script>
vendor: 146 bytes, line 1474
1474 <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="0f8da46e57182c71d2e54c2c-|49" defer></script>
1474<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d13a51957bf948cd9bf7018c9a6b9b92","spa":2}' crossorigin="anonymous"></script>
1474 1475</body> 1476</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.