PageSourceSearch

https://oleni.org/dreams

html oleni.org collected 2026-09-27 03:23:47 UTC 23,513 bytes, 347 lines download raw bytes

1<!DOCTYPE html>
2<html lang="uk" class="h-100">
3    <head>
4        <title>Стати чарівником</title>
5        <meta name="csrf-param" content="_csrf">
6<meta name="csrf-token" content="EJHC3CtuPP-twMaze4gp9Y13AAa6Clpfav6qzD8pGkRH37qNSVkJvJW1tIUf416Z5DpCd8k9FB01m5v4cV1VFA==">
7
8<meta charset="UTF-8">
9<meta name="viewport" content="width=device-width, initial-scale=1">
10<meta name="description" content="">
11<meta name="keywords" content="">
12<link type="image/x-icon" href="/favicon.ico" rel="icon">
13<link href="/assets/26a60af7/css/bootstrap.css?v=1760730303" rel="stylesheet">
14<link href="/assets/a390d5b8/css/bootstrap-slider.min.css?v=1760730307" rel="stylesheet">
15<link href="/assets/1f7647f3/css/kv-widgets.min.css?v=1760730307" rel="stylesheet">
16<link href="/css/mails.css?v=1763390250" rel="stylesheet">
17<link href="/css/mails_add.css?v=1762970764" rel="stylesheet">
18<link href="/css/jquery.growl.css?v=1762970763" rel="stylesheet">
19<link href="/css/components/footer.css?v=1763397397" rel="stylesheet">
20<link href="/css/components/header.css?v=1763397397" rel="stylesheet">
21<link href="/assets/6517bed5/css/whhg.min.css?v=1763397415" rel="stylesheet">
22<style>#w0-slider .slider-selection{background:#bababa}</style>
23<script>window.slider_343edb85 = {"min":1,"max":18,"step":1,"tooltip":"always","tooltip_position":"bottom","handle":"round","range":true,"formatter":function(val) { 
24                          if(val[0] == 1){
25                          first_year = 'року';
26                          } else {
27                           first_year = 'років';
28                          }
29                        return 'з ' + val[0] + ' ' + first_year + '   до ' + val[1]+' років';
30                        },"value":[1,18],"id":"w0-slider"};
31</script>
31        <link rel="preconnect" href="https://fonts.googleapis.com">
32        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
33        <link href="https://fonts.googleapis.com/css2?family=Geologica:slnt,[email protected],100..900&display=swap&_v=20250623205301" rel="stylesheet">
34        
35        <!-- Zoomist -->
36        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/zoomist@2/zoomist.css" />
37        
37<script src="https://cdn.jsdelivr.net/npm/zoomist@2/zoomist.umd.js"></script>
37
38
39    </head>
40    <body>
41        
42<header class="header" role="banner" itemscope itemtype="https://schema.org/WPHeader">
43    <div class="header-wrapper">
44        <div class="header__logo" itemscope itemtype="https://schema.org/Organization">
45            <a href="/">
46                <img class="header__logo-img" src="/img/Logo.svg" alt="Логотип благодійного проєкту" itemprop="logo">
47            </a>
48            <p class="header__logo-caption" itemprop="name">
49                <span class="header__logo-caption-word">Благодійний</span>
50                <span class="header__logo-caption-word">Проєкт</span>
51            </p>
52
53        </div>	
54
55        <nav class="header__menu" role="navigation" aria-label="Головне меню сайту">
56            <ul class="header__menu">
57                <li class="header__menu-list">
58                    <a class="header__menu-list-item" href="/dreams" aria-label="Перейти до розділу Обрати лист">Обрати лист</a>
59                </li>
60                <li class="header__menu-list">
61                    <a class="header__menu-list-item" href="/financial-support" aria-label="Перейти до розділу Підтримати проєкт">Підтримати проєкт</a>
62                </li>
63                <li class="header__menu-list">
64                    <a class="header__menu-list-item" href="/support/partners" aria-label="Перейти до розділу Партнери">Партнери</a>
65                </li>
66                <li class="header__menu-list">
67                    <a class="header__menu-list-item" href="/reports/index" aria-label="Перейти до розділу Звіти">Звіти</a>
68                </li>
69            </ul>
70        </nav>
71        <div class="header__switch">
72            <!--<a class="header__switch-link" href=".">EN</a>-->
73        </div>
74
75        <div class="header__actions" role="toolbar" aria-label="Дії користувача">
76            <div class="header__actions-login" role="button" tabindex="0" aria-label="Увійти в систему">
77                <a href="/login"                     >
78                       <span class="icon-mobile-header"><i class="icon-enter"></i> </span>                    </a>
79                </div>
80                <a class="btn-orange-primary header__actions-support" href="/login"                 >  
81
82                <i class="icon-enter"></i>  &nbsp;Увійти</a>
83            <div class="header__actions-burger-container">
84                <button class="header__actions-burger-button" aria-label="Відкрити мобільне меню" aria-expanded="false" aria-controls="mobile-menu">
85                    <img class="header__actions-burger-button-img" src="/img/burger-menu.svg" alt="Іконка мобільного меню" aria-hidden="true">
86                    <img class="header__actions-burger-button-img--close" src="/img/close-ico.svg" alt="Іконка закриття меню" aria-hidden="true">
87                </button>
88            </div>
89        </div>
90    </div>
91</header>
92
93
94        <main class="page">
95            <div class="container-dreams">
96            <section class="welcome">
97        <div class="welcome__main">
98            <h1 class="welcome__main-title">Листи до Миколая</h1>
99            <p class="welcome__main-desc">
100                Тут зібрані листи дітей до Святого Миколая. Кожен лист – це щира дитяча мрія, яка
101                чекає на свого Чарівника. Ознайомся з ними та обери ту, яку ти готовий здійснити.
102            </p>
103        </div>
104        <div class="welcome__bg">
105            <picture><source srcset="/img/mails-1.webp" type="image/webp"><img class="welcome__bg-img" src="/img/mails-1.png" alt="content image of olen"></picture>
106        </div>
107    </section>
108
109    <section class="guide">
110        <div class="guide__inner">
111            <div class="guide__header">
112                <h2 class="guide__header-title">Гайд для чарівника</h2>
113                <div class="guide__header-desc">
114                    Бажаєш здійснити понад 15 дитячих мрÑ
114–й? Будь ласка, зв'яжися з нами через
115                    <a class="guide__header-desc-link" href=".">Facebook</a> або
116                    <a class="guide__header-desc-link" href=".">Telegram</a> для координації.
117                </div>
118            </div>
119            <div class="guide__body">
120                <div class="guide__body-item">
121                    <span class="guide__body-item-num">01</span>
122                    <h4 class="guide__body-item-title">Обери лист від дитини</h4>
123                    <p class="guide__body-item-desc">
124                        Для зручності скористайся фільтрами за областю, віком чи статтю дитини, або введи
125                        ім'я для пошуку.
126                    </p>
127                </div>
128                <div class="guide__body-item">
129                    <span class="guide__body-item-num">02</span>
130                    <h4 class="guide__body-item-title">Натисни "Стати Чарівником"</h4>
131                    <p class="guide__body-item-desc">
132                        Далі пройди швидку реєстрацію або увійди у свій акаунт, якщо вже зареєстрований.
133                    </p>
134                </div>
135                <div class="guide__body-item">
136                    <span class="guide__body-item-num">03</span>
137                    <h4 class="guide__body-item-title">Підготуй та відправ подарунок</h4>
138                    <p class="guide__body-item-desc">
139                        Будь ласка, обов'язково підпиши подарунок (ім'я дитини). За бажанням, можеш додати
140                        вітального листа від себе.
141                    </p>
142                </div>
143            </div>
144        </div>
145    </section>
146        <section class="mails">
147
148        <div class="search_panel">
149    <form id="dreams" action="/dreams" method="get" enctype="multipart/form-data">    <div  class="dreams__header">
150        <div class="mails__header-heading">
151            <p class="mails__header-heading-title">Відкриті листи</p>
152            <button class="mails__header-heading-count">
153                0                <svg class="mails__header-heading-count--mobile" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
154                    <path d="M23 12V10" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
155                    <path d="M23 24V22" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
156                    <path d="M16 17H18" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
157                    <path d="M28 17H30" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
158                    <path d="M25.7998 19.8L26.9998 21" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
159                    <path d="M23 17H23.01" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
160                    <path d="M25.7998 14.2L26.9998 13" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
161                    <path d="M11 29L20 20" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
162                    <path d="M20.2 14.2L19 13" stroke="#4766D2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
163                </svg>
164            </button>
165        </div>
166
167    </div>
168    <div class="row">
169        <div class="mails__header-search-filter--body-query col-md-6 col-sm-12">
170            <div class="form-group row">
171                <label for="dream" class="col-sm-12 col-form-label">Пошук за бажанням</label>
172                <div class="col-sm-12">
173                    <input type="text" id="dream" class="form-control" name="dream" form="dreams">                </div>
174            </div>
175            <div class="form-group row div-age">
176                <label for="dream" class="col-sm-4 col-form-label">Вік дитини</label>
177                <div class="col-sm-8">
178                    <input type="text" id="w0" class="form-control" name="age" value="1,18" data-krajee-slider="slider_343edb85">                </div>
179            </div>
180            <div class="form-group row justify-content-center" style="padding: 10px 0px;">
181                <div class="form-check form-check-inline col-md-auto">
182                    <input class="form-check-input" name="boy" type="checkbox" id="genderX" value="1">
183                        <label class="form-check-label" for="genderX">Хлопчик </label>
184                </div>
185                <div class="form-check form-check-inline col-md-auto">
186                    <input class="form-check-input" name="girl" type="checkbox" id="genderY" value="1">
187                        <label class="form-check-label" for="genderY"> Дівчинка</label>
188                </div>
189            </div>       
190        </div>
191        <div class="mails__header-search-filter--body-query col-md-6 col-sm-12">
192            <p class="label-regions">Звідки дитина</p>
193            
194        </div>
195        <div class="dreams-buttons">
196           
197            <button type="reset" class="btn-orange-flat" style="display:inline-block; float:left">Скинути фільтр</button>             <button type="submit" class="btn-orange-primary" style="display:inline-block; float:right">Знайти</button>        </div>
198        </form>    </div>
199</div>                    <div class="jumbotron dta">
200                <h3 class="text-center">Вибачте, шановні Чарівники, але всі вільні мрÑ
200–Ñ— вже розібрані.</h3>
201                <p  class="text-center">Завітайте до нас згодом – нові можливості обов'язково з'являться!</p>
202            </div>
203            
204            </section>
205</div> 
206<div class="modal fade" id="detailed" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
207    <div class="modal-dialog modal-dialog-centered">
208        <div class="modal-content modal-content-custom">
209        </div>
210    </div>
211</div>
212
213
214<script type="text/javascript">
215    function showGrowl(userTitle, userMessage) {
216        $.growl.warning({title: userTitle, message: userMessage});
217    }
218</script>
218  
219<script>
220    function initializeZoomist() {
221        // Select the container where the image resides after AJAX load
222        const container = document.getElementById('modal-image-container');
223
224        // Ensure the element exists and the image is present within it
225        if (container && container.querySelector('img')) {
226            new Zoomist(container, {
227                // Zoomist options here
228                // Example:
229                zoomable: true,
230                panable: true,
231                // ... other options
232            });
233        }
234    }
235</script>
235        </main>
236
237        
238        <footer class="footer">
239            <div class="footer__col footer__col--1">
240                <div class="footer__logo">
241                    <img class="footer__logo-img" src="/img/Logo.svg" alt="footer logo">
242                    <p class="footer__logo-caption">
243                        <span class="footer__logo-caption-word">Благодійний</span>
244                        <span class="footer__logo-caption-word">Проєкт</span>
245                    </p>
246                </div>
247                <div class="footer__bg-content-links">
248                    <p class="footer__bg-content-links-para">Приєднуйся</p>
249                    <div class="footer__bg-content-links-container">
250
251                        <a class="footer__bg-content-links-item" href="https://www.facebook.com/OlenySviatogoMikolaya" target="_blank" rel="noopener noreferrer">
252                            <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
253                            <g clip-path="url(#clip0_169_2485)">
254                            <path d="M21.146 30H17.0476V19.9992H15V16.5528H17.0476V14.4835C17.0476 11.6719 18.2037 10 21.4886 10H24.2233V13.4469H22.5139C21.2352 13.4469 21.1506 13.9285 21.1506 14.8274L21.146 16.5524H24.2427L23.8803 19.9988H21.146V30Z" stroke="#F66B34" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
255                            </g>
256                            <defs>
257                            <clipPath id="clip0_169_2485">
258                                <rect width="24" height="24" fill="white" transform="translate(8 8)"></rect>
259                            </clipPath>
260                            </defs>
261                            </svg>
262                        </a>
263                        <a class="footer__bg-content-links-item" href="https://www.instagram.com/oleni.mukolaya/" target="_blank" rel="noopener noreferrer">
264                            <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
265                            <path d="M19.5009 11C16.9208 11 16.597 11.0113 15.5837 11.0574C14.5723 11.1037 13.882 11.2638 13.2779 11.4988C12.6531 11.7414 12.1231 12.066 11.595 12.5942C11.0666 13.1223 10.742 13.6523 10.4986 14.2769C10.263 14.8811 10.1027 15.5717 10.0572 16.5826C10.0119 17.596 10 17.92 10 20.5C10 23.08 10.0115 23.4028 10.0574 24.4162C10.1039 25.4275 10.264 26.1179 10.4988 26.7219C10.7416 27.3467 11.0662 27.8768 11.5944 28.4048C12.1223 28.9332 12.6523 29.2586 13.2767 29.5013C13.8812 29.7362 14.5717 29.8963 15.5829 29.9426C16.5962 29.9887 16.9198 30 19.4997 30C22.08 30 22.4028 29.9887 23.4161 29.9426C24.4275 29.8963 25.1186 29.7362 25.7231 29.5013C26.3477 29.2586 26.8769 28.9332 27.4048 28.4048C27.9332 27.8768 28.2578 27.3467 28.5012 26.7221C28.7348 26.1179 28.8951 25.4273 28.9426 24.4164C28.9881 23.403 29 23.08 29 20.5C29 17.92 28.9881 17.5962 28.9426 16.5828C28.8951 15.5715 28.7348 14.8811 28.5012 14.2771C28.2578 13.6523 27.9332 13.1223 27.4048 12.5942C26.8763 12.0658 26.3479 11.7412 25.7225 11.4988C25.1168 11.2638 24.4261 11.1037 23.4147 11.0574C22.4014 11.0113 22.0788 11 19.4979 11H19.5009ZM18.6487 12.712C18.9016 12.7116 19.1838 12.712 19.5009 12.712C22.0374 12.712 22.3381 12.7211 23.3397 12.7666C24.266 12.809 24.7687 12.9637 25.1036 13.0938C25.5469 13.2659 25.863 13.4718 26.1953 13.8043C26.5278 14.1368 26.7336 14.4534 26.9062 14.8968C27.0362 15.2313 27.1912 15.734 27.2334 16.6602C27.2789 17.6617 27.2888 17.9625 27.2888 20.4978C27.2888 23.0331 27.2789 23.334 27.2334 24.3354C27.191 25.2617 27.0362 25.7644 26.9062 26.0989C26.734 26.5422 26.5278 26.8579 26.1953 27.1902C25.8628 27.5227 25.5471 27.7285 25.1036 27.9007C24.7691 28.0313 24.266 28.1857 23.3397 28.2281C22.3383 28.2736 22.0374 28.2835 19.5009 28.2835C16.9642 28.2835 16.6635 28.2736 15.6621 28.2281C14.7358 28.1853 14.2331 28.0305 13.898 27.9005C13.4547 27.7283 13.138 27.5225 12.8055 27.19C12.473 26.8575 12.2672 26.5416 12.0946 26.0981C11.9645 25.7636 11.8096 25.2609 11.7674 24.3346C11.7219 23.3332 11.7128 23.0323 11.7128 20.4954C11.7128 17.9586 11.7219 17.6593 11.7674 16.6578C11.8098 15.7316 11.9645 15.2289 12.0946 14.894C12.2668 14.4507 12.473 14.134 12.8055 13.8015C13.138 13.469 13.4547 13.2632 13.898 13.0906C14.2329 12.96 14.7358 12.8056 15.6621 12.763C16.5384 12.7235 16.8781 12.7116 18.6487 12.7096V12.712ZM24.572 14.2894C23.9426 14.2894 23.432 14.7994 23.432 15.429C23.432 16.
2650584 23.9426 16.569 24.572 16.569C25.2013 16.569 25.712 16.0584 25.712 15.429C25.712 14.7996 25.2013 14.289 24.572 14.289V14.2894ZM19.5009 15.6214C16.8066 15.6214 14.6222 17.8058 14.6222 20.5C14.6222 23.1942 16.8066 25.3777 19.5009 25.3777C22.1952 25.3777 24.3788 23.1942 24.3788 20.5C24.3788 17.8058 22.1952 15.6214 19.5009 15.6214ZM19.5009 17.3333C21.2497 17.3333 22.6676 18.751 22.6676 20.5C22.6676 22.2488 21.2497 23.6667 19.5009 23.6667C17.7519 23.6667 16.3342 22.2488 16.3342 20.5C16.3342 18.751 17.7519 17.3333 19.5009 17.3333Z" fill="#F66B34"></path>
266                            </svg>
267                        </a>
268                        <a class="footer__bg-content-links-item" href="https://www.linkedin.com/company/saint-nicholas-reindeers/" target="_blank" rel="noopener noreferrer">
269                            <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
270                            <g clip-path="url(#clip0_169_2499)">
271                            <path fill-rule="evenodd" clip-rule="evenodd" d="M30 30H25.8906V23.0008C25.8906 21.0818 25.1615 20.0094 23.6426 20.0094C21.9902 20.0094 21.127 21.1254 21.127 23.0008V30H17.1667V16.6667H21.127V18.4627C21.127 18.4627 22.3177 16.2593 25.1471 16.2593C27.9753 16.2593 30 17.9863 30 21.5582V30ZM12.4421 14.9208C11.0931 14.9208 10 13.8191 10 12.4604C10 11.1017 11.0931 10 12.4421 10C13.791 10 14.8835 11.1017 14.8835 12.4604C14.8835 13.8191 13.791 14.9208 12.4421 14.9208ZM10.3971 30H14.5267V16.6667H10.3971V30Z" stroke="#F66B34" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
272                            </g>
273                            <defs>
274                            <clipPath id="clip0_169_2499">
275                                <rect width="24" height="24" fill="white" transform="translate(8 8)"></rect>
276                            </clipPath>
277                            </defs>
278                            </svg>
279                        </a>
280                    </div>
281                </div>
282            </div>
283            <div class="footer__col footer__col--2">
284                <nav class="footer__nav">
285                    <a href="#" class="footer__nav-link">Головна</a>
286                    <a href="/dreams" class="footer__nav-add-link">Обрати листи</a>
287                    <a href="/financial-support" class="footer__nav-link">Підтримати проєкт</a>
288                    <a href="/support/partners" class="footer__nav-link">Партнери</a>
289                    
290                </nav>
291            </div>
292            <div class="footer__col footer__col--3">
293         <nav class="footer__nav-add">
294<!--                <a href="#" class="footer__nav-link">Про нас</a>
295                    <a href="#" class="footer__nav-add-link">Контакти</a>-->
295
296                    <a href="/reports/index" class="footer__nav-add-link">Звіти</a>
297                </nav>
298            </div>
299            <div class="footer__col footer__col--4">
300                <div class="footer__col-actions">
301                    <a href="/login"  >
302                    <button class="btn-orange-primary footer__col-actions-btn"><i class="icon-enter"></i>  
303                        <span class="footer__col-actions-btn-text"> Увійти </span>
304                     </button>
305                        </a>
306<!--                    <a class="footer__col-actions-link" href=".">Стати партнером</a>
307                    <a class="footer__col-actions-link" href=".">Стати волонером</a>-->
308                </div>
309            </div>
310            <div class="footer__col-copy">
311                <p class="footer__col-copy-para">© 2026 Олені Святого Миколая</p>
312<!--                <a class="footer__col-copy-link" href=".">Політика Конфіденційності</a>-->
313            </div>
314        </footer>        
314<script src="/assets/ceef7355/jquery.js?v=1760730303"></script>
vendor: 1 bytes, line 314
314
315<script src="/assets/9d31fe5b/yii.js?v=1760730303"></script>
vendor: 1 bytes, line 315
315
316<script src="/assets/a390d5b8/js/bootstrap-slider.min.js?v=1760730307"></script>
vendor: 1 bytes, line 316
316
317<script src="/assets/1f7647f3/js/kv-widgets.min.js?v=1760730307"></script>
vendor: 1 bytes, line 317
317
318<script src="/assets/26a60af7/js/bootstrap.bundle.js?v=1760730303"></script>
vendor: 1 bytes, line 318
318
319<script src="/js/styling.min.js?v=1762970903"></script>
vendor: 1 bytes, line 319
319
320<script src="/js/jquery.growl.js?v=1762970903"></script>
vendor: 1 bytes, line 320
320
321<script>jQuery(function ($) {
322jQuery&&jQuery.pjax&&(jQuery.pjax.defaults.maxCacheLength=0);
323if (jQuery('#w0').data('slider')) { jQuery('#w0').slider('destroy'); }
324jQuery('#w0').slider(slider_343edb85);
325
326$('#w0').on('slideStop', function(){$('#w0').trigger('change')});
327$('.open-modal').click( function() {
328        var itemId = $(this).data('item-id'); 
329        $('#details').modal('show'); 
330
331        $.ajax({
332            url: '/dreams/detailed-dream',
333            type: 'GET',
334            data: { id: itemId },
335            success: function(data) {
336                $('.modal-content').html(data); 
337                initializeZoomist();
338            },
339            error: function() {
340                alert('Error loading content.');
341            }
342        });
343    });
344});</script>
344    </body>
345
346
347</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.