// ==UserScript== // @name Reddit - NSEP Syllabus Countdown Overlay // @namespace web.nextbyte.ai // @version 4.0 // @description Shows a full-screen motivational countdown to NSEP and syllabus completion on Reddit, including dynamic navigation // @author NextByte // @match *://reddit.com/* // @match *://*.reddit.com/* // @run-at document-start // @grant none // ==/UserScript== (function() { 'use strict'; const ROOT_ID = 'reddit-study-countdown-root'; const STYLE_ID = 'reddit-study-countdown-style'; const TARGET_DATE = new Date(2026, 10, 15, 23, 59, 59).getTime(); const TITLE_TEXT = 'WORK WORK WORK'; const FOOTER_TEXT = 'NSEP & SYLLABUS COMPLETION: NOV 15, 2026'; let timerInterval = null; let mountObserver = null; let lastUrl = location.href; function pad(value) { return String(Math.max(0, value)).padStart(2, '0'); } function getTimeParts() { const now = Date.now(); const difference = Math.max(0, TARGET_DATE - now); const days = Math.floor(difference / (1000 * 60 * 60 * 24)); const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((difference % (1000 * 60)) / 1000); return { days, hours, minutes, seconds, expired: difference <= 0 }; } function ensureStyles() { if (document.getElementById(STYLE_ID)) { return; } const style = document.createElement('style'); style.id = STYLE_ID; style.textContent = ` #${ROOT_ID} { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #ffffff; font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; } #${ROOT_ID}, #${ROOT_ID} * { box-sizing: border-box; } #${ROOT_ID} .rsco-panel { width: min(1200px, calc(100vw - 32px)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; text-align: center; padding: 32px 20px; } #${ROOT_ID} .rsco-title { margin: 0; font-size: clamp(42px, 8vw, 84px); font-weight: 900; color: #ff4757; text-shadow: 0 4px 8px rgba(0, 0, 0, 0.45); letter-spacing: 0.12em; animation: rsco-pulse 2s ease-in-out infinite; } #${ROOT_ID} .rsco-timer { display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); gap: 20px; width: min(1000px, 100%); } #${ROOT_ID} .rsco-unit { background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; backdrop-filter: blur(10px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.30); padding: 20px 16px; } #${ROOT_ID} .rsco-value { font-size: clamp(36px, 5vw, 64px); line-height: 1; font-weight: 900; color: #ffa502; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45); margin-bottom: 10px; } #${ROOT_ID} .rsco-label { font-size: clamp(14px, 2vw, 20px); font-weight: 700; color: #dfe4ea; text-transform: uppercase; letter-spacing: 0.12em; } #${ROOT_ID} .rsco-footer { margin: 0; font-size: clamp(20px, 3vw, 34px); font-weight: 700; color: #57e6e6; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.45); letter-spacing: 0.12em; } #${ROOT_ID} .rsco-expired { color: #7bed9f; } @keyframes rsco-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.9; } } @media (max-width: 720px) { #${ROOT_ID} .rsco-panel { gap: 18px; padding: 24px 14px; } #${ROOT_ID} .rsco-timer { grid-template-columns: repeat(2, minmax(120px, 1fr)); gap: 14px; } } `; const target = document.head || document.documentElement; target.appendChild(style); } function createOverlay() { const overlay = document.createElement('div'); overlay.id = ROOT_ID; overlay.setAttribute('data-url', location.href); overlay.innerHTML = `

${TITLE_TEXT}

Days

Hours

Minutes

Seconds

`; return overlay; } function updateOverlay() { const overlay = document.getElementById(ROOT_ID); if (!overlay) { return; } const title = overlay.querySelector('.rsco-title'); const footer = overlay.querySelector('.rsco-footer'); const days = overlay.querySelector('[data-unit="days"]'); const hours = overlay.querySelector('[data-unit="hours"]'); const minutes = overlay.querySelector('[data-unit="minutes"]'); const seconds = overlay.querySelector('[data-unit="seconds"]'); const parts = getTimeParts(); if (days) days.textContent = pad(parts.days); if (hours) hours.textContent = pad(parts.hours); if (minutes) minutes.textContent = pad(parts.minutes); if (seconds) seconds.textContent = pad(parts.seconds); if (parts.expired) { if (title) { title.textContent = 'TIME TO WIN'; title.classList.add('rsco-expired'); } if (footer) { footer.textContent = 'THE DATE HAS ARRIVED'; footer.classList.add('rsco-expired'); } } else { if (title) { title.textContent = TITLE_TEXT; title.classList.remove('rsco-expired'); } if (footer) { footer.textContent = FOOTER_TEXT; footer.classList.remove('rsco-expired'); } } } function startTimer() { if (timerInterval !== null) { return; } updateOverlay(); timerInterval = window.setInterval(updateOverlay, 1000); } function mountOverlay() { ensureStyles(); const parent = document.body || document.documentElement; if (!parent) { return false; } let overlay = document.getElementById(ROOT_ID); if (!overlay) { overlay = createOverlay(); parent.appendChild(overlay); } else if (overlay.parentNode !== parent) { parent.appendChild(overlay); } overlay.setAttribute('data-url', location.href); updateOverlay(); startTimer(); return true; } function queueMount() { if (mountOverlay()) { return; } window.requestAnimationFrame(() => { mountOverlay(); }); } function installMountObserver() { if (mountObserver || !document.documentElement) { return; } mountObserver = new MutationObserver(() => { if (location.href !== lastUrl) { lastUrl = location.href; } if (!document.getElementById(ROOT_ID) || !document.getElementById(STYLE_ID)) { queueMount(); } }); mountObserver.observe(document.documentElement, { childList: true, subtree: false }); } function installNavigationHooks() { const trigger = () => { if (location.href !== lastUrl) { lastUrl = location.href; } queueMount(); }; window.addEventListener('popstate', trigger, true); window.addEventListener('hashchange', trigger, true); window.addEventListener('pageshow', trigger, true); const wrapHistoryMethod = (methodName) => { const original = history[methodName]; if (typeof original !== 'function' || original.__rscoWrapped) { return; } const wrapped = function(...args) { const result = original.apply(this, args); window.setTimeout(trigger, 0); return result; }; wrapped.__rscoWrapped = true; history[methodName] = wrapped; }; wrapHistoryMethod('pushState'); wrapHistoryMethod('replaceState'); } function init() { queueMount(); installMountObserver(); installNavigationHooks(); } init(); if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', queueMount, { once: true }); } else { queueMount(); } window.addEventListener('load', queueMount, { once: true }); })();

famous-pinniped-87

Shared tweeks

Reddit - NSEP Syllabus Countdown Overlay