Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 40524 байт. Загружен за: 61мсек.
Проверяемая страница не запрещена в robots.txt.
Цепочка редиректов для файла robots.txt:
http://shiryaevets.aif.ru/robots.txt
301 MovedPermanently
https://shiryaevets.aif.ru/robots.txt
200 OK
Показать содержимое robots.txt
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- <base href="https://dmitryfx.com/proj/aif_shir/"> -->
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=2" />
<meta property="og:title" content="Виртуальный музей К 100-летию поэта А. В. Ширяевца">
<meta property="og:url" content="https://shiryaevets.aif.ru/">
<meta property="og:type" content="website">
<meta property="og:description" content="Как жил, любил и писал стихи поэт Серебряного века, уроженец Самарского края, Александр Васильевич Ширяевец (Абрамов).
Неизвестные факты о жизни и творчестве в проекте «АиФ-Самара»">
<meta property="og:image" content="https://shiryaevets.aif.ru/img/cover.webp">
<link rel="preload" fetchpriority="high" as="image" href="/img/main_page/title_bg.webp" type="image/webp">
<link rel="preload" fetchpriority="high" as="image" href="/img/main_page/bg_overlay.webp" type="image/webp">
<!-- <script type="module" src="./src/main.js"></script> -->
<style>.header_block_box {
position: absolute;
top: 16px;
left: 10%;
right: 10%;
opacity: 1;
z-index: 1;
transition: opacity 0.4s ease, top 0.4s ease-in-out;
}
.header_block_box.hidden {
top: -100px;
opacity: 0;
pointer-events: none;
}
@media (max-width: 1150px) {
.header_block_box {
left: 5%;
right: 5%;
}
}
.header_block_box .header_block_inner {
position: relative;
overflow: visible;
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-direction: row;
flex-wrap: nowrap;
gap: 32px;
font-family: Philosopher;
font-size: 20px;
color: #86251d;
}
.header_block_box .header_block_inner .logo_title {
flex: 0 1 auto;
display: flex;
align-items: stretch;
text-decoration: none;
color: #86251d !important;
}
.header_block_box .header_block_inner .logo_title img {
flex: 0 1 auto;
align-self: flex-start;
width: auto;
height: 100px;
}
.header_block_box .header_block_inner .logo_title .title {
margin-left: 16px;
white-space: nowrap;
}
.header_block_box .header_block_inner .logo_title .title .subtitle {
margin-bottom: 8px;
}
.header_block_box .header_block_inner .logo_title .title span {
font-size: 32px;
}
.header_block_box .header_block_inner .right_col {
flex: 1 1 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.header_block_box .header_block_inner #additional_menu_items {
flex: 0 1 auto;
line-height: 1.4;
margin-left: auto;
margin-right: auto;
flex-wrap: wrap;
}
.header_block_box .header_block_inner #additional_menu_items .icon_and_link {
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-top: 4px;
margin-right: 20px;
}
.header_block_box .header_block_inner #additional_menu_items .link {
height: auto;
margin-right: 20px;
margin-bottom: 12px;
white-space: nowrap;
opacity: 0.7;
transition: opacity 0.2s;
cursor: pointer;
}
.header_block_box .header_block_inner #additional_menu_items .link:hover {
opacity: 1;
}
.header_block_box .header_block_inner #additional_menu_items .link:active {
opacity: 1;
}
.header_block_box .header_block_inner #additional_menu_items .link_group {
display: inline-block;
flex: 0 1 auto;
height: auto;
min-height: 0px;
white-space: nowrap;
}
.header_block_box .header_block_inner #additional_menu_items .link_group .link {
margin-right: 0px;
}
.header_block_box .header_block_inner #additional_menu_items .link_group .icon_and_link {
display: inline-flex;
margin-right: 10px;
}
.header_block_box .header_block_inner #additional_menu_items a {
text-decoration: none;
color: #542200;
}
.header_block_box .header_block_inner #additional_menu_items .icon {
width: 16px;
height: 16px;
opacity: 0.4;
margin-right: 6px;
}
.header_block_box .header_block_inner #org_logos {
flex: 0 1 0;
display: flex;
align-items: stretch;
justify-content: flex-end;
flex-wrap: wrap;
}
.header_block_box .header_block_inner #org_logos img {
display: block;
height: auto;
width: 150px;
}
.header_block_box .header_block_inner #org_logos img:last-child {
margin-left: 32px;
}
@media (max-width: 850px) {
.header_block_box .header_block_inner #org_logos {
display: none;
}
}
.header_block_box .header_block_inner #org_logos_mobile {
flex: 1 1 100%;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
}
@media (max-width: 850px) {
.header_block_box .header_block_inner #org_logos_mobile {
display: flex !important;
}
}
@media (max-width: 500px) {
.header_block_box .header_block_inner #org_logos_mobile {
justify-content: space-between;
}
}
.header_block_box .header_block_inner #org_logos_mobile img {
display: block;
height: auto;
width: 150px;
max-width: 40vw;
}
.header_block_box .header_block_inner #org_logos_mobile img:last-child {
margin-left: auto;
}
@media (max-width: 1000px) {
.header_block_box .header_block_inner {
font-size: 18px;
}
.header_block_box .header_block_inner .logo_title img {
height: 80px;
}
.header_block_box .header_block_inner .logo_title .title span {
font-size: 24px;
line-height: 1;
}
.header_block_box .header_block_inner #additional_menu_items {
flex: 0 1 auto;
white-space: initial;
}
.header_block_box .header_block_inner #org_logos {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
gap: 20px;
}
.header_block_box .header_block_inner #org_logos img {
display: block;
}
}
@media (max-width: 850px) {
.header_block_box .header_block_inner {
flex-wrap: wrap;
}
}
@media (max-width: 650px) {
.header_block_box .header_block_inner {
gap: 16px;
flex-wrap: wrap;
}
.header_block_box .header_block_inner #additional_menu_items {
flex: 1 0 100%;
margin-bottom: 0px;
text-align: left;
white-space: wrap;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.header_block_box .header_block_inner #additional_menu_items .link {
margin-bottom: 0px;
}
.header_block_box .header_block_inner #org_logos {
flex: 1 1 35%;
min-width: 0px;
order: 2;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
gap: 0px;
}
.header_block_box .header_block_inner #org_logos img {
height: auto;
width: 150px;
display: block;
margin-left: auto;
}
}
@media (max-width: 600px) {
.header_block_box .header_block_inner {
align-items: flex-start;
}
.header_block_box .header_block_inner .logo_title {
white-space: initial;
}
.header_block_box .header_block_inner .logo_title .title {
white-space: inherit;
}
.header_block_box .header_block_inner #org_logos {
flex: 1 1 100%;
min-width: unset;
order: -1;
justify-content: space-between;
align-items: center;
gap: 0px;
}
.header_block_box .header_block_inner #org_logos img {
max-width: 40vw;
margin-left: unset !important;
}
}
.arrow.down {
rotate: 180deg;
}
.title_block {
position: relative;
top: 20vh;
z-index: 0;
width: 80vw;
height: 60vh;
margin-left: auto;
margin-right: auto;
transition: top 0.4s ease-in-out, height 0.4s ease-in-out;
}
.title_block .title_col {
position: relative;
width: 60%;
z-index: 2;
}
.title_block .title_col .menu_item {
position: absolute;
width: 100%;
transition: opacity 0.2s, transform 0.2s ease-out;
cursor: pointer;
}
.title_block .title_col .menu_item .title {
font-family: Philosopher;
font-size: 58px;
color: #86251d;
text-transform: uppercase;
transition: color 0.2s ease;
}
.title_block .title_col .menu_item .subtitle {
max-width: 70%;
margin-top: 23px;
font-family: Gabriela;
font-size: 20px;
text-transform: uppercase;
line-height: 1.75;
color: #542200;
transition: color 0.2s ease;
}
.title_block .title_col .menu_item.increase-enter-from {
opacity: 0;
transform: translateY(30px);
}
.title_block .title_col .menu_item.increase-leave-to {
opacity: 0;
transform: translateY(-30px);
}
.title_block .title_col .menu_item.decrease-enter-from {
opacity: 0;
transform: translateY(-30px);
}
.title_block .title_col .menu_item.decrease-leave-to {
opacity: 0;
transform: translateY(30px);
}
.title_block .image_col {
flex: 1 1 40%;
pointer-events: none;
}
.title_block .image_col .bg_image {
height: 130%;
position: absolute;
top: 50%;
left: 70%;
transform: translate(-50%, -50%) scale(1);
transition: opacity 0.5s, transform 0.3s ease-in-out;
z-index: 0;
}
.title_block .image_col .bg_image.portrait {
height: 120%;
bottom: 0px;
right: 0px;
transform: translate(-50%, -50%) scale(1);
}
.title_block .image_col .bg_image.v-enter-from {
opacity: 0;
transform: translate(-50%, -50%) scale(1.2);
}
.title_block .image_col .bg_image.v-leave-to {
opacity: 0;
transform: translate(-50%, -50%) scale(0.9);
}
.title_block .image_col .bg_overlay {
height: 110vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.5;
mix-blend-mode: overlay;
z-index: 1;
}
.title_block .title_bg {
position: absolute;
top: 50%;
left: -10%;
transform: translate(0%, -50%) scale(1.8);
opacity: 1;
z-index: 1;
}
.title_block.as_content_header {
top: 16px !important;
height: 45vh;
}
.title_block.as_content_header #menu_navigation_widget #menu_switcher_box {
opacity: 0;
pointer-events: none;
transform: translate(calc(-100% - 16px), -50%);
}
.title_block.as_content_header #main_menu_back_arrow {
transform: translate(calc(-100% - 16px), -50%) !important;
opacity: 0.5 !important;
pointer-events: all !important;
}
.title_block.as_content_header #main_menu_back_arrow:hover {
opacity: 1 !important;
}
.title_block #menu_navigation_widget {
display: flex;
align-items: center;
position: relative;
}
.title_block #menu_navigation_widget #menu_switcher_box {
position: absolute;
left: 0px;
color: #86251d;
font-family: Philosopher;
font-size: 44px;
color: #86251d;
text-align: center;
transform: translate(calc(-100% - 16px), 0%);
opacity: 1;
transition: opacity 0.3s ease, transform 0.4s ease;
}
.title_block #menu_navigation_widget #menu_switcher_box .arrow {
width: 25px;
display: block;
margin-left: auto;
margin-right: auto;
opacity: 0.5;
cursor: pointer;
transition: opacity 0.2s;
user-select: none;
user-drag: none;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-drag: none;
-moz-user-select: none;
}
.title_block #menu_navigation_widget #menu_switcher_box .arrow:focus {
outline: none !important;
}
.title_block #menu_navigation_widget #menu_switcher_box .arrow:hover {
opacity: 1;
}
.title_block #menu_navigation_widget #menu_switcher_box #menu_switcher_box__pagenum {
width: 96px;
text-align: right;
cursor: default;
pointer-events: none;
}
.title_block #menu_navigation_widget #main_menu_back_arrow {
position: absolute;
left: 0px;
top: 50%;
width: 60px;
opacity: 0;
transform: translate(calc(-100% - 16px), 0%);
cursor: pointer;
pointer-events: none;
transition: opacity 0.2s, transform 0.4s ease;
}
.title_block #menu_navigation_widget .menu_button {
flex: 0 1 auto;
margin-right: 16px;
opacity: 0.5;
transition: opacity 0.2s;
cursor: pointer;
}
.title_block #menu_navigation_widget .menu_button img {
width: 30px;
height: 30px;
pointer-events: none;
}
.title_block #menu_navigation_widget .menu_button:hover {
opacity: 1;
}
@media (max-width: 1150px) {
.title_block {
top: 9vh;
width: 90vw;
}
.title_block .title_col {
width: 80%;
}
.title_block #menu_navigation_widget {
display: flex;
gap: 10px;
margin-bottom: 16px;
}
.title_block #menu_navigation_widget #menu_switcher_box {
position: relative;
display: flex;
gap: 8px;
transform: translate(0px);
}
.title_block #menu_navigation_widget #menu_switcher_box #menu_switcher_box__pagenum {
text-align: center;
}
.title_block #menu_navigation_widget #main_menu_back_arrow {
transform: translate(100%, 25%) !important;
opacity: 0 !important;
pointer-events: none !important;
}
.title_block #menu_navigation_widget #main_menu_back_arrow:hover {
opacity: 1;
}
.title_block #menu_navigation_widget #main_menu_back_arrow:active {
opacity: 1;
}
.title_block #menu_navigation_widget .menu_button {
order: -1;
}
.title_block.as_content_header {
top: 16px;
height: 55vh;
}
.title_block.as_content_header #menu_navigation_widget #menu_switcher_box {
opacity: 0;
pointer-events: none;
transform: translate(0%, -50%);
}
.title_block.as_content_header #menu_navigation_widget #main_menu_back_arrow {
transform: translate(100%, -50%) !important;
opacity: 0.5 !important;
pointer-events: all !important;
}
.title_block.as_content_header #menu_navigation_widget #main_menu_back_arrow:hover {
opacity: 1 !important;
}
}
@media (max-width: 900px) {
.title_block .title_col {
width: 70%;
}
.title_block .title_col .menu_item .title {
font-size: 48px;
}
.title_block .title_col .menu_item .subtitle {
max-width: none;
margin-top: 23px;
font-size: 18px;
line-height: 1.75;
}
.title_block .title_bg {
opacity: 0.7;
}
}
@media (max-width: 600px) {
.title_block .title_col {
width: 100%;
}
.title_block .title_col .menu_item .title {
font-size: 38px;
}
.title_block .title_col .menu_item .subtitle {
max-width: none;
margin-top: 23px;
font-size: 16px;
line-height: 1.75;
}
.title_block .title_bg {
opacity: 0.7;
}
}
.content_block {
position: relative;
background-color: #e9e1ca;
margin-top: 0px;
box-sizing: content-box;
max-width: 100%;
padding-left: 10%;
padding-right: 10%;
padding-top: 60px;
overflow: visible;
opacity: 1;
z-index: 4;
font-family: Gabriela;
color: #542200;
font-size: 18px;
line-height: 1.45;
transform: translateY(0px);
transition: opacity 0.4s, transform 0.4s ease-in-out;
text-align: center;
}
.content_block * {
text-align: left;
}
.content_block .content_block__red_line {
position: absolute;
top: 0%;
left: 50%;
width: 100%;
transform: translate(-50%, -57%) scaleY(0.6);
}
.content_block.v-enter-from {
opacity: 0;
transform: translateY(100px);
}
.content_block.v-leave-to {
opacity: 0;
transform: translateY(100px);
}
.content_block .poem {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 32px;
margin-bottom: 32px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.content_block .poem.centered {
align-items: center;
}
.content_block .poem .title {
display: block;
text-align: center;
font-family: Philosopher;
font-size: 28px;
color: #86251d;
margin-bottom: 10px;
}
.content_block .poem .text {
display: inline-block;
}
.content_block .text_with_image {
margin-top: 32px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.content_block .text_with_image:has(.slider_box) {
margin-top: 120px;
margin-bottom: 80px;
gap: 80px;
}
.content_block .text_with_image .text {
flex: 0 1 77%;
margin-left: 12%;
}
.content_block .text_with_image .text::first-letter {
font-size: 27px;
line-height: 1;
color: #86251d;
}
.content_block .text_with_image .text a {
color: #542200;
}
.content_block .text_with_image .image_box {
flex: 0 1 33%;
align-self: stretch;
min-width: 300px;
}
.content_block .text_with_image .image_box > img {
display: block;
width: 100%;
height: 100%;
opacity: 0.4;
object-fit: contain;
object-position: center;
overflow: visible;
}
.content_block .text_with_image .slider_box {
flex: 0 1 80%;
align-self: stretch;
min-width: 300px;
}
.content_block .text_with_image .slider_box .photo_slider {
display: block;
width: 100%;
}
.content_block .text_with_image.image_left .text {
margin-right: 12%;
margin-left: 0%;
}
@media (max-width: 950px) {
.content_block .text_with_image {
flex-direction: column;
}
.content_block .text_with_image .text {
margin-right: 0 !important;
margin-left: 0 !important;
}
.content_block .text_with_image .image_box {
min-width: unset;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.content_block .text_with_image:not(.image_left) .image_box {
order: -1;
}
}
.content_block .photo_accent_block {
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: 32px;
}
.content_block .photo_accent_block .image {
position: relative;
z-index: 1;
}
.content_block .photo_accent_block .image img {
width: 100%;
display: block;
}
.content_block .photo_accent_block .image .zipline {
position: absolute;
bottom: 0%;
left: 50%;
display: block;
width: 95%;
transform: translate(-50%, 21%);
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.content_block .photo_accent_block .text_field {
position: relative;
width: 75%;
margin-left: auto;
margin-right: auto;
margin-top: -24px;
text-align: center;
line-height: 1.5;
padding: 32px 32px 16px 32px;
background-image: url("/img/elements/paper_lower.webp");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.content_block .quotation {
position: relative;
width: 67%;
margin-left: auto;
margin-right: auto;
margin-top: 64px;
padding: 45px 64px;
background-image: url("/img/elements/quote_bg_top.webp"), url("/img/elements/quote_bg_bottom.webp"), url("/img/elements/quote_bg_center.webp");
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: 100% 48px, 100% 58px, 100% calc(100% - 90px);
background-position: top left, bottom left, center left;
}
.content_block .quotation .quote_source {
margin-top: 16px;
text-align: right;
}
.content_block .quotation .quote {
position: absolute;
width: 20px;
}
.content_block .quotation .quote.left {
left: 16px;
bottom: 32px;
}
.content_block .quotation .quote.right {
right: 16px;
top: 24px;
}
.content_block .quotation.no_quotes img {
display: none;
}
@media (max-width: 950px) {
.content_block .quotation {
padding: 45px 36px;
}
}
.content_block .photo_slider_box {
position: relative;
width: 67%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 120px;
margin-bottom: 120px;
}
@media (max-width: 950px) {
.content_block .photo_slider_box {
width: 100%;
}
}
.content_block .mail {
margin-top: 32px;
margin-bottom: 32px;
width: 78%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
background-image: url("/img/elements/quote_bg_top.webp"), url("/img/elements/quote_bg_bottom.webp"), url("/img/elements/quote_bg_center.webp");
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: 100% 48px, 100% 58px, 100% calc(100% - 90px);
background-position: top left, bottom left, center left;
}
.content_block .mail .body {
padding: 40px;
}
.content_block .mail .body > * {
margin-bottom: 16px;
}
.content_block .mail .body .date {
text-align: right;
}
.content_block .mail .body .ps {
text-align: right;
margin-bottom: 0px;
}
.content_block .mail .info {
margin-top: 16px;
}
@media (max-width: 950px) {
.content_block .mail {
width: auto;
}
.content_block .mail .body {
padding: 40px 30px;
}
}
.content_block .photo_slider {
max-width: 100%;
padding-bottom: 77%;
position: relative;
cursor: pointer;
user-select: none;
user-drag: none;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-drag: none;
-moz-user-select: none;
}
.content_block .photo_slider:focus {
outline: none !important;
}
.content_block .photo_slider.square {
padding-bottom: 100%;
}
.content_block .photo_slider .slider_img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
opacity: 1;
pointer-events: none;
filter: drop-shadow(0px 0px 4px rgba(59, 46, 1, 0.2));
user-select: none;
user-drag: none;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-drag: none;
-moz-user-select: none;
transition: opacity 0.2s ease, filter 0.2s ease-in;
}
.content_block .photo_slider .slider_img:focus {
outline: none !important;
}
.content_block .photo_slider .is_top {
filter: drop-shadow(0px 0px 10px rgba(59, 46, 1, 0.7));
}
.content_block .photo_slider .arrow {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
z-index: 100;
transform: translateY(-50%);
filter: drop-shadow(0px 0px 4px rgb(0, 0, 0));
}
.content_block .photo_slider .arrow.left {
left: 0px;
}
.content_block .photo_slider .arrow.right {
right: 0px;
}
.content_block .photo_slider .title_box {
position: absolute;
bottom: 0%;
left: 50%;
display: flex;
flex-wrap: wrap;
width: 70%;
background-image: url("/img/elements/quote_bg.webp");
z-index: 20;
padding: 20px 20px;
background-repeat: no-repeat;
background-size: 100% 100%;
transform: translate(-50%, 70%);
}
.content_block .photo_slider .title_box .zipline {
position: absolute;
top: 0%;
left: 50%;
display: block;
width: 105%;
transform: translate(-50%, -50%);
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.content_block .photo_slider .title_box .title {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.content_block .photo_slider .title_box .arrow {
width: 60px;
height: 60px;
background-image: url("/ui/arrow_left.svg");
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer;
}
.content_block .photo_slider .title_box .arrow.right {
background-image: url("/ui/arrow_right.svg");
}
.content_block .photo_slider .title_box .dots_box {
flex: 0 1 100%;
margin-top: 8px;
margin-bottom: 4px;
display: flex;
justify-content: center;
gap: 6px;
}
.content_block .photo_slider .title_box .dots_box .dot {
border-radius: 3px;
width: 4px;
height: 4px;
background-color: #86251d;
transition: width 0.2s ease, background-color 0.2s ease;
}
.content_block .photo_slider .title_box .dots_box .dot.active {
width: 16px;
background-color: #854d21;
}
.content_block .photo_slider .title_box .icon_slider_pause {
position: absolute;
bottom: 10px;
right: 10px;
width: 30px;
height: 30px;
opacity: 0;
transition: opacity 0.2s ease;
}
.content_block .photo_slider .title_box .icon_slider_pause.visible {
opacity: 1;
}
.content_block .final_block {
position: relative;
width: 100%;
height: 45vh;
margin-top: 80px;
}
.content_block .final_block img {
position: absolute;
top: 0%;
left: 50%;
width: 110vw;
height: 100%;
transform: translateX(-50%);
object-fit: cover;
}
.content_block .final_block .zipline {
position: absolute;
top: 0%;
left: 50%;
width: 110vw;
height: auto;
transform: translate(-50%, -55%) scaleY(0.6);
z-index: 1;
object-fit: cover;
}
.content_block .final_block a {
position: absolute;
bottom: 5%;
left: 50%;
transform: translateX(-50%);
min-width: 120px;
z-index: 4;
opacity: 0.85;
transition: opacity 0.2s ease;
border-radius: 16px;
padding: 8px 20px;
color: #e9e1ca !important;
background-color: #86251d;
text-align: center;
text-decoration: none;
font-size: 20px;
}
.content_block .final_block a:hover {
opacity: 1;
}
.content_block .final_block a:active {
opacity: 1;
}
@media (max-width: 800px) {
.content_block {
padding-left: 5%;
padding-right: 5%;
}
.content_block .photo_accent_block {
width: 100%;
}
.content_block .video_box {
width: 100%;
height: auto;
margin-top: 80px;
margin-bottom: 80px;
}
.content_block .quotation {
width: auto;
}
}
@media (max-width: 600px) {
.content_block .photo_accent_block {
width: 100%;
}
.content_block .final_block {
height: 50vh;
}
}
.pnlm-container {
width: 60vw !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 60px !important;
}
@media (max-width: 800px) {
.pnlm-container {
width: 100% !important;
}
}
.content_block_page {
position: relative;
box-sizing: border-box;
padding-left: 10%;
padding-right: 10%;
padding-top: 60px;
padding-bottom: 60px;
opacity: 1;
z-index: 4;
font-family: Gabriela;
color: #542200;
font-size: 18px;
line-height: 1.45;
transform: translateY(0px);
transition: opacity 0.2s, transform 0.3s ease-in-out;
text-align: center;
}
.content_block_page .page_title {
font-size: 24px;
margin-bottom: 24px;
text-align: left;
color: #542200;
}
@media (max-width: 1150px) {
.content_block_page {
padding-left: 5%;
padding-right: 5%;
padding-top: 40px;
padding-bottom: 60px;
}
}
@media (max-width: 600px) {
.content_block_page {
padding-top: 10px;
}
}
.content_page-enter-to {
opacity: 1;
}
.content_page-enter-from, .content_page-leave-to {
opacity: 0;
}
.book_swiper {
width: 100%;
height: 70vh;
overflow: visible !important;
}
.book_swiper .swiper-wrapper {
align-items: center !important;
height: 100% !important;
}
.book_swiper .book_slide {
display: flex !important;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 100% !important;
gap: 3vw;
overflow: auto;
background-color: #faeabe;
}
.book_swiper .book_slide .illustration {
position: relative;
flex: 1 1 50%;
max-width: 50%;
min-width: 0px;
height: 100% !important;
overflow: hidden;
border-radius: 16px;
}
.book_swiper .book_slide .illustration img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.book_swiper .book_slide .illustration .num {
position: absolute;
bottom: -1px;
right: -1px;
padding: 12px 12px;
border-radius: 16px;
background-color: #86251d;
color: #faeabe;
}
.book_swiper .book_slide .text {
flex: 0 1 auto;
margin-right: auto;
align-self: center;
text-align: left;
}
.book_swiper .book_slide .text .title {
font-size: 20px;
color: #86251d;
}
.book_swiper .book_slide.first .illustration .num {
display: none;
}
.book_swiper .book_slide.first .text .title {
text-align: center;
}
.book_swiper .swiper-button-prev, .book_swiper .swiper-button-next {
width: 56px !important;
height: 56px !important;
border-radius: 50%;
text-align: center;
color: #faeabe;
filter: drop-shadow(0px 0px 4px black);
}
.book_swiper .swiper-button-prev::after, .book_swiper .swiper-button-next::after {
display: none;
}
.book_swiper .swiper-button-prev.swiper-button-prev, .book_swiper .swiper-button-next.swiper-button-prev {
background-image: url("/ui/arrow_left_light.svg");
}
.book_swiper .swiper-button-prev.swiper-button-next, .book_swiper .swiper-button-next.swiper-button-next {
background-image: url("/ui/arrow_right_light.svg");
}
.book_swiper .swiper-button-prev {
left: -30px;
right: auto;
}
.book_swiper .swiper-button-next {
left: auto;
right: -30px;
}
@media (max-width: 800px) {
.book_swiper .book_slide {
justify-content: center;
border-radius: 16px;
filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.336));
}
.book_swiper .book_slide .illustration {
max-width: 100%;
height: 100% !important;
}
.book_swiper .book_slide .illustration .title_on_cover {
position: absolute;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
padding: 12px 24px;
border-radius: 16px;
background-color: #86251d;
color: #faeabe;
}
.book_swiper .book_slide .text {
margin-right: 0;
}
}
.photo-album__photo {
object-fit: cover;
cursor: pointer;
}
.photo_galleries_list {
text-align: left;
}
.photo_galleries_list .galleries {
display: grid;
grid-auto-flow: row dense;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
grid-auto-rows: minmax(340px, auto);
gap: 32px;
margin-bottom: 64px;
}
.photo_galleries_list .galleries .gallery_card {
position: relative;
background-image: url("/img/elements/gallery_card.webp");
background-size: 100% 100%;
transform: scale(1) translate3d(0, 0, 0) perspective(1px);
filter: drop-shadow(0px 0px 0px rgba(65, 41, 41, 0.74));
backface-visibility: hidden;
transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out;
cursor: pointer;
}
.photo_galleries_list .galleries .gallery_card .cover {
width: calc(100% - 32px);
margin: 16px 16px 8px 16px;
border-radius: 16px;
opacity: 0.8;
aspect-ratio: 1/1;
object-fit: cover;
transition: opacity 0.2s;
}
.photo_galleries_list .galleries .gallery_card .title {
position: relative;
padding: 0px 16px 8px 16px;
z-index: 1;
font-size: 24px;
line-height: 1.3;
}
.photo_galleries_list .galleries .gallery_card .long_title {
position: relative;
padding: 0px 16px 16px 16px;
z-index: 1;
font-size: 18px;
line-height: 1.3;
}
.photo_galleries_list .galleries .gallery_card:hover {
transform: scale(1.01) translate3d(0, 0, 0) perspective(10px);
filter: drop-shadow(3px 3px 5px rgba(80, 28, 28, 0.74));
}
.photo_galleries_list .galleries .gallery_card:active {
transform: scale(1.01) translate3d(0, 0, 0) perspective(10px);
filter: drop-shadow(3px 3px 5px rgba(80, 28, 28, 0.74));
}
.swiper_box {
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
z-index: 10;
background-color: rgba(0, 0, 0, 0.8);
transform: scale(1);
transition: opacity 0.2s ease, transform 0.2s ease-in-out;
cursor: pointer;
}
.swiper_box .close_button {
position: absolute;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #542200;
color: #faeabe;
opacity: 0.4;
transition: opacity 0.2s ease;
cursor: pointer;
}
.swiper_box .close_button:hover {
opacity: 1;
}
.swiper_box .close_button:active {
opacity: 1;
}
.swiper_box .close_button::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url("/ui/cross_light.svg");
background-size: 50% 50%;
background-position: center;
background-repeat: no-repeat;
}
.swiper_box .swiper {
position: absolute;
top: 50%;
left: 50%;
max-width: 80vw;
height: 80vh;
transform: translate(-50%, -50%);
}
.swiper_box .swiper-button-prev, .swiper_box .swiper-button-next {
width: 50px;
height: 50px;
padding: 8px;
border-radius: 50%;
background-color: #542200;
text-align: center;
color: #faeabe;
opacity: 0.3;
transition: opacity 0.2s ease;
}
.swiper_box .swiper-button-prev:hover, .swiper_box .swiper-button-next:hover {
opacity: 1;
}
.swiper_box .swiper-button-prev:active, .swiper_box .swiper-button-next:active {
opacity: 1;
}
.swiper_box .swiper-pagination-bullet {
border: 1px solid #542200;
filter: drop-shadow(0px 0px 4px #542200);
opacity: 0.4;
}
.swiper_box .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper_box .swiper-pagination-bullet {
background-color: #faeabe;
}
.swiper_box .swiper-slide {
background-position: center;
background-size: cover;
}
.swiper_box .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: 50% 50%;
user-select: none;
}
.swiper_transition-enter-from, .swiper_transition-leave-to {
opacity: 0;
transform: scale(1.1);
}
@font-face {
font-family: "Philosopher";
src: url("/img/fonts/Philosopher-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Gabriela";
src: url("/img/fonts/Gabriela-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
html, body {
margin: 0;
padding: 0;
width: 100vw;
position: relative;
}
body {
background-color: #faeabe;
position: relative;
overflow-x: hidden;
overflow-y: hidden;
height: 100vh;
}
body.show_content {
overflow-y: auto;
height: auto;
}
#app {
width: 100%;
margin: 0px;
padding: 0px;
}
*::-webkit-scrollbar {
width: 6px;
background-color: #b3ae82;
}
*::-webkit-scrollbar-thumb {
background-color: #86251d;
}
.video_box {
position: relative;
width: 60vw;
height: 33.75vw;
margin-left: auto;
margin-right: auto;
margin-top: 120px;
margin-bottom: 120px;
text-align: right;
}
.video_box .title {
font-size: 24px;
margin-bottom: 12px;
text-align: left;
}
.video_box .vjs-big-play-button {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
.video_box .video_source {
margin-left: auto;
display: inline-block;
color: #86251d;
}
.video_box .video_source a {
color: #86251d;
}
.video_box .vjs-poster {
background-size: 102%;
}
.video_gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: end;
align-content: end;
gap: 64px;
}
.video_gallery .video_box {
align-self: end;
position: relative;
width: 100%;
height: auto;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
@media (max-width: 900px) {
.video_gallery {
grid-template-columns: repeat(1, 1fr);
gap: 32px;
}
}
.router-link-active {
color: #86251d !important;
opacity: 1 !important;
}
.menu_item_underlined {
position: relative;
text-decoration: none;
color: #542200;
}
.menu_item_underlined::before {
content: "";
position: absolute;
width: 0%;
height: 1px;
bottom: 0px;
left: 0px;
background-color: #86251d;
transform-origin: top left;
transition: width 0.3s ease;
}
.menu_item_underlined:hover {
color: #86251d !important;
}
.menu_item_underlined:active {
color: #86251d !important;
}
.menu_item_underlined:hover::before {
width: 100%;
}
.menu_box {
position: fixed;
box-sizing: border-box;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
perspective: 10000px;
backface-visibility: hidden;
z-index: 1000;
padding: 30px 20px 50px 20px;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
overflow: hidden;
opacity: 1;
transition: opacity 0.2s ease, transform 0.2s ease;
filter: drop-shadow(3px 3px 6px rgba(84, 34, 0, 0.6901960784));
background-image: url("/img/elements/quote_bg_top.webp"), url("/img/elements/quote_bg_bottom.webp"), url("/img/elements/quote_bg_center.webp");
background-repeat: no-repeat, no-repeat, no-repeat;
background-size: 100% 48px, 100% 58px, 100% calc(100% - 90px);
background-position: top left, bottom left, center left;
}
.menu_box .item {
flex: 0 1 100%;
text-decoration: none;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: row;
flex-wrap: nowrap;
margin-top: 8px;
font-size: 22px;
color: #542200 !important;
}
.menu_box .item .num {
text-align: right;
min-width: 30px;
margin-right: 6px;
pointer-events: none;
}
.menu_box .close_button {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
color: #faeabe;
opacity: 0.5;
transition: opacity 0.2s ease;
cursor: pointer;
}
.menu_box .close_button:hover {
opacity: 1;
}
.menu_box .close_button:active {
opacity: 1;
}
.menu_box .close_button::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-image: url("/ui/cross_dark.svg");
background-size: 50% 50%;
background-position: center;
background-repeat: no-repeat;
}
@media (max-width: 600px) {
.menu_box {
width: 95vw;
padding: 30px 20px 50px 20px;
text-overflow: ellipsis;
}
.menu_box .item {
max-width: calc(100% - 20px);
font-size: 22px;
}
}
.invisible_blackboard {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 999;
cursor: pointer;
}
.menu_box-enter-to {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
.menu_box-enter-from, .menu_box-leave-to {
transform: translate(-50%, -50%) scale(0.9);
opacity: 0;
}
#main_screen__mouse_icon {
position: absolute;
bottom: 0;
left: 50%;
width: 24px;
opacity: 0.5;
transform: translate(-50%, 100%);
transition: opacity 0.5s ease-in-out;
padding: 0.5rem;
z-index: 4;
}
#main_screen__mouse_icon.hidden {
opacity: 0;
}
#main_screen__mouse_icon img {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#main_screen__mouse_icon #mouse_icon {
height: 100%;
}
@keyframes swing {
0% {
transform: translate(-50%, 10%);
}
50% {
transform: translate(-50%, 50%);
}
100% {
transform: translate(-50%, 10%);
}
}
#main_screen__mouse_icon #mouse_arrow {
width: 30%;
position: absolute;
top: 50%;
left: 50%;
animation: swing 1.2s ease infinite;
}
@media (max-width: 1150px) {
#main_screen__mouse_icon {
top: 50%;
bottom: unset;
left: 110%;
transform: translate(0%, -50%);
}
}
.image_loading {
transition: opacity 0.3s ease;
}
.image_hidden {
opacity: 0 !important;
}
</style>
<link rel="icon" type="image/png" href="/img/favicons/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/img/favicons/favicon.svg" />
<link rel="shortcut icon" href="/img/favicons/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon.png" />
<link rel="manifest" href="/img/favicons/site.webmanifest" />
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
//aif 99047459
//test 98827175
ym(99047459, "init", {
defer: true,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
ym(51369400, "init", {
defer: true,
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<!-- /Yandex.Metrika counter -->
<title>К 100-летию А. В. Ширяевца</title>
<script type="module" crossorigin src="/assets/index-DLFRVKQz.js"></script>
<link rel="modulepreload" crossorigin href="/assets/@vue-cNPt2KyB.js">
<link rel="modulepreload" crossorigin href="/assets/vue-router-BtyANZIe.js">
<link rel="modulepreload" crossorigin href="/assets/@vueuse-BFZMBXvF.js">
<link rel="modulepreload" crossorigin href="/assets/pannellum-BPiYEPE3.js">
<link rel="modulepreload" crossorigin href="/assets/@babel-Blnz0a2F.js">
<link rel="modulepreload" crossorigin href="/assets/lodash.debounce-POYsXS1j.js">
<link rel="modulepreload" crossorigin href="/assets/vue-pannellum-mBzsJzpS.js">
<link rel="modulepreload" crossorigin href="/assets/swiper-DkgkzaAO.js">
<link rel="modulepreload" crossorigin href="/assets/global-Cj-WuTRJ.js">
<link rel="modulepreload" crossorigin href="/assets/keycode-C2ki2JxI.js">
<link rel="modulepreload" crossorigin href="/assets/safe-json-parse-Pj9f_QCS.js">
<link rel="modulepreload" crossorigin href="/assets/is-function-Bs8j6Gmq.js">
<link rel="modulepreload" crossorigin href="/assets/url-toolkit-CDETGiKc.js">
<link rel="modulepreload" crossorigin href="/assets/@videojs-NMLOuVdQ.js">
<link rel="modulepreload" crossorigin href="/assets/videojs-vtt.js-Cn22oKaJ.js">
<link rel="modulepreload" crossorigin href="/assets/m3u8-parser-BlHpSQaL.js">
<link rel="modulepreload" crossorigin href="/assets/@xmldom-9sfdwTZH.js">
<link rel="modulepreload" crossorigin href="/assets/mpd-parser-C5UIIFif.js">
<link rel="modulepreload" crossorigin href="/assets/mux.js-CjPRN9AE.js">
<link rel="modulepreload" crossorigin href="/assets/video.js-B5Zk6zDK.js">
<link rel="modulepreload" crossorigin href="/assets/@videojs-player-CyKavPNk.js">
<link rel="stylesheet" crossorigin href="/assets/pannellum-B5hN7x3w.css">
<link rel="stylesheet" crossorigin href="/assets/vue-pannellum--BtNz9ZP.css">
<link rel="stylesheet" crossorigin href="/assets/swiper-Buu7Qt2g.css">
<link rel="stylesheet" crossorigin href="/assets/video-CkhquoJy.css">
</head>
<body>
<div id="app"></div>
</body>
</html>
DDoS-Guard