let prvc = 1000;
let curr = 1000;
function closeCard() {
if (prvc != 1000) {
let a = [“d” + prvc];
let b = document.getElementById(a);
b.style.maxHeight = “1px”;
b.style.opacity = “0.0”;
b.style.backgroundColor = “#EDEDE6”;
b.style.color = “#000000”;
b.style.transition = “all 0.5s ease-out”;
b.style.webkitTransition = “all 0.5s ease-out”;
let c = document.querySelectorAll(“.tmo__card-close”)[prvc];
// c.style.display = “none”;
let d = [“c” + prvc];
let dd = document.getElementById(d);
dd.style.color = “#000000”;
dd.style.backgroundColor = “#EDEDE6”;
dd.style.transition = “all 0.5s ease-in”;
dd.style.webkitTransition = “all 0.5s ease-in”;
let dv = [“divider” + prvc];
let dvdv = document.getElementById(dv);
dvdv.style.opacity = “1.0”;
dvdv.style.transition = “all 0.5s ease-in”;
dvdv.style.webkitTransition = “all 0.5s ease-in”;
const w = setTimeout(function() {
clearTimeout(w);
scrollThing(curr);
}, 500);
} else {
scrollThing(curr);
}
}
function scrollThing(e) {
const id = [“c” + e];
const yourElement = document.getElementById(id);
const y = (yourElement.getBoundingClientRect().top – 75) + window.pageYOffset;
window.scrollTo({top: y, behavior: ‘smooth’});
}
function openCard(e) {
curr = e;
closeCard();
const w = setTimeout(function() {
clearTimeout(w);
let a = [“d” + e];
let b = document.getElementById(a);
b.style.maxHeight = “1200px”;
b.style.opacity = “1.0”;
b.style.backgroundColor = “#000000”;
b.style.color = “#ffffff”;
b.style.transition = “all 0.75s ease-in”;
b.style.webkitTransition = “all 0.75s ease-in”;
prvc = e;
let c = document.querySelectorAll(“.tmo__card-close”)[e];
let d = [“c” + e];
let dd = document.getElementById(d);
dd.style.color = “#ffffff”;
dd.style.backgroundColor = “#000000”;
dd.style.transition = “all 0.75s ease-in”;
dd.style.webkitTransition = “all 0.75s ease-in”;
let dv = [“divider” + e];
let dvdv = document.getElementById(dv);
dvdv.style.opacity = “0.0”;
dvdv.style.transition = “all 0.3s ease-in”;
dvdv.style.webkitTransition = “all 0.3s ease-in”;
}, 550);
}
function setupCards() {
const a = document.querySelectorAll(“.tmp__cards”);
const b = document.querySelectorAll(“.tmp__card”);
const c = document.querySelectorAll(“.tmp__card-header”);
const d = document.querySelectorAll(“.tmp__card-set”);
const e = document.querySelectorAll(“.tmp__card-image video”);
const f = document.querySelectorAll(“.tmp__divider”);
// card group
for (let aa = 0; aa < a.length; aa++) {
a[aa].setAttribute("id", "cards" + aa);
}
// card
for (let bb = 0; bb < b.length; bb++) {
b[bb].setAttribute("id", "c" + bb);
f[bb].setAttribute("id", "divider" + bb);
}
// open cta
for (let cc = 0; cc < c.length; cc++) {
c[cc].setAttribute("onclick", "openCard(" + cc + ")");
}
// card details
for (let dd = 0; dd 767&&window.innerWidth
They are champions of unapologetic self-expression and style.
They are Refinery29 Powerhouses.
Avantika
Making her mark while ignoring the mean girls
She expertly played a mean girl in the latest update of the hit-movie-turned-Broadway-musical-turned-musical-movie — a role that, she tells Refinery29, “helped me discover a more feminine edge to my style that I had always struggled to embrace before.” Then the internet’s mean girls came for her, wondering why Karen (a character originated on screen by Amanda Seyfried) was now brown, and later freaking out over a rumor that Avantika (she/her) might play the lead in a live action Rapunzel. Tuning out trolls is no easy business but it’s a mission the Columbia University student, who also played the Disney Channel’s first South Asian lead in 2021’s Spin, is committed to. Coming soon: the Disney+ adaptation of the YA novel A Crown of Wishes, in which she will star and executive produce. As for her impact on the fashion world? “Perhaps in five years, I will have a better answer for you. And I hope that the answer is that my fashion has inspired young brown girls to see themselves in spaces that highlight beauty and style. They deserve to know that we can be …read more
Source:: Refinery29
