PageSourceSearch

https://rusmuseumvrm.ru/collections/index.php

html rusmuseumvrm.ru collected 2026-10-02 05:25:52 UTC 49,443 bytes, 762 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru"><head>
3<meta charset="utf-8">
4<meta name="viewport" content="width=device-width, initial-scale=1">
5<title>Коллекция онлайн — Виртуальный Русский музей</title>
6<link rel="preconnect" href="https://fonts.googleapis.com">
7<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Spectral:wght@300;400;500;600&display=swap" rel="stylesheet">
9<style>
10  *{ box-sizing:border-box; }
11  html,body{ margin:0; padding:0; background:#eae4d9; }
12  body{ font-family:'Spectral',Georgia,serif; color:#1c1815; -webkit-font-smoothing:antialiased; }
13  img{ display:block; max-width:100%; }
14  ::selection{ background:#bc0023; color:#fff; }
15  input::placeholder{ color:#9a9085; }
16  a{ color:#1c1815; }
17  a:hover{ color:#bc0023; }
18  :focus-visible{ outline:2px solid #bc0023; outline-offset:2px; }
19  .pagewrap{ container-type:inline-size; background:#f6f2ea; }
20  .pad{ max-width:1160px; margin:0 auto; padding:0 32px; }
21  .ul-link{ position:relative; text-decoration:none; }
22  .ul-link::after{ content:""; position:absolute; left:0; right:100%; bottom:-3px; height:1px; background:#bc0023; transition:right .35s cubic-bezier(.2,.7,.2,1); }
23  .ul-link:hover::after{ right:0; }
24  .tile{ transition:transform .5s cubic-bezier(.2,.7,.2,1); }
25  .tile:hover{ transform:translateY(-4px); }
26  .tile:hover .tile-arrow{ transform:translateX(5px); }
27  .tile-arrow{ transition:transform .4s cubic-bezier(.2,.7,.2,1); }
28  .tile-img{ position:relative; width:100%; aspect-ratio:5/4; background:#e6dfd2; overflow:hidden; }
29  .tile-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 1.2s ease; }
30  .tile-img img.on{ opacity:1; }
31  .btn-line{ cursor:pointer; border:1px solid #d9d1c2; background:transparent; color:#5f564b; font-family:'Spectral',serif; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; padding:8px 14px; }
32  .btn-line:hover{ border-color:#bc0023; color:#bc0023; }
33  .hidden{ display:none; }
34  /* Расширенный поиск — оформление под дизайн (форма функциональная, стили наши) */
35  .dc-searchform #collectionSearch > .form-group{ display:flex; align-items:stretch; gap:12px; margin:0 0 34px; }
36  .dc-searchform .input-skew{ flex:1; min-width:0; display:flex; }
37  .dc-searchform .input-skew input, .dc-searchform input.form-control{ width:100%; border:1px solid #d9d1c2; background:#fcfaf5; outline:none; font-family:'Spectral',serif; font-size:15px; color:#1c1815; padding:15px 18px; transform:none; box-shadow:none; border-radius:0; }
38  .dc-searchform .input-skew input:focus, .dc-searchform input.form-control:focus{ border-color:#bc0023; }
39  .dc-searchform .btn-violet, .dc-searchform .btn-skew, .dc-searchform button.btn{ flex:none; border:none; background:#bc0023; color:#fff; font-family:'Spectral',serif; font-size:13px; letter-spacing:.12em; text-transform:uppercase; padding:0 34px; cursor:pointer; transform:none; border-radius:0; }
40  .dc-searchform .btn-violet:hover, .dc-searchform button.btn:hover{ background:#a3001e; color:#fff; }
41  .dc-searchform .row{ display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin:0; }
42  .dc-searchform .col-xs-4{ width:auto; max-width:none; float:none; padding:0; }
43  .dc-searchform .col-xs-4 h4{ font-family:'Spectral',serif; font-size:11.5px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:#8a8174; padding:0 0 14px; border-bottom:1px solid #e3dccf; margin:0 0 16px; }
44  .dc-searchform .col-xs-4 .form-group{ margin:0 0 11px; }
45  .dc-searchform .checkbox{ display:flex; align-items:flex-start; gap:10px; margin:0; padding:0; }
46  .dc-searchform .checkbox input[type=checkbox]{ width:15px; height:15px; margin:2px 0 0; accent-color:#bc0023; flex:none; cursor:pointer; }
47  .dc-searchform .checkbox label{ font-family:'Spectral',serif; font-weight:400; font-size:14.5px; line-height:1.35; color:#3a342d; cursor:pointer; margin:0; }
48  .dc-searchform .dc-more{ margin-top:14px; border:none; background:transparent; color:#bc0023; font-family:'Spectral',serif; font-size:12.5px; letter-spacing:.04em; cursor:pointer; padding:4px 0; }
49  .dc-searchform .dc-more:hover{ text-decoration:underline; }
50  @container (max-width: 760px){
51    .dc-searchform .row{ grid-template-columns:1fr !important; gap:22px !important; }
52    .dc-searchform #collectionSearch > .form-group{ flex-direction:column !important; }
53    .dc-searchform .btn-violet, .dc-searchform button.btn{ padding:14px 0 !important; }
54    .pad{ padding-left:20px !important; padding-right:20px !important; }
55    .cards{ grid-template-columns:repeat(2,1fr) !important; gap:18px !important; }
56    .fcols{ grid-template-columns:1fr !important; }
57    .hrow{ flex-wrap:wrap !important; gap:14px !important; }
58    .hlogos{ order:1; }
59    .hlang{ order:2; }
60    .topsearch{ order:3; width:100% !important; }
61    .refsrow{ flex-direction:column !important; align-items:flex-start !important; gap:14px !important; }
62    .refsrow #filtersToggle{ align-self:stretch; text-align:center; }
63    .fnav{ flex-direction:column !important; gap:14px !important; }
64    .fbot{ grid-template-columns:1fr !important; gap:24px !important; }
65    .searchrow{ flex-direction:column !important; align-items:stretch !important; }
66    .searchrow button{ padding:14px 0 !important; }
67  }
68</style>
69</head>
70<body>
71<div class="pagewrap">
72  <div class="pad">
73
74    <!-- Шапка -->
75    <header class="hrow" style="display:flex; align-items:center; gap:22px; padding:24px 0 20px; border-bottom:1px solid #e3dccf;">
76      <div class="hlogos" style="display:flex; align-items:center; gap:18px; margin-right:auto;">
77        <a href="http://rusmuseum.ru/" target="_blank" rel="noopener" style="display:flex; align-items:center; flex:none;"><img src="/reconstruction/logo-russian-museum.png" alt="Русский музей" style="width:60px; height:60px; object-fit:contain;"></a>
78        <span style="width:1px; height:40px; background:#e0d8ca;"></span>
79        <a href="/index.php" style="display:flex; align-items:center; flex:none;"><img src="/reconstruction/logo-cit.png" alt="Центр искусств и технологий" style="width:60px; height:60px; object-fit:contain;"></a>
80      </div>
81      <form class="topsearch" action="/search/index1.php" method="GET" style="display:flex; align-items:stretch; border:1px solid #d9d1c2; background:#fcfaf5; width:320px; max-width:100%;">
82        <input type="hidden" name="lang" value="ru">
83        <input type="text" name="sea_val" placeholder="Поиск по сайту" style="flex:1; min-width:0; border:none; outline:none; background:transparent; font-family:'Spectral',serif; font-size:14px; color:#1c1815; padding:11px 14px;">
84        <button type="submit" style="border:none; background:transparent; color:#bc0023; cursor:pointer; font-size:14px; padding:0 16px; letter-spacing:.1em; text-transform:uppercase; font-family:'Spectral',serif; white-space:nowrap;">Найти</button>
85      </form>
86      <div class="hlang" style="display:flex; align-items:center; gap:4px; font-size:13px; letter-spacing:.08em; flex:none;">
87        <a href="/collections/index.php" style="padding:6px 8px; text-decoration:none; color:#1c1815; font-weight:600;">RU</a>
88        <span style="color:#cfc6b8;">/</span>
89        <a href="/collections/index.php?lang=en" style="padding:6px 8px; text-decoration:none; color:#9a9085;">EN</a>
90      </div>
91    </header>
92
93    <!-- Хлебные крошки -->
94    <nav aria-label="Хлебные крошки" style="padding:22px 0 0;">
95      <ol style="list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-size:12.5px; color:#8a8174;">
96        <li><a href="/index.php" style="text-decoration:none; color:#5f564b;">Главная</a></li>
97        <li aria-hidden="true" style="color:#cfc6b8;">/</li>
98        <li><a href="/online_resources/index.php" style="text-decoration:none; color:#5f564b;">Онлайн ресурсы</a></li>
99        <li aria-hidden="true" style="color:#cfc6b8;">/</li>
100        <li style="color:#1c1815;">Коллекция</li>
101      </ol>
102    </nav>
103
104    <!-- Hero -->
105    <section style="padding:44px 0 0; max-width:760px;">
106      <div style="display:flex; align-items:center; gap:12px; margin-bottom:22px;">
107        <span style="font-size:12.5px; letter-spacing:.26em; text-transform:uppercase; color:#bc0023; font-weight:500;">Онлайн ресурсы</span>
108      </div>
109      <h1 style="font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(32px,5.4cqi,62px); line-height:1.04; letter-spacing:-.01em; margin:0 0 20px;">Коллекция онлайн</h1>
110      <p style="font-size:clamp(15px,1.5cqi,18px); line-height:1.62; color:#5f564b; margin:0; text-wrap:pretty;">Более 18 000 произведений из собрания Государственного Русского музея в высоком разрешении — от древнерусской иконы до искусства XXI века. Живопись, скульптура, графика, декоративно-прикладное и народное искусство, доступные для детального изучения.</p>
111    </section>
112
113    <!-- Справочники + тумблер поиска -->
114    <section class="refsrow" style="display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:32px; padding:12px 0; border-top:1px solid #e3dccf;">
115      <div style="display:flex; flex-wrap:wrap; align-items:center; gap:16px; font-size:12.5px; color:#8a8174;">
116        <a href="/collections/references/authors/index.php" class="ul-link" style="color:#5f564b;">Именной указатель авторов</a><a href="/collections/references/keywords/index.php" class="ul-link" style="color:#5f564b;">Ключевые слова</a>
116        <span id="moreRefs" style="display:none;">
117          <a href="/collections/references/index.php" class="ul-link" style="color:#5f564b;">Справочные материалы</a><a href="/collections/references/categories/index.php" class="ul-link" style="color:#5f564b;">Жанры и сюжеты</a><a href="/collections/references/chronology/index.php" class="ul-link" style="color:#5f564b;">Периоды</a>        </span>
118        <button type="button" id="refsToggle" title="Ещё справочные материалы" style="flex:none; width:22px; height:22px; display:flex; align-items:center; justify-content:center; border:1px solid #ded6c7; background:transparent; color:#8a8174; font-family:'Spectral',serif; font-size:13px; line-height:1; cursor:pointer;">+</button>
119      </div>
120      <button type="button" id="filtersToggle" class="btn-line" style="flex:none;">Расширенный поиск</button>
121    </section>
122
123    <!-- Расширенный поиск (реальная форма коллекции) -->
124    <section id="filtersPanel" class="hidden" style="padding:32px 0 12px; border-bottom:1px solid #e3dccf;">
125      <h2 style="font-family:'Playfair Display',serif; font-weight:500; font-size:26px; margin:0 0 22px;">Расширенный поиск по коллекциям</h2>
126      <div class="dc-searchform">
127        
128<form method="GET" action="/collections/search/index.php" id="collectionSearch">
129    <input type="hidden" name="lang" value="ru" />
130    <div class="form-group">
131        <div class="input-skew">
132            <input type="text" class="form-control" 
133                    placeholder="Название, автор или ключевое слово" name="search_string"
134                     />
135        </div>
136        <button class="btn btn-violet btn-skew">НАЙТИ</button>
137    </div>
138    <div class="search-hint" style="margin:-24px 0 30px; font-size:13px; color:#8a8174;">Оставьте поле пустым, чтобы увидеть все работы выбранной категории.</div>
139
140    <div class="row">
141        <div class="col-xs-4">
142            <h4>Раздел коллекции</h4>
143                            <div class="form-group">
144                    <div class="checkbox">
145                        <input type="checkbox" 
146                                id="ch515" 
147                                name="collection[]"
148                                value="515"
149                                 >
150
151                        <label for="ch515">Древнерусская живопись</label>
152                    </div>
153                </div>
154                            <div class="form-group">
155                    <div class="checkbox">
156                        <input type="checkbox" 
157                                id="ch516" 
158                                name="collection[]"
159                                value="516"
160                                 >
161
162                        <label for="ch516">Древнерусское прикладное искусство</label>
163                    </div>
164                </div>
165                            <div class="form-group">
166                    <div class="checkbox">
167                        <input type="checkbox" 
168                                id="ch517" 
169                                name="collection[]"
170                                value="517"
171                                 >
172
173                        <label for="ch517">Живопись</label>
174                    </div>
175                </div>
176                            <div class="form-group">
177                    <div class="checkbox">
178                        <input type="checkbox" 
179                                id="ch518" 
180                                name="collection[]"
181                                value="518"
182                                 >
183
184                        <label for="ch518">Рисунок и акварель</label>
185                    </div>
186                </div>
187                            <div class="form-group">
188                    <div class="checkbox">
189                        <input type="checkbox" 
190                                id="ch519" 
191                                name="collection[]"
192                                value="519"
193                                 >
194
195                        <label for="ch519">Гравюра</label>
196                    </div>
197                </div>
198                            <div class="form-group">
199                    <div class="checkbox">
200                        <input type="checkbox" 
201                                id="ch520" 
202                                name="collection[]"
203                                value="520"
204                                 >
205
206                        <label for="ch520">Скульптура</label>
207                    </div>
208                </div>
209                            <div class="form-group">
210                    <div class="checkbox">
211                        <input type="checkbox" 
212                                id="ch522" 
213                                name="collection[]"
214                                value="522"
215                                 >
216
217                        <label for="ch522">Декоративно-прикладное искусство</label>
218                    </div>
219                </div>
220                            <div class="form-group">
221                    <div class="checkbox">
222                        <input type="checkbox" 
223                                id="ch523" 
224                                name="collection[]"
225                                value="523"
226                                 >
227
228                        <label for="ch523">Народное искусство</label>
229                    </div>
230                </div>
231                            <div class="form-group">
232                    <div class="checkbox">
233                        <input type="checkbox" 
234                                id="ch844" 
235                                name="collection[]"
236                                value="844"
237                                 >
238
239                        <label for="ch844">Живопись XVIII века – первой половины XIX века</label>
240                    </div>
241                </div>
242                            <div class="form-group">
243                    <div class="checkbox">
244                        <input type="checkbox" 
245                                id="ch845" 
246                                name="collection[]"
247                                value="845"
248                                 >
249
250                        <label for="ch845">Живопись второй половины XIX века – XX века</label>
251                    </div>
252                </div>
253                            <div class="form-group">
254                    <div class="checkbox">
255                        <input type="checkbox" 
256                                id="ch846" 
257                                name="collection[]"
258                                value="846"
259                                 >
260
261                        <label for="ch846">Скульптура XVIII – начала XX веков</label>
262                    </div>
263                </div>
264                            <div class="form-group">
265                    <div class="checkbox">
266                        <input type="checkbox" 
267                                id="ch847" 
268                                name="collection[]"
269                                value="847"
270                                 >
271
272                        <label for="ch847">Скульптура XX века</label>
273                    </div>
274                </div>
275                    </div>
276        <div class="col-xs-4">
277            <h4>Период</h4>
278                            <div class="form-group">
279                    <div class="checkbox">
280                        <input type="checkbox" 
281                                id="ch801" 
282                                name="period[]"
283                                value="801"
284                                 >
285
286                        <label for="ch801">Древнерусское искусство</label>
287                    </div>
288                </div>
289                            <div class="form-group">
290                    <div class="checkbox">
291                        <input type="checkbox" 
292                                id="ch802" 
293                                name="period[]"
294                                value="802"
295                                 >
296
297                        <label for="ch802">Конец XVII – XVIII век</label>
298                    </div>
299                </div>
300                            <div class="form-group">
301                    <div class="checkbox">
302                        <input type="checkbox" 
303                                id="ch803" 
304                                name="period[]"
305                                value="803"
306                                 >
307
308                        <label for="ch803">Первая половина XIX века</label>
309                    </div>
310                </div>
311                            <div class="form-group">
312                    <div class="checkbox">
313                        <input type="checkbox" 
314                                id="ch804" 
315                                name="period[]"
316                                value="804"
317                                 >
318
319                        <label for="ch804">Вторая половина XIX века</label>
320                    </div>
321                </div>
322                            <div class="form-group">
323                    <div class="checkbox">
324                        <input type="checkbox" 
325                                id="ch805" 
326                                name="period[]"
327                                value="805"
328                                 >
329
330                        <label for="ch805">Конец XIX – начало XX века</label>
331                    </div>
332                </div>
333                            <div class="form-group">
334                    <div class="checkbox">
335                        <input type="checkbox" 
336                                id="ch806" 
337                                name="period[]"
338                                value="806"
339                                 >
340
341                        <label for="ch806">Первая половина XX века</label>
342                    </div>
343                </div>
344                            <div class="form-group">
345                    <div class="checkbox">
346                        <input type="checkbox" 
347                                id="ch807" 
348                                name="period[]"
349                                value="807"
350                                 >
351
352                        <label for="ch807">Вторая половина XX – XXI вв.</label>
353                    </div>
354                </div>
355             
356        </div>
357        <div class="col-xs-4">
358            <h4>Жанры и сюжеты</h4>
359                            <div class="form-group">
360                    <div class="checkbox">
361                        <input type="checkbox" 
362                                id="ch808" 
363                                name="genre[]"
364                                value="808"
365                                 >
366
367                        <label for="ch808">Абстракция</label>
368                    </div>
369                </div>
370                            <div class="form-group">
371                    <div class="checkbox">
372                        <input type="checkbox" 
373                                id="ch809" 
374                                name="genre[]"
375                                value="809"
376                                 >
377
378                        <label for="ch809">Аллегория</label>
379                    </div>
380                </div>
381                            <div class="form-group">
382                    <div class="checkbox">
383                        <input type="checkbox" 
384                                id="ch810" 
385                                name="genre[]"
386                                value="810"
387                                 >
388
389                        <label for="ch810">Анималистика</label>
390                    </div>
391                </div>
392                            <div class="form-group">
393                    <div class="checkbox">
394                        <input type="checkbox" 
395                                id="ch811" 
396                                name="genre[]"
397                                value="811"
398                                 >
399
400                        <label for="ch811">
400Батальный жанр</label>
401                    </div>
402                </div>
403                            <div class="form-group">
404                    <div class="checkbox">
405                        <input type="checkbox" 
406                                id="ch812" 
407                                name="genre[]"
408                                value="812"
409                                 >
410
411                        <label for="ch812">Библейский сюжет</label>
412                    </div>
413                </div>
414                            <div class="form-group">
415                    <div class="checkbox">
416                        <input type="checkbox" 
417                                id="ch813" 
418                                name="genre[]"
419                                value="813"
420                                 >
421
422                        <label for="ch813">Бытовой жанр</label>
423                    </div>
424                </div>
425                            <div class="form-group">
426                    <div class="checkbox">
427                        <input type="checkbox" 
428                                id="ch814" 
429                                name="genre[]"
430                                value="814"
431                                 >
432
433                        <label for="ch814">Иллюстрация</label>
434                    </div>
435                </div>
436                            <div class="form-group">
437                    <div class="checkbox">
438                        <input type="checkbox" 
439                                id="ch815" 
440                                name="genre[]"
441                                value="815"
442                                 >
443
444                        <label for="ch815">Интерьер</label>
445                    </div>
446                </div>
447                            <div class="form-group">
448                    <div class="checkbox">
449                        <input type="checkbox" 
450                                id="ch816" 
451                                name="genre[]"
452                                value="816"
453                                 >
454
455                        <label for="ch816">Исторический сюжет</label>
456                    </div>
457                </div>
458                            <div class="form-group">
459                    <div class="checkbox">
460                        <input type="checkbox" 
461                                id="ch817" 
462                                name="genre[]"
463                                value="817"
464                                 >
465
466                        <label for="ch817">Карикатура</label>
467                    </div>
468                </div>
469                            <div class="form-group">
470                    <div class="checkbox">
471                        <input type="checkbox" 
472                                id="ch818" 
473                                name="genre[]"
474                                value="818"
475                                 >
476
477                        <label for="ch818">Мифологический сюжет</label>
478                    </div>
479                </div>
480                            <div class="form-group">
481                    <div class="checkbox">
482                        <input type="checkbox" 
483                                id="ch819" 
484                                name="genre[]"
485                                value="819"
486                                 >
487
488                        <label for="ch819">Натюрморт</label>
489                    </div>
490                </div>
491                            <div class="form-group">
492                    <div class="checkbox">
493                        <input type="checkbox" 
494                                id="ch820" 
495                                name="genre[]"
496                                value="820"
497                                 >
498
499                        <label for="ch820">Пейзаж</label>
500                    </div>
501                </div>
502                            <div class="form-group">
503                    <div class="checkbox">
504                        <input type="checkbox" 
505                                id="ch821" 
506                                name="genre[]"
507                                value="821"
508                                 >
509
510                        <label for="ch821">Портрет</label>
511                    </div>
512                </div>
513                            <div class="form-group">
514                    <div class="checkbox">
515                        <input type="checkbox" 
516                                id="ch822" 
517                                name="genre[]"
518                                value="822"
519                                 >
520
521                        <label for="ch822">Театральная декорация</label>
522                    </div>
523                </div>
524             
525
526        </div>
527    </div>
528</form>      </div>
529    </section>
530
531    <!-- Разделы коллекции -->
532    <section style="padding:32px 0 0;">
533      <div style="display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:26px;">
534        <h2 style="font-family:'Playfair Display',serif; font-weight:500; font-size:clamp(22px,2.6cqi,30px); margin:0;">Разделы коллекции</h2>
535        <span style="font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#8a8174;">13 разделов</span>
536      </div>
537      <div class="cards" style="display:grid; grid-template-columns:repeat(3,1fr); gap:28px;">
538                <a href="/collections/iconography/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
539          <div class="tile-img" data-count="5">
540            <img src="/collections/iconography/slides/3.jpg" alt="" loading="lazy" class="on"><img src="/collections/iconography/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/iconography/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/iconography/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/iconography/slides/4.jpg" alt="" loading="lazy" class="">          </div>
541          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
542            <div>
543              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">01</div>
544              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Древнерусская живопись</div>
545            </div>
546            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
547          </div>
548        </a>
549                <a href="/collections/painting/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
550          <div class="tile-img" data-count="15">
551            <img src="/collections/painting/slides/12.jpg" alt="" loading="lazy" class="on"><img src="/collections/painting/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/14.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/15.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/11.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/10.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/7.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/9.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/8.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/13.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/painting/slides/6.jpg" alt="" loading="lazy" class="">          </div>
552          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
553            <div>
554              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">02</div>
555              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Живопись</div>
556            </div>
557            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
558          </div>
559        </a>
560                <a href="/collections/drawings/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
561          <div class="tile-img" data-count="5">
562            <img src="/collections/drawings/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/drawings/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/drawings/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/drawings/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/drawings/slides/4.jpg" alt="" loading="lazy" class="">          </div>
563          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
564            <div>
565              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">03</div>
566              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Рисунок и акварель</div>
567            </div>
568            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
569          </div>
570        </a>
571                <a href="/collections/engraving/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
572          <div class="tile-img" data-count="5">
573            <img src="/collections/engraving/slides/1.jpg" alt="" loading="lazy" class="on"><img src="/collections/engraving/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/engraving/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/engraving/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/engraving/slides/3.jpg" alt="" loading="lazy" class="">          </div>
574          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
575            <div>
576              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">04</div>
577              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Гравюра</div>
578            </div>
579            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
580          </div>
581        </a>
582                <a href="/collections/sculpture/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
583          <div class="tile-img" data-count="5">
584            <img src="/collections/sculpture/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/sculpture/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/sculpture/slides/5.jpg" alt="" loading="lazy" class=""><img src="/collections/sculpture/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/sculpture/slides/4.jpg" alt="" loading="lazy" class="">          </div>
585          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
586            <div>
587              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">05</div>
588              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Скульптура</div>
589            </div>
590            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
591          </div>
592        </a>
593                <a href="/collections/latest_trends/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
594          <div class="tile-img" data-count="4">
595            <img src="/collections/latest_trends/slides/4.jpg" alt="" loading="lazy" class="on"><img src="/collections/latest_trends/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/latest_trends/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/latest_trends/slides/3.jpg" alt="" loading="lazy" class="">          </div>
596          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
597            <div>
598              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">06</div>
599              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Искусство новейших течений</div>
600            </div>
601            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
602          </div>
603        </a>
604                <a href="/collections/arts_and_crafts/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
605          <div class="tile-img" data-count="4">
606            <img src="/collections/arts_and_crafts/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/arts_and_crafts/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/arts_and_crafts/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/arts_and_crafts/slides/1.jpg" alt="" loading="lazy" class="">          </div>
607          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
608            <div>
609              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">07</div>
610              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Декоративно-прикладное искусство</div>
611            </div>
612            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
613          </div>
614        </a>
615                <a href="/collections/old_russian_art/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
616          <div class="tile-img" data-count="3">
617            <img src="/collections/old_russian_art/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/old_russian_art/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/old_russian_art/slides/1.jpg" alt="" loading="lazy" class="">          </div>
618          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
619            <div>
620              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">08</div>
621              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Древнерусское прикладное искусство и скульптура</div>
622            </div>
623            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
624          </div>
625        </a>
626                <a href="/collections/folk_art/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
627          <div class="tile-img" data-count="4">
628            <img src="/collections/folk_art/slides/4.jpg" alt="" loading="lazy" class="on"><img src="/collections/folk_art/slides/2.jpg" alt="" loading="lazy" class=""><img src="/collections/folk_art/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/folk_art/slides/1.jpg" alt="" loading="lazy" class="">          </div>
629          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
630            <div>
631              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">09</div>
632              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Народное искусство</div>
633            </div>
634            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
635          </div>
636        </a>
637                <a href="/collections/miniature/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
638          <div class="tile-img" data-count="4">
639            <img src="/collections/miniature/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/miniature/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/miniature/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/miniature/slides/1.jpg" alt="" loading="lazy" class="">          </div>
640          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
641            <div>
642              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">10</div>
643              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Портретная миниатюра</div>
644            </div>
645            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
646          </div>
647        </a>
648                <a href="/collections/numismatics/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
649          <div class="tile-img" data-count="4">
650            <img src="/collections/numismatics/slides/1.jpg" alt="" loading="lazy" class="on"><img src="/collections/numismatics/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/numismatics/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/numismatics/slides/2.jpg" alt="" loading="lazy" class="">          </div>
651          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
652            <div>
653              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">11</div>
654              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Нумизматика</div>
655            </div>
656            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
657          </div>
658        </a>
659                <a href="/collections/photo/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
660          <div class="tile-img" data-count="5">
661            <img src="/collections/photo/slides/2.jpg" alt="" loading="lazy" class="on"><img src="/collections/photo/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/photo/slides/4.jpg" alt="" loading="lazy" class=""><img src="/collections/photo/slides/1.jpg" alt="" loading="lazy" class=""><img src="/collections/photo/slides/5.jpg" alt="" loading="lazy" class="">          </div>
662          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
663            <div>
664              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">
66412</div>
665              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">История Русского музея</div>
666            </div>
667            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
668          </div>
669        </a>
670                <a href="/collections/rami/index.php" class="tile" style="text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:14px;">
671          <div class="tile-img" data-count="3">
672            <img src="/collections/rami/slides/1.jpg" alt="" loading="lazy" class="on"><img src="/collections/rami/slides/3.jpg" alt="" loading="lazy" class=""><img src="/collections/rami/slides/2.jpg" alt="" loading="lazy" class="">          </div>
673          <div style="display:flex; align-items:flex-start; justify-content:space-between; gap:12px;">
674            <div>
675              <div style="font-size:11px; letter-spacing:.22em; color:#a3998b; margin-bottom:6px;">13</div>
676              <div style="font-family:'Playfair Display',serif; font-size:18px; font-weight:500; line-height:1.22; text-wrap:pretty;">Рамы</div>
677            </div>
678            <span class="tile-arrow" style="color:#bc0023; font-size:18px; line-height:1.4; flex:none;">→</span>
679          </div>
680        </a>
681              </div>
682    </section>
683
684    <!-- Футер -->
685    <footer style="margin-top:44px; border-top:1px solid #e3dccf;">
686      <nav class="fnav" style="display:flex; flex-wrap:wrap; gap:28px; padding:24px 0;">
687        <a href="/about_project/index.php" class="ul-link" style="font-size:14px;">О портале</a><a href="/sitemap/index.php" class="ul-link" style="font-size:14px;">Карта сайта</a><a href="/news/index.php" class="ul-link" style="font-size:14px;">События</a><a href="/press/index.php" class="ul-link" style="font-size:14px;">Пресса о нас</a><a href="/contacts/index.php" class="ul-link" style="font-size:14px;">Контакты</a>      </nav>
688      <div class="fbot" style="display:grid; grid-template-columns:1.6fr 1fr; gap:40px; padding:26px 0 30px; border-top:1px solid #e3dccf; font-size:12.5px; line-height:1.7; color:#8a8174;">
689        <div>
690          <p style="margin:0;">© Русский музей</p>
691          <p style="margin:0 0 14px;">Контент – Центр искусств и технологий Русского музея</p>
692          <p style="margin:0; color:#bc0023;"><strong>Старый портал проекта — <a href="https://virtualrm.spb.ru/" target="_blank" rel="noopener" style="color:#bc0023;">https://virtualrm.spb.ru</a></strong><br>(архив материалов с 2009 г. по 1.04.2016)</p>
693        </div>
694        <div style="display:flex; flex-direction:column; gap:14px; align-items:flex-start;">
695          <a href="/terms/index.php" class="ul-link" style="font-size:12.5px; color:#5f564b;">Условия использования и публикации материалов</a>
696          <a href="#top" class="ul-link" style="font-size:12.5px; color:#5f564b;">Наверх</a>
697          <div style="display:flex; align-items:center; gap:10px; border:1px solid #d9d1c2; padding:9px 14px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#5f564b;">
698            <span style="width:6px; height:6px; background:#bc0023; border-radius:50%;"></span>Культура.рф
699          </div>
700        </div>
701      </div>
702    </footer>
703
704  </div>
705</div>
706
707<script>
708(function(){
709  // тумблеры
710  var ft = document.getElementById('filtersToggle'), fp = document.getElementById('filtersPanel');
711  if (ft && fp) ft.addEventListener('click', function(){
712    var open = fp.classList.toggle('hidden')===false;
713    ft.textContent = open ? 'Скрыть поиск' : 'Расширенный поиск';
714  });
715  var rt = document.getElementById('refsToggle'), mr = document.getElementById('moreRefs');
716  if (rt && mr) rt.addEventListener('click', function(){
717    var isHidden = getComputedStyle(mr).display === 'none';
718    mr.style.display = isHidden ? 'contents' : 'none';
719    rt.textContent = isHidden ? '–' : '+';
720  });
721
722  // расширенный поиск: выровнять колонки по числу пунктов "Периода", остальное под плашку
723  (function(){
724    var cols = [].slice.call(document.querySelectorAll('.dc-searchform .col-xs-4'));
725    if (cols.length < 2) return;
726    function rowsOf(c){ return [].slice.call(c.querySelectorAll(':scope > .form-group')); }
727    var limit = rowsOf(cols[1]).length;   // "Период" — 2-я колонка
728    if (limit < 1) return;
729    cols.forEach(function(col){
730      var rows = rowsOf(col);
731      if (rows.length <= limit) return;
732      var hidden = rows.length - limit, open = false;
733      var moreTxt = 'Ещё', lessTxt = 'Свернуть';
734      for (var i = limit; i < rows.length; i++) rows[i].style.display = 'none';
735      var btn = document.createElement('button');
736      btn.type = 'button'; btn.className = 'dc-more';
737      btn.textContent = moreTxt + ' ' + hidden + ' ↓';
738      btn.addEventListener('click', function(){
739        open = !open;
740        for (var i = limit; i < rows.length; i++) rows[i].style.display = open ? '' : 'none';
741        btn.textContent = open ? (lessTxt + ' ↑') : (moreTxt + ' ' + hidden + ' ↓');
742      });
743      col.appendChild(btn);
744    });
745  })();
746
747  // ротатор картинок: раз в 10с одна карточка (по кругу) плавно меняет картинку
748  var boxes = [].slice.call(document.querySelectorAll('.tile-img')).filter(function(b){
749    return b.querySelectorAll('img').length > 1;
750  });
751  boxes.forEach(function(b){ b._i = 0; });
752  var cur = 0;
753  if (boxes.length) setInterval(function(){
754    var b = boxes[cur % boxes.length]; cur++;
755    var imgs = b.querySelectorAll('img');
756    imgs[b._i].classList.remove('on');
757    b._i = (b._i + 1) % imgs.length;
758    imgs[b._i].classList.add('on');
759  }, 10000);
760})();
761</script>
761
762</body></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.