https://zerkalo-16apr.club/donate/karta?hot

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4<meta name="robots" content="noindex,nofollow">
5<meta name="googlebot" content="noindex,nofollow">
6<link rel="canonical" href="https://donate.zerkalo.io/karta?hot" />
7    <!-- Google Tag Manager -->

8<script>

8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
9new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12})(window,document,'script','dataLayer','

12GTM-WFL5HRBV

12');

12</script>

12
13<!-- End Google Tag Manager -->
14<meta charset="UTF-8">
15<meta name="viewport" content="width=device-width, initial-scale=1.0">
16<meta name="format-detection" content="telephone=no">
17<link rel="icon" href="https://zerkalo-16apr.club/www/favicon_test.svg?v=2" type="image/svg+xml">
18<link rel="mask-icon" href="https://zerkalo-16apr.club/www/favicon-safari-pin.svg" color="#CE0000">
19<link rel="preconnect" href="https://fonts.googleapis.com">
20<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21<link rel="preload" href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" as="style">
22<link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
23<style>
24    body {
25        font-family: 'PT Sans Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
26    }
27    @font-face {
28        font-family: 'PT Sans Fallback';
29        src: local('Arial');
30        size-adjust: 98%;
31        ascent-override: 92%;
32        descent-override: 22%;
33        line-gap-override: 0%;
34    }
35</style>
36<link rel="stylesheet" href="https://zerkalo-16apr.club/donate/style.css?v=6">
37<style>
38    .site-header {
39        position: relative;
40        z-index: 1000;
41        width: 100vw;
42        margin-left: calc(-50vw + 50%);
43        background: #f0f0f0;
44    }
45    .site-header-float {
46        position: fixed;
47        top: 0;
48        left: 0;
49        right: 0;
50        z-index: 1000;
51        background: #f0f0f0;
52        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
53        transform: translateY(-100%);
54        pointer-events: none;
55        visibility: hidden;
56    }
57    .site-header-float .site-header__inner {
58        height: clamp(36px, 8vw, 48px);
59    }
60    .site-header-float .site-header__logo img {
61        height: clamp(14px, 3.5vw, 26px);
62    }
63    .site-header-float .site-header__link {
64        font-size: clamp(10px, 2.4vw, 15px);
65    }
66    .site-header-float--detaching {
67        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
68    }
69    .site-header-float--visible {
70        transform: translateY(0);
71        pointer-events: auto;
72        visibility: visible;
73    }
74    .site-header__inner {
75        max-width: 780px;
76        margin: 0 auto;
77        padding: 0 clamp(24px, 6.5vw, 40px);
78        display: flex;
79        align-items: center;
80        justify-content: space-between;
81        height: clamp(48px, 12vw, 72px);
82    }
83    .site-header__logo img {
84        height: clamp(18px, 5vw, 40px);
85        width: auto;
86        display: block;
87    }
88    .site-header__nav {
89        display: flex;
90        align-items: center;
91        gap: clamp(8px, 2.5vw, 32px);
92    }
93    .site-header__link {
94        color: #333;
95        text-decoration: none;
96        font-size: clamp(11px, 2.8vw, 18px);
97        font-weight: 700;
98        transition: opacity 0.2s;
99        white-space: nowrap;
100    }
101    .site-header__link:hover {
102        opacity: 0.6;
103    }
104    .site-header__link--active {
105        position: relative;
106    }
107    .site-header__link--active::after {
108        content: '';
109        position: absolute;
110        bottom: -3px;
111        left: 0;
112        right: 0;
113        height: 2px;
114        background: #CC3319;
115        border-radius: 1px;
116    }
117</style>
118    <title>Поддержать «Зеркало» картой</title>
119    <style>
120        body.karta-body {
121            max-width: none;
122            padding: 0;
123        }
124        .karta-body .site-header__inner {
125            max-width: 1120px;
126        }
127
128        .karta-wrap {
129            max-width: 1120px;
130            margin: 0 auto;
131            padding: 0 clamp(16px, 4vw, 40px);
132        }
133
134        .karta-hero {
135            padding: clamp(28px, 8vw, 64px) 0 clamp(18px, 5vw, 40px);
136            text-align: center;
137        }
138        .karta-hero__heading {
139            font-size: clamp(20px, 5vw, 48px);
140            font-weight: 700;
141            line-height: 1.15;
142            text-transform: uppercase;
143            color: #fff;
144        }
145        .karta-hero__sub {
146            margin-top: clamp(8px, 2vw, 16px);
147            font-size: clamp(13px, 2.8vw, 22px);
148            line-height: 1.3;
149            color: rgba(255, 255, 255, 0.7);
150        }
151
152        /* two-column layout */
153        .karta-main {
154            display: flex;
155            gap: clamp(24px, 4vw, 48px);
156            align-items: flex-start;
157            padding-bottom: clamp(28px, 8vw, 64px);
158        }
159        .karta-main__widget {
160            flex: 0 0 425px;
161            position: sticky;
162            top: clamp(56px, 13vw, 80px);
163        }
164        .karta-main__content {
165            flex: 1;
166            min-width: 0;
167        }
168
169        /* text blocks */
170        .karta-block {

171            padding: clamp(16px, 3.5vw, 32px) 0;
172        }
173        .karta-block + .karta-block {
174            border-top: 1px solid rgba(255, 255, 255, 0.08);
175        }
176        .karta-text {
177            font-size: clamp(14px, 2.2vw, 18px);
178            font-weight: 400;
179            line-height: 1.5;
180            color: rgba(255, 255, 255, 0.92);
181        }
182        .karta-text + .karta-text {
183            margin-top: clamp(12px, 2.5vw, 20px);
184        }
185        .karta-text strong {
186            font-weight: 700;
187            color: #fff;
188        }
189        .karta-text a {
190            color: #fff;
191            text-decoration: underline;
192            text-decoration-color: #CC3319;
193            text-decoration-thickness: 2px;
194            text-underline-offset: 3px;
195            transition: opacity 0.2s;
196        }
197        .karta-text a:hover {
198            opacity: 0.7;
199        }
200
201        /* accent block */
202        .karta-block--accent {
203            background: #CC3319;
204            border-radius: clamp(8px, 1.5vw, 14px);
205            padding: clamp(16px, 3.5vw, 32px) clamp(18px, 3.5vw, 32px);
206            border: none;
207        }
208        .karta-block--accent + .karta-block {
209            border-top: none;
210        }
211        .karta-block + .karta-block--accent {
212            border-top: none;
213        }
214        .karta-block--accent .karta-text {
215            color: #fff;
216        }
217
218        /* warning block */
219        .karta-warn {
220            position: relative;
221            overflow: visible;
222            background: #CC3319;
223            border: none;
224            border-radius: clamp(8px, 1.5vw, 14px);
225            padding: clamp(16px, 3.5vw, 32px) clamp(18px, 3.5vw, 32px);
226            padding-right: clamp(60px, 10vw, 100px);
227            margin-top: clamp(12px, 2.5vw, 20px);
228        }
229        .karta-warn .karta-text {
230            font-size: clamp(12px, 1.9vw, 16px);
231            color: #fff;
232        }
233        .karta-warn .karta-text a {
234            color: #fff;
235        }
236        .karta-warn__icon {
237            position: absolute;
238            right: clamp(-24px, -3vw, -16px);
239            top: 50%;
240            width: clamp(48px, 7vw, 72px);
241            height: auto;
242            transform: translateY(-50%) rotate(-1deg);
243            transform-origin: center center;
244            animation: karta-warn-wobble 2.5s ease-in-out infinite;
245        }
246        @keyframes karta-warn-wobble {
247            0%, 100% { transform: translateY(-50%) rotate(-1deg); }
248            50%       { transform: translateY(-50%) rotate(1deg); }
249        }
250
251        /* closing */
252        .karta-closing {
253            text-align: center;
254            padding: clamp(20px, 4vw, 40px) 0 clamp(28px, 6vw, 56px);
255        }
256        .karta-closing .karta-text {
257            max-width: 680px;
258            margin: 0 auto;
259        }
260        .karta-heart {
261            font-size: clamp(28px, 6vw, 56px);
262            display: block;
263            margin-bottom: clamp(8px, 2vw, 16px);
264        }
265
266        /* mobile: stack */
267        @media (max-width: 860px) {
268            .karta-main {
269                flex-direction: column;
270            }
271            .karta-main__widget {
272                flex: none;
273                width: 100%;
274                max-width: 425px;
275                margin: 0 auto;
276                position: static;
277            }
278            .karta-main__content {
279                width: 100%;
280            }
281            .karta-text {
282                font-size: clamp(14px, 4.2vw, 18px);
283            }
284            .karta-warn .karta-text {
285                font-size: clamp(12px, 3.6vw, 16px);
286            }
287        }
288    </style>

289<script>
290        window.addEventListener('DOMContentLoaded', function (event) {
291            const currentUrl = window.location.href;
292            window.parent.postMessage({"type": "url", "data": currentUrl}, '*');
293
294            document.querySelectorAll('a[data-lang]').forEach(function(link) {
295                link.addEventListener('click', function() {
296                    var lang = this.getAttribute('data-lang');
297                    document.cookie = 'lang=' + lang + '; path=/; max-age=315360000';
298                    location.reload();
299                });
300            });
301        });
302    </script>

302 

302<script>
303          if ('serviceWorker' in navigator) {
304            window.addEventListener('load', function() {
305              navigator.serviceWorker.register('/service-worker.js', { updateViaCache: 'none' })
306                .then(function(registration) {
307                  registration.update();
308                  console.log('Service worker registered: ', registration);
309                })
310                .catch(function(error) {
311                  console.log('Failed to register service worker:', error);
312                });
313            });
314          } else {
315            console.log('This browser does not support service workers');
316          }
317        </script>

317<!-- ZERKALO_SERVICE_STRING --></head>
318<body class="karta-body">
319    <!-- Google Tag Manager (noscript) -->

319
320<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

320GTM-WFL5HRBV

320"
321height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

322<!-- End Google Tag Manager (noscript) -->
323<header class="site-header">
324    <div class="site-header__inner">
325        <a href="https://zerkalo-16apr.club/donate/karta/" class="site-header__logo">
326            <img src="https://zerkalo-16apr.club/donate/logo.png" alt="Зеркало">
327        </a>
328    </div>
329</header>
330
331    <div class="karta-wrap">
332        <div class="karta-hero">
333            <h1 class="karta-hero__heading">Поддержите редакцию «Зеркала»</h1>
334            <p class="karta-hero__sub">Задонатьте любую сумму через безопасный сервис Donorbox</p>
335        </div>
336
337        <div class="karta-main">
338            <div class="karta-main__widget">
339                

339<script type="module" src="https://donorbox.org/widgets.js" async></script>

339
340                <dbox-widget campaign="donate-zerkalo-io" type="donation_form" enable-auto-scroll="true"></dbox-widget>
341            </div>
342
343            <div class="karta-main__content">
344                <div class="karta-block">
345                    <p class="karta-text">
346                        Мы, как и&nbsp;вы, боимся очень разных вещей. Но&nbsp;если говорить о&nbsp;«Зеркале» в&nbsp;целом, то&nbsp;мы&nbsp;очень боимся оставить вас, миллионы наших читателей и&nbsp;зрителей, один на&nbsp;один с&nbsp;ужасающей пропагандой режима. Цель нашего существования&nbsp;— сделать так, чтобы у&nbsp;беларусов как внутри страны, так и&nbsp;за&nbsp;ее&nbsp;пределами была возможность читать настоящие новости. <strong>Сегодня каждый из&nbsp;вас может помочь нам бороться со&nbsp;страхом.</strong>
347                    </p>
348                </div>
349
350                <div class="karta-block karta-block--accent">
351                    <p class="karta-text">
352                        <strong>Мы&nbsp;просим вас помочь нам продолжать свою работу.</strong> Пожалуйста, оформите подписку или отправьте разовый донат «Зеркалу». Этот призыв обращен к&nbsp;уехавшим беларусам, которые до&nbsp;наступления демократических перемен не&nbsp;планируют возвращаться домой. Мы&nbsp;не&nbsp;знаем, когда этот момент настанет. Но&nbsp;мы&nbsp;уверены, что, если независимые медиа перестанут существовать, он&nbsp;лишь отдалится.
353                    </p>
354                </div>
355
356                <div class="karta-block">
357                    <p class="karta-text">
358                        <strong>Это безопасно.</strong> Сервис Donorbox используют более 80&nbsp;тысяч организаций из&nbsp;96&nbsp;стран. Он&nbsp;действительно надежный: в&nbsp;основе&nbsp;— платежная система Stripe, сертифицированная по&nbsp;международному стандарту безопасности PCI&nbsp;DSS, он&nbsp;был разработан пятью основными игроками рынка: Visa, Mastercard, American Express, Discover и&nbsp;JCB. А&nbsp;еще банк не&nbsp;увидит, что платеж сделан в&nbsp;адрес «Зеркала». С&nbsp;нашей&nbsp;же стороны доступ к&nbsp;данным о&nbsp;транзакциях имеют лишь два человека, также соблюдающих все меры предосторожности при работе.
359                    </p>
360
361                    <p class="karta-text">
362                        <strong>Вам не&nbsp;обязательно представляться.</strong> При оформлении платежа система попросит указать имя и&nbsp;фамилию&nbsp;— вы&nbsp;можете вписать любой псевдоним, нам необязательно знать ваши реальные данные.
363                    </p>
364
365                    <div class="karta-warn">
366                        <img class="karta-warn__icon" src="https://zerkalo-16apr.club/donate/warn.png" alt="">
367                        <p class="karta-text">
368                            <strong>Пожалуйста, не&nbsp;платите с&nbsp;карт беларусских и&nbsp;российских банков.</strong> Даже в&nbsp;безопасной системе, даже если вы&nbsp;за&nbsp;рубежом. По&nbsp;любым вопросам о&nbsp;платежах, пожалуйста, пишите на&nbsp;почту <a href="https://zerkalo-16apr.club/donate/cdn-cgi/l/email-protection#d6a5a3a6a6b9a4a296acb3a4bdb7bab9f8bfb9"><span class="__cf_email__" data-cfemail="4f3c3a3f3f203d3b0f352a3d242e2320612620">[email&#160;protected]</span></a>.
369                        </p>
370                    </div>
371                </div>
372
373                <div class="karta-block">
374                    <p class="karta-text">
375                        <strong>Мы&nbsp;благодарны за&nbsp;любую сумму.</strong> Через Donorbox вы&nbsp;можете поддержать нас как однократным платежом, так и&nbsp;подписаться на&nbsp;ежемесячную поддержку на&nbsp;любую сумму от&nbsp;пяти евро. Регулярные платежи дадут нам больше стабильности. Однако помните, что важна абсолютно любая помощь&nbsp;— вы&nbsp;очень нам нужны.
376                    </p>
377                </div>
378            </div>
379        </div>
380
381        <div class="karta-closing">

382            <span class="karta-heart">❤️</span>
383            <p class="karta-text">
384                <strong>Спасибо, что вы&nbsp;с&nbsp;нами.</strong>
385            </p>
386        </div>
387    </div>
388
389    

389<script data-cfasync="false" src="https://zerkalo-16apr.club/donate/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>

389<script>
390    (function() {
391        var header = document.querySelector('.site-header');
392        var floatEl = header.cloneNode(true);
393        floatEl.className = 'site-header-float';
394        floatEl.setAttribute('aria-hidden', 'true');
395        document.body.appendChild(floatEl);
396
397        var path = window.location.pathname.replace(/\/$/, '') || '/';
398        document.querySelectorAll('.site-header__link[data-path]').forEach(function(link) {
399            var lp = link.getAttribute('data-path').replace(/\/$/, '') || '/';
400            if (lp === path) link.classList.add('site-header__link--active');
401        });
402
403        var triggerY = header.offsetTop + header.offsetHeight;
404
405        var wasScrolled = false;
406
407        window.addEventListener('scroll', function() {
408            var scrolled = window.pageYOffset >= triggerY;
409            if (scrolled === wasScrolled) return;
410            wasScrolled = scrolled;
411
412            if (scrolled) {
413                floatEl.classList.add('site-header-float--detaching');
414                floatEl.classList.add('site-header-float--visible');
415            } else {
416                floatEl.classList.remove('site-header-float--detaching');
417                floatEl.classList.remove('site-header-float--visible');
418            }
419        });
420    })();
421</script>

421
422

423<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":"5aa88468d31842f6a9d7e2cc9e11f1ee","spa":2}' crossorigin="anonymous"></script>

423

424<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44f009dbe804435',t:'MTc5MTA2MjU0OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>

424<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":"1ba57d935aa548c487210fcf539a1eab","r":1,"spa":2}' crossorigin="anonymous"></script>

424
425</body>
426</html>