<![CDATA[<style>
[name="result_btn"],
[name="repeat_btn"],
[name="share_btn"]
{cursor:pointer;!important}
body > [name*="var_"].cloned-avatar img
{
max-height:200px!important;
}
[name*="var_"].dropped
{
opacity:0.3;
transition:all 0.3s;
}
[name="drop-zone"] .var_wrap,
[name="drop-zone"] .var_wrap .object
{
width: 95%;
height: 95%;
margin: auto;
}
[name="drop-zone"] .var_wrap .content
{
background:transparent!important;
display:flex;
width:100%;
height:100%;
align-items: center;
justify-content: center;
}
[name="drop-zone"] .var_wrap .content img
{
width:50%!important;
height:50%!important;
}
[name="result_btn"],
[name="repeat_btn"],
[name="share_btn"],
[name*="result_"]
{display:none;}
[name="repeat_btn"].active {left: 250px!important;}
[name="share_btn"].active {left: 610px!important;}
[name="result_bg"].active {left: 49px!important;}
[name="result_1_1"].active {left: 100px!important;}
[name="result_1_2"].active {left: 100px!important;}
[name="result_2_1"].active {left: 100px!important;}
[name="result_2_2"].active {left: 100px!important;}
[name="result_3_1"].active {left: 100px!important;}
[name="result_3_2"].active {left: 100px!important;}
[name="result_4_1"].active {left: 100px!important;}
[name="result_4_2"].active {left: 100px!important;}
[name="result_5_1"].active {left: 100px!important;}
[name="result_5_2"].active {left: 100px!important;}
[name="result_6_1"].active {left: 100px!important;}
[name="result_6_2"].active {left: 100px!important;}
[name="result_7_1"].active {left: 100px!important;}
[name="result_7_2"].active {left: 100px!important;}
[name="result_7_5"].active {left: 100px!important;}
[name="result_8_1"].active {left: 100px!important;}
[name="result_8_2"].active {left: 100px!important;}
[name="result_8_5"].active {left: 100px!important;}
[name="result_1_3"].active {left: 516px!important;}
[name="result_2_3"].active {left: 623px!important;}
[name="result_3_3"].active {left: 700px!important;}
[name="result_4_3"].active {left: 611px!important;}
[name="result_5_3"].active {left: 611px!important;}
[name="result_6_3"].active {left: 627px!important;}
[name="result_7_3"].active {left: 577px!important;}
[name="result_8_3"].active {left: 765px!important;}
[name="result_1_4"].active {left: 516px!important;}
[name="result_2_4"].active {left: 516px!important;}
[name="result_3_4"].active {left: 516px!important;}
[name="result_4_4"].active {left: 542px!important;}
[name="result_5_4"].active {left: 516px!important;}
[name="result_6_4"].active {left: 542px!important;}
[name="result_7_4"].active {left: 543px!important;}
[name="result_8_4"].active {left: 582px!important;}
[name="btm_text"]
{
transition:all 0.3s;
transition-delay: 0.5s;
}
[name="btm_text"].moved-top
{
transition:all 0.3s;
transition-delay: 0.5s;
margin-top:-200px;
}
</style>
<script>
var DragManager = new function () {
/**
* составной объект для хранения информации о переносе:
* {
* elem - элемент, на котором была зажата мышь
* avatar - аватар
* downX/downY - координаты, на которых был mousedown
* shiftX/shiftY - относительный сдвиг курсора от угла элемента
* }
*/
var dragObject = {};
var self = this;
function onMouseDown(e) {
if (e.which != 1) return;
var elem = e.target.closest('.draggable');
if (!elem) return;
dragObject.elem = elem;
// запомним, что элемент нажат на текущих координатах pageX/pageY
dragObject.downX = e.pageX;
dragObject.downY = e.pageY;
return false;
}
function onMouseMove(e) {
if (!dragObject.elem) return; // элемент не зажат
if (!dragObject.avatar) { // если перенос не начат...
var moveX = e.pageX - dragObject.downX;
var moveY = e.pageY - dragObject.downY;
// если мышь передвинулась в нажатом состоянии недостаточно далеко
if (Math.abs(moveX) < 3 && Math.abs(moveY) < 3) {
return;
}
// начинаем перенос
dragObject.avatar = createAvatar(e); // создать аватар
if (!dragObject.avatar) { // отмена переноса, нельзя "захватить" за эту часть элемента
dragObject = {};
return;
}
// аватар создан успешно
// создать вспомогательные свойства shiftX/shiftY
var coords = getCoords(dragObject.avatar);
dragObject.shiftX = dragObject.downX - coords.left;
dragObject.shiftY = dragObject.downY - coords.top;
dragObject.name = $(dragObject.avatar).attr('name');
startDrag(e); // отобразить начало переноса
}
// отобразить перенос объекта при каждом движении мыши
dragObject.avatar.style.left = e.pageX - dragObject.shiftX + 'px';
dragObject.avatar.style.top = e.pageY - dragObject.shiftY + 'px';
return false;
}
function onMouseUp(e) {
if (dragObject.avatar) { // если перенос идет
finishDrag(e);
}
// перенос либо не начинался, либо завершился
// в любом случае очистим "состояние переноса" dragObject
dragObject = {};
}
function finishDrag(e) {
var dropElem = findDroppable(e);
if (!dropElem) {
self.onDragCancel(dragObject);
} else {
var clone = dragObject;
clone.elem.style = '';
var clonenode = clone.elem.cloneNode(true)
self.onDragEnd(clone, dropElem);
dragObject.avatar.rollback();
}
}
function createAvatar(e) {
// запомнить старые свойства, чтобы вернуться к ним при отмене переноса
var avatar = dragObject.elem;
var old = {
parent: avatar.parentNode,
nextSibling: avatar.nextSibling,
position: avatar.style.position || '',
left: $(avatar).css("left") || '',
top: $(avatar).css("top") || '',
width: $(avatar).css("width") || '',
height: $(avatar).css("height") || '',
maxHeight: $(avatar).css("max-height") || '',
name: $(avatar).attr("name") || '',
zIndex: avatar.style.zIndex || ''
};
// функция для отмены переноса
avatar.rollback = function () {
old.parent.insertBefore(avatar, old.nextSibling);
avatar.style.position = old.position;
avatar.style.left = old.left;
avatar.style.top = old.top;
avatar.style.width = old.width;
avatar.style.height = old.height;
avatar.style.maxHeight = old.maxHeight;
avatar.style.zIndex = old.zIndex;
avatar.classList.remove('cloned-avatar');
};
return avatar;
}
function startDrag(e) {
var avatar = dragObject.avatar;
// инициировать начало переноса
document.body.appendChild(avatar);
avatar.style.zIndex = 9999;
avatar.style.position = 'absolute';
avatar.style.maxHeight = '200px';
avatar.style.width = 'auto';
avatar.classList.add('cloned-avatar');
}
function findDroppable(event) {
// спрячем переносимый элемент
dragObject.avatar.hidden = true;
// получить самый вложенный элемент под курсором мыши
var elem = document.elementFromPoint(event.clientX, event.clientY);
// показать переносимый элемент обратно
dragObject.avatar.hidden = false;
if (elem == null) {
// такое возможно, если курсор мыши "вылетел" за границу окна
return null;
}
return $('.droppable');
// проверим, является ли найденный элемент droppable
var droppableElem = $(elem).closest('.droppable');
console.log(droppableElem);
if (droppableElem.length > 0) {
return droppableElem;
}
return null;
}
document.onmousemove = onMouseMove;
document.onmouseup = onMouseUp;
document.onmousedown = onMouseDown;
this.onDragEnd = function (dragObject, dropElem) {};
this.onDragCancel = function (dragObject) {};
};
function getCoords(elem) { // РєСЂРѕРјРµ IE8-
var box = elem.getBoundingClientRect();
return {
top: box.top + pageYOffset,
left: box.left + pageXOffset
};
}
DragManager.onDragCancel = function (dragObject) {
dragObject.avatar.rollback();
};
$('[name*="var_"').addClass('draggable');
$('[name="drop-zone"]').addClass('droppable');
$('[name="drop-zone"] .content').append('<div class="var_wrap"></div>');
DragManager.onDragEnd = function (dragObject, dropElem) {
console.log(dragObject);
var drag_name = $(dragObject.elem).attr('name');
if(drag_name.includes("var_"))
{
$('[name*="var_"]').removeClass('dropped');
$('[name="'+ drag_name +'"]').addClass('dropped');
$('.var_wrap').html('');
$('[name="'+ drag_name +'"]')
.clone()
.css({
'position' : 'relative',
'top' : 'auto',
'left' : 'auto',
'display' : 'none'
})
.removeClass('dropped')
.removeClass('draggable')
.appendTo('.var_wrap')
.fadeIn(500);
}
showResultBtn();
};
function showResultBtn()
{
if($('.var_wrap div').length != 0)
{
$('[name="drop-text"]').fadeOut(100);
$('[name="result_btn"]').fadeIn(500);
}
};
$('[name="result_btn"]').on('click', function(e){
e.preventDefault();
$('[name="result_btn"]').fadeOut(500);
$('[name*="var_"], [name="drop-zone"], [name="drop-bg"], [name="drop-text"]').fadeOut(500);
$('body > [name*="var_"]').removeClass('dropped');
$('[name*="var_"]').each(function() {
// Очищаем все классы у элемента
$(this).removeClass();
// Добавляем два класса, которые мы хотим оставить
$(this).addClass('object draggable');
});
showResult();
});
var r_number = '';
function showResult()
{
r_number = $('[name="drop-zone"] .var_wrap .object').attr('name');
r_number = r_number.substring(4, r_number.length);
console.log(r_number);
$('[name="btm_text"]').addClass('moved-top');
$([document.documentElement, document.body]).animate({
scrollTop: $('[name="top_text"]').offset().top + 140
}, 800);
$('[name*="result_'+ r_number +'"], [name="result_bg"], [name="share_btn"], [name="repeat_btn"]').addClass('active').delay(500).fadeIn();
};
$('[name="repeat_btn"]').on('click', function(e){
e.preventDefault();
$('[name="btm_text"]').removeClass('moved-top');
setTimeout(function() {$('[name*="result_"], [name="share_btn"], [name="repeat_btn"]').removeClass('active');}, 500);
$([document.documentElement, document.body]).animate({
scrollTop: $('[name="top_text"]').offset().top + 140
}, 800);
$('[name*="result_"], [name="share_btn"], [name="repeat_btn"]').fadeOut(500);
$('.var_wrap').html('');
$('[name="result_btn"]').hide();
$('[name*="var_"], [name="drop-zone"], [name="drop-bg"], [name="drop-text"]').delay(500).fadeIn(500);
});
jQuery('[name="share_btn"]').on('click', function(e){
e.preventDefault();
var s_url = 'https://vk.com/share.php?url=https://theblueprint.ru/culture/special/symbols-of-renaissance-furla?customshare=v' + r_number;
window.open(s_url, '', 'toolbar=0,status=0,width=626,height=436');
});
</script>]]> T
Эстетика Ренессанса в новогодней коллекции Furla.
ТЕКСТ: Анастасия Склярова
иллюстрации: Настя Шарандина
Живопись — зеркало эпохи. Какие символы несло в себе искусство Ренессанса и какие смыслы авторы через них транслировали? Вместе с Furla и Lamoda мы решили собрать восемь знаковых черт искусства эпохи Возрождения и переосмыслили их в виде 3D-иллюстраций — выбирайте рисунок, который ближе вам по духу, чтобы узнать, что он символизирует и как проявляется в новой коллекции Furla.
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":0,"y":0,"z":0,"opacity":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":360}}],"steps":[{"id":2,"properties":{"duration":40.8,"delay":0,"bezier":[],"ease":"Power2.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
В эпоху Возрождения важную роль в архитектуре и искусстве играют арки — они символизируют гармонию, баланс и поддержку. А еще — границу между мирами. Симметричную идеальную форму конструкции повторяет логотип Furla: стилизованная под арочный мотив буква F, на которую дизайнеров вдохновила архитектура Болоньи. «Логотип-арка — в некотором смысле приглашение в мир Furla», — рассказывал бывший CEO бренда Альберто Камерленго, дополняя идею Ренессанса об арке как портале. На лого в Furla не остановились: мотив арки продолжается и в новой коллекции — он воплотился в модели Furla Flow, современной и функциональной, выполненной из жаккарда с этническим принтом.
Традиция использовать зеркала в живописи Ренессанса зародилась в Италии: среди прочих к ней обращались Тициан и Бернардо Строцци. Этот мотив использовался для воспевания женской красоты и актуализации темы «женского времени». Сегодня же зеркала в искусстве призывают нас обратить взгляд внутрь себя и помнить о том, что стандарты красоты — это условность, которая осталась в прошлом, и что красоту можно увидеть абсолютно везде. В новой коллекции Furla зеркала появились в переосмысленном виде: в асимметричных формах и в виде переливающейся поверхности глиттера, в котором отражаются лишь отдельные детали — но и они прекрасны по-своему.
Венецианский красный — второй после синего главный цвет эпохи Ренессанса. В живописи и культуре в целом красный — всегда про контрасты. С одной стороны, он мог символизировать грех и похоть; с другой — любовь, страсть и соблазнение. Палитра этого цвета богата на смыслы, и интерпретировать его можно по-разному. При этом точно ясно: красный — будь то венецианский или алый — сквозь века остается одним из главных акцентных оттенков, а в этом сезоне еще и очень актуальным. В новую коллекцию Furla вошли несколько моделей в цвете Rosso Veneziano: от базовых до вечерних, среди которых наш фаворит — модель классическая 1927 Mini Top Handle в сатиновом исполнении.
Флористические мотивы — одни из самых распространенных в эпоху Возрождения: вспомните «Весну» Сандро Боттичелли или «Благовещение» Леонардо да Винчи. В искусстве Ренессанса каждый цветок обладал своим значением: например, лилия обозначала чистоту, а гвоздика — любовь. Как несколько веков назад, так и сегодня цветы отражают одну глобальную идею о единении человека и природы. Об этом говорит и орнамент на изделиях из новой коллекции Furla — например, на акцентной сумке 1927 Mini Top Handle. Традиционно городская модель геометричной формы кажется более романтичной и элегантной за счет изображения цветов в приглушенных тонах, как бы возвращая нас к идее о слиянии с природой.
Синий цвет — любимый не только нашим изданием, но и художниками эпохи Возрождения. Ультрамарин во времена Ренессанса считался одним из самых дорогих пигментов, и использовать его в своих картинах могли позволить себе далеко не все художники. Символизм синего менялся сквозь эпохи, но так или иначе цвет означал чистоту, истину и бесконечность. В коллекции Furla он воплотился в модели Diamante Mini Shoulder Bag глубокого синего оттенка в матовом исполнении, украшенной контрастным «арочным» лого бренда.
Золото — скорее про маньеризм и барокко, чем про Ренессанс. Как и эксперименты с формами и изломанными линиями, золото снова приходит в искусство, когда назревает кризис идей Возрождения. Авторы начинают поиск новых средств выразительности, снова — как и в Средние века — отходят от классических идеалов и поиска гармонии. Отходить от лаконичных форм и базовых оттенков можно и в стиле: выбирайте модель Furla 1927 Mini Crossbody Wave — акцентную за счет фактуры, позолоченной кожи и фурнитуры и необычной волнообразной формы дна.
Симметрия, пропорции, геометрия: все это — важнейшие черты искусства Ренессанса, которые проявились и в живописи, и в архитектуре, и в скульптуре. Они символизируют возвращение к классическим античным идеалам и означают стремление к гармонии и упорядоченности. Лаконичная форма, чистые цвета — белый и два оттенка синих, симметричная строчка и ручка арочной формы — эту традицию продолжает сумка Genesi из новой коллекции Furla, которая точно привнесет в вашу жизнь немного баланса и порядка.
Свет в искусстве Ренессанса — это противопоставление мраку и стремление к ясности. От него зависит настроение картины и, честно признаться, часто и наше с вами тоже. В сезон, когда света критически мало, важно стараться излучать его изнутри: помощником в этом деле может послужить Metropolis Mini Crossbody Remix в серебряном исполнении. Ее приглушенное свечение напоминает изображение света в живописи Возрождения и добавляет акцента даже в монохромный образ в стиле total black.
Перетащите любой элемент в центр экрана
В новом сезоне Furla дизайнеры переосмысляют знаковые элементы культуры эпохи Возрождения — цвета, фактуры и символы — и предлагают их современную интерпретацию, а также обращаются к итальянским традициям и истории бренда, которая насчитывает почти 100 лет. Все это гармонично сошлось в коллекции Cruise 2024, в которую вошли не только сумки, но и обувь и аксессуары из кожи и трикотажа. Все они представлены на Lamoda.
