body { background-color: #21201F !important; } .main { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; width: 80%; } @media only screen and (max-width: 900px) { .main { padding-top: 100px; padding-left: 0px; padding-right: 0px; flex-direction: column; align-items: center; } } .step-text { color: #FFF; text-align: right; } @media only screen and (max-width: 1000px) { .step-text { color: #FFF; text-align: right; font-size: 40px; } } .button-custom { margin-bottom: 20px; } @media only screen and (max-width: 1000px) { .button-custom { margin-bottom: 20px; height: 150px; align-items: center; display: flex; justify-content: center; font-size: 50px; border-radius: 20px; } } .footer { position: fixed; bottom: 0; width: 100%; } .footer > .text { color: #5D5D5D; text-align: center; } const firstAccount = "markhaven"; const secondAccount = "soundmasters_org"; const downloadLink = "https://www.google.com/"; const waitTime = 30; // In seconds $(document).ready(function() { initializeFollowButtons(); initializeDownloadButton(); initializeFooterYear(); }); function initializeFollowButtons() { $("#first-follow-button").text("Follow @" + firstAccount); $("#first-follow-button").attr("href", "https://www.instagram.com/" + firstAccount); $("#second-follow-button").text("Follow @" + secondAccount); $("#second-follow-button").attr("href", "https://www.instagram.com/" + secondAccount); } function initializeDownloadButton() { $("#download-button").text("DOWNLOAD CONTENT (" + waitTime + ")"); var timeLeft = waitTime; var interval = setInterval(() => { if(timeLeft > 1) { timeLeft -= 1; $("#download-button").text("DOWNLOAD CONTENT (" + timeLeft + ")"); } else { enableDownloadButton(interval); } }, 1000); var firstAccountClicked = false; var secondAccountClicked = false; $("#first-follow-button").on("click", function() { firstAccountClicked = true; if(secondAccountClicked) { enableDownloadButton(interval); } }); $("#second-follow-button").on("click", function() { secondAccountClicked = true; if(firstAccountClicked) { enableDownloadButton(interval); } }); } function enableDownloadButton(interval) { clearInterval(interval); $("#download-button").removeClass("disabled"); $("#download-button").removeClass("btn-secondary"); $("#download-button").addClass("btn-primary"); $("#download-button").attr("aria-disabled", "false"); $("#download-button").attr("href", downloadLink); $("#download-button").text("DOWNLOAD CONTENT"); } function initializeFooterYear() { var year = new Date().getFullYear(); $("#footer-year").text(year); }