PageSourceSearch

https://chapaev.media/faces

html chapaev.media collected 2026-10-02 05:09:12 UTC 41,905 bytes, 899 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru-ru" dir="ltr">
3
4<head>
5    <meta charset="utf-8">
6	<meta name="viewport" content="width=device-width, initial-scale=1">
7	<meta name="generator" content="Joomla! - Open Source Content Management">
8	<title>Чапаев - Люди</title>
9	<link href="/faces?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="Чапаев - Люди">
10	<link href="/faces?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Чапаев - Люди">
11	<link href="/media/system/images/joomla-favicon.svg" rel="icon" type="image/svg+xml">
12	<link href="/media/templates/site/cassiopeia_chapaev/images/favicon.ico" rel="alternate icon" type="image/vnd.microsoft.icon">
13	<link href="/media/system/images/joomla-favicon-pinned.svg" rel="mask-icon" color="#000">
14	<link href="https://chapaev.media/umnyj-poisk?format=opensearch" rel="search" title="OpenSearch Чапаев" type="application/opensearchdescription+xml">
15
16    <link href="/media/system/css/joomla-fontawesome.min.css?e35927" rel="lazy-stylesheet" /><noscript><link href="/media/system/css/joomla-fontawesome.min.css?e35927" rel="stylesheet" /></noscript>
17	<link href="/media/templates/site/cassiopeia/css/template.min.css?e35927" rel="stylesheet" />
18	<link href="/media/templates/site/cassiopeia/css/global/colors_standard.min.css?e35927" rel="stylesheet" />
19	<link href="/media/vendor/awesomplete/css/awesomplete.css?1.1.5" rel="stylesheet" />
20	<link href="/media/templates/site/cassiopeia/css/vendor/joomla-custom-elements/joomla-alert.min.css?0.2.0" rel="stylesheet" />
21	<link href="/media/templates/site/cassiopeia_chapaev/css/user.css?e35927" rel="stylesheet" />
22	<style>:root {
23		--hue: 214;
24		--template-bg-light: #f0f4fb;
25		--template-text-dark: #495057;
26		--template-text-light: #ffffff;
27		--template-link-color: var(--link-color);
28		--template-special-color: #001B4C;
29		
30	}</style>
31
32    
32<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"MOD_FINDER_SEARCH_VALUE":"Введите текст...","JLIB_JS_AJAX_ERROR_OTHER":"При получении данных JSON произошла ошибка. Код состояния HTTP %s.","JLIB_JS_AJAX_ERROR_PARSE":"При обработке данных JSON произошла ошибка парсинга:<br><code style=\"color:inherit;white-space:pre-wrap;padding:0;margin:0;border:0;background:inherit;\">%s</code>","ERROR":"Ошибка","MESSAGE":"Сообщение","NOTICE":"Внимание","WARNING":"Предупреждение","JCLOSE":"Закрыть","JOK":"Ок","JOPEN":"Открыть"},"finder-search":{"url":"/component/finder/?task=suggestions.suggest&format=json&tmpl=component&Itemid=101"},"system.paths":{"root":"","rootFull":"https://chapaev.media/","base":"","baseFull":"https://chapaev.media/"},"csrf.token":"3f38b2979eb8765b3ebf6c6e6e072369"}</script>
32
33	
33<script src="/media/system/js/core.min.js?83f2c9"></script>
33
34	
34<script src="/media/templates/site/cassiopeia/js/template.min.js?e35927" type="module"></script>
34
35	
35<script src="/media/vendor/awesomplete/js/awesomplete.min.js?1.1.5" defer></script>
35
36	
36<script src="/media/com_finder/js/finder.min.js?5729ed" type="module"></script>
36
37	
37<script src="/media/system/js/messages.min.js?7a5169" type="module"></script>
37
38	
38<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://chapaev.media/#/schema/Organization/base","name":"Чапаев","url":"https://chapaev.media/"},{"@type":"WebSite","@id":"https://chapaev.media/#/schema/WebSite/base","url":"https://chapaev.media/","name":"Чапаев","publisher":{"@id":"https://chapaev.media/#/schema/Organization/base"},"potentialAction":{"@type":"SearchAction","target":"https://chapaev.media/umnyj-poisk?q={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://chapaev.media/#/schema/WebPage/base","url":"https://chapaev.media/faces","name":"Чапаев - Люди","isPartOf":{"@id":"https://chapaev.media/#/schema/WebSite/base"},"about":{"@id":"https://chapaev.media/#/schema/Organization/base"},"inLanguage":"ru-RU"}]}</script>
38
39
40    
40<script src="https://inograph.online/inograph.js?token=a098d968-8174-4cdf-a7d6-8caea8753f63"></script>
40
41    <link rel="icon" href="/templates/cassiopeia_chapaev/images/Chapaev-Logo.svg" type="image/svg+xml">
42</head>
43
44<body class="site com_contact wrapper-static view-category no-layout no-task itemid-113">
45    <header>
46
47                
48        <div class="fullsize-search" id="fullsizeSearch">
49            <button class="close-overlay">&times;</button>
50            <div class="overlay-content">
51                <div class="moduletable ">
52        
53<form class="mod-finder js-finder-searchform form-search" action="/umnyj-poisk" method="get" role="search">
54    <label for="mod-finder-searchword122" class="visually-hidden finder">Поиск</label><div class="mod-finder__search input-group"><input type="text" name="q" id="mod-finder-searchword122" class="js-finder-search-query form-control" value="" placeholder="Введите текст..."><button class="btn btn-primary" type="submit"><span class="icon-search icon-white" aria-hidden="true"></span> Поиск</button></div>
55            </form></div>
56
57            </div>
58        </div>
59
60                
61                        <div class="moduletable top-header-module">
62        
63<div id="mod-custom112" class="mod-custom custom">
64    <p> 
65 
66<div class="custom-header-main"> 
67<div class="header-container"> 
68<div class="top-header-row"> 
69<!-- Левый блок с логотипом и надписью --> 
70<div class="logo-group"> 
71<a href="/./"> 
72<div class="logo-block"> 
73<div class="logo-rectangle"></div> 
74<span class="logo-text" style="bottom: 25px">ча</span> 
75<span class="logo-text">паев</span> 
76</div> 
77</a> 
78<!-- SVG-логотип (ссылка на seance.ru) --> 
79<a href="https://seance.ru/" class="svg-logo"> 
80<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 32"> 
81<path d="M22.5 25c-1 1.2-2.1 2-3.3 2.5-1.2.5-2.3.7-3.4.7-3.6 0-6.3-1.1-7.9-3.4-1.6-2.3-2.4-5.2-2.4-9 0-2.6.4-4.8 1.3-6.5.9-1.8 2.1-3.2 3.6-4.1 1.6-.9 3.3-1.4 5.2-1.4 2 0 3.8.5 5.4 1.4 1.7.9 2.8 2.6 3.3 4.9h4.1c0-1.7-.9-3.5-1.9-4.8-1-1.4-2.5-2.8-4.3-3.7-1.9-.9-4-1.3-6.6-1.3-2.2 0-4.3.4-6.1 1.1-1.7.7-3.2 1.7-4.5 3.1-1.3 1.4-2.2 3-2.9 5-.7 2-1 4.1-1 6.4 0 2.8.4 5.1 1.1 7.1.8 2 1.8 3.7 3.2 5 1.3 1.3 2.8 2.2 4.5 2.8 1.6.6 3.4.9 5.2.9 1.4 0 3.1-.2 4.9-.8 1.8-.5 3.6-1.6 5.4-3.4 1.7-1.8 2.9-4.4 3.4-7.6h-4.1c-.5 2.1-1.2 3.9-2.2 5.1zM92 15.3v.7h4.4v-.7H92zm2.2-5.6c-.7 0-1.2.2-1.7.6-.4.4-.7 1-.7 1.9 0 .9.2 1.5.7 1.8.5.4 1 .6 1.7.6s1.2-.2 1.7-.6c.5-.4.7-1 .7-1.8 0-.9-.2-1.5-.7-1.9-.5-.4-1-.6-1.7-.6zm1.3 3.1c-.1.3-.2.5-.4.6-.2.2-.5.3-.8.3-.5 0-.9-.2-1.1-.5-.2-.3-.3-.7-.3-1.1 0-.4.1-.8.3-1.1.2-.3.5-.5 1.1-.5.5 0 .9.2 1.1.5.2.3.3.7.3 1.1-.1.3-.2.5-.2.7zm29.9 7.3c-.4 2-1.2 3.7-2.2 4.9-1 1.2-2.1 2-3.3 2.5-1.2.5-2.3.7-3.4.7-3.6 0-6.3-1.1-7.9-3.4-1.6-2.3-2.4-5.2-2.4-9 0-2.6.4-4.8 1.3-6.5.9-1.8 2.1-3.2 3.6-4.1 1.6-.9 3.3-1.4 5.2-1.4 2 0 3.8.5 5.4 1.4 1.7.9 2.8 2.6 3.3 4.9h4.1c0-1.7-.9-3.5-1.9-4.8-1-1.4-2.5-2.8-4.3-3.7-1.9-.9-4-1.3-6.6-1.3-2.2 0-4.3.4-6.1 1.1-1.8.8-3.3 1.8-4.6 3.2-1.3 1.4-2.2 3-2.9 5-.7 2-1 4.1-1 6.4 0 2.8.4 5.1 1.1 7.1.8 2 1.8 3.7 3.2 5 1.3 1.3 2.8 2.2 4.5 2.8 1.6.6 3.4.9 5.2.9 1.4 0 3.1-.2 4.9-.8 1.8-.5 3.6-1.6 5.4-3.4 1.7-1.8 2.9-4.4 3.4-7.6l-4 .1zM60.7 1L50.5 27.4H33.1v-9.9h17v-3.6h-17V4.7h18.4V1.1L28.9 1v30h24.5l3.2-8.8h12.5l3.1 8.8h4.6L65.5 1h-4.8zm-2.8 17.8l5-13.3h.1l4.6 13.3h-9.7zM97.2 1v30h4.2V1h-4.2zm-7.7 9.2v8.4l-5.4-8.4h-1.7v3.2H81V1h-4.2v30H81V17.1h1.4v3.6h1.4v-8.4l5.5 8.4h1.6V10.3h-1.4z"></path> 
82</svg> 
83</a> 
84</div> 
85<!-- Правые кнопки (поиск, меню) --> 
86<div class="header-buttons"> 
87<button class="search-button search-icon-only" id="openSearch"> 
88<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" 
89xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
90xml:space="preserve" xmlns:serif="http://www.serif.com/" 
91style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"> 
92<circle cx="45.833" cy="45.833" r="33.333" style="fill:none !important;stroke:#fff;stroke-width:8.33px;" /> 
93<path d="M87.5,87.5l-18.125,-18.125" 
94style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:8.33px;" /> 
95</svg> 
96</button> 
97<button class="menu-button" id="menuToggle"> 
98<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" 
99xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
100xml:space="preserve" xmlns:serif="http://www.serif.com/" 
101style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"> 
102<path d="M12.5,50l75,0" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:8.33px;" /> 
103<path d="M12.5,25l75,0" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:8.33px;" /> 
104<path d="M12.5,75l75,0" style="fill:none;fill-rule:nonzero;stroke:#fff;stroke-width:8.33px;" /> 
105</svg> 
106</button> 
107</div> 
108</div> 
109</div> 
110</div> 
111 
112<!-- Полноэкранное меню (для всех устройств) --> 
113<div id="overlayMenu" class="overlay-menu"> 
114<div class="overlay-menu-content"> 
115<button class="close-menu" id="closeMenu">&times;</button> 
116<nav class="overlay-nav"> 
117<ul><li><a href="/">Главная</a></li><li><a href="/courses">Курсы</a></li><li><a href="/films">Фильмы</a></li><li><a href="/faces">Люди</a></li><li><a href="/special">Спецпроект</a></li><li><a href="/about">О проекте</a></li><li><a href="/authors">Авторы</a></li></ul> 
118</nav> 
119</div> 
120</div> 
121 
122<style> 
123/* Полноэкранное меню — для всех устройств */ 
124.overlay-menu { 
125position: fixed; 
126top: 0; 
127left: 0; 
128width: 100%; 
129height: 100%; 
130background-color: rgba(0,0,0,0.80); /* чёрный фон */ 
131z-index: 9999; 
132display: none; 
133opacity: 0; 
134visibility: hidden; 
135transition: opacity 0.4s ease, visibility 0.4s ease; 
136} 
137 
138.overlay-menu.active { 
139display: flex; 
140opacity: 1; 
141visibility: visible; 
142} 
143 
144.overlay-menu-content { 
145position: relative; 
146width: 100%; 
147height: 100%; 
148padding: 2.5rem; 
149color: #fff; 
150display: flex; 
151flex-direction: column; 
152justify-content: center; 
153align-items: center; 
154text-align: center; 
155} 
156 
157.close-menu { 
158position: absolute; 
159top: 1.5rem; 
160right: 1.5rem; 
161background: none; 
162border: none; 
163color: #ff0000; /* красный */ 
164font-size: 2.8rem; 
165cursor: pointer; 
166line-height: 1; 
167padding: 0; 
168margin: 0; 
169z-index: 10000; 
170} 
171 
172.overlay-nav ul { 
173list-style: none; 
174padding: 0; 
175margin: 0; 
176display: flex; 
177flex-direction: column; 
178gap: 1.8rem; 
179} 
180 
181.overlay-nav a { 
182color: #fff; 
183text-decoration: none; 
184font-size: 2.2rem; 
185font-weight: bold; 
186padding: 0.6rem 0; 
187border-bottom: 1px solid rgba(255, 0, 0, 0.25); 
188transition: color 0.25s; 
189} 
190 
191.overlay-nav a:hover { 
192color: #ff0000; /* красный при наведении */ 
193} 
194 
195/* Адаптивность текста на маленьких экранах */ 
196@media (max-width: 768px) { 
197.overlay-nav a { 
198font-size: 1.8rem; 
199} 
200.close-menu { 
201font-size: 2.4rem; 
202} 
203} 
204</style> 
205 
206<script> 
207document.addEventListener('DOMContentLoaded', function () { 
208const menuToggle = document.getElementById('menuToggle'); 
209const closeMenu = document.getElementById('closeMenu'); 
210const overlayMenu = document.getElementById('overlayMenu'); 
211 
212if (!menuToggle || !overlayMenu || !closeMenu) return; 
213 
214const openMenu = () => { 
215overlayMenu.classList.add('active'); 
216document.body.style.overflow = 'hidden'; 
217}; 
218 
219const closeMenuHandler = () => { 
220overlayMenu.classList.remove('active'); 
221document.body.style.overflow = ''; 
222}; 
223 
224menuToggle.addEventListener('click', openMenu); 
225closeMenu.addEventListener('click', closeMenuHandler); 
226overlayMenu.addEventListener('click', function (e) { 
227if (e.target === overlayMenu) closeMenuHandler(); 
228}); 
229 
230// Закрытие по клавише Esc 
231document.addEventListener('keydown', function (e) { 
232if (e.key === 'Escape' && overlayMenu.classList.contains('active')) { 
233closeMenuHandler(); 
234} 
235}); 
236}); 
237</script>
237</p></div>
238</div>
239
240<div id="mod-custom138" class="mod-custom custom">
241    <p><!-- Yandex.Metrika counter --> 
242<script type="text/javascript"> 
243(function(m,e,t,r,i,k,a){ 
244m[i]=m[i]function(){(m[i].a=m[i].a[]).push(arguments)}; 
245m[i].l=1*new Date(); 
246for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} 
247k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a) 
248})(window, document,'script','https://mc.yandex.ru/metrika/tag.js?id=109193652', 'ym'); 
249ym(109193652, 'init', {ssr:true, webvisor:true, clickmap:true, ecommerce:"dataLayer", referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true}); 
250</script>
250 
251<noscript><div><img src="https://mc.yandex.ru/watch/109193652" style="position:absolute; left:-9999px;" alt="" /></div></noscript> 
252<!-- /Yandex.Metrika counter --></p></div>
253
254        
255        
256                
256<script>
257            document.addEventListener('DOMContentLoaded', function () {
258                const overlay = document.getElementById('fullsizeSearch');
259                const openBtn = document.getElementById('openSearch');
260                const closeBtn = overlay.querySelector('.close-overlay');
261                const searchInput = overlay.querySelector('input[type="text"]'); // Находим поле ввода
262
263                // Открытие по кнопке
264                openBtn.addEventListener('click', function (e) {
265                    e.preventDefault();
266                    overlay.classList.add('active');
267                    
268                    // Автофокус на поле поиска
269                    if (searchInput) {
270                        setTimeout(function() {
271                            searchInput.focus();
272                        }, 100); // Небольшая задержка для плавности анимации
273                    }
274                });
275
276                // Закрытие по кнопке
277                closeBtn.addEventListener('click', function () {
278                    overlay.classList.remove('active');
279                });
280
281                // Закрытие по клику вне контента
282                overlay.addEventListener('click', function (e) {
283                    if (e.target === overlay) {
284                        overlay.classList.remove('active');
285                    }
286                });
287
288                // Закрытие по нажатию Escape
289                document.addEventListener('keydown', function (e) {
290                    if (e.key === 'Escape' && overlay.classList.contains('active')) {
291                        overlay.classList.remove('active');
292                    }
293                });
294            });
295        </script>
295
296    </header>
297    
298
299    <div class="site-grid">
300                
301        
302        
303        
304        <div class="grid-child container-component">
305            
306            
307            <div id="system-message-container" aria-live="polite"></div>
308
309            <main>
310                <div class="com-contact-category">
311    <div class="test">
312<div class="contact-category">
313    
314            <h1>
315            Люди        </h1>
316        
317                
318            <div class="category-desc">
319                                                        </div>
320        
321<style>
322    .pagination-container {
323        text-align: center;
324        margin: 2rem 0;
325    }
326    .pagination {
327        display: inline-flex;
328        gap: 0.5rem;
329        flex-wrap: wrap;
330        justify-content: center;
331        list-style: none;
332        padding: 0;
333        margin: 0;
334    }
335    .pagination .page,
336    .pagination span {
337        padding: 0.6rem 1rem;
338        border: 1px solid #ddd;
339        color: #333;
340        text-decoration: none;
341        min-width: 40px;
342        text-align: center;
343        font-weight: 500;
344    }
345    .pagination .page:hover:not(.disabled),
346    .pagination .active {
347        background-color: #b20917;
348        color: #fff;
349        border-color: #b20917;
350    }
351    .pagination .previous,
352    .pagination .next {
353        background-color: #333;
354        color: #fff !important;
355        border-color: #333;
356    }
357    .pagination .previous:hover:not(.disabled),
358    .pagination .next:hover:not(.disabled) {
359        background-color: #555;
360    }
361    .pagination .disabled {
362        color: #999;
363        cursor: not-allowed;
364        background-color: #f8f8f8;
365    }
366
367    /* Фильтр по тегам */
368    .filter-container {
369        max-width: 1200px;
370        margin: 2rem auto;
371        padding: 0 1rem;
372        display: flex;
373        gap: 1rem;
374        flex-wrap: wrap;
375        justify-content: center;
376    }
377    .tag-filter-btn {
378        background: none;
379        border: 1px solid #b20917;
380        color: #b20917;
381        padding: 0.4rem 0.8rem;
382        font-size: 0.95rem;
383        cursor: pointer;
384        transition: all 0.3s ease;
385        white-space: nowrap;
386    }
387    .tag-filter-btn.active,
388    .tag-filter-btn:hover {
389        background-color: #b20917;
390        color: #fff;
391    }
392
393    /* Карточки контактов */
394    .contact-cards {
395        display: grid;
396        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
397        gap: 1.5rem;
398        margin: 1rem 0;
399    }
400    .contact-card {
401        position: relative;
402        display: block;
403        aspect-ratio: 4 / 3;
404        text-decoration: none;
405        overflow: hidden;
406        border-radius: 0;
407        box-shadow: none;
408    }
409    .contact-bg {
410        position: absolute;
411        top: 0;
412        left: 0;
413        width: 100%;
414        height: 100%;
415        background-size: cover;
416        background-position: center;
417        background-repeat: no-repeat;
418        transition: transform 0.4s ease;
419        z-index: 0;
420    }
421    .contact-card::after {
422        content: '';
423        position: absolute;
424        top: 0;
425        left: 0;
426        right: 0;
427        bottom: 0;
428        background: rgba(0, 0, 0, 0.4);
429        z-index: 1;
430    }
431    .contact-card-content {
432        position: absolute;
433        bottom: 0;
434        left: 0;
435        padding: 1rem;
436        width: 100%;
437        text-align: left;
438        color: #fff;
439        z-index: 2;
440    }
441    .contact-card-content h3,
442    .contact-profession {
443        margin: 0;
444        padding: 0;
445        color: #fff;
446        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
447    }
448    .contact-card-content h3 {
449        font-size: 1.1rem;
450        font-weight: 600;
451    }
452    .contact-profession {
453        margin-top: 0.3rem;
454        font-size: 0.9rem;
455        line-height: 1.3;
456    }
457    .contact-card:hover .contact-bg {
458        transform: scale(1.05);
459    }
460
461    /* Тег "Автор Чапаева" */
462    .contact-card-chapaev-tag {
463        position: absolute;
464        top: 1rem;
465        left: 1rem;
466        background-color: #b20917;
467        color: white;
468        font-size: 0.75rem;
469        padding: 4px 8px;
470        font-weight: bold;
471        text-transform: uppercase;
472        letter-spacing: 0.5px;
473        z-index: 2;
474        max-width: 90%;
475        word-wrap: break-word;
476        white-space: normal;
477        text-align: center;
478        line-height: 1.2;
479    }
480
481    /* Выпадающий список тегов */
482    .tag-dropdown {
483        position: relative;
484        display: inline-block;
485    }
486
487    .tag-dropdown-menu {
488        display: none;
489        position: absolute;
490        top: 100%;
491        left: 0;
492        background: #fff;
493        border: 1px solid #ddd;
494        border-radius: 4px;
495        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
496        z-index: 1000;
497        min-width: 160px;
498        max-height: 240px;
499        overflow-y: auto;
500        padding: 0.5rem 0;
501        margin-top: 0.25rem;
502    }
503
504    .tag-dropdown-menu.show {
505        display: block;
506    }
507
508    .tag-dropdown-item {
509        display: block;
510        width: 100%;
511        padding: 0.5rem 1rem;
512        background: none;
513        border: none;
514        text-align: left;
515        color: #333;
516        font-size: 0.95rem;
517        cursor: pointer;
518        transition: background 0.2s ease;
519    }
520
521    .tag-dropdown-item:hover {
522        background-color: #f8f8f8;
523        color: #b20917;
524    }
525
526    /* Адаптивность */
527    @media (max-width: 768px) {
528        .filter-container {
529            flex-wrap: wrap;
530        }
531        .tag-dropdown {
532            width: 100%;
533        }
534        .tag-dropdown .tag-filter-btn {
535            width: 100%;
536            text-align: center;
537        }
538    }
539</style>
540
541
542<div class="contact-cards">
543            <a href="/faces/vadim-abdrasitov" class="contact-card" 
544           >
545            <div class="contact-bg" style="background-image: url('/images/faces/picture-ec2157e831df3b48fe6748d4800a84c5.jpg');"></div>
546                        <div class="contact-card-content">
547                <h3>Вадим Абдрашитов</h3>
548                                    <p class="contact-profession">режиссер</p>
549                            </div>
550        </a>
551            <a href="/faces/tengiz-abuladze" class="contact-card" 
552           >
553            <div class="contact-bg" style="background-image: url('/images/faces/picture-43240fcf0bfcd57391426a94f7b3e9ac.jpg');"></div>
554                        <div class="contact-card-content">
555                <h3>Тенгиз Абуладзе</h3>
556                                    <p class="contact-profession">режиссер, сценарист</p>
557                            </div>
558        </a>
559            <a href="/faces/ilia-averbax" class="contact-card" 
560           >
561            <div class="contact-bg" style="background-image: url('/images/faces/picture-e1d3a612903cfebd4155a426af52f646.jpg');"></div>
562                        <div class="contact-card-content">
563                <h3>Илья Авербах</h3>
564                                    <p class="contact-profession">режиссер, сценарист</p>
565                            </div>
566        </a>
567            <a href="/faces/mixail-aldasin" class="contact-card" 
568           >
569            <div class="contact-bg" style="background-image: url('/images/faces/picture-f137b4799597c0fea0bb6f2e4a89acee.jpg');"></div>
570                        <div class="contact-card-content">
571                <h3>Михаил Алдашин</h3>
572                                    <p class="contact-profession">режиссер анимационного кино</p>
573                            </div>
574        </a>
575            <a href="/faces/petr-aleinikov" class="contact-card" 
576           >
577            <div class="contact-bg" style="background-image: url('/images/faces/picture-6549c35c7cb6f999a36dc3c796ad9ab8.jpg');"></div>
578                        <div class="contact-card-content">
579                <h3>Петр Алейников</h3>
580                                    <p class="contact-profession">актер</p>
581                            </div>
582        </a>
583            <a href="/faces/moisei-aleinikov" class="contact-card" 
584           >
585            <div class="contact-bg" style="background-image: url('/images/faces/picture-94c2a2f4bae9aa272e7bd18e4298bb4a.jpg');"></div>
586                        <div class="contact-card-content">
587                <h3>Моисей Алейников</h3>
588                                    <p class="contact-profession">продюсер</p>
589                            </div>
590        </a>
591            <a href="/faces/grigorii-aleksandrov" class="contact-card" 
592           >
593            <div class="contact-bg" style="background-image: url('/images/faces/picture-c12dc804a0ec73ec5ffdd7e43a0f6958.jpg');"></div>
594                        <div class="contact-card-content">
595                <h3>Григорий Александров</h3>
596                                    <p class="contact-profession">режиссер</p>
597                            </div>
598        </a>
599            <a href="/faces/aleksandr-alekseev" class="contact-card" 
600           >
601            <div class="contact-bg" style="background-image: url('/images/faces/picture-f2fb4d684b9778e9e2dd7dd6cb1cae9a.jpg');"></div>
602                        <div class="contact-card-content">
603                <h3>Александр Алексеев</h3>
604                                    <p class="contact-profession">режиссер анимационного кино</p>
605                            </div>
606        </a>
607            <a href="/faces/lucik-petr-i-samoriadov-aleksei" class="contact-card" 
608           >
609            <div class="contact-bg" style="background-image: url('/images/faces/picture-ad6cec2cdc939298cabfb466e25b03d1.jpg');"></div>
610                        <div class="contact-card-content">
611                <h3>Луцик Петр и Саморядов Алексей</h3>
612                            </div>
613        </a>
614            <a href="/faces/aleksandr-alov" class="contact-card" 
615           >
616            <div class="contact-bg" style="background-image: url('/images/faces/picture-eb79a3f566ee99571d055b9fea685431.jpg');"></div>
617                        <div class="contact-card-content">
618                <h3>Александр Алов</h3>
619                                    <p class="contact-profession">режиссер</p>
620                            </div>
621        </a>
622            <a href="/faces/veriko-andzaparidze-" class="contact-card" 
623           >
624            <div class="contact-bg" style="background-image: url('/images/faces/picture-f961845c3c81593502f4cc6fbf0a6d4b.jpg');"></div>
625                        <div class="contact-card-content">
626                <h3>Верико Анджапаридзе</h3>
627                                    <p class="contact-profession">актриса</p>
628                            </div>
629        </a>
630            <a href="/faces/boris-andreev" class="contact-card" 
631           >
632            <div class="contact-bg" style="background-image: url('/images/faces/picture-827c9d9f602ba51c985f90fdf968c719.jpg');"></div>
633                        <div class="contact-card-content">
634                <h3>Борис Андреев</h3>
635                                    <p class="contact-profession">актер</p>
636                            </div>
637        </a>
638            <a href="/faces/isidor-annenskii" class="contact-card" 
639           >
640            <div class="contact-bg" style="background-image: url('/images/faces/picture-9bb99a0b50d7895a0870f08a38f6dd6d.jpg');"></div>
641                        <div class="contact-card-content">
642                <h3>Исидор Анненский</h3>
643                                    <p class="contact-profession">режиссер</p>
644                            </div>
645        </a>
646            <a href="/faces/andrei-apsolon" class="contact-card" 
647           >
648            <div class="contact-bg" style="background-image: url('/images/faces/picture-03b77b0847f9c80fa2a50965276fe3cc.jpg');"></div>
649                        <div class="contact-card-content">
650                <h3>Андрей Апсолон</h3>
651                                    <p class="contact-profession">актер, режиссер, сценарист</p>
652                            </div>
653        </a>
654            <a href="/faces/iurii-arabov" class="contact-card" 
655           >
656            <div class="contact-bg" style="background-image: url('/images/faces/picture-ef0c93302d617c0b5cd36be816526d70.jpg');"></div>
657                        <div class="contact-card-content">
658                <h3>Юрий Арабов</h3>
659                                    <p class="contact-profession">сценарист</p>
660                            </div>
661        </a>
662            <a href="/faces/semen-aranovic" class="contact-card" 
663           >
664            <div class="contact-bg" style="background-image: url('/images/faces/picture-9cc790cf45a52c05788412af1cf37106.jpg');"></div>
665                        <div class="contact-card-content">
666                <h3>Семен Аранович</h3>
667                                    <p class="contact-profession">режиссер, сценарист</p>
668                            </div>
669        </a>
670            <a href="/faces/leo-arnstam" class="contact-card" 
671           >
672            <div class="contact-bg" style="background-image: url('/images/faces/picture-0455717c0cda1819ea58492a5f39f1d9.jpg');"></div>
673                        <div class="contact-card-content">
674                <h3>Лео Арнштам</h3>
675                                    <p class="contact-profession">режиссер, сценарист</p>
676                            </div>
677        </a>
678            <a href="/faces/eduard-artemev" class="contact-card" 
679           >
680            <div class="contact-bg" style="background-image: url('/images/faces/picture-8efe9d31d47f350e7ed43fb59427634c.jpg');"></div>
681                        <div class="contact-card-content">
682                <h3>Эдуард Артемьев</h3>
683                                    <p class="contact-profession">композитор</p>
684                            </div>
685        </a>
686            <a href="/faces/dinara-asanova" class="contact-card" 
687           >
688            <div class="contact-bg" style="background-image: url('/images/faces/picture-6dd5165057d4f3cb3828a23e1a5931c3.jpg');"></div>
689                        <div class="contact-card-content">
690                <h3>Динара Асанова</h3>
691                                    <p class="contact-profession">режиссер</p>
692                            </div>
693        </a>
694            <a href="/faces/aleksandr-askoldov" class="contact-card" 
695           >
696            <div class="contact-bg" style="background-image: url('/images/faces/picture-73c5737d1b291c7f73afbbda9d4226a7.jpg');"></div>
697                        <div class="contact-card-content">
698                <h3>Александр Аскольдов</h3>
699                                    <p class="contact-profession">режиссер</p>
700                            </div>
701        </a>
702            <a href="/faces/sergei-astaxov" class="contact-card" 
703           >
704            <div class="contact-bg" style="background-image: url('/images/faces/picture-216033adadb316482a674329b9383be4.jpg');"></div>
705                        <div class="contact-card-content">
706                <h3>Сергей Астахов</h3>
707                                    <p class="contact-profession">оператор</p>
708                            </div>
709        </a>
710            <a href="/faces/lev-atamanov" class="contact-card" 
711           >
712            <div class="contact-bg" style="background-image: url('/images/faces/picture-d20a6743bd53db0d266c141056949367.jpg');"></div>
713                        <div class="contact-card-content">
714                <h3>Лев Атаманов</h3>
715                                    <p class="contact-profession">режиссер анимационного кино</p>
716                            </div>
717        </a>
718            <a href="/faces/isaak-babel" class="contact-card" 
719           >
720            <div class="contact-bg" style="background-image: url('/images/faces/picture-4c8b66edfa49ab239f5bafa572792f65.jpg');"></div>
721                        <div cl
721ass="contact-card-content">
722                <h3>Исаак Бабель</h3>
723                                    <p class="contact-profession">сценарист, драматург, писатель</p>
724                            </div>
725        </a>
726            <a href="/faces/boris-babockin" class="contact-card" 
727           >
728            <div class="contact-bg" style="background-image: url('/images/faces/picture-4a3ab752aebfbfdb476845abac4ef72e.jpg');"></div>
729                        <div class="contact-card-content">
730                <h3>Борис Бабочкин</h3>
731                                    <p class="contact-profession">актер, режиссер, сценарист, театральный режиссер</p>
732                            </div>
733        </a>
734            <a href="/faces/bakur-bakuradze" class="contact-card" 
735           >
736            <div class="contact-bg" style="background-image: url('/images/faces/picture-68992841135c3f003216d2e3716d484b.jpg');"></div>
737                        <div class="contact-card-content">
738                <h3>Бакур Бакурадзе</h3>
739                                    <p class="contact-profession">сценарист, продюсер, режиссер</p>
740                            </div>
741        </a>
742            <a href="/faces/aleksei-balabanov" class="contact-card" 
743           >
744            <div class="contact-bg" style="background-image: url('/images/faces/picture-3d2426e6130f31ee6d9c354a46815ed4.jpg');"></div>
745                        <div class="contact-card-content">
746                <h3>Алексей Балабанов</h3>
747                                    <p class="contact-profession">режиссер</p>
748                            </div>
749        </a>
750            <a href="/faces/valerii-balaian" class="contact-card" 
751           >
752            <div class="contact-bg" style="background-image: url('/images/faces/picture-ec5cba02a3e4fc8321bbb433157aa8e9.jpg');"></div>
753                        <div class="contact-card-content">
754                <h3>Валерий Балаян</h3>
755                                    <p class="contact-profession">режиссер, сценарист</p>
756                            </div>
757        </a>
758            <a href="/faces/roman-balaian" class="contact-card" 
759           >
760            <div class="contact-bg" style="background-image: url('/images/faces/picture-6dde02b377dbd877d3cb2b88d12aba10.jpg');"></div>
761                        <div class="contact-card-content">
762                <h3>Роман Балаян</h3>
763                                    <p class="contact-profession">режиссер, сценарист, продюсер</p>
764                            </div>
765        </a>
766    </div>
767
768<!-- Пагинация только для "Люди" -->
769    <div class="pagination-container mt-4">
770        <div class="pagination">
771                            <span class="page previous disabled">&laquo;
771 Назад</span>
772            
773            
774                                                <span class="page active">1</span>
775                                                                <a href="/faces?start=28" class="page">2</a>
776                            
777                                                <span class="page disabled">...</span>
778                                <a href="/faces?start=420" class="page">16</a>
779            
780                            <a href="/faces?start=28" class="page next">Вперед &raquo;</a>
781                    </div>
782    </div>
783
784
785    </div>
786</div></div>
787            </main>
788            
789        </div>
790
791        
792        
793            </div>
794
795        
796    
797    <footer class="custom-footer">
798        <div class="footer-top">
799            <div class="footer-row">
800                <!-- Блок 1: Основное меню -->
801                <div class="footer-block footer-menu" style="display: flex;">
802                    <div>
803                        <h4>Чапаев</h4>
804                        <ul>
805                                                                                                <li><a href="/">Главная</a></li>
806                                                                                                                                <li><a href="/courses">Курсы</a></li>
807                                                                                                                                <li><a href="/films">Фильмы</a></li>
808                                                                                                                                <li><a href="/faces">Люди</a></li>
809                                                                                                                                                                                            <li><a href="/special">Спецпроект</a></li>
810                                                                                                                                                                                                            </ul>
811                    </div>
812                    <div style="margin-left:10px;">
813                        <h4>О нас</h4>
814                        <ul>
815                                                            <li><a href="/about">О проекте</a></li>
816                                                                                        <li><a href="/authors">Авторы</a></li>
817                                                    </ul>
818                    </div>
819                </div>
820
821                <!-- Блок 3: Социальные сети -->
822                <div class="footer-block footer-social">
823                    <h4>Мы в соцсетях</h4>
824                    <ul>
825                        <li>
826                            <a href="https://vk.com/seance_magazine" target="_blank">
827                            <svg class="t-sociallinks__svg" role="presentation" width="20px" height="20px" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50ZM25 34c.406 19.488 10.15 31.2 27.233 31.2h.968V54.05c6.278.625 11.024 5.216 12.93 11.15H75c-2.436-8.87-8.838-13.773-12.836-15.647C66.162 47.242 71.783 41.62 73.126 34h-8.058c-1.749 6.184-6.932 11.805-11.867 12.336V34h-8.057v21.611C40.147 54.362 33.838 48.304 33.556 34H25Z"></path> </svg>
828                                <span class="visually-hidden">ВКонтакте</span>
829                            </a>
830                        </li>
831                        <li>
832                            <a href="https://t.me/seance_light" target="_blank">
833                            <svg class="t-sociallinks__svg" role="presentation" width="20px" height="20px" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm21.977-68.056c.386-4.38-4.24-2.576-4.24-2.576-3.415 1.414-6.937 2.85-10.497 4.302-11.04 4.503-22.444 9.155-32.159 13.734-5.268 1.932-2.184 3.864-2.184 3.864l8.351 2.577c3.855 1.16 5.91-.129 5.91-.129l17.988-12.238c6.424-4.38 4.882
833-.773 3.34.773l-13.49 12.882c-2.056 1.804-1.028 3.35-.129 4.123 2.55 2.249 8.82 6.364 11.557 8.16.712.467 1.185.778 1.292.858.642.515 4.111 2.834 6.424 2.319 2.313-.516 2.57-3.479 2.57-3.479l3.083-20.226c.462-3.511.993-6.886 1.417-9.582.4-2.546.705-4.485.767-5.362Z"></path> </svg>
834                                <span class="visually-hidden">Telegram</span>
835                            </a>
836                        </li>
837                    </ul>
838                </div>
839            </div>
840        </div>
841
842        <!-- Нижняя часть -->
843        <div class="footer-bottom">
844            <p>Концепция и составление — Любовь Аркус. © 2026 Мастерская «Сеанс» при содействии АНО «ЦКП „Сеанс“». © 2026 Проект «Чапаев». 18+</p>
845        </div>
846    </footer>
847
848            <a href="#top" id="back-top" class="back-to-top-link" aria-label="Наверх">
849            <span class="icon-arrow-up icon-fw" aria-hidden="true"></span>
850        </a>
851    
852    
853
854        <!-- Модальное окно 18+ -->
855    <div id="ageModal" class="age-modal-overlay">
856        <div class="age-modal">
857            <div class="age-modal-icon">
858                <span>18+</span>
859            </div>
860            <h2 class="age-modal-title">Внимание!</h2>
861            <p class="age-modal-text">
862                Данный сайт содержит информацию, которая может быть не предназначена для несовершеннолетних.
863                Пожалуйста, подтвердите, что вам исполнилось 18 лет, чтобы продолжить просмотр.
864            </p>
865            <div class="age-modal-buttons">
866                <button id="ageConfirmBtn" class="age-btn age-btn-confirm">Мне есть 18 лет</button>
867                <button id="ageDeclineBtn" class="age-btn age-btn-decline">Мне нет 18 лет</button>
868            </div>
869        </div>
870    </div>
871
872    
872<script>
873        document.addEventListener('DOMContentLoaded', function() {
874            var modal = document.getElementById('ageModal');
875            if (!modal) return;
876
877            var confirmBtn = document.getElementById('ageConfirmBtn');
878            var declineBtn = document.getElementById('ageDeclineBtn');
879
880            // Подтверждение возраста — на один сеанс (До закрытия браузера)
881            confirmBtn.addEventListener('click', function() {
882                document.cookie = 'age_verified=1; path=/; SameSite=Lax';
883                modal.style.opacity = '0';
884                modal.style.transition = 'opacity 0.3s ease';
885                setTimeout(function() {
886                    modal.remove();
887                }, 300);
888            });
889
890            // Отказ — перенаправляем на безопасный сайт (или можно закрыть вкладку)
891            declineBtn.addEventListener('click', function() {
892                // Перенаправление на Google / Яндекс
893                window.location.href = 'https://ya.ru/';
894            });
895        });
896    </script>
896
897    </body>
898
899</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.