diff --git a/StackMonkey.ps1 b/StackMonkey.ps1 index c2e8b33..ed810ec 100644 --- a/StackMonkey.ps1 +++ b/StackMonkey.ps1 @@ -597,6 +597,13 @@ $style = @' background-color: var(--btn-hover); } + /* Tag line */ + #tagline { + font-size: 1.2rem; + color: var(--light-gray-color); + margin-top: 0.5em; + font-style: italic; + } @media (max-width:768px) { .container { flex-direction:column; } @@ -789,6 +796,41 @@ $style = @' }); }); + // =========================================== + // + // =========================================== + + // ── rotating tagline ─────────────────────────────── + (function(){ + const taglines = [ + + "Fast deployments, no monkey business.", + "Bananas for better builds." + “Deploy without flinging code.” + “Tame your stack. Unleash the monkey.” + “Monkey see, monkey deploy.” + “Deploy smarter—with a monkey on your team.” + “Don’t pass the monkey—let it deploy.” + “No more monkeying around. Stack handled.” + “Own your stack. But let the monkey do the work.” + “Why throw code when the monkey’s got it?” + “Deployments so easy, a monkey could do it. Ours does.” + “Monkey in the stack, not on your back.” + + + ]; + const el = document.getElementById("tagline"); + let idx = Math.floor(Math.random() * taglines.length); + el.textContent = taglines[idx]; + + // if you want it to *change* every 10s: + setInterval(() => { + idx = (idx + 1) % taglines.length; + el.textContent = taglines[idx]; + }, 10_000); + })(); + + '@ @@ -810,6 +852,7 @@ $htmlTemplate = @"