<![CDATA[<style>
[name="testnumb_1"].active {left: 387px!important;}
[name="testnumb_2"].active {left: 731px!important;}
[name="testnumb_3"].active {left: 327px!important;}
[name="testnumb_4"].active {left: 786px!important;}
[name="testnumb_5"].active {left: 357px!important;}
[name="testnumb_6"].active {left: 782px!important;}
[name="testnumb_7"].active {left: 369px!important;}
[name="testtitle_1"].active {left: 6px!important;}
[name="testtitle_2"].active {left: 395px!important;}
[name="testtitle_3"].active {left: 3px!important;}
[name="testtitle_4"].active {left: 455px!important;}
[name="testtitle_5"].active {left: 4px!important;}
[name="testtitle_6"].active {left: 510px!important;}
[name="testtitle_7"].active {left: 6px!important;}
[name^="testq_1"][name$="_icon"].active {left:331px!important;}
[name^="testq_2"][name$="_icon"].active {left:377px!important;}
[name^="testq_3"][name$="_icon"].active {left:419px!important;}
[name^="testq_4"][name$="_icon"].active {left:356px!important;}
[name^="testq_5"][name$="_icon"].active {left:289px!important;}
[name^="testq_6"][name$="_icon"].active {left:336px!important;}
[name^="testq_7"][name$="_icon"].active {left:299px!important;}
[name^="testq_1"][name$="_text"].active {left:378px!important;}
[name^="testq_2"][name$="_text"].active {left:424px!important;}
[name^="testq_3"][name$="_text"].active {left:466px!important;}
[name^="testq_4"][name$="_text"].active {left:403px!important;}
[name^="testq_5"][name$="_text"].active {left:336px!important;}
[name^="testq_6"][name$="_text"].active {left:383px!important;}
[name^="testq_7"][name$="_text"].active {left:346px!important;}
[name^="testimg_"].active {left:0px!important;}
[name^="testimg_1_3"].active {left:-214px!important;}
[name^="testimg_2_3"].active {left:1200px!important;}
[name^="testimg_3_3"].active {left:-239px!important;}
[name^="testimg_4_3"].active {left:1200px!important;}
[name^="testimg_5_3"].active {left:-238px!important;}
[name^="testimg_6_3"].active {left:1200px!important;}
[name^="testimg_7_3"].active {left:-229px!important;}
[name^="result_"][name$="_title"].active {left:275px!important;}
[name^="result_"][name$="_text"].active {left:600px!important;}
[name^="result_"][name$="img_1"].active {left:272px!important;}
[name^="result_"][name$="img_2"].active {left:-28px!important;}
[name^="result_"][name$="img_3"].active {left:123px!important;}
[name^="result_"][name$="img_4"].active {left:564px!important;}
[name^="result_"][name$="img_5"].active {left:79px!important;}
[name^="testq"][name$="_icon"],
[name^="testq"][name$="_text"],
[name*="repeat_"],
[name*="share_"],
[name="start_btn"]
{cursor:pointer;}
[name*="share_"].active{left:600px!important;}
[name*="repeat_"].active{left:766px!important;}
[name*="share_"],
[name*="repeat_"]
{border:1px solid rgb(190, 187, 194);transition:all 0.3s;color:rgb(190, 187, 194);}
[name*="share_"]:hover,
[name*="repeat_"]:hover
{border:1px solid rgb(190, 187, 194);transition:all 0.3s;background:rgb(190, 187, 194)!important;color:#fff;}
[name*="share_"] .content span,
[name*="repeat_"] .content span
{transition:all 0.3s;color:rgb(190, 187, 194)!important;}
[name*="share_"]:hover .content span,
[name*="repeat_"]:hover .content span
{transition:all 0.3s;color:#fff!important;}
[name^="testq_1"][name$="_icon"].active,
[name^="testq_1"][name$="_text"].active
{z-index:100!important;}
[name^="testq_1"][name$="_icon"]:hover::after,
[name^="testq_1"][name$="_icon"].highlight::after
{background: rgb(79, 97, 155);}
[name^="testq_2"][name$="_icon"]:hover::after,
[name^="testq_2"][name$="_icon"].highlight::after
{background: rgb(114, 150, 163);}
[name^="testq_3"][name$="_icon"]:hover::after,
[name^="testq_3"][name$="_icon"].highlight::after
{background: rgb(182, 166, 136);}
[name^="testq_4"][name$="_icon"]:hover::after,
[name^="testq_4"][name$="_icon"].highlight::after
{background: rgb(202, 93, 94);}
[name^="testq_5"][name$="_icon"]:hover::after,
[name^="testq_5"][name$="_icon"].highlight::after
{background: rgb(94, 126, 152);}
[name^="testq_6"][name$="_icon"]:hover::after,
[name^="testq_6"][name$="_icon"].highlight::after
{background: rgb(202, 93, 94);}
[name^="testq_7"][name$="_icon"]:hover::after,
[name^="testq_7"][name$="_icon"].highlight::after
{background: rgb(221, 190, 156);}
[name^="testq"][name$="_icon"]:hover::after,
[name^="testq"][name$="_icon"].highlight::after
{
content: "";
top:0px;
transition: all 0.3s;
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index:2;
}
[name^="testq"][name$="_icon"]::after
{
background:transparent;
transition: all 0.3s;
}
</style>
<script>
$('[name^="testq"][name$="_text"]').hover(
function() {
let name = $(this).attr('name');
let iconName = name.replace('_text', '_icon');
$(`[name="${iconName}"]`).addClass('highlight');
},
function() {
let name = $(this).attr('name');
let iconName = name.replace('_text', '_icon');
$(`[name="${iconName}"]`).removeClass('highlight');
}
);
$('#article [name*="repeat_"], #article [name*="share"], #article [name*="testtitle_"], #article [name*="testq"], #article [name*="testnumb_"], #article [name*="result_"], #article [name*="testimg_"]').removeClass('active').fadeOut(0);
jQuery('[name="start_btn"]').on('click', function() {
jQuery('[name*="start_"]').addClass('hide').fadeOut(0);
nextStep(1);
});
jQuery('#article').on('click', '[name="back_btn"]' , function() {
hideStep(currentStep)
nextStep(--currentStep);
allResult[last_c]--;
});
var currentStep = 1;
var allResult = [0,0,0,0];
var last_c = 0;
let isTransitioning = false;
var elements = $('[name*="testq_"]');
jQuery(elements).on('click', function() {
if (isTransitioning) return; // Если идёт переход, блокируем нажатие
var cur_v = jQuery(this).attr('name');
cur_v = cur_v.slice(8,9);
console.log(cur_v);
allResult[cur_v]++;
last_c = cur_v;
nextStep(++currentStep);
console.log(allResult);
});
function nextStep(id)
{
if (isTransitioning) return; // Блокируем быстрое нажатие
isTransitioning = true; // Устанавливаем блокировку
if (id == 8) {
hideStep(id - 1);
jQuery('[name="back_btn"]').fadeOut();
showResult();
} else {
hideStep(id - 1);
setTimeout(function() {
jQuery('[name="testtitle_' + id + '"]').addClass('active').fadeIn();
jQuery('[name="testnumb_' + id + '"]').addClass('active').fadeIn();
jQuery('[name*="testq_' + id + '_"]').addClass('active').fadeIn();
jQuery('[name*="testimg_' + id + '_"]').addClass('active').fadeIn();
isTransitioning = false; // Снимаем блокировку после завершения анимации
}, 400);
if(id != 1)
{
jQuery('[name="back_btn"]').delay(300).fadeIn();
}
}
if(id == 1)
{
jQuery('[name="back_btn"]').fadeOut();
}
}
function hideStep(id)
{
jQuery('[name*="testtitle_' + id + '"]').fadeOut();
jQuery('[name="testnumb_' + id + '"]').fadeOut();
jQuery('[name*="testq_' + id + '"]').fadeOut();
jQuery('[name*="testimg_' + id + '_"]').fadeOut();
}
var totalResult = '';
function showResult(){
var items = allResult;
totalResult = Object.keys(items)
.reduce(function(keya, keyb) {
return items[keya] > items[keyb] ? keya : keyb;
});
console.log(totalResult);
setTimeout(function() {
$('[name*="testnumb_line_"]').removeClass('active').fadeOut();
jQuery('[name*="result_'+ totalResult + '"]').addClass('active');
jQuery('[name*="result_'+ totalResult + '"]').fadeIn();
jQuery('[name*="repeat_"], [name*="share"]').addClass('active').fadeIn();
isTransitioning = false;
}, 600);
}
jQuery('[name*="repeat_"]').on('click', function(){
jQuery('[name*="result_"]').fadeOut();
jQuery('[name*="repeat_"], [name*="share"]').fadeOut();
setTimeout(function() {
jQuery('[name*="result_"]').removeClass('active');
$('[name="testq_line"], [name*="testnumb_line_"]').removeClass('active').fadeOut();
jQuery('[name="repeat_text"], [name*="share"]').removeClass('active');
jQuery('[name*="start_"]').delay(400).fadeIn().removeClass('hide').addClass('active');
nextStep(0);
currentStep = 0;
allResult = [0,0,0,0];
}, 600);
});
jQuery('[name*="share"]').on('click', function(e){
e.preventDefault();
var s_url = 'https://vk.com/share.php?url=https://theblueprint.ru/fashion/specials/mollis-memory-diaries?customshare=v' + totalResult;
window.open(s_url, '', 'toolbar=0,status=0,width=626,height=436');
});
</script>]]> T
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"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":-918,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":-925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
{"points":[{"id":1,"properties":{"x":0,"y":0,"z":0,"opacity":0.58,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":925,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Вы любите выделяться из толпы и выражать индивидуальность через одежду. Вас считают смелым и креативным человеком, который добавляет радость в свою (и не только) повседневность, одевается ярко и даже чуть эксцентрично.
Вам важно чувствовать себя комфортно, поэтому выбираете удобную одежду, которая не сковывает движений. Ваш стиль отражает открытость и дружелюбность. В основе скандинавского кора, который вы адаптировали и сделали своей эстетикой, лежит философия хюгге — микс комфорта, свободы и уюта.
Вы предпочитаете строгий и сдержанный стиль, который подчеркивает вашу уверенность и профессионализм. Дресс-код вас не страшит: почувствовать себя Жизель Бюндхен из фильма «Дьявол носит Prada» — это всегда приятно.
{"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":-914,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":2.4,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
Выбираю плечистые деловые костюмы в духе Ива Сен-Лорана или строгие платья.
Предпочитаю минимализм и не люблю излишества. Мой максимум — лаконичные серьги и часы.
Редко, предпочитаю проверенные временем образы.
Следую последним тенденциям и рекомендациям модных телеграм-каналов.
Пастельные и нейтральные — сливочное масло, небесно-голубой, бежевый, серый.
Классический и элегантный. Увереннее себя чувствую, когда одета сдержанно и скромно.
Текст: Екатерина Краюхина
Предпочитаю свободный стиль: могу прийти в расслабленном джемпере и оверсайз-брюках, а вместо туфель всегда выберу кроссовки.
Иногда, когда хочется чего-то нового.
В вопросах стиля полагаюсь только на себя (и отражение в зеркале).
Порой дополняю образ фантазийными аксессуарами — крупным кулоном или кольцами на каждый палец.
Свободный и удобный. Ведь главное — практичность.
Яркие и насыщенные — фуксия, электрический синий, красный, оранжевый.
Меня можно увидеть в офисе даже в мини или рваных джинсах, дресс-код — не про меня.
Наш внешний вид — это возможность рассказать о себе миру. Каждая деталь — едва заметные жесты, осанка, манера общения, одежда — формирует визуальный код, который помогает понять, кто мы такие и что из себя представляем. Вместе с Mollis создали тест, с помощью которого можно проанализировать, какие смыслы и ценности вы транслируете.
Часто, мне нравится пробовать разные стили.
Много экспериментирую, стайлинг — это весело.
Аксессуары — важная часть моего стиля, без них не выхожу. Эпитет «на обвесе» — это про меня.
Темные и глубокие — бургунди, шоколад, бутылочный зеленый.
Яркий и экстравагантный. Мне нравится выделяться из толпы (и что вы мне сделаете!).
{"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":0.48,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":1.2,"delay":0.4,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
