added Tag line

This commit is contained in:
2025-05-28 11:06:11 -04:00
parent 7fbd65966c
commit 62ef4aaccf

View File

@@ -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.”
“Dont 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 monkeys 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);
})();
</script>
'@
@@ -810,6 +852,7 @@ $htmlTemplate = @"
<div class="logo-container">
<img src="https://git.svstools.com/syelle/Logo/raw/branch/main/SVS_logo.svg" alt="SVS Logo">
{{moduleVersion}}
<div id="tagline"></div>
</div>
<div class="container">
<div class="sidebar">