Blueprint
<style> [name*="gotoslider_"] { cursor:pointer; } [name="prev_slide"], [name="next_slide"] { cursor:pointer; } [name="prev_slide"].active, [name="next_slide"].active { top:1000px!important; } .button-disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; } #article { max-height:1600px!important; } </style> <script> $(document).ready(function () { let currentSliderId = 1; // ID текущего слайдера let currentSlideIndex = 0; // Индекс текущего слайда const totalSlides = 5; // Обработчик нажатия на кнопки "Показать Слайдер" $('[name*="gotoslider_"]').on('click', function () { const sliderId = $(this).attr('name').split('_')[1]; // Получаем ID слайдера currentSlideIndex = 0; // Сбрасываем слайд на первый if(currentSliderId !== sliderId){ showSlide(sliderId, currentSlideIndex); currentSliderId = sliderId; // Обновляем текущий ID слайдера updateSlideButtons(currentSlideIndex, totalSlides); } }); function resetPositions(sliderId) { $(`.object[name*="s_"]`).each(function () { const $element = $(this); let originalTop = parseInt($element.data('original-top'), 0 || 0); $element.fadeOut(300, function () { $element.css('top', originalTop + 'px'); }); }); } $('[name="next_slide"]').on('click', function () { if (currentSlideIndex < totalSlides) { currentSlideIndex++; showSlide(currentSliderId, currentSlideIndex); } }); // Аналогично для кнопки "Предыдущий слайд" $('[name="prev_slide"]').on('click', function () { if (currentSlideIndex > 0) { currentSlideIndex--; showSlide(currentSliderId, currentSlideIndex); } }); // Функция отображения слайда function showSlide(sliderId, slideIndex) { if(currentSliderId != null) { resetPositions(currentSliderId); } var currentTopLine = $(`.object[name="topline_${sliderId}_${slideIndex}"]`); var currentTopLineValue = parseInt(currentTopLine.css('top')); $('[name="next_slide"], [name="prev_slide"]').addClass('active'); $(`.object[name*="s_${sliderId}_${slideIndex}"]`).each(function () { const $element = $(this); let originalTop = parseInt($element.css('top'), 0 || 0); // Сохраняем исходное положение top, если оно ещё не сохранено if (!$element.data('original-top')) { $element.data('original-top', originalTop); } let newTopValue = (originalTop - currentTopLineValue) + 850; $element.fadeOut(300, function () { $element.css('top', newTopValue + 'px'); $element.fadeIn(300); }); }); updateSlideButtons(currentSlideIndex, totalSlides); } function updateSlideButtons(currentIndex, totalSlides) { const $prevButton = $('[name="prev_slide"]'); const $nextButton = $('[name="next_slide"]'); if (currentIndex === 0) { $prevButton.addClass('button-disabled'); } else { $prevButton.removeClass('button-disabled'); } if (currentIndex === totalSlides) { $nextButton.addClass('button-disabled'); } else { $nextButton.removeClass('button-disabled'); } } // Показываем сразу первый слайд showSlide(1, 0); }); </script>
T

Без лишних слов

ГРАФДИЗАЙН

По случаю своего десятилетия мы спросили нынешних и бывших коллег из арт-отдела The Blueprint о самом важном: любви, надеждах, ошибках и, конечно, о том, что для них значит работа в издании. Но при одном условии: отвечать нужно без слов, на своем визуальном языке. Кто-то выбрал работы известных художников и фотографов, кто-то — гифки и снимки с мобильного из личного архива. Но так или иначе все они — про мир глазами дизайнера.

кликайте по имени, чтобы узнать подробности

Женя Онегина

Сергей Пацюк

Ира Иванова

Анна Акопова

 Юля Попова

Женя Онегина

Арт-директор The Blueprint с 2014 по 2017 год,
режиссер

До

The Blueprint

после

«Афиша»,

F5, w-o-s, PORT

2014-2017

Condé Nast UK, Better Daughter, подкаст dark playground

