(function () { // === CONFIG === const AD_HEADLINE = "2025 College Info | $7,395 In Grants If You Qualify"; const AD_BODY = "Compares hundreds of degree programs from online and local schools in Georgia. Need help paying for school? Enroll in a school program. May qualify for $7,395 in grants."; const CTA_TEXT = "See Programs"; const CTA_LINK = "https://email.nogigiddy.com/c/d8cf0c97bcc5abce?utm_source=header"; // === CSS INJECTION === const style = document.createElement("style"); style.textContent = ` .jb-top-banner-anchor { position: fixed; z-index: 2147483000; top: 0; left: 0; width: 100vw; background: #fff; border-bottom: 1.5px solid #d3d4de; box-shadow: 0 2px 6px 0 rgba(20,20,30,.09), 0 0.5px 0 #ebebf5; display: flex; align-items: stretch; transition: transform 0.350s cubic-bezier(.4,0,.2,1), box-shadow 0.18s; font-family: 'Segoe UI', system-ui, Arial, sans-serif; min-height: 68px; will-change: transform; } .jb-top-banner-anchor.collapsed { transform: translateY(-71%); box-shadow: none; } .jb-anchor-tab { position: absolute; left: 24px; top: 100%; transform: translateY(-50%); background: #fff; border: 1.5px solid #d3d4de; border-top: none; border-radius: 0 0 8px 8px; box-shadow: 0 2px 8px 0 rgba(20,20,30,0.13); padding: 0.4em 1.1em 0.25em 1.1em; font-size: 1.45rem; color: #7E69AB; cursor: pointer; transition: background 0.18s; z-index: 1; user-select: none; display: flex; align-items: center; justify-content: center; } .jb-anchor-tab:hover { background: #E5DEFF; } .jb-banner-inner { display: flex; flex: 1 1 0%; align-items: center; justify-content: space-between; width: 100%; padding: 14px 24px 14px 70px; box-sizing: border-box; } .jb-banner-content { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width: 0; max-width: 550px; } .jb-banner-headline { color: #1a1f2c; font-size: 1.18rem; font-weight: 700; margin-bottom: 3px; text-shadow: 0 1px 0 #fff, 0 0.5px 2px #faf4fa05; line-height: 1.23; letter-spacing: -0.01em; white-space: normal; } .jb-banner-body { color: #555555; font-size: 0.97rem; font-weight: 400; margin-bottom: 0; line-height: 1.33; white-space: normal; } .jb-banner-cta { display: inline-block; margin-left: 1.2rem; min-width: 128px; padding: 0.63em 1.7em; font-size: 1.05rem; font-weight: 700; background: linear-gradient(90deg,#a99dfa 0%, #7e69ab 100%); color: #fff; border: none; border-radius: 7px; box-shadow: 0 1px 8px 0 rgba(125,115,180,0.13); text-decoration: none !important; transition: background .14s; text-align: center; cursor: pointer; outline: none; } .jb-banner-cta:hover, .jb-banner-cta:focus { background: linear-gradient(90deg,#7e69ab 0%, #a99dfa 100%); } /* Responsive */ @media (max-width: 700px) { .jb-banner-inner { flex-direction: column; align-items: flex-start; padding: 12px 7vw 12px 62px; gap: 10px; } .jb-banner-content { max-width: 96vw; } .jb-banner-cta { margin-left: 0; margin-top: 7px; width: 100%; min-width: 0; font-size: 1rem; } .jb-anchor-tab { left: 12px; font-size: 1.19rem; padding-left: 0.85em; padding-right: 0.85em; } } @media (max-width: 440px) { .jb-banner-headline { font-size: 1rem; } .jb-banner-inner { gap: 5px; padding: 6px 3vw 6px 7vw; } .jb-banner-body { font-size: 0.91rem; } } `; document.head.appendChild(style); // === HTML STRUCTURE INJECTION === const banner = document.createElement("div"); banner.className = "jb-top-banner-anchor"; banner.setAttribute("role", "region"); banner.setAttribute("aria-label", "Educational Opportunity Banner"); // -- The floating tab for toggle const tab = document.createElement("div"); tab.className = "jb-anchor-tab"; tab.setAttribute("aria-label", "Toggle banner"); tab.title = "Hide/Show Banner"; tab.innerHTML = ''; // ▴ // -- Main content holder const inner = document.createElement("div"); inner.className = "jb-banner-inner"; // -- Ad text content const content = document.createElement("div"); content.className = "jb-banner-content"; const headline = document.createElement("div"); headline.className = "jb-banner-headline"; headline.textContent = AD_HEADLINE; const body = document.createElement("div"); body.className = "jb-banner-body"; body.textContent = AD_BODY; // -- Call-to-action button const cta = document.createElement("a"); cta.className = "jb-banner-cta"; cta.href = CTA_LINK; cta.target = "_blank"; cta.rel = "noopener noreferrer"; cta.textContent = CTA_TEXT; // -- DOM assembly content.appendChild(headline); content.appendChild(body); inner.appendChild(content); inner.appendChild(cta); banner.appendChild(inner); banner.appendChild(tab); // -- Mount at very top (before anything else if possible) document.body.insertBefore(banner, document.body.firstChild); // === TOGGLE FUNCTIONALITY === let collapsed = false; tab.addEventListener("click", function () { collapsed = !collapsed; banner.classList.toggle("collapsed", collapsed); tab.firstChild.innerHTML = collapsed ? "▼" : "▲"; // ▾ or ▴ tab.setAttribute("aria-label", collapsed ? "Show banner" : "Hide banner"); }); // === Ensure Banner Moves Page Down === // Move body down equivalent to banner height (if not already offset) function adjustBody() { if (!banner.classList.contains("collapsed")) { document.body.style.marginTop = banner.offsetHeight + "px"; } else { document.body.style.marginTop = tab.offsetHeight + 3 + "px"; } } window.addEventListener("resize", adjustBody); new MutationObserver(adjustBody).observe(banner, { attributes: true }); // Wait for fonts/layout to settle before initial offset setTimeout(adjustBody, 35); // === Accessibility: Trap focus in banner if only tabbing === banner.tabIndex = -1; })();
Jobs search

Related Jobs