// Weighting relies on variety of outcomes you should have
// Every reply will be weighted to a number of outcomes

// Intro background picture

const intro_bgimage_desktop = “https://www.refinery29.com/photos/11730683.jpg”;
const intro_bgimage_mobile = “https://www.refinery29.com/photos/11732639.jpg”;

// Intro headline & dek

const intro_headline = “

This Is What Your Oral Care Routine Ought to Look Like, Primarily based On Your Character

“;
const intro_dek = “

The constructing blocks of a primary oral care routine are: floss, rinse, brush. However once you’ve been following the identical steps — and utilizing the identical merchandise — for so long as you possibly can bear in mind, then maybe it’s time to rethink your complete strategy with a Actuality Checkup. What meaning: upgrading your present merchandise that is probably not getting the job performed, like swapping out your disappointingly ineffective toothpaste as a result of it’s not supplying you with the whiter enamel you need, and determining a routine that’s greatest suited to your way of life and character. Take the quiz to search out your new and improved oral care routine.

“;

// Intro sponsor banner

const sponsor_logo_intro = “https://www.refinery29.com/photos/11731788.png”;
const sponsor_alt_intro = “CREATED IN PARTNERSHIP WITH CREST”;
const sponsor_url_intro = “”;

// Personas sponsor banner

const sponsor_logo_persona = “https://www.refinery29.com/photos/11730675.png”;
const sponsor_alt_persona = “CREATED IN PARTNERSHIP WITH CREST”;
const sponsor_url_persona = “”;

// Content material

const questions = [
[
‘What’s your idea of the perfect vacation?’,
[
[‘Lounging somewhere tranquil, basking in relentless sunshine, ideally on a beach.’,[1]],
[‘Exploring a major, culture-rich metropolitan, complete with a packed itinerary.’,[2]],
[‘Trekking hiking trails, which combines two loves: nature and athleticism.’,[3]]
],
[
‘https://www.refinery29.com/images/11732631.jpg’,
‘https://www.refinery29.com/images/11736469.jpg’
],
‘#d6bdfe’
],
[
‘Your beauty routine in one word:’,
[
[‘Opulent’,[1]],
[‘Efficient’,[2]],
[‘Invigorating’,[3]]
],
[
‘https://www.refinery29.com/images/11732632.jpg’,
‘https://www.refinery29.com/images/11732637.jpg’
],
‘#ffe1e1’
],
[
‘How do you like to wind down at the end of the day?’,
[
[‘Spending a few minutes to reflect and jot down your thoughts in your gratitude journal.’,[1]],
[‘Reviewing and rapid-planning your schedule for the next day.’,[2]],
[‘Stretching and meditating on your yoga mat before you head to bed.’,[3]]
],
[
‘https://www.refinery29.com/images/11732633.jpg’,
‘https://www.refinery29.com/images/11732636.jpg’
],
‘#f1e748’
],
[
‘How would you describe your personal style?’,
[
[‘Fairly eclectic — you dress based on whatever fits your mood .’,[1]],
[‘Comfortingly uniform — you have a go-to, streamlined look that eliminates the “what do I wear?” dilemma.’,[2]],
[‘High-performing athleisure — you reach for technical, comfortable fabrics that can take you from your workout class to a hangout with friends.’,[3]]
],
[
‘https://www.refinery29.com/images/11732634.jpg’,
‘https://www.refinery29.com/images/11736467.jpg’
],
‘#f1e748’
],
[
‘What scent do you gravitate toward?’,
[
[‘Lavender for its calming, relaxing properties.’,[1]],
[‘Clary sage for its ability to improve productivity and mental focus.’,[2]],
[‘Peppermint for its invigorating scent that can help increase performance.’,[3]]
],
[
‘https://www.refinery29.com/images/11732635.jpg’,
‘https://www.refinery29.com/images/11736310.jpg’
],
‘#f1e748’
]

];