Как выглядит начало вашей работы с любым проектом?

Вали Экспорт, Glass Plate with Shot, 1972

(1)

Вдохновение или дисциплина?

Марина Абрамович, Вдох-выдох, 1978

(2)

Отправиться в любое место прямо сейчас, но без обратного билета — куда?

Трейси Эмин, Моя кровать, 1998

(3)

Если бы в прошлом можно было изменить лишь одну деталь, что бы это было?

(4)

Кики Смит, Wolf Girl, 1999

Что для вас The Blueprint? 

(5)

Хелена Альмейда, A casa (The House), 1979

Ира Иванова

Дизайн-директор Studio Yukiko,
Арт-директор The Blueprint с 2016 по 2017 год

До

The Blueprint

после

«Пикник Афиши»

2016-2017

конференция «Архитектор будущего» на Стрелке, работа в студии Yukiko и конкретно над проектами Dazed Live, Driving
the Human, Nike, OÖ Landes Kultur и Haus der Kulturen der Welt

Ваша работа
для вас — что это?

(1)

Что первично — форма или содержание? 

(2)

Идеальный день — это?

(3)

Что вам помогает творить? 

Протей Темен, Лучшее случайно

(4)

Что для вас The Blueprint?

(5)

Джон Балдессари, Nose: Silhouette Blue (2010)

Сергей Пацюк

Кофаундер платформы для талантов project ×, арт-директор The Blueprint с 2017 по 2021 год

До

The Blueprint

после

Eda.ru

2017-2021

ПИК,

Flacon Magazine,

project ×

Ваша работа для вас — что это?

💙😻🤌🏼💅🏼🚀

(1)

Отдавать или получать?

(2)

«Несу розу на съемку, художница
Катя Правда делает сэндвич из помады»

Ваше любимое место?

(3)

«Ностальгические места: рабочее место на Столешке, выставка с работой Ива Кляйна в Пушкинском музее»

Команда мечты — какая она?

«Заскринил аватарки любимых друзей арт отделов» 

(4)

Женя Онегина

Сергей Пацюк

Ира Иванова

Анна Акопова

 Юля Попова

Что для вас The Blueprint? 

(5)

«Оркестр на фоне синих занавесок»

Анна Акопова

Арт-директор, дизайн-директор The Blueprint с 2019 по 2022 год

До

The Blueprint

после

Sputnik, 5 o'coat,

галерея современного

искусства Voskhod

2019-2022

«Т—Ж»,

арт-директор

«Медиа Долями»

Чем пахнет счастье? 

Садом. Проиллюстрировала картинкой сада Дриса Ван Нотена.

(1)

Какая форма у мира сейчас?

Alexander McQueen, 1998

(2)

Если бы у нас не было слов, как бы мы общались?

(3)

Марина Абрамович, Точка касания, 1975

Must-have любого дизайнера?

(4)

Что для вас The Blueprint?

(5)

Юля Попова

Дизайнер The Blueprint с 2020 года,
старший дизайнер The Blueprint с 2022 года

До

The Blueprint

СПбГУПТД

2020 – н.в.

Что такое медиа? 

Возможность увидеть явления с новой стороны 

(1)

Цвет настроения — ….? 

Шоу Peppermint Park, 1987

(2)

Если бы лучшего друга можно было придумать, как бы он выглядел? 

Стул Wassily,
Марсель Брейер, 1925-26

(3)

На что вы можете смотреть вечно?

(4)

На маникюр Марка Джейкобса и людей с самоиронией

Что для вас The Blueprint? 

(5)

{"width":1200,"column_width":57,"columns_n":21,"gutter":0,"margin":0,"line":40}
false
767
1300
false
false
true
{"mode":"page","transition_type":"slide","transition_direction":"horizontal","transition_look":"belt","slides_form":{}}
{"css":".editor {font-family: tautz; font-size: 16px; font-weight: 400; line-height: 21px;}"}