29 Ways To Practice Self-Love

/* /////////////////////////////////////////////////////////////////////////////// */

/* 1. REQUIRED: Do you want a video opener? */

/* Set to ‘true’ if utilizing video for the opener, should you’re simply utilizing a static picture, set to ‘false’ */

var hasVideo = true;

/* /////////////////////////////////////////////////////////////////////////////// */

/* 2. REQUIRED: Whether or not a static picture or video hero, you may want add your hero pictures right here. For video, this picture is used as loading/low battery picture */

/* Desktop & Pill Hero picture needs to be 2000px large, optimized by way of https://squoosh.app utilizing mozJPG at 70% compression, add to DASH Media Library, seize url of picture and paste right here. */

var desktopHeroImage = “https://www.refinery29.com/pictures/11505796.jpg”;

/* Cellular Hero picture needs to be 1280px large, optimized by way of https://squoosh.app utilizing mozJPG at 70% compression, add to DASH Media Library, seize url of picture and paste right here. */

var mobileHeroImage = “https://www.refinery29.com/pictures/11505795.jpg”;

/* /// Tip: If creating a primary body picture for a video opener, make a display cap of the ultimate uploaded JWPlayer video as JW will do it is personal compression on you video and thus the colour perhaps totally different. */

/* /////////////////////////////////////////////////////////////////////////////// */

/* 3. REQUIRED: Whether or not video or picture solely, please add accessible alt textual content, if there’s textual content baked into the picture, you need to add it right here. */

var desktopHeroAltText = “29 Acts of Self Love”;

var mobileHeroAltText = “29 Acts of Self Love”;

/* /// Tip: If quote marks are wanted in textual content, use ” should you want an emdash use — */

/* /////////////////////////////////////////////////////////////////////////////// */

/* 4. REQUIRED FOR VIDEO: Desktop & Pill Vast, video URL from JWPlayer, use 1920px 8:3 large asset, mp4 is finest, no audio, 6-10 second loop, don’t repeat the loop within the file */

var desktopVideo = “https://content material.jwplatform.com/movies/NFleWxa8-r0yi2e87.mp4”;

/* /////////////////////////////////////////////////////////////////////////////// */

/* 5. REQUIRED FOR VIDEO: Moble video URL from JWPlayer use 720px 8:3 sq. to tall asset, typical ratios 1:1,5:6,4:3, no audio, 6-10 second loop, don’t repeat the loop within the file */

var mobileVideo = “https://content material.jwplatform.com/movies/qNUvKsmJ-b8WZHQfV.mp4”;

/* /////////////////////////////////////////////////////////////////////////////// */

/* 6. INTRO / BOILERPLATE: Do you want an intro blurb below the hero? */

/* If sure, set to ‘true’. if no, set to ‘false’ */

var hasIntro = true;

/* Add your intro textual content right here */

var introText = “Practising self-love needs to be a day by day behavior, whether or not you’re celebrating a significant milestone, like touchdown your dream job or shifting into your first solo residence, or just simply because. That’s why we partnered with Shane Co., purveyors of timeless positive jewellery, to discover the numerous methods we are able to present ourselves a little bit gratitude every day. From gifting your self one thing that sparkles to indulging in a day of pampering, click on the tiles beneath for 29 distinctive “deal with your self” concepts.”;

/* /////////////////////////////////////////////////////////////////////////////// */

/* 7. SPONSOR / BRAND BANNER: Do you want a sponsor or model banner? */

/* If sure, set to ‘true’. if no, set to ‘false’ */

var hasBanner = true;

/* Banner picture, clear PNG, 600×80 for Sponsored, 600×200 for Model, make sure to use https://squoosh.app optimize with oxiPNG utilizing Lowered Palette */

var bannerImage = “https://www.refinery29.com/pictures/11503583.png”;

/* REQUIRED: Add your banner’s alt textual content right here. */

var bannerImageAltText = “Created in partnership with Shane Co.”;

/* Want a url for click on tracker and many others.? Add right here. Depart clean if not. */

var bannerURL = “https://www.shaneco.com/?utm_source=r29&utm_medium=referral&utm_campaign=madetoshine_29reasonsfeature”;

/* /////////////////////////////////////////////////////////////////////////////// */

/* 8. CHECK: Is there a double advert exhibiting up below the hero? */

/* Set to ‘true’ to take away further advert, set to ‘false’ if all appears okay */

var removeExtraAd = false;

/* /////////////////////////////////////////////////////////////////////////////// */

/* 9. EDIT: Rollover picture clear png. Sq. min 2000px x 2000px. Squooshed. */

const cardHoverImage = “https://www.refinery29.com/pictures/11503513.png”;

/* /////////////////////////////////////////////////////////////////////////////// */

/* DO NOT ALTER */

let cellular = false;

/* What gadget is that this? */
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
cellular = true;
}

// Popups

let prevPop = null;

operate posArrow(id) {

if (window.innerWidth < 1024.98) {

const a = doc.getElementById('tmp-arrows');
const b = doc.querySelectorAll('.tmp-popup-image');
const rect = b[id].getBoundingClientRect().high;

let y;

if (window.innerWidth 1024) {
y = (rect) + (456/2);
} else {
y = ((rect) + (456/2)) – 30;
}
}

a.fashion.high = y + “px”;

}

operate setupContent() {

let a = doc.querySelectorAll(“.tmp-card”);
let b = doc.querySelectorAll(“.tmp-card-rollover”);
let c = doc.querySelectorAll(“.tmp-popup”);

for (let e = 0; e < a.size; e++) {

// Setup playing cards
a[e].setAttribute("id","tmp-" + e);
a[e].setAttribute("onclick","openPop(" + e + ")");

// Setup Card Hovers
b[e].innerHTML = "“;

// Setup popups
c[e].setAttribute(“id”,”tmp-popup-” + e);

}

operate hideNav() {

const a = doc.querySelectorAll(“.global-header”);
a[0].fashion.show = “none”;

}

operate showNav() {

const a = doc.querySelectorAll(“.global-header”);
a[0].fashion.show = “block”;

}

operate openPop(id) {

if (prevPop != null) {
// Clear up any earlier pop
let ff = [“tmp-popup-” + prevPop];
let bb = doc.getElementById(ff);

bb.fashion.show = “none”;
bb.fashion.opacity = “0.0”;
}

// Present new pop
let e = [“tmp-popup-” + id];
let a = doc.getElementById(e);

a.fashion.show = “block”;
a.fashion.opacity = “1.0”;

const pop = doc.getElementById(“tmp-pop”);
pop.fashion.show = “block”;

var waitForFadein = setTimeout(operate(){
clearTimeout(waitForFadein);
pop.fashion.opacity = “1.0”;
pop.fashion.transition = “0.3s”;
pop.fashion.WebkitTransition = “0.3s”;

// Clear up
a = undefined;
e = undefined;

// Conceal nav
if(cellular) {
hideNav();
}

}, 50);

prevPop = id;

posArrow(id);

}

operate closePop() {

if (prevPop != null) {

let f = [“tmp-popup-” + prevPop];
let b = doc.getElementById(f);

const pop = doc.getElementById(“tmp-pop”);
pop.fashion.opacity = “0.0”;
pop.fashion.transition = “0.3s”;
pop.fashion.WebkitTransition = “0.3s”;

var waitForFadeout = setTimeout(operate(){
clearTimeout(waitForFadeout);

b.fashion.show = “none”;
pop.fashion.show = “none”;

// Clear up
b = undefined;
f = undefined;

// Present nav
if(cellular) {
showNav();
}

}, 200);

}

// Subsequent and former

let nextID;
let prevID;

operate nextPopup() {

// Present one
let h = [“tmp-popup-” + prevPop];
let d = doc.getElementById(h);

// Subsequent one
if (prevPop 0) {
prevID = prevPop – 1;
} else {
prevID = 28;
}

let q = [“tmp-popup-” + prevID];
let r = doc.getElementById(q);

// Fade out present one
m.fashion.opacity = “0.0”;

// Fade in subsequent one
r.fashion.show = “block”;
r.fashion.opacity = “1.0”;

// Conceal present one
m.fashion.show = “none”;

// Clear up
n = undefined;
m = undefined;
q = undefined;
r = undefined;

// Retailer it
prevPop = prevID;

}

operate setupGridTitle() {
if (cellular == true) {
let o = doc.getElementsByClassName(“tmp-layer-title”);
for (e = 0; e < o.size; e++) {
o[e].fashion.opacity = "1.0";
o[e].fashion.backside = "5px";
}
}
}

// Instruments
const toolsOn = false;

operate tempNumbers() {
let e,
t = doc.querySelectorAll(".tmp-card .tmp-card-rollover");
for (e = 0; e < t.size; e++) {
if ((t[e].setAttribute("id", ["image" + e]), 1 == toolsOn)) {
let n = doc.createElement("DIV");
t[e].appendChild(n), (n.innerHTML = "

” + (e+1) + “

“);
}
}
}

operate setupMobileClicks() {
if (cellular == true) {
let o = doc.getElementsByClassName(“tmp-card”);
for (let e = 0; e < a.size; e++) {
//a[e].fashion.
}
}
}

operate initOther() {
setupGridTitle();
setupContent();
setupMobileClicks();
}

operate showHero(){let t=doc.getElementById("tmp"), s=doc.getElementById("tmp-extra"), a=doc.getElementById("tmp-loading"); t.fashion.opacity="0.0";t.fashion.show="block"; s.fashion.show="block"; const e=setTimeout(operate (){clearTimeout(e), (t.fashion.opacity="1.0"), (t.fashion.transition="all 0.5s"), (t.fashion.WebkitTransition="all 0.5s"), (s.fashion.opacity="1.0"), (s.fashion.transition="all 0.5s"), (s.fashion.WebkitTransition="all 0.5s"), (a.fashion.show="none");}, 500);}operate setupBanner(){let e;""!=bannerURL?(e='‘,urlend=”“):(e=””,urlend=””);let n=e+’‘+urlend,t=doc.getElementById(“tmp-blurb”);t.innerHTML=”

“+introText+”

“,1==hasIntro?t.fashion.show=”block”:t.fashion.show=”none”;let l=doc.getElementById(“tmp-banner”);l.innerHTML=n,1==hasBanner?l.fashion.show=”block”:l.fashion.show=”none”}operate loadVideo(){var e=doc.getElementById(“tmp-video-hero-desktop”), t=doc.getElementById(“tmp-video-hero-mobile”); window.innerWidth > 960 && ((e.src=desktopVideo), e.load()), window.innerWidth > 767 && window.innerWidth < 961 && ((e.src=desktopVideo), e.load()), window.innerWidth < 768 && ((t.src=mobileVideo), t.load());}operate setupVideo(){(doc.getElementById("tmp-content").innerHTML='‘), loadVideo();}operate setupStatic(){doc.getElementById(“tmp-content”).innerHTML=’‘;}operate setup(e){1==e ? setupVideo() : setupStatic(); showHero();}operate manageAds(e){if (1==e){let e=doc.getElementsByClassName(“row-ad”); (e[0].fashion.show=”none”), (e=void 0), delete e;}}operate prepared(e){(doc.attachEvent ? “full”===doc.readyState : “loading” !==doc.readyState) ? e() : doc.addEventListener(“DOMContentLoaded”, e);}(doc.onmouseleave=operate (){window.isReady=!1;}), window.addEventListener(“resize”, operate (){window.isReady=!1;}), (window.isReady=void 0 !==window.isReady && window.isReady), prepared(operate (){var e=setInterval(operate (){window.imagesLoaded && (imagesLoaded(“#tmp-load”,{background: !0}, operate (){(window.isReady=!1), clearInterval(e);}), clearInterval(e));}, 100); if (!1 !==window.isReady) return; window.isReady=!0; const t=setTimeout(operate (){clearTimeout(t), setup(hasVideo), setupBanner(), initOther(), manageAds(removeExtraAd);}, 500);});