const personas = [
[
‘The Self-Care
Seeker’,
‘If you had boundless time, energy, and resources, you’d do an Everything Shower every single day. Actually, make that an Everything Routine — a gloriously indulgent, head-to-toe ritual in which no part of you isn’t cared for or tended to. You have zero qualms splurging on the latest gadget or trend — it’s all in the name of self-care. So obviously, you apply the same more-is-more approach to your teeth (Everything Oral Care, if you will), from using Crest 3DWhite Brilliance Vibrant Peppermint, a whitening toothpaste designed to remove 100% more stains than basic toothpastes (to give you a whiter, brighter smile in three days), to blissfully applying whitening strips.’,
‘#D7BEFA’,
‘https://www.refinery29.com/images/11732665.jpg’,
‘https://www.refinery29.com/images/11732669.jpg’,
‘#F9DCBF’,
[
[‘Crest 3DWhite Brilliance Vibrant Peppermint’,’brand’,’https://www.refinery29.com/images/11737063.jpg’,’https://attach.mikmak.tv/1714513745539ac950853/6bc3956a-2642-5e2f-8ea1-287ab7aefde3?’],
[‘Crest 3DWhitestrips Professional Effects’,’brand’,’https://www.refinery29.com/images/11737061.jpg’,’https://shop.mikmak.com/link/1717784539545017eed39/62918c6b-1668-db1a-352e-8c205b09dad9′],
[‘Oral-B iO Series 10 Rechargeable Electric Toothbrush’,’brand’,’https://www.refinery29.com/images/11737057.jpg’,’https://oralb.com/en-us/products/electric-toothbrushes/io-series-10-rechargeable-electric-toothbrush-cosmic-black/’]
],
‘Merchandise For The Self-Care Seeker’,
‘#AADCD0’
],
[
‘The Bustling
Overachiever’,
‘Even when you wake up as early as 5 a.m., you find there’s still not enough time in the day. Not only do you have a full-time job, but you also have a side hustle, a robust social life, and a rigorous workout routine. That means you tend to plan your day down to the second. That also means you have no time (literally) or patience for products that don’t perform. When it comes to your teeth, you want an efficient routine that maximizes results with minimal fuss, like the Crest 3DWhite Brilliance Vibrant Peppermint that’s formulated to achieve a noticeably whiter, brighter smile in just three days; or a whitening pen that allows you to erase stains while you’re on-the-go.’,
‘#6DE2DC’,
‘https://www.refinery29.com/images/11732664.jpg’,
‘https://www.refinery29.com/images/11732668.jpg’,
‘#F9DCBF’,
[
[‘Crest 3DWhite Brilliance Vibrant Peppermint’,’brand’,’https://www.refinery29.com/images/11737063.jpg’,’https://attach.mikmak.tv/1714513745539ac950853/6bc3956a-2642-5e2f-8ea1-287ab7aefde3?’],
[‘Crest 3DWhite Teeth Whitening Pen’,’brand’,’https://www.refinery29.com/images/11737062.jpg’,’https://shop.mikmak.com/link/1717784539545035c0e0c/4727df27-5e90-86c5-a2b7-8a5c53c66e3c’],
[‘Crest Pro-Health Advanced with Extra Whitening’,’brand’,’https://www.refinery29.com/images/11737059.jpg’,’https://crest.com/en-us/oral-care-products/mouthwash/pro-health-advanced-extra-whitening-mouthwash’]
],
‘Merchandise For The Bustling Overachiever’,
‘#A3A6F7’
],
[
‘The Health &
Wellness Enthusiast’,
‘You have one great passion: your health. You treat your body like a temple, which means you’ve tried every wellness trend, every new-fangled workout class (from aerial yoga to underwater cycling), every nutritionist-recommended meal. You love green juice more than a milkshake, roasted potato wedges more than fries. So naturally, for your dental care routine, you reach for products that nourish and promote all aspects of your oral health, whether that’s Crest 3DWhite Brilliance Vibrant Peppermint, a toothpaste that removes 100% more stains than basic toothpastes and helps you achieve a noticeably whiter, brighter smile in just three days, or a health-focused mouthwash.’,
‘#F8DCBF’,
‘https://www.refinery29.com/images/11732663.jpg’,
‘https://www.refinery29.com/images/11732667.jpg’,
‘#6DE2DC’,
[
[‘Crest 3DWhite Brilliance Vibrant Peppermint’,’brand’,’https://www.refinery29.com/images/11737063.jpg’,’https://attach.mikmak.tv/1714513745539ac950853/6bc3956a-2642-5e2f-8ea1-287ab7aefde3?’],
[‘Crest Pro-Health Advanced with Extra Deep Clean’,’brand’,’https://www.refinery29.com/images/11737060.jpg’,’https://crest.com/en-us/oral-care-products/mouthwash/pro-health-advanced-extra-freshness-mouthwash’],
[‘Oral-B iO Series 2 Electric Toothbrush’,’brand’,’https://www.refinery29.com/images/11737058.jpg’,’https://bit.ly/3yYeieQ’]
],
‘Merchandise For The Well being & Wellness Fanatic’,
‘#F2DAD0’
]
];

// Retailer the consumer solutions
let userAnswers = [];

// Variables
let SQ,SA;
let PrQ = “”;
let PrA = “”;
let bg = “”;

let slide = 0;

const alpha = new Array(‘A’,’B’,’C’,’D’,’E’,’F’); // Add extra if wanted

operate showShare() {

let a = doc.querySelectorAll(“.share-bottom-wrapper”)[0];
let b = doc.getElementById(“tmp__share-button”);

a.fashion.show = “block”;

b.fashion.opacity = “0.0”;
b.fashion.transition = “opacity 0.75s ease-in-out”;
b.fashion.webkitTransition = “opacity 0.75s ease-in-out”;

const w1 = setTimeout(operate () {
clearTimeout(w1);
b.fashion.show = “none”;
}, 800);

const w2 = setTimeout(operate () {
clearTimeout(w2);
a.fashion.opacity = “1.0”;
a.fashion.transition = “opacity 0.75s ease-in-out”;
a.fashion.webkitTransition = “opacity 0.75s ease-in-out”;
}, 100);

}

operate hideBGimage(n) {

let trg = n;
let a;
if (window.innerWidth > 1024) {
a = [“pbg” + n];
} else {
a = [“pbg” + n + “_mobile”];
}

let b = doc.getElementById(a);
b.fashion.opacity = “0.0”;
b.fashion.transition = “opacity 0.75s ease-in-out”;
b.fashion.webkitTransition = “opacity 0.75s ease-in-out”;

const w = setTimeout(operate () {
clearTimeout(w);
b.fashion.show = “block”;
}, 800);

}

operate showBGimage(n) {

let trg = n;
let a;
if (window.innerWidth > 1024) {
a = [“pbg” + n];
} else {
a = [“pbg” + n + “_mobile”];
}

let b = doc.getElementById(a);
b.fashion.opacity = “0.0”;
b.fashion.show = “block”;

const w = setTimeout(operate () {
clearTimeout(w);
b.fashion.opacity = “1.0”;
b.fashion.transition = “opacity 0.75s ease-in-out”;
b.fashion.webkitTransition = “opacity 0.75s ease-in-out”;
}, 50);

}

operate showDots(n) {

let a = doc.getElementById(“dots”);

for (let i = 0; i < questions.size; i++) {
let b = ["dot" + i];
let c = doc.getElementById(b);
if (i != n) {
c.fashion.backgroundColor = "var(–dot-bg)";
} else {
c.fashion.backgroundColor = "var(–dot-selected)";
}
}

if (n == 0) {
const w = setTimeout(operate () {
clearTimeout(w);
a.fashion.opacity = "1.0";
a.fashion.transition = "opacity 0.5s ease-in-out";
a.fashion.webkitTransition = "opacity 0.3s ease-in-out";
}, 50);
}

}

operate setupProducts(n) {

// Goal container
const a = doc.getElementById("products__set");
const b = doc.getElementById("personas__bg-mobile");
const c = doc.querySelectorAll(".tmp__nav")[0];

let merchandise = "

“;

for (let i = 0; i < personas[n][6].size; i++) {
merchandise = merchandise + "

” + personas[n][6][i][1] + “

” + personas[n][6][i][0] + “

BUY

“;
}

a.innerHTML = merchandise + “

“;
a.fashion.show = “flex”;
a.fashion.backgroundColor = personas[n][5];

b.fashion.backgroundColor = personas[n][8];

c.fashion.background = “clear”;
c.fashion.backgroundColor = “clear”;

}

operate switchPersonas(n) {

let a = doc.getElementById(“personas__set”);
let b = doc.getElementById(“personas__bg”);

a.fashion.opacity = “0.0”;
a.fashion.transition = “opacity 0.75s ease-in-out”;
a.fashion.webkitTransition = “opacity 0.75s ease-in-out”;

b.fashion.opacity = “0.0”;
b.fashion.transition = “opacity 0.75s ease-in-out”;
b.fashion.webkitTransition = “opacity 0.75s ease-in-out”;

// Goal particular persona bg
hideBGimage(persona);

const w1 = setTimeout(operate () {

clearTimeout(w1);
a.innerHTML = “”;
setupPersona(n);

}, 750);

const w2 = setTimeout(operate () {

clearTimeout(w2);

a.fashion.opacity = “1.0”;
a.fashion.transition = “opacity 0.75s ease-in-out”;
a.fashion.webkitTransition = “opacity 0.75s ease-in-out”;

b.fashion.opacity = “1.0”;
b.fashion.transition = “opacity 0.75s ease-in-out”;
b.fashion.webkitTransition = “opacity 0.75s ease-in-out”;

showBGimage(n);

}, 751);

}

let cellular = false;

operate restartQuiz() {

}

operate viewPersonasDrop() {

const a = doc.getElementById(“personas__set-dropdown”);
const b = doc.getElementById(“dropdown__overlay”);

a.fashion.show = “flex”;
b.fashion.show = “block”;

const w = setTimeout(operate () {
clearTimeout(w);
a.fashion.opacity = “1.0”;
a.fashion.transition = “opacity 0.3s ease-in-out”;
a.fashion.webkitTransition = “opacity 0.3s ease-in-out”;

b.fashion.opacity = “1.0”;
b.fashion.transition = “opacity 0.3s ease-in-out”;
b.fashion.webkitTransition = “opacity 0.3s ease-in-out”;

}, 50);

}

operate hidePersonasDrop() {

const a = doc.getElementById(“personas__set-dropdown”);
const b = doc.getElementById(“dropdown__overlay”);

a.fashion.opacity = “0.0”;
a.fashion.transition = “opacity 0.3s ease-in-out”;
a.fashion.webkitTransition = “opacity 0.3s ease-in-out”;

b.fashion.opacity = “0.0”;
b.fashion.transition = “opacity 0.3s ease-in-out”;
b.fashion.webkitTransition = “opacity 0.3s ease-in-out”;

const w = setTimeout(operate () {
clearTimeout(w);
a.fashion.show = “none”;
b.fashion.show = “none”;
}, 350);

}

const tempsiteurl = “https://preview.refinery29.com/r29-custom-quiz-template-2024?type_id=11684510&web site=us&edition_id=1&app=rosetta&sort=blog_entry”;

operate setupPersonasDrop(n) {

// Goal container
let a = doc.getElementById(“personas__set”);
// Create a brand new div for the query
let elem = doc.createElement(‘div’);
// Add a category to the query
elem.setAttribute(“class”,”personas__set-buttons”);
// Add a category to the query
elem.setAttribute(“id”,”personas__set-buttons”);
// Setup aspect
let drp =”

RESTART QUIZVIEW PERSONAS

“;

// Add new div to the goal container
a.appendChild(elem);

}

operate hideQuestions() {
const a = doc.getElementById(“questions__set”);
const b = doc.getElementById(“dots”);

const w = setTimeout(operate () {
clearTimeout(w);
a.fashion.show = “none”;
b.fashion.show = “none”;
}, 750);
}

operate hideQuiz() {
const a = doc.getElementById(“questions__set”);
const b = doc.getElementById(“questions__bg”);
const c = doc.getElementById(“dots”);
const d = doc.getElementById(“tmp”);
a.fashion.show = “none”;
b.fashion.show = “none”;
c.fashion.show = “none”;
d.fashion.backgroundImage = “unset”;
}

let persona;

operate setupPersona(n) {

// Goal container
const a = doc.getElementById(“personas__set”);
const b = doc.getElementById(“questions__set”);

// Prep for fade in
a.fashion.opacity = “0.0”;

// Add the textual content
a.innerHTML = “

“;

// Present personas set
if (window.innerWidth > 1024) {
a.fashion.show = “flex”;
} else {
a.fashion.show = “block”;
}

// BG
let pa = doc.getElementById(“personas__bg”);
pa.fashion.opacity = “0.0”;
pa.fashion.backgroundColor = personas[n][2];

if (window.innerWidth {
counts[item] = (counts[item] || 0) + 1;
if (counts[item] > maxCount) {
mostCommon = merchandise;
maxCount = counts[item];
}
});
return mostCommon;
}

operate storeAnswers(e) {
for (let i = 0; i < e.size; i++) {
userAnswers.push(e[i]);
}
}

operate showElem(n,e,d) {

let a = ["a" + n + "_" + e];
let b = doc.getElementById(a);

b.fashion.show = "flex";

const w = setTimeout(operate () {

clearTimeout(w);
b.fashion.opacity = "1.0";
b.fashion.transition = "opacity 0.75s ease-in-out";
b.fashion.webkitTransition = "opacity 0.75s ease-in-out";
b.fashion.transitionDelay = d;
b.fashion.webkitTransitionDelay = d;

}, 50);

}

operate showAnswers(n) {

let delay;

for (let i = 0; i 1024) {
bga = [“bg” + slide];
} else {
bga = [“bg” + slide + “_mobile”];
}

let bgb = doc.getElementById(bga);

const w1b = setTimeout(operate () {
clearTimeout(w1b);

d.fashion.opacity = “0.0”;
d.fashion.show = “block”;

bgb.fashion.opacity = “0.0”;
bgb.fashion.show = “block”;

}, 450);

const w2 = setTimeout(operate () {

clearTimeout(w2);
d.fashion.opacity = “1.0”;
d.fashion.transition = “opacity 0.4s ease-in-out”;
d.fashion.webkitTransition = “opacity 0.4s ease-in-out”;

bgb.fashion.opacity = “1.0”;
bgb.fashion.transition = “opacity 0.5s ease-in-out”;
bgb.fashion.webkitTransition = “opacity 0.5s ease-in-out”;

}, 500);

const w3 = setTimeout(operate () {
clearTimeout(w3);
showAnswers(n);
}, 900);

}

operate subsequent(n) {
// Get the reply hinting
let a = questions[SQ][1][SA][1];
// Retailer the hints into the array
storeAnswers(a);
// Present the subsequent query
animQuestions(n);
// Stagger animate the solutions
showAnswers(n+1);
// Dots
showDots(n+1);

// Take away earlier than pulishing
let s = doc.getElementById(“temp__arr”);
s.innerHTML = userAnswers;
}

operate choose(n,e) {

// Retailer the chosen choices till subsequent is clicked
SQ = n;
SA = e;

// Disguise earlier reply
if (PrQ == n) {
for (let i = 0; i < questions[n][1].size; i++) {
// Unselect solutions first
let pa = ["a" + n + "_" + i];
let pb = doc.getElementById(pa);
pb.fashion.backgroundColor = "clear";
}
}

// Choose reply
let a = ["a" + n + "_" + e];
let b = doc.getElementById(a);
b.fashion.backgroundColor = "var(–answer-select-color)";
b.fashion.transition = "backgroundColor 0.2s ease-in-out";
b.fashion.webkitTransition = "backgroundColor 0.2s ease-in-out";
b.fashion.transitionDelay = "0s";
b.fashion.webkitTransitionDelay = "0s";

// Set new one to
PrQ = n;
PrA = e;

// Go subsequent after clicking
const w = setTimeout(operate () {
clearTimeout(w);
if (n == questions.length-1) {
end();
} else {
subsequent(n);
}
}, 500);

}

operate createAnswer(n,e) {
// Which div
let a = ["q" + n];
// Goal the particular query div
let b = doc.getElementById(a);
// Create a brand new div for the query
let elem = doc.createElement('button');
// Add the textual content
elem.innerHTML = "

“;
// Add an id to the query
elem.setAttribute(“id”,”a” + n + “_” + e);
// Add an id to the query
elem.setAttribute(“class”,”answer__item”);
// Add an id to the query
elem.setAttribute(“onclick”,”choose(” + n + “,” + e + “)”);
// Add new div to the goal container
b.appendChild(elem);
}

operate initAnswers(n) {
for (let i = 0; i < questions[n][1].size; i++) {
createAnswer(n,i);
}
}

operate createPersonaBGdesktop(n) {
let a = doc.getElementById("personas__bg-desktop");
let b = a.innerHTML;
let c = "

“;
a.innerHTML = b + c;
}

operate createPersonaBGmobile(n) {
let a = doc.getElementById(“personas__bg-mobile”);
let b = a.innerHTML;
let c = “

“;
a.innerHTML = b + c;
}

operate createBGdesktop(n) {
let a = doc.getElementById(“questions__bg-desktop”);
let b = a.innerHTML;
let c = “

“;
a.innerHTML = b + c;
}

operate createBGmobile(n) {
let a = doc.getElementById(“questions__bg-mobile”);
let b = a.innerHTML;
let c = “

“;
a.innerHTML = b + c;
}

operate createDots() {
// Goal container
let a = doc.getElementById(“dots”);
let b = “”;

for (let i = 0; i < questions.size; i++) {
b += "

“;
}

// Add the textual content
a.innerHTML = b;

}

operate createQuestion(n) {
// Goal container
let a = doc.getElementById(“questions__set”);
// Create a brand new div for the query
let elem = doc.createElement(‘div’);
// Add the textual content
elem.innerHTML = “

” + questions[n][0] + “

“;
// Add an id to the query
elem.setAttribute(“id”,”q” + n);
// Add a category to the query
elem.setAttribute(“class”,”question__item”);
// Add new div to the goal container
a.appendChild(elem);
}

operate hideQuestions() {

let a = doc.getElementById(“questions__set”);
let b = doc.getElementById(“questions__bg”);

a.fashion.opacity = “0.0”;
a.fashion.transition = “opacity 0.75s ease-in-out”;
a.fashion.webkitTransition = “opacity 0.75s ease-in-out”;

b.fashion.opacity = “0.0”;
b.fashion.transition = “opacity 0.75s ease-in-out”;
b.fashion.webkitTransition = “opacity 0.75s ease-in-out”;
b.fashion.transitionDelay = “0.25s”;
b.fashion.webkitTransitionDelay = “0.25s”;

const w1 = setTimeout(operate () {
clearTimeout(w1);
a.fashion.show = “none”;
}, 750);

const w2 = setTimeout(operate () {
clearTimeout(w2);
b.fashion.show = “none”;
}, 1000);

}

operate processResults() {

let s = doc.getElementById(“temp__arr”);
s.innerHTML = userAnswers;

// Get the commonest quantity
let a = calculateMostCommonAnswer(userAnswers);
// Disguise final query
hideQuestions();
// Present end result
setupPersona(a-1);

}

operate end() {

// Get the reply hinting
let a = questions[SQ][1][SA][1];
// Retailer the hints into the array
storeAnswers(a);
// Course of outcomes
processResults()
}

operate initQuestions() {
// Init questions
for (let i = 0; i < questions.size; i++) {
createQuestion(i);
initAnswers(i);
createBGdesktop(i);
createBGmobile(i);
}
// Init personas
for (let pr = 0; pr < personas.size; pr++) {
createPersonaBGdesktop(pr);
createPersonaBGmobile(pr);
}
// Init dots
createDots();
}

operate setupSharing() {

const a = doc.querySelectorAll(".share-bottom-wrapper .fa-facebook")[0];
const b = doc.querySelectorAll(".share-bottom-wrapper .fa-twitter")[0];
const c = doc.querySelectorAll(".share-bottom-wrapper .fa-envelope-o")[0];

a.innerHTML = "”;

b.innerHTML = “”;

c.innerHTML = “”;

}

operate startQuiz() {

let t = doc.getElementById(“intro__set”);
(t.fashion.opacity = “0.0”),
(t.fashion.transition = “opacity 0.6s ease-in-out”),
(t.fashion.webkitTransition = “opacity 0.6s ease-in-out”);

let b = doc.getElementById(“intro__sponsor”);
(b.fashion.opacity = “0.0”),
(b.fashion.transition = “opacity 0.6s ease-in-out”),
(b.fashion.webkitTransition = “opacity 0.6s ease-in-out”);

let e = doc.getElementById(“q0”);
let i;

if (window.innerWidth > 1024) {
i = doc.getElementById(“bg0”);
} else {
i = doc.getElementById(“bg0_mobile”);
}

(e.fashion.opacity = “0.0”),
(e.fashion.show = “block”),
(i.fashion.opacity = “0.0”),
(i.fashion.show = “block”);

let s = setTimeout(operate () {
clearTimeout(s),
(e.fashion.opacity = “1.0”),
(e.fashion.transition = “opacity 0.4s ease-in-out”),
(e.fashion.webkitTransition = “opacity 0.4s ease-in-out”),
(i.fashion.opacity = “1.0”),
(i.fashion.transition = “opacity 0.4s ease-in-out”),
(i.fashion.webkitTransition = “opacity 0.4s ease-in-out”),
(t.fashion.show = “none”),
(b.fashion.show = “none”),
showAnswers(0),
showDots(0);
}, 400);
}

operate showSite() {
let n = “all 0.5s ease-in-out”,
e = doc.getElementById(“tmp-loading”),
i = doc.getElementById(“tmp”),
s = setTimeout(operate () {
clearTimeout(s),
(e.fashion.opacity = “0.0”),
(e.fashion.transition = n),
(e.fashion.WebkitTransition = n),
(i.fashion.show = “block”);
}, 1500),
l = setTimeout(operate () {
clearTimeout(l),
(e.fashion.show = “none”),
(i.fashion.opacity = “1.0”),
(i.fashion.transition = n),
(i.fashion.WebkitTransition = n);
}, 2000);
}

operate initIntro() {

const a = doc.getElementById(“tmp”);
let b;

if (window.innerWidth > 1024) {
b = intro_bgimage_desktop;
} else {
b = intro_bgimage_mobile;
}

a.fashion.backgroundImage = “url(” + b + “)”;

const c = doc.getElementById(“intro__headline”);
c.innerHTML = intro_headline;

const d = doc.getElementById(“intro__dek”);
d.innerHTML = intro_dek;

const e = doc.getElementById(“intro__sponsor”);
e.innerHTML = ““;

}

const t = setTimeout(operate () {
clearTimeout(t),
initQuestions(),
setupSharing(),
initIntro(),
showSite();
}, 100);

Like what you see? How about some extra R29 goodness, proper right here?