<![CDATA[<style>
[name^="item_"][name*="_r_"].object.pick-hidden.lined
{opacity:1!important;}
[name^="item_"][name*="_next"]
{transition:all 0.3s;}
[name^="item_"][name*="_next"].opac
{opacity:0.6!important;transition:all 0.3s;pointer-events:none;}
[name^="result_"][name*="_repeat"],
[name^="result_"][name*="_share"]
{opacity:0.6!important;transition:all 0.3s;cursor:pointer;}
[name^="result_"][name*="_share"]:hover,
[name^="result_"][name*="_repeat"]:hover
{opacity:1!important;transition:all 0.3s;}
#article
{
max-height:800px!important;
}
</style>
<script>
$(document).ready(function () {
var values = [0,0,0,0,0];
var currentItem = 1;
$('[name^="item_"][name*="_r_"]').on('click', function() {
$('[name^="item_"][name*="_r_"]').removeClass('lined');
var juniorsids = $(this).attr('data-button-juniors-ids');
if (juniorsids) {
var ids = juniorsids.split(',');
$.each(ids, function(i, id) {
$('[data-id="' + id.trim() + '"]').addClass('lined');
});
}
// Извлекаем имя элемента
var nameAttr = $(this).attr('name');
// Шестой символ (индекс 5, т.к. индексация с 0)
var index = nameAttr.charAt(5);
// Последний номер: берем подстроку после последнего символа "_"
var lastNum = nameAttr.substring(nameAttr.lastIndexOf('_') + 1);
// Записываем в массив: номер после item_ - это индекс, а номер после _r_ - значение
values[--index] = lastNum;
$('[name^="item_"][name*="_next"]').removeClass('opac').fadeIn(300);
});
$('[name^="start_btn"]').click(function () {
$('[name*="start"]').fadeOut(50);
showItem(currentItem);
});
$('[name^="item_"][name*="_next"]').click(function () {
var nameAttr = $(this).attr('name');
var index = nameAttr.charAt(5);
hideItem(index).done(function () {
// showItem выполняется после завершения hideItem
showItem(++index);
});
});
function showItem(id) {
if(id == 6)
{
hideItem(5).done(function () {
showResult();
});
} else {
var currentTopLine = $(`.object[name="topline_${id}"]`);
var currentTopLineValue = parseInt(currentTopLine.css('top'), 10) || 0;
$(`.object[name^="item_${id}"]`).each(function () {
const $element = $(this);
$element.fadeOut(0);
let originalTop = parseInt($element.css('top'), 10) || 0;
if (!$element.data('original-top')) {
$element.data('original-top', originalTop);
}
let newTopValue = originalTop - currentTopLineValue;
$element.fadeOut(0, function () {
$element.css('top', newTopValue + 'px');
$('[name^="item_"][name*="_next"]').addClass('opac');
$element.fadeIn(700);
});
});
}
}
var totalResult = '';
function showResult() {
console.log(values);
// Находим число, встречающееся чаще всего
let totalResult = mostFrequentNumber(values);
console.log(totalResult);
showResultItem(totalResult);
}
function mostFrequentNumber(arr) {
let counts = {}; // Объект для хранения количества повторений
// Подсчитываем вхождения каждого числа
arr.forEach(num => {
counts[num] = (counts[num] || 0) + 1;
});
// Находим число с максимальным количеством вхождений
return Object.keys(counts).reduce((a, b) => counts[a] > counts[b] ? a : b);
}
function showResultItem(id) {
var currentTopLine = $(`.object[name="restopline_${id}"]`);
var currentTopLineValue = parseInt(currentTopLine.css('top'), 10) || 0;
$(`.object[name^="result_${id}"]`).each(function () {
const $element = $(this);
$element.fadeOut(0);
let originalTop = parseInt($element.css('top'), 10) || 0;
if (!$element.data('original-top')) {
$element.data('original-top', originalTop);
}
let newTopValue = originalTop - currentTopLineValue;
$element.fadeOut(0, function () {
$element.css('top', newTopValue + 'px');
$element.fadeIn(700);
});
});
}
function hideItem(id) {
// Выбираем все элементы с именем, начинающимся с item_id
var $elements = $(`.object[name^="item_${id}"]`);
var animations = [];
$elements.each(function () {
const $element = $(this);
const originalTop = $element.data('original-top');
if (typeof originalTop !== 'undefined') {
// Сначала мгновенно скрываем элемент, затем устанавливаем исходное положение,
// убираем класс active и плавно показываем элемент.
var animation = $element.removeClass('lined').removeClass('opac').fadeOut(250).promise().then(function () {
$element.css('top', originalTop + 'px');
$element.removeClass('lined');
return $element.fadeIn(300).promise();
});
animations.push(animation);
}
});
// Возвращаем обещание, которое разрешается, когда завершатся все анимации.
return $.when.apply($, animations);
}
function hideResultItem(id) {
// Выбираем все элементы с именем, начинающимся с item_id
var $elements = $(`.object[name^="result_${id}"]`);
var animations = [];
$elements.each(function () {
const $element = $(this);
const originalTop = $element.data('original-top');
if (typeof originalTop !== 'undefined') {
// Сначала мгновенно скрываем элемент, затем устанавливаем исходное положение,
// убираем класс active и плавно показываем элемент.
var animation = $element.removeClass('lined').removeClass('opac').fadeOut(250).promise().then(function () {
$element.css('top', originalTop + 'px');
return $element.fadeIn(300).promise();
});
animations.push(animation);
}
});
// Возвращаем обещание, которое разрешается, когда завершатся все анимации.
return $.when.apply($, animations);
}
$('[name^="item_"][name*="_prev"]').click(function () {
var nameAttr = $(this).attr('name');
var index = nameAttr.charAt(5);
hideItem(index).done(function () {
showItem(--index);
});
});
$('[name*="_repeat"]').click(function () {
var nameAttr = $(this).attr('name');
var index = nameAttr.charAt(7);
hideResultItem(index).done(function () {
showItem(1);
});
});
jQuery('[name*="_share"]').on('click', function(e){
e.preventDefault();
var s_url = 'https://vk.com/share.php?url=https://theblueprint.ru/beauty/specials/letual-self-test?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":1,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}},{"id":3,"properties":{"x":0,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":1.6,"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":0,"y":0,"z":0,"opacity":0,"scaleX":1,"scaleY":1,"rotationX":0,"rotationY":0,"rotationZ":0}}],"steps":[{"id":2,"properties":{"duration":1.6,"delay":0,"bezier":[],"ease":"Sine.easeInOut","automatic_duration":true}}],"transform_origin":{"x":0.5,"y":0.5}}
иллюстрации: Лиза Перельман
РЕКЛАМА · ООО «Алькор и Ко»
Чувствую себя лидером в любой ситуации
Обожаю фантазировать и постоянно придумываю что-то новое
Сдержанность и скромность — это про меня
Вся жизнь — эксперимент, а я в ней — исследователь
Что вы цените в себе больше всего?
Чувство юмора и креативность
Способность слушать других
Как вы реагируете на комплименты?
Уже давно не удивляюсь, но из вежливости благодарю
Принимаю с улыбкой и гордостью
Хотели бы вы изменить свой стиль?
Нет, я люблю свой стиль, ведь он безупречен
Иногда задумываюсь об изменениях
Возможно, но не знаю, с чего начать
Да, хочу попробовать что-то новое!
Какие прилагательные описывают вас лучше всего?
Уверенная, яркая, идеальная
Креативная, необычная, мечтательная
Сдержанная, лаконичная, скромная
Смелая, решительная, бесстрашная
Уверенная вдохновительница
Вы обладатель невероятной харизмы и стремитесь к тому, чтобы ваш внешний вид вдохновлял окружающих. Ваша самооценка напрямую связана со способностью быть в центре внимания. Вы предпочитаете стильные и профессиональные наряды, которые подчеркивают вашу уверенность и амбициозность. Часто задаетесь вопросом: «Как я могу создать впечатление сильного и решительного человека?».
Вы следите за последними трендами и выбираете только те продукты, которые помогают выглядеть наилучшим образом. Например, парфюм CRA-YON Passport Amour, который придаст уверенности. C нотками сандала и амбры, такой можно найти у ЛЭТУАЛЬ. Необычная комбинация ингредиентов и при этом лаконичный дизайн флакона — то, что нужно, чтобы произвести неизгладимое впечатление на кого-угодно. А завершить любой образ поможет помада бренда SUGAR ультимативного красного цвета.
Эстетка-исследовательница
Вы стремитесь к гармонии во всем, а ваша самооценка напрямую связана с тем, как вы воспринимаете красоту. Вы экспериментируете с новыми образами и стилями, ищете вдохновение в искусстве и природе. Вы часто задаетесь вопросом: «Как я могу подчеркнуть свою уникальность и индивидуальность?». Поэтому вы с интересом следите за новинками в моде и бьюти-среде.
Элегантная традиционалистка
Вы цените классические и проверенные временем подходы к красоте. Ваша самооценка основана на уверенности в своем стиле, который всегда остается сдержанным и элегантным. Вы предпочитаете нейтральные оттенки и минималистичный макияж, выбирая продукты, которые подчеркивают вашу естественную красоту.
Экспрессивная искательница
Вы обожаете самовыражаться через стиль и бьюти-ритуалы. Ваша самооценка зависит от свободы творчества и способности экспериментировать. Вы не боитесь смелых решений и нестандартных сочетаний, и каждый день для вас — это возможность создать уникальный образ.
Часто задаетесь вопросом: «Как я могу выразить свою индивидуальность?». Вы ищете вдохновение в искусстве, музыке и культуре, постоянно пробуя новые оттенки и текстуры. Наверняка в вашей косметичке всегда найдется место для палетки теней SHANGHAI SONG, с которой можно создавать макияж в тон своего настроения. Ну и конечно же, идеальная парфюмерная вода Helix от CARNER BARCELONA, которая пахнет как будущие приключения. Все это можно найти в ЛЭТУАЛЬ.
