var sections = ['s001','s002’]; function getCurrentSection() { for (var i = 0; i < sections.length; i++) { var el = document.getElementById(sections[i]); if (el && window.getComputedStyle(el).display !== 'none') { return i; } } return 0; } function restartGifs(sectionId) { var el = document.getElementById(sectionId); if (!el) return; var gifs = el.querySelectorAll('img[src*=".gif"]'); gifs.forEach(function(gif) { var src = gif.src.split('?')[0]; gif.src = ''; gif.src = src + '?' + new Date().getTime(); }); } function navigateSection(direction) { var current = getCurrentSection(); var next = (current + direction + sections.length) % sections.length; var target = sections[next].replace('-section', ''); window.location.href = 'https://digitaljunk.carrd.com/#' + target; setTimeout(function() { restartGifs(sections[next]); }, 300); } document.addEventListener('keydown', function(e) { if (e.key === 'ArrowLeft') navigateSection(-1); if (e.key === 'ArrowRight') navigateSection(1); });

var folderImgs = [ "https://res.cloudinary.com/dukcj5cq0/image/upload/v1773342243/Folder_Top01_di3hqk.png", "https://res.cloudinary.com/dukcj5cq0/image/upload/v1773342243/Folder_Top02_wczo3z.png", "https://res.cloudinary.com/dukcj5cq0/image/upload/v1773342243/Folder_Top03_wdz0hl.png" ]; function showFolder() { var i = parseInt(localStorage.getItem("folderIdx") || "0"); document.getElementById("folder").src = folderImgs[i]; } showFolder(); window.addEventListener("sheetNavUpdate", showFolder); window.addEventListener("storage", function(e) { if (e.key === "folderIdx") showFolder(); });

CLICK TO ENTER

var SHEET_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vTG6wkpsyPn8J6ydLn2IYnhmDrHqGDU2661u7xAG087pIE9sO0gEwAH33k3eePg823IuR71-BFw7gtQ/pub?output=csv"; var sheetRows = []; function showImage() { var idx = parseInt(localStorage.getItem("sheetIdx") || "0"); var wrap = document.getElementById("img-wrap"); wrap.innerHTML = ""; var row = sheetRows[idx]; if (!row) return; var img = document.createElement("img"); img.src = row[2]; img.style.width = "80%"; img.style.display = "block"; wrap.appendChild(img); } fetch(SHEET_URL) .then(function(r){ return r.text(); }) .then(function(csv){ var lines = csv.trim().split("\n"); for (var i = 1; i < lines.length; i++) { var cols = lines[i].split(","); var url = cols[2] ? cols[2].trim().replace(/^"|"$/g,"") : ""; if (url) sheetRows.push([ cols[0] ? cols[0].trim().replace(/^"|"$/g,"") : "", cols[1] ? cols[1].trim().replace(/^"|"$/g,"") : "", url ]); } localStorage.setItem("sheetTotal", sheetRows.length); showImage(); }); window.addEventListener("sheetNavUpdate", showImage); window.addEventListener("storage", function(e) { if (e.key === "sheetIdx") showImage(); });

var SHEET_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vTG6wkpsyPn8J6ydLn2IYnhmDrHqGDU2661u7xAG087pIE9sO0gEwAH33k3eePg823IuR71-BFw7gtQ/pub?output=csv"; var textRows = []; function showText() { var idx = parseInt(localStorage.getItem("sheetIdx") || "0"); var wrap = document.getElementById("text-wrap"); wrap.innerHTML = ""; var row = textRows[idx]; if (!row) return; var h = document.createElement("h1"); h.textContent = row[0]; h.style.fontSize = "2em"; h.style.margin = "0 0 0.25em 0"; h.style.fontFamily = "'Arial Rounded MT Bold',Arial,sans-serif"; var p = document.createElement("p"); p.textContent = row[1]; p.style.fontSize = "1em"; p.style.margin = "0 0 1em 0"; p.style.fontFamily = "'Arial Rounded MT Bold',Arial,sans-serif"; wrap.appendChild(h); wrap.appendChild(p); } fetch(SHEET_URL) .then(function(r){ return r.text(); }) .then(function(csv){ var lines = csv.trim().split("\n"); for (var i = 1; i < lines.length; i++) { var cols = lines[i].split(","); var url = cols[2] ? cols[2].trim().replace(/^"|"$/g,"") : ""; if (url) textRows.push([ cols[0] ? cols[0].trim().replace(/^"|"$/g,"") : "", cols[1] ? cols[1].trim().replace(/^"|"$/g,"") : "" ]); } showText(); }); window.addEventListener("sheetNavUpdate", showText); window.addEventListener("storage", function(e) { if (e.key === "sheetIdx") showText(); });