#DMTBeautySpot #beauty

// Do not alter this var productCollections = new Array(); // ===================================================== // ===================================================== // EDIT BELOW // ===================================================== // ===================================================== // When ready to publish, set this to true... var readyToPublish = true; var productCount = "8"; // Make edits starting here for adding product galleries // Add a new set to the page, you need to create a product carousel as well // Copy and paste this set // Then change the number in the [brakets] to one higher than previous one productCollections[0] = new Array( // Which image spot, this does not include the opener image... // Start with 0... 0, // Shopping gallery button cta "SHOP THIS STORY", // Shopping gallery title "Shop Nordstrom Beauty", // Shopping gallery blurb "Intro about set 1", // Sponsor banner image url "https://www.apple.com", // Sponsor banner link/clicktracker "https://www.refinery29.com/en-us/most-wanted" ) // ===================================================== // ===================================================== // DO NOT EDIT BELOW THIS // ===================================================== // ===================================================== var gc; var gx; var gb; var gN; var sid; var waitShow; var waitClose; function showCarousel(id) { var grabCarousel = document.getElementsByClassName("section-multi-product-container"); var grabClose = document.getElementsByClassName("tmp-close"); var grabGalleryBar = document.getElementById("tmp-gallery-bar"); var grabNav = document.getElementsByClassName("global-header"); // Setup title var grabTitle = document.getElementById("tmp-custom-title"); grabTitle.innerHTML = productCollections[id][2]; gc = grabCarousel[id]; gx = grabClose[id]; gb = grabGalleryBar; gN = grabNav[0]; gc.classList.add("tmp-products"); gc.style.opacity = "0.0"; gc.style.transform = "translateX(0)"; gc.style.transform = "translateY(300px)"; gc.style.display = "block"; gx.style.opacity = "0"; gx.style.display = "block"; gb.style.display = "block"; gN.style.transform = "translateY(0)"; waitShow = setTimeout(function(){ clearTimeout(waitShow); gc.style.opacity = "1.0"; gc.style.transition = "all 0.3s"; gc.style.WebkitTransition = "all 0.3s"; gc.style.transform = "translateY(0)"; gc.style.transition = "all 0.4s"; gc.style.WebkitTransition = "all 0.4s"; gx.style.opacity = "1.0"; gx.style.transitionDelay = "1s"; gx.style.WebkitTransitionDelay = "1s"; gx.style.transition = "all 0.5s"; gx.style.WebkitTransition = "all 0.5s"; gb.style.opacity = "1.0"; gb.style.transitionDelay = "2s"; gb.style.WebkitTransitionDelay = "2s"; gb.style.transition = "all 0.5s"; gb.style.WebkitTransition = "all 0.5s"; gb.style.transform = "translateY(0)"; gb.style.transitionDelay = "2s"; gb.style.WebkitTransitionDelay = "2s"; gb.style.transition = "all 0.5s"; gb.style.WebkitTransition = "all 0.5s"; if (window.innerWidth < 1220) { gN.style.transform = "translateY(-100px)"; gN.style.transitionDelay = "0s"; gN.style.WebkitTransitionDelay = "0s"; gN.style.transition = "all 0.5s"; gN.style.WebkitTransition = "all 0.5s"; } }, 50); sid = id; } function closeCarousel() { var grabCarousel = document.getElementsByClassName("section-multi-product-container"); var grabClose = document.getElementsByClassName("tmp-close"); var grabGalleryBar = document.getElementById("tmp-gallery-bar"); gc = grabCarousel[sid]; gx = grabClose[sid]; gb = grabGalleryBar; gc.style.opacity = "0.0"; gc.style.transition = "all 0.2s"; gc.style.WebkitTransition = "all 0.2s"; gc.style.transform = "translateY(300px)"; gc.style.transition = "all 0.3s"; gc.style.WebkitTransition = "all 0.3s"; gx.style.opacity = "0.0"; gx.style.transition = "all 0.3s"; gx.style.WebkitTransition = "all 0.3s"; gb.style.opacity = "0.0"; gb.style.transitionDelay = "0s"; gb.style.WebkitTransitionDelay = "0s"; gb.style.transition = "all 0.5s"; gb.style.WebkitTransition = "all 0.5s"; gb.style.transform = "translateY(-100px)"; gb.style.transitionDelay = "0s"; gb.style.WebkitTransitionDelay = "0s"; gb.style.transition = "all 0.5s"; gb.style.WebkitTransition = "all 0.5s"; if (window.innerWidth < 1220) { gN.style.transform = "translateY(0)"; gN.style.transitionDelay = "0.5s"; gN.style.WebkitTransitionDelay = "0.5s"; gN.style.transition = "all 0.5s"; gN.style.WebkitTransition = "all 0.5s"; } waitClose = setTimeout(function(){ clearTimeout(waitClose); gc.style.display = "none"; gx.style.display = "none"; gb.style.display = "none"; }, 500); } var grabImages; function setupShopImage() { grabImages = document.getElementsByClassName("img-container"); var i = productCollections[0][0]; // Store the spot to add button var numberSpot = grabImages[i]; // Make the button var addNumber = document.createElement("DIV"); // Add assembled html to the button var counter = [i + 1]; addNumber.innerHTML = "

"; // Add the number over the image numberSpot.insertBefore(addNumber, grabImages[i].childNodes[0]); // Make the button var addButton = document.createElement("DIV"); addButton.innerHTML = " "; numberSpot.insertBefore(addButton, grabImages[i].childNodes[2]); } var waitForShop; function setup() { // Target the carousel, hide it and opengl it for smoothness var grabCarousel = document.getElementsByClassName("section-multi-product-container"); var grabCarouselCount = (grabCarousel.length - 1); grabCarousel[grabCarouselCount].style.display = "none"; grabCarousel[grabCarouselCount].classList.add("openGL"); // Add product count to the CTA image setupShopImage(); // Show the shop button var grabButton = document.getElementById("tmp-cta-button"); var grabButtonText = document.getElementById("tmp-cta-button-text"); waitForShop = setTimeout(function(){ clearTimeout(waitForShop); grabButton.style.pointerEvents = "auto"; grabButton.style.opacity = "1.0"; grabButton.style.transition = "all 0.5s"; grabButton.style.WebkitTransition = "all 0.5s"; grabButtonText.innerHTML = "SHOP HERE"; // Add click to the image grabImages[0].setAttribute("onclick", "showCarousel(0)"); grabImages[0].classList.add("tmp-shop-cta"); }, 2000); } /* Preload */ var waitForLoad; document.onmouseleave = function() { window.isReady = false } window.addEventListener("resize", function() {window.isReady = false}); function ready(fn) { if (document.attachEvent ? document.readyState === "complete" : document.readyState !== "loading"){ fn(); } else { document.addEventListener('DOMContentLoaded', fn); } } window.isReady = window.isReady === undefined ? false : window.isReady; ready(function () { var imagesLoadedInterval = setInterval(function(){ if(window.imagesLoaded) { imagesLoaded( '#tmp-load', { background: true }, function() { window.isReady = false clearInterval(imagesLoadedInterval) }); clearInterval(imagesLoadedInterval) } }, 100) if (window.isReady === false) { window.isReady = true } else { return } waitForLoad = setTimeout(function(){ clearTimeout(waitForLoad); setup(); }, 200); })

Accuse us of being the glass-half-full type all you want, but lately, we’ve been thinking about some unexpected upsides to a holiday season that’ll mostly be celebrated through our phones’ front-facing cameras: 1) the opportunity to make a massive beauty statement, and 2) not having to worry about periodically ducking into a public bathroom to check on the condition of your gradient lip or glossy eye.

To compound our makeup-related optimism, we’re pleased to bring you some even more good news by way of Nordstrom, which is offering major deals on gifts for the beauty fans on your list (and, of course, the author of said list). Throughout November and December, the retailer will announce Daily Deals on top items like full-size fragrances, or specific discounts for 25–40% off. (Check Nordstrom.com for details.) And with some price-themed Daily Deals, i.e., under $50 or $100, you’ll be able to shop smart without even having to select “filter lowest to highest.”

Ahead, see some of items we’re eyeing for ourselves to use to create an epic Zooms-mas look our friends and loved ones.

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

DMTBeautySpot

via https://www.DMTBeautySpot.com

Chelsea Peng, Khareem Sudlow