jasper evangelista

BE FEARLESS.

YOUR BRAND.
YOUR EMPIRE.

KEYNOTE SPEAKER | EDUCATOR

Words that Move. Ideas that Stick.

Transformative talks that ignite minds, stir emotions, and spark action.

Whether it’s a stadium of dreamers or a boardroom of decision-makers, I craft every keynote to inspire, educate, and leave lasting impact. I don't just speak—I shift perspectives.

Blogs | ARTICLES

The Pen: My Power Tool

From bestselling books to bite-sized blogs—every word is designed to move you forward.

ART | APPS | AUDIO

Where Ideas Get Built, Beautifully.

A creative lab where visuals speak, and digital solutions come to life.

BRAND CONSULTANCY | BRAND THERAPY

Your Brand
Has a Soul.
Let’s Uncover It.

More than strategy; this is soul-searching for your brand’s truth and voice. Think of it as therapy, but for your brand. I help individuals and businesses align purpose, personality, and positioning to unlock their most authentic identity.

DISCOVER

No bots. No BS. Just real conversations that could lead to real magic. This is hands-on, high-level strategic support to help you build, position, and grow your brand with intent. It blends market insight, brand building, storytelling, and creative ideation.

THERAPY

BREATHE

Brand Therapy is a deep, reflective process where we unpack what your brand truly stands for, beyond the surface. It’s part soul-searching, part strategy, all about clarity. This is ideal for individuals or businesses feeling stuck, misaligned, or lost in the noise.

Let’s Make Something Unforgettable.

the best ideas begin with brave convOS.

Tell me what you need—keynote, brand help, a design revamp, or just someone to jam with over big ideas. I'm here to help you bring it to life.

Thank you

Whether you reached out to collaborate, create, or connect—I’ll personally review your message and get back to you as soon as I can (usually within 1–2 days). Until then, here’s a little something to explore:

Abtribute Cover Art
00:00 | 00:00
MENU
var audioAbtribute = document.getElementById('audio-abtribute'); var playPauseBtnAbtribute = document.getElementById('centerPlayBtn-abtribute'); var playIconAbtribute = document.getElementById('playIcon-abtribute'); var pauseIconAbtribute = document.getElementById('pauseIcon-abtribute'); var rewindBtnAbtribute = document.getElementById('rewindBtn-abtribute'); var forwardBtnAbtribute = document.getElementById('forwardBtn-abtribute'); var counterAbtribute = document.getElementById('counter-abtribute'); var wheelTitleAbtribute = document.getElementById('wheelTitle-abtribute'); function formatTimeAbtribute(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontAbtribute() { var maxWidth = 147; var fontSize = 19; wheelTitleAbtribute.style.fontSize = fontSize + 'px'; while (wheelTitleAbtribute.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleAbtribute.style.fontSize = fontSize + 'px'; } } playPauseBtnAbtribute.addEventListener('click', function() { if (audioAbtribute.paused) { audioAbtribute.play(); playIconAbtribute.style.display = 'none'; pauseIconAbtribute.style.display = 'block'; } else { audioAbtribute.pause(); playIconAbtribute.style.display = 'block'; pauseIconAbtribute.style.display = 'none'; } }); audioAbtribute.addEventListener('timeupdate', function() { counterAbtribute.textContent = formatTimeAbtribute(audioAbtribute.currentTime) + ' | ' + formatTimeAbtribute(audioAbtribute.duration); }); audioAbtribute.addEventListener('loadedmetadata', function() { counterAbtribute.textContent = formatTimeAbtribute(audioAbtribute.currentTime) + ' | ' + formatTimeAbtribute(audioAbtribute.duration); }); audioAbtribute.addEventListener('ended', function() { playIconAbtribute.style.display = 'block'; pauseIconAbtribute.style.display = 'none'; }); rewindBtnAbtribute.addEventListener('click', function() { audioAbtribute.currentTime = Math.max(0, audioAbtribute.currentTime - 10); }); forwardBtnAbtribute.addEventListener('click', function() { audioAbtribute.currentTime = Math.min(audioAbtribute.duration, audioAbtribute.currentTime + 10); }); wheelTitleAbtribute.textContent = 'MENU'; fitTitleFontAbtribute();
Brandsonify Cover Art
00:00 | 00:00
MENU
var audioBrandsonify = document.getElementById('audio-brandsonify'); var playPauseBtnBrandsonify = document.getElementById('centerPlayBtn-brandsonify'); var playIconBrandsonify = document.getElementById('playIcon-brandsonify'); var pauseIconBrandsonify = document.getElementById('pauseIcon-brandsonify'); var rewindBtnBrandsonify = document.getElementById('rewindBtn-brandsonify'); var forwardBtnBrandsonify = document.getElementById('forwardBtn-brandsonify'); var counterBrandsonify = document.getElementById('counter-brandsonify'); var wheelTitleBrandsonify = document.getElementById('wheelTitle-brandsonify'); function formatTimeBrandsonify(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontBrandsonify() { var maxWidth = 147; var fontSize = 19; wheelTitleBrandsonify.style.fontSize = fontSize + 'px'; while (wheelTitleBrandsonify.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleBrandsonify.style.fontSize = fontSize + 'px'; } } playPauseBtnBrandsonify.addEventListener('click', function() { if (audioBrandsonify.paused) { audioBrandsonify.play(); playIconBrandsonify.style.display = 'none'; pauseIconBrandsonify.style.display = 'block'; } else { audioBrandsonify.pause(); playIconBrandsonify.style.display = 'block'; pauseIconBrandsonify.style.display = 'none'; } }); audioBrandsonify.addEventListener('timeupdate', function() { counterBrandsonify.textContent = formatTimeBrandsonify(audioBrandsonify.currentTime) + ' | ' + formatTimeBrandsonify(audioBrandsonify.duration); }); audioBrandsonify.addEventListener('loadedmetadata', function() { counterBrandsonify.textContent = formatTimeBrandsonify(audioBrandsonify.currentTime) + ' | ' + formatTimeBrandsonify(audioBrandsonify.duration); }); audioBrandsonify.addEventListener('ended', function() { playIconBrandsonify.style.display = 'block'; pauseIconBrandsonify.style.display = 'none'; }); rewindBtnBrandsonify.addEventListener('click', function() { audioBrandsonify.currentTime = Math.max(0, audioBrandsonify.currentTime - 10); }); forwardBtnBrandsonify.addEventListener('click', function() { audioBrandsonify.currentTime = Math.min(audioBrandsonify.duration, audioBrandsonify.currentTime + 10); }); wheelTitleBrandsonify.textContent = 'MENU'; fitTitleFontBrandsonify();
Convertent Cover Art
00:00 | 00:00
MENU
var audioConvertent = document.getElementById('audio-convertent'); var playPauseBtnConvertent = document.getElementById('centerPlayBtn-convertent'); var playIconConvertent = document.getElementById('playIcon-convertent'); var pauseIconConvertent = document.getElementById('pauseIcon-convertent'); var rewindBtnConvertent = document.getElementById('rewindBtn-convertent'); var forwardBtnConvertent = document.getElementById('forwardBtn-convertent'); var counterConvertent = document.getElementById('counter-convertent'); var wheelTitleConvertent = document.getElementById('wheelTitle-convertent'); function formatTimeConvertent(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontConvertent() { var maxWidth = 147; var fontSize = 19; wheelTitleConvertent.style.fontSize = fontSize + 'px'; while (wheelTitleConvertent.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleConvertent.style.fontSize = fontSize + 'px'; } } playPauseBtnConvertent.addEventListener('click', function() { if (audioConvertent.paused) { audioConvertent.play(); playIconConvertent.style.display = 'none'; pauseIconConvertent.style.display = 'block'; } else { audioConvertent.pause(); playIconConvertent.style.display = 'block'; pauseIconConvertent.style.display = 'none'; } }); audioConvertent.addEventListener('timeupdate', function() { counterConvertent.textContent = formatTimeConvertent(audioConvertent.currentTime) + ' | ' + formatTimeConvertent(audioConvertent.duration); }); audioConvertent.addEventListener('loadedmetadata', function() { counterConvertent.textContent = formatTimeConvertent(audioConvertent.currentTime) + ' | ' + formatTimeConvertent(audioConvertent.duration); }); audioConvertent.addEventListener('ended', function() { playIconConvertent.style.display = 'block'; pauseIconConvertent.style.display = 'none'; }); rewindBtnConvertent.addEventListener('click', function() { audioConvertent.currentTime = Math.max(0, audioConvertent.currentTime - 10); }); forwardBtnConvertent.addEventListener('click', function() { audioConvertent.currentTime = Math.min(audioConvertent.duration, audioConvertent.currentTime + 10); }); wheelTitleConvertent.textContent = 'MENU'; fitTitleFontConvertent();
“Datograph
00:00 | 00:00
MENU
const audio = document.getElementById('audio'); const playPauseBtn = document.getElementById('centerPlayBtn'); const playIcon = document.getElementById('playIcon'); const pauseIcon = document.getElementById('pauseIcon'); const rewindBtn = document.getElementById('rewindBtn'); const forwardBtn = document.getElementById('forwardBtn'); const counter = document.getElementById('counter'); const wheelTitle = document.getElementById('wheelTitle'); function formatTime(sec) { if (isNaN(sec)) return '00:00'; const m = Math.floor(sec / 60); const s = Math.floor(sec % 60); return `${m.toString().padStart(2, '0')}:${s.toString().padStart(2, '0')}`; } function fitTitleFont() { const maxWidth = 147; let fontSize = 19; wheelTitle.style.fontSize = fontSize + 'px'; while (wheelTitle.scrollWidth > maxWidth && fontSize > 10) { fontSize -= 1; wheelTitle.style.fontSize = fontSize + 'px'; } } playPauseBtn.addEventListener('click', () => { if (audio.paused) { audio.play(); playIcon.style.display = 'none'; pauseIcon.style.display = 'block'; } else { audio.pause(); playIcon.style.display = 'block'; pauseIcon.style.display = 'none'; } }); audio.addEventListener('timeupdate', () => { counter.textContent = `${formatTime(audio.currentTime)} | ${formatTime(audio.duration)}`; }); audio.addEventListener('loadedmetadata', () => { counter.textContent = `${formatTime(audio.currentTime)} | ${formatTime(audio.duration)}`; }); audio.addEventListener('ended', () => { playIcon.style.display = 'block'; pauseIcon.style.display = 'none'; }); rewindBtn.addEventListener('click', () => { audio.currentTime = Math.max(0, audio.currentTime - 10); }); forwardBtn.addEventListener('click', () => { audio.currentTime = Math.min(audio.duration, audio.currentTime + 10); }); wheelTitle.textContent = 'MENU'; fitTitleFont();
Emailment Cover Art
00:00 | 00:00
MENU
var audioEmailment = document.getElementById('audio-emailment'); var playPauseBtnEmailment = document.getElementById('centerPlayBtn-emailment'); var playIconEmailment = document.getElementById('playIcon-emailment'); var pauseIconEmailment = document.getElementById('pauseIcon-emailment'); var rewindBtnEmailment = document.getElementById('rewindBtn-emailment'); var forwardBtnEmailment = document.getElementById('forwardBtn-emailment'); var counterEmailment = document.getElementById('counter-emailment'); var wheelTitleEmailment = document.getElementById('wheelTitle-emailment'); function formatTimeEmailment(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontEmailment() { var maxWidth = 147; var fontSize = 19; wheelTitleEmailment.style.fontSize = fontSize + 'px'; while (wheelTitleEmailment.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleEmailment.style.fontSize = fontSize + 'px'; } } playPauseBtnEmailment.addEventListener('click', function() { if (audioEmailment.paused) { audioEmailment.play(); playIconEmailment.style.display = 'none'; pauseIconEmailment.style.display = 'block'; } else { audioEmailment.pause(); playIconEmailment.style.display = 'block'; pauseIconEmailment.style.display = 'none'; } }); audioEmailment.addEventListener('timeupdate', function() { counterEmailment.textContent = formatTimeEmailment(audioEmailment.currentTime) + ' | ' + formatTimeEmailment(audioEmailment.duration); }); audioEmailment.addEventListener('loadedmetadata', function() { counterEmailment.textContent = formatTimeEmailment(audioEmailment.currentTime) + ' | ' + formatTimeEmailment(audioEmailment.duration); }); audioEmailment.addEventListener('ended', function() { playIconEmailment.style.display = 'block'; pauseIconEmailment.style.display = 'none'; }); rewindBtnEmailment.addEventListener('click', function() { audioEmailment.currentTime = Math.max(0, audioEmailment.currentTime - 10); }); forwardBtnEmailment.addEventListener('click', function() { audioEmailment.currentTime = Math.min(audioEmailment.duration, audioEmailment.currentTime + 10); }); wheelTitleEmailment.textContent = 'MENU'; fitTitleFontEmailment();
Funads Cover Art
00:00 | 00:00
MENU
var audioFunads = document.getElementById('audio-funads'); var playPauseBtnFunads = document.getElementById('centerPlayBtn-funads'); var playIconFunads = document.getElementById('playIcon-funads'); var pauseIconFunads = document.getElementById('pauseIcon-funads'); var rewindBtnFunads = document.getElementById('rewindBtn-funads'); var forwardBtnFunads = document.getElementById('forwardBtn-funads'); var counterFunads = document.getElementById('counter-funads'); var wheelTitleFunads = document.getElementById('wheelTitle-funads'); function formatTimeFunads(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontFunads() { var maxWidth = 147; var fontSize = 19; wheelTitleFunads.style.fontSize = fontSize + 'px'; while (wheelTitleFunads.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleFunads.style.fontSize = fontSize + 'px'; } } playPauseBtnFunads.addEventListener('click', function() { if (audioFunads.paused) { audioFunads.play(); playIconFunads.style.display = 'none'; pauseIconFunads.style.display = 'block'; } else { audioFunads.pause(); playIconFunads.style.display = 'block'; pauseIconFunads.style.display = 'none'; } }); audioFunads.addEventListener('timeupdate', function() { counterFunads.textContent = formatTimeFunads(audioFunads.currentTime) + ' | ' + formatTimeFunads(audioFunads.duration); }); audioFunads.addEventListener('loadedmetadata', function() { counterFunads.textContent = formatTimeFunads(audioFunads.currentTime) + ' | ' + formatTimeFunads(audioFunads.duration); }); audioFunads.addEventListener('ended', function() { playIconFunads.style.display = 'block'; pauseIconFunads.style.display = 'none'; }); rewindBtnFunads.addEventListener('click', function() { audioFunads.currentTime = Math.max(0, audioFunads.currentTime - 10); }); forwardBtnFunads.addEventListener('click', function() { audioFunads.currentTime = Math.min(audioFunads.duration, audioFunads.currentTime + 10); }); wheelTitleFunads.textContent = 'MENU'; fitTitleFontFunads();
Generack Cover Art
00:00 | 00:00
MENU
var audioGenerack = document.getElementById('audio-generack'); var playPauseBtnGenerack = document.getElementById('centerPlayBtn-generack'); var playIconGenerack = document.getElementById('playIcon-generack'); var pauseIconGenerack = document.getElementById('pauseIcon-generack'); var rewindBtnGenerack = document.getElementById('rewindBtn-generack'); var forwardBtnGenerack = document.getElementById('forwardBtn-generack'); var counterGenerack = document.getElementById('counter-generack'); var wheelTitleGenerack = document.getElementById('wheelTitle-generack'); function formatTimeGenerack(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontGenerack() { var maxWidth = 147; var fontSize = 19; wheelTitleGenerack.style.fontSize = fontSize + 'px'; while (wheelTitleGenerack.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleGenerack.style.fontSize = fontSize + 'px'; } } playPauseBtnGenerack.addEventListener('click', function() { if (audioGenerack.paused) { audioGenerack.play(); playIconGenerack.style.display = 'none'; pauseIconGenerack.style.display = 'block'; } else { audioGenerack.pause(); playIconGenerack.style.display = 'block'; pauseIconGenerack.style.display = 'none'; } }); audioGenerack.addEventListener('timeupdate', function() { counterGenerack.textContent = formatTimeGenerack(audioGenerack.currentTime) + ' | ' + formatTimeGenerack(audioGenerack.duration); }); audioGenerack.addEventListener('loadedmetadata', function() { counterGenerack.textContent = formatTimeGenerack(audioGenerack.currentTime) + ' | ' + formatTimeGenerack(audioGenerack.duration); }); audioGenerack.addEventListener('ended', function() { playIconGenerack.style.display = 'block'; pauseIconGenerack.style.display = 'none'; }); rewindBtnGenerack.addEventListener('click', function() { audioGenerack.currentTime = Math.max(0, audioGenerack.currentTime - 10); }); forwardBtnGenerack.addEventListener('click', function() { audioGenerack.currentTime = Math.min(audioGenerack.duration, audioGenerack.currentTime + 10); }); wheelTitleGenerack.textContent = 'MENU'; fitTitleFontGenerack();
Headtags Cover Art
00:00 | 00:00
MENU
var audioHeadtags = document.getElementById('audio-headtags'); var playPauseBtnHeadtags = document.getElementById('centerPlayBtn-headtags'); var playIconHeadtags = document.getElementById('playIcon-headtags'); var pauseIconHeadtags = document.getElementById('pauseIcon-headtags'); var rewindBtnHeadtags = document.getElementById('rewindBtn-headtags'); var forwardBtnHeadtags = document.getElementById('forwardBtn-headtags'); var counterHeadtags = document.getElementById('counter-headtags'); var wheelTitleHeadtags = document.getElementById('wheelTitle-headtags'); function formatTimeHeadtags(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontHeadtags() { var maxWidth = 147; var fontSize = 19; wheelTitleHeadtags.style.fontSize = fontSize + 'px'; while (wheelTitleHeadtags.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleHeadtags.style.fontSize = fontSize + 'px'; } } playPauseBtnHeadtags.addEventListener('click', function() { if (audioHeadtags.paused) { audioHeadtags.play(); playIconHeadtags.style.display = 'none'; pauseIconHeadtags.style.display = 'block'; } else { audioHeadtags.pause(); playIconHeadtags.style.display = 'block'; pauseIconHeadtags.style.display = 'none'; } }); audioHeadtags.addEventListener('timeupdate', function() { counterHeadtags.textContent = formatTimeHeadtags(audioHeadtags.currentTime) + ' | ' + formatTimeHeadtags(audioHeadtags.duration); }); audioHeadtags.addEventListener('loadedmetadata', function() { counterHeadtags.textContent = formatTimeHeadtags(audioHeadtags.currentTime) + ' | ' + formatTimeHeadtags(audioHeadtags.duration); }); audioHeadtags.addEventListener('ended', function() { playIconHeadtags.style.display = 'block'; pauseIconHeadtags.style.display = 'none'; }); rewindBtnHeadtags.addEventListener('click', function() { audioHeadtags.currentTime = Math.max(0, audioHeadtags.currentTime - 10); }); forwardBtnHeadtags.addEventListener('click', function() { audioHeadtags.currentTime = Math.min(audioHeadtags.duration, audioHeadtags.currentTime + 10); }); wheelTitleHeadtags.textContent = 'MENU'; fitTitleFontHeadtags();
Influbound Cover Art
00:00 | 00:00
MENU
var audioInflubound = document.getElementById('audio-influbound'); var playPauseBtnInflubound = document.getElementById('centerPlayBtn-influbound'); var playIconInflubound = document.getElementById('playIcon-influbound'); var pauseIconInflubound = document.getElementById('pauseIcon-influbound'); var rewindBtnInflubound = document.getElementById('rewindBtn-influbound'); var forwardBtnInflubound = document.getElementById('forwardBtn-influbound'); var counterInflubound = document.getElementById('counter-influbound'); var wheelTitleInflubound = document.getElementById('wheelTitle-influbound'); function formatTimeInflubound(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontInflubound() { var maxWidth = 147; var fontSize = 19; wheelTitleInflubound.style.fontSize = fontSize + 'px'; while (wheelTitleInflubound.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleInflubound.style.fontSize = fontSize + 'px'; } } playPauseBtnInflubound.addEventListener('click', function() { if (audioInflubound.paused) { audioInflubound.play(); playIconInflubound.style.display = 'none'; pauseIconInflubound.style.display = 'block'; } else { audioInflubound.pause(); playIconInflubound.style.display = 'block'; pauseIconInflubound.style.display = 'none'; } }); audioInflubound.addEventListener('timeupdate', function() { counterInflubound.textContent = formatTimeInflubound(audioInflubound.currentTime) + ' | ' + formatTimeInflubound(audioInflubound.duration); }); audioInflubound.addEventListener('loadedmetadata', function() { counterInflubound.textContent = formatTimeInflubound(audioInflubound.currentTime) + ' | ' + formatTimeInflubound(audioInflubound.duration); }); audioInflubound.addEventListener('ended', function() { playIconInflubound.style.display = 'block'; pauseIconInflubound.style.display = 'none'; }); rewindBtnInflubound.addEventListener('click', function() { audioInflubound.currentTime = Math.max(0, audioInflubound.currentTime - 10); }); forwardBtnInflubound.addEventListener('click', function() { audioInflubound.currentTime = Math.min(audioInflubound.duration, audioInflubound.currentTime + 10); }); wheelTitleInflubound.textContent = 'MENU'; fitTitleFontInflubound();
Jourjit Cover Art
00:00 | 00:00
MENU
var audioJourjit = document.getElementById('audio-jourjit'); var playPauseBtnJourjit = document.getElementById('centerPlayBtn-jourjit'); var playIconJourjit = document.getElementById('playIcon-jourjit'); var pauseIconJourjit = document.getElementById('pauseIcon-jourjit'); var rewindBtnJourjit = document.getElementById('rewindBtn-jourjit'); var forwardBtnJourjit = document.getElementById('forwardBtn-jourjit'); var counterJourjit = document.getElementById('counter-jourjit'); var wheelTitleJourjit = document.getElementById('wheelTitle-jourjit'); function formatTimeJourjit(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontJourjit() { var maxWidth = 147; var fontSize = 19; wheelTitleJourjit.style.fontSize = fontSize + 'px'; while (wheelTitleJourjit.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleJourjit.style.fontSize = fontSize + 'px'; } } playPauseBtnJourjit.addEventListener('click', function() { if (audioJourjit.paused) { audioJourjit.play(); playIconJourjit.style.display = 'none'; pauseIconJourjit.style.display = 'block'; } else { audioJourjit.pause(); playIconJourjit.style.display = 'block'; pauseIconJourjit.style.display = 'none'; } }); audioJourjit.addEventListener('timeupdate', function() { counterJourjit.textContent = formatTimeJourjit(audioJourjit.currentTime) + ' | ' + formatTimeJourjit(audioJourjit.duration); }); audioJourjit.addEventListener('loadedmetadata', function() { counterJourjit.textContent = formatTimeJourjit(audioJourjit.currentTime) + ' | ' + formatTimeJourjit(audioJourjit.duration); }); audioJourjit.addEventListener('ended', function() { playIconJourjit.style.display = 'block'; pauseIconJourjit.style.display = 'none'; }); rewindBtnJourjit.addEventListener('click', function() { audioJourjit.currentTime = Math.max(0, audioJourjit.currentTime - 10); }); forwardBtnJourjit.addEventListener('click', function() { audioJourjit.currentTime = Math.min(audioJourjit.duration, audioJourjit.currentTime + 10); }); wheelTitleJourjit.textContent = 'MENU'; fitTitleFontJourjit();
Keydicators Cover Art
00:00 | 00:00
MENU
var audioKeydicators = document.getElementById('audio-keydicators'); var playPauseBtnKeydicators = document.getElementById('centerPlayBtn-keydicators'); var playIconKeydicators = document.getElementById('playIcon-keydicators'); var pauseIconKeydicators = document.getElementById('pauseIcon-keydicators'); var rewindBtnKeydicators = document.getElementById('rewindBtn-keydicators'); var forwardBtnKeydicators = document.getElementById('forwardBtn-keydicators'); var counterKeydicators = document.getElementById('counter-keydicators'); var wheelTitleKeydicators = document.getElementById('wheelTitle-keydicators'); function formatTimeKeydicators(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontKeydicators() { var maxWidth = 147; var fontSize = 19; wheelTitleKeydicators.style.fontSize = fontSize + 'px'; while (wheelTitleKeydicators.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleKeydicators.style.fontSize = fontSize + 'px'; } } playPauseBtnKeydicators.addEventListener('click', function() { if (audioKeydicators.paused) { audioKeydicators.play(); playIconKeydicators.style.display = 'none'; pauseIconKeydicators.style.display = 'block'; } else { audioKeydicators.pause(); playIconKeydicators.style.display = 'block'; pauseIconKeydicators.style.display = 'none'; } }); audioKeydicators.addEventListener('timeupdate', function() { counterKeydicators.textContent = formatTimeKeydicators(audioKeydicators.currentTime) + ' | ' + formatTimeKeydicators(audioKeydicators.duration); }); audioKeydicators.addEventListener('loadedmetadata', function() { counterKeydicators.textContent = formatTimeKeydicators(audioKeydicators.currentTime) + ' | ' + formatTimeKeydicators(audioKeydicators.duration); }); audioKeydicators.addEventListener('ended', function() { playIconKeydicators.style.display = 'block'; pauseIconKeydicators.style.display = 'none'; }); rewindBtnKeydicators.addEventListener('click', function() { audioKeydicators.currentTime = Math.max(0, audioKeydicators.currentTime - 10); }); forwardBtnKeydicators.addEventListener('click', function() { audioKeydicators.currentTime = Math.min(audioKeydicators.duration, audioKeydicators.currentTime + 10); }); wheelTitleKeydicators.textContent = 'MENU'; fitTitleFontKeydicators();
Landgen Cover Art
00:00 | 00:00
MENU
var audioLandgen = document.getElementById('audio-landgen'); var playPauseBtnLandgen = document.getElementById('centerPlayBtn-landgen'); var playIconLandgen = document.getElementById('playIcon-landgen'); var pauseIconLandgen = document.getElementById('pauseIcon-landgen'); var rewindBtnLandgen = document.getElementById('rewindBtn-landgen'); var forwardBtnLandgen = document.getElementById('forwardBtn-landgen'); var counterLandgen = document.getElementById('counter-landgen'); var wheelTitleLandgen = document.getElementById('wheelTitle-landgen'); function formatTimeLandgen(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontLandgen() { var maxWidth = 147; var fontSize = 19; wheelTitleLandgen.style.fontSize = fontSize + 'px'; while (wheelTitleLandgen.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleLandgen.style.fontSize = fontSize + 'px'; } } playPauseBtnLandgen.addEventListener('click', function() { if (audioLandgen.paused) { audioLandgen.play(); playIconLandgen.style.display = 'none'; pauseIconLandgen.style.display = 'block'; } else { audioLandgen.pause(); playIconLandgen.style.display = 'block'; pauseIconLandgen.style.display = 'none'; } }); audioLandgen.addEventListener('timeupdate', function() { counterLandgen.textContent = formatTimeLandgen(audioLandgen.currentTime) + ' | ' + formatTimeLandgen(audioLandgen.duration); }); audioLandgen.addEventListener('loadedmetadata', function() { counterLandgen.textContent = formatTimeLandgen(audioLandgen.currentTime) + ' | ' + formatTimeLandgen(audioLandgen.duration); }); audioLandgen.addEventListener('ended', function() { playIconLandgen.style.display = 'block'; pauseIconLandgen.style.display = 'none'; }); rewindBtnLandgen.addEventListener('click', function() { audioLandgen.currentTime = Math.max(0, audioLandgen.currentTime - 10); }); forwardBtnLandgen.addEventListener('click', function() { audioLandgen.currentTime = Math.min(audioLandgen.duration, audioLandgen.currentTime + 10); }); wheelTitleLandgen.textContent = 'MENU'; fitTitleFontLandgen();
Mobimate Cover Art
00:00 | 00:00
MENU
var audioMobimate = document.getElementById('audio-mobimate'); var playPauseBtnMobimate = document.getElementById('centerPlayBtn-mobimate'); var playIconMobimate = document.getElementById('playIcon-mobimate'); var pauseIconMobimate = document.getElementById('pauseIcon-mobimate'); var rewindBtnMobimate = document.getElementById('rewindBtn-mobimate'); var forwardBtnMobimate = document.getElementById('forwardBtn-mobimate'); var counterMobimate = document.getElementById('counter-mobimate'); var wheelTitleMobimate = document.getElementById('wheelTitle-mobimate'); function formatTimeMobimate(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontMobimate() { var maxWidth = 147; var fontSize = 19; wheelTitleMobimate.style.fontSize = fontSize + 'px'; while (wheelTitleMobimate.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleMobimate.style.fontSize = fontSize + 'px'; } } playPauseBtnMobimate.addEventListener('click', function() { if (audioMobimate.paused) { audioMobimate.play(); playIconMobimate.style.display = 'none'; pauseIconMobimate.style.display = 'block'; } else { audioMobimate.pause(); playIconMobimate.style.display = 'block'; pauseIconMobimate.style.display = 'none'; } }); audioMobimate.addEventListener('timeupdate', function() { counterMobimate.textContent = formatTimeMobimate(audioMobimate.currentTime) + ' | ' + formatTimeMobimate(audioMobimate.duration); }); audioMobimate.addEventListener('loadedmetadata', function() { counterMobimate.textContent = formatTimeMobimate(audioMobimate.currentTime) + ' | ' + formatTimeMobimate(audioMobimate.duration); }); audioMobimate.addEventListener('ended', function() { playIconMobimate.style.display = 'block'; pauseIconMobimate.style.display = 'none'; }); rewindBtnMobimate.addEventListener('click', function() { audioMobimate.currentTime = Math.max(0, audioMobimate.currentTime - 10); }); forwardBtnMobimate.addEventListener('click', function() { audioMobimate.currentTime = Math.min(audioMobimate.duration, audioMobimate.currentTime + 10); }); wheelTitleMobimate.textContent = 'MENU'; fitTitleFontMobimate();
Nictive Cover Art
00:00 | 00:00
MENU
var audioNictive = document.getElementById('audio-nictive'); var playPauseBtnNictive = document.getElementById('centerPlayBtn-nictive'); var playIconNictive = document.getElementById('playIcon-nictive'); var pauseIconNictive = document.getElementById('pauseIcon-nictive'); var rewindBtnNictive = document.getElementById('rewindBtn-nictive'); var forwardBtnNictive = document.getElementById('forwardBtn-nictive'); var counterNictive = document.getElementById('counter-nictive'); var wheelTitleNictive = document.getElementById('wheelTitle-nictive'); function formatTimeNictive(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontNictive() { var maxWidth = 147; var fontSize = 19; wheelTitleNictive.style.fontSize = fontSize + 'px'; while (wheelTitleNictive.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleNictive.style.fontSize = fontSize + 'px'; } } playPauseBtnNictive.addEventListener('click', function() { if (audioNictive.paused) { audioNictive.play(); playIconNictive.style.display = 'none'; pauseIconNictive.style.display = 'block'; } else { audioNictive.pause(); playIconNictive.style.display = 'block'; pauseIconNictive.style.display = 'none'; } }); audioNictive.addEventListener('timeupdate', function() { counterNictive.textContent = formatTimeNictive(audioNictive.currentTime) + ' | ' + formatTimeNictive(audioNictive.duration); }); audioNictive.addEventListener('loadedmetadata', function() { counterNictive.textContent = formatTimeNictive(audioNictive.currentTime) + ' | ' + formatTimeNictive(audioNictive.duration); }); audioNictive.addEventListener('ended', function() { playIconNictive.style.display = 'block'; pauseIconNictive.style.display = 'none'; }); rewindBtnNictive.addEventListener('click', function() { audioNictive.currentTime = Math.max(0, audioNictive.currentTime - 10); }); forwardBtnNictive.addEventListener('click', function() { audioNictive.currentTime = Math.min(audioNictive.duration, audioNictive.currentTime + 10); }); wheelTitleNictive.textContent = 'MENU'; fitTitleFontNictive();
Omnoreach Cover Art
00:00 | 00:00
MENU
var audioOmnoreach = document.getElementById('audio-omnoreach'); var playPauseBtnOmnoreach = document.getElementById('centerPlayBtn-omnoreach'); var playIconOmnoreach = document.getElementById('playIcon-omnoreach'); var pauseIconOmnoreach = document.getElementById('pauseIcon-omnoreach'); var rewindBtnOmnoreach = document.getElementById('rewindBtn-omnoreach'); var forwardBtnOmnoreach = document.getElementById('forwardBtn-omnoreach'); var counterOmnoreach = document.getElementById('counter-omnoreach'); var wheelTitleOmnoreach = document.getElementById('wheelTitle-omnoreach'); function formatTimeOmnoreach(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontOmnoreach() { var maxWidth = 147; var fontSize = 19; wheelTitleOmnoreach.style.fontSize = fontSize + 'px'; while (wheelTitleOmnoreach.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleOmnoreach.style.fontSize = fontSize + 'px'; } } playPauseBtnOmnoreach.addEventListener('click', function() { if (audioOmnoreach.paused) { audioOmnoreach.play(); playIconOmnoreach.style.display = 'none'; pauseIconOmnoreach.style.display = 'block'; } else { audioOmnoreach.pause(); playIconOmnoreach.style.display = 'block'; pauseIconOmnoreach.style.display = 'none'; } }); audioOmnoreach.addEventListener('timeupdate', function() { counterOmnoreach.textContent = formatTimeOmnoreach(audioOmnoreach.currentTime) + ' | ' + formatTimeOmnoreach(audioOmnoreach.duration); }); audioOmnoreach.addEventListener('loadedmetadata', function() { counterOmnoreach.textContent = formatTimeOmnoreach(audioOmnoreach.currentTime) + ' | ' + formatTimeOmnoreach(audioOmnoreach.duration); }); audioOmnoreach.addEventListener('ended', function() { playIconOmnoreach.style.display = 'block'; pauseIconOmnoreach.style.display = 'none'; }); rewindBtnOmnoreach.addEventListener('click', function() { audioOmnoreach.currentTime = Math.max(0, audioOmnoreach.currentTime - 10); }); forwardBtnOmnoreach.addEventListener('click', function() { audioOmnoreach.currentTime = Math.min(audioOmnoreach.duration, audioOmnoreach.currentTime + 10); }); wheelTitleOmnoreach.textContent = 'MENU'; fitTitleFontOmnoreach();
Persoclick Cover Art
00:00 | 00:00
MENU
var audioPersoclick = document.getElementById('audio-persoclick'); var playPauseBtnPersoclick = document.getElementById('centerPlayBtn-persoclick'); var playIconPersoclick = document.getElementById('playIcon-persoclick'); var pauseIconPersoclick = document.getElementById('pauseIcon-persoclick'); var rewindBtnPersoclick = document.getElementById('rewindBtn-persoclick'); var forwardBtnPersoclick = document.getElementById('forwardBtn-persoclick'); var counterPersoclick = document.getElementById('counter-persoclick'); var wheelTitlePersoclick = document.getElementById('wheelTitle-persoclick'); function formatTimePersoclick(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontPersoclick() { var maxWidth = 147; var fontSize = 19; wheelTitlePersoclick.style.fontSize = fontSize + 'px'; while (wheelTitlePersoclick.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitlePersoclick.style.fontSize = fontSize + 'px'; } } playPauseBtnPersoclick.addEventListener('click', function() { if (audioPersoclick.paused) { audioPersoclick.play(); playIconPersoclick.style.display = 'none'; pauseIconPersoclick.style.display = 'block'; } else { audioPersoclick.pause(); playIconPersoclick.style.display = 'block'; pauseIconPersoclick.style.display = 'none'; } }); audioPersoclick.addEventListener('timeupdate', function() { counterPersoclick.textContent = formatTimePersoclick(audioPersoclick.currentTime) + ' | ' + formatTimePersoclick(audioPersoclick.duration); }); audioPersoclick.addEventListener('loadedmetadata', function() { counterPersoclick.textContent = formatTimePersoclick(audioPersoclick.currentTime) + ' | ' + formatTimePersoclick(audioPersoclick.duration); }); audioPersoclick.addEventListener('ended', function() { playIconPersoclick.style.display = 'block'; pauseIconPersoclick.style.display = 'none'; }); rewindBtnPersoclick.addEventListener('click', function() { audioPersoclick.currentTime = Math.max(0, audioPersoclick.currentTime - 10); }); forwardBtnPersoclick.addEventListener('click', function() { audioPersoclick.currentTime = Math.min(audioPersoclick.duration, audioPersoclick.currentTime + 10); }); wheelTitlePersoclick.textContent = 'MENU'; fitTitleFontPersoclick();
Quantlity Cover Art
00:00 | 00:00
MENU
var audioQuantlity = document.getElementById('audio-quantlity'); var playPauseBtnQuantlity = document.getElementById('centerPlayBtn-quantlity'); var playIconQuantlity = document.getElementById('playIcon-quantlity'); var pauseIconQuantlity = document.getElementById('pauseIcon-quantlity'); var rewindBtnQuantlity = document.getElementById('rewindBtn-quantlity'); var forwardBtnQuantlity = document.getElementById('forwardBtn-quantlity'); var counterQuantlity = document.getElementById('counter-quantlity'); var wheelTitleQuantlity = document.getElementById('wheelTitle-quantlity'); function formatTimeQuantlity(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontQuantlity() { var maxWidth = 147; var fontSize = 19; wheelTitleQuantlity.style.fontSize = fontSize + 'px'; while (wheelTitleQuantlity.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleQuantlity.style.fontSize = fontSize + 'px'; } } playPauseBtnQuantlity.addEventListener('click', function() { if (audioQuantlity.paused) { audioQuantlity.play(); playIconQuantlity.style.display = 'none'; pauseIconQuantlity.style.display = 'block'; } else { audioQuantlity.pause(); playIconQuantlity.style.display = 'block'; pauseIconQuantlity.style.display = 'none'; } }); audioQuantlity.addEventListener('timeupdate', function() { counterQuantlity.textContent = formatTimeQuantlity(audioQuantlity.currentTime) + ' | ' + formatTimeQuantlity(audioQuantlity.duration); }); audioQuantlity.addEventListener('loadedmetadata', function() { counterQuantlity.textContent = formatTimeQuantlity(audioQuantlity.currentTime) + ' | ' + formatTimeQuantlity(audioQuantlity.duration); }); audioQuantlity.addEventListener('ended', function() { playIconQuantlity.style.display = 'block'; pauseIconQuantlity.style.display = 'none'; }); rewindBtnQuantlity.addEventListener('click', function() { audioQuantlity.currentTime = Math.max(0, audioQuantlity.currentTime - 10); }); forwardBtnQuantlity.addEventListener('click', function() { audioQuantlity.currentTime = Math.min(audioQuantlity.duration, audioQuantlity.currentTime + 10); }); wheelTitleQuantlity.textContent = 'MENU'; fitTitleFontQuantlity();
Retroas Cover Art
00:00 | 00:00
MENU
var audioRetroas = document.getElementById('audio-retroas'); var playPauseBtnRetroas = document.getElementById('centerPlayBtn-retroas'); var playIconRetroas = document.getElementById('playIcon-retroas'); var pauseIconRetroas = document.getElementById('pauseIcon-retroas'); var rewindBtnRetroas = document.getElementById('rewindBtn-retroas'); var forwardBtnRetroas = document.getElementById('forwardBtn-retroas'); var counterRetroas = document.getElementById('counter-retroas'); var wheelTitleRetroas = document.getElementById('wheelTitle-retroas'); function formatTimeRetroas(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontRetroas() { var maxWidth = 147; var fontSize = 19; wheelTitleRetroas.style.fontSize = fontSize + 'px'; while (wheelTitleRetroas.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleRetroas.style.fontSize = fontSize + 'px'; } } playPauseBtnRetroas.addEventListener('click', function() { if (audioRetroas.paused) { audioRetroas.play(); playIconRetroas.style.display = 'none'; pauseIconRetroas.style.display = 'block'; } else { audioRetroas.pause(); playIconRetroas.style.display = 'block'; pauseIconRetroas.style.display = 'none'; } }); audioRetroas.addEventListener('timeupdate', function() { counterRetroas.textContent = formatTimeRetroas(audioRetroas.currentTime) + ' | ' + formatTimeRetroas(audioRetroas.duration); }); audioRetroas.addEventListener('loadedmetadata', function() { counterRetroas.textContent = formatTimeRetroas(audioRetroas.currentTime) + ' | ' + formatTimeRetroas(audioRetroas.duration); }); audioRetroas.addEventListener('ended', function() { playIconRetroas.style.display = 'block'; pauseIconRetroas.style.display = 'none'; }); rewindBtnRetroas.addEventListener('click', function() { audioRetroas.currentTime = Math.max(0, audioRetroas.currentTime - 10); }); forwardBtnRetroas.addEventListener('click', function() { audioRetroas.currentTime = Math.min(audioRetroas.duration, audioRetroas.currentTime + 10); }); wheelTitleRetroas.textContent = 'MENU'; fitTitleFontRetroas();
Seocial Cover Art
00:00 | 00:00
MENU
var audioSeocial = document.getElementById('audio-seocial'); var playPauseBtnSeocial = document.getElementById('centerPlayBtn-seocial'); var playIconSeocial = document.getElementById('playIcon-seocial'); var pauseIconSeocial = document.getElementById('pauseIcon-seocial'); var rewindBtnSeocial = document.getElementById('rewindBtn-seocial'); var forwardBtnSeocial = document.getElementById('forwardBtn-seocial'); var counterSeocial = document.getElementById('counter-seocial'); var wheelTitleSeocial = document.getElementById('wheelTitle-seocial'); function formatTimeSeocial(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontSeocial() { var maxWidth = 147; var fontSize = 19; wheelTitleSeocial.style.fontSize = fontSize + 'px'; while (wheelTitleSeocial.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleSeocial.style.fontSize = fontSize + 'px'; } } playPauseBtnSeocial.addEventListener('click', function() { if (audioSeocial.paused) { audioSeocial.play(); playIconSeocial.style.display = 'none'; pauseIconSeocial.style.display = 'block'; } else { audioSeocial.pause(); playIconSeocial.style.display = 'block'; pauseIconSeocial.style.display = 'none'; } }); audioSeocial.addEventListener('timeupdate', function() { counterSeocial.textContent = formatTimeSeocial(audioSeocial.currentTime) + ' | ' + formatTimeSeocial(audioSeocial.duration); }); audioSeocial.addEventListener('loadedmetadata', function() { counterSeocial.textContent = formatTimeSeocial(audioSeocial.currentTime) + ' | ' + formatTimeSeocial(audioSeocial.duration); }); audioSeocial.addEventListener('ended', function() { playIconSeocial.style.display = 'block'; pauseIconSeocial.style.display = 'none'; }); rewindBtnSeocial.addEventListener('click', function() { audioSeocial.currentTime = Math.max(0, audioSeocial.currentTime - 10); }); forwardBtnSeocial.addEventListener('click', function() { audioSeocial.currentTime = Math.min(audioSeocial.duration, audioSeocial.currentTime + 10); }); wheelTitleSeocial.textContent = 'MENU'; fitTitleFontSeocial();
Trimonial Cover Art
00:00 | 00:00
MENU
var audioTrimonial = document.getElementById('audio-trimonial'); var playPauseBtnTrimonial = document.getElementById('centerPlayBtn-trimonial'); var playIconTrimonial = document.getElementById('playIcon-trimonial'); var pauseIconTrimonial = document.getElementById('pauseIcon-trimonial'); var rewindBtnTrimonial = document.getElementById('rewindBtn-trimonial'); var forwardBtnTrimonial = document.getElementById('forwardBtn-trimonial'); var counterTrimonial = document.getElementById('counter-trimonial'); var wheelTitleTrimonial = document.getElementById('wheelTitle-trimonial'); function formatTimeTrimonial(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontTrimonial() { var maxWidth = 147; var fontSize = 19; wheelTitleTrimonial.style.fontSize = fontSize + 'px'; while (wheelTitleTrimonial.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleTrimonial.style.fontSize = fontSize + 'px'; } } playPauseBtnTrimonial.addEventListener('click', function() { if (audioTrimonial.paused) { audioTrimonial.play(); playIconTrimonial.style.display = 'none'; pauseIconTrimonial.style.display = 'block'; } else { audioTrimonial.pause(); playIconTrimonial.style.display = 'block'; pauseIconTrimonial.style.display = 'none'; } }); audioTrimonial.addEventListener('timeupdate', function() { counterTrimonial.textContent = formatTimeTrimonial(audioTrimonial.currentTime) + ' | ' + formatTimeTrimonial(audioTrimonial.duration); }); audioTrimonial.addEventListener('loadedmetadata', function() { counterTrimonial.textContent = formatTimeTrimonial(audioTrimonial.currentTime) + ' | ' + formatTimeTrimonial(audioTrimonial.duration); }); audioTrimonial.addEventListener('ended', function() { playIconTrimonial.style.display = 'block'; pauseIconTrimonial.style.display = 'none'; }); rewindBtnTrimonial.addEventListener('click', function() { audioTrimonial.currentTime = Math.max(0, audioTrimonial.currentTime - 10); }); forwardBtnTrimonial.addEventListener('click', function() { audioTrimonial.currentTime = Math.min(audioTrimonial.duration, audioTrimonial.currentTime + 10); }); wheelTitleTrimonial.textContent = 'MENU'; fitTitleFontTrimonial();
Usergen Cover Art
00:00 | 00:00
MENU
var audioUsergen = document.getElementById('audio-usergen'); var playPauseBtnUsergen = document.getElementById('centerPlayBtn-usergen'); var playIconUsergen = document.getElementById('playIcon-usergen'); var pauseIconUsergen = document.getElementById('pauseIcon-usergen'); var rewindBtnUsergen = document.getElementById('rewindBtn-usergen'); var forwardBtnUsergen = document.getElementById('forwardBtn-usergen'); var counterUsergen = document.getElementById('counter-usergen'); var wheelTitleUsergen = document.getElementById('wheelTitle-usergen'); function formatTimeUsergen(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontUsergen() { var maxWidth = 147; var fontSize = 19; wheelTitleUsergen.style.fontSize = fontSize + 'px'; while (wheelTitleUsergen.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleUsergen.style.fontSize = fontSize + 'px'; } } playPauseBtnUsergen.addEventListener('click', function() { if (audioUsergen.paused) { audioUsergen.play(); playIconUsergen.style.display = 'none'; pauseIconUsergen.style.display = 'block'; } else { audioUsergen.pause(); playIconUsergen.style.display = 'block'; pauseIconUsergen.style.display = 'none'; } }); audioUsergen.addEventListener('timeupdate', function() { counterUsergen.textContent = formatTimeUsergen(audioUsergen.currentTime) + ' | ' + formatTimeUsergen(audioUsergen.duration); }); audioUsergen.addEventListener('loadedmetadata', function() { counterUsergen.textContent = formatTimeUsergen(audioUsergen.currentTime) + ' | ' + formatTimeUsergen(audioUsergen.duration); }); audioUsergen.addEventListener('ended', function() { playIconUsergen.style.display = 'block'; pauseIconUsergen.style.display = 'none'; }); rewindBtnUsergen.addEventListener('click', function() { audioUsergen.currentTime = Math.max(0, audioUsergen.currentTime - 10); }); forwardBtnUsergen.addEventListener('click', function() { audioUsergen.currentTime = Math.min(audioUsergen.duration, audioUsergen.currentTime + 10); }); wheelTitleUsergen.textContent = 'MENU'; fitTitleFontUsergen();
Vidcon Cover Art
00:00 | 00:00
MENU
var audioVidcon = document.getElementById('audio-vidcon'); var playPauseBtnVidcon = document.getElementById('centerPlayBtn-vidcon'); var playIconVidcon = document.getElementById('playIcon-vidcon'); var pauseIconVidcon = document.getElementById('pauseIcon-vidcon'); var rewindBtnVidcon = document.getElementById('rewindBtn-vidcon'); var forwardBtnVidcon = document.getElementById('forwardBtn-vidcon'); var counterVidcon = document.getElementById('counter-vidcon'); var wheelTitleVidcon = document.getElementById('wheelTitle-vidcon'); function formatTimeVidcon(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontVidcon() { var maxWidth = 147; var fontSize = 19; wheelTitleVidcon.style.fontSize = fontSize + 'px'; while (wheelTitleVidcon.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleVidcon.style.fontSize = fontSize + 'px'; } } playPauseBtnVidcon.addEventListener('click', function() { if (audioVidcon.paused) { audioVidcon.play(); playIconVidcon.style.display = 'none'; pauseIconVidcon.style.display = 'block'; } else { audioVidcon.pause(); playIconVidcon.style.display = 'block'; pauseIconVidcon.style.display = 'none'; } }); audioVidcon.addEventListener('timeupdate', function() { counterVidcon.textContent = formatTimeVidcon(audioVidcon.currentTime) + ' | ' + formatTimeVidcon(audioVidcon.duration); }); audioVidcon.addEventListener('loadedmetadata', function() { counterVidcon.textContent = formatTimeVidcon(audioVidcon.currentTime) + ' | ' + formatTimeVidcon(audioVidcon.duration); }); audioVidcon.addEventListener('ended', function() { playIconVidcon.style.display = 'block'; pauseIconVidcon.style.display = 'none'; }); rewindBtnVidcon.addEventListener('click', function() { audioVidcon.currentTime = Math.max(0, audioVidcon.currentTime - 10); }); forwardBtnVidcon.addEventListener('click', function() { audioVidcon.currentTime = Math.min(audioVidcon.duration, audioVidcon.currentTime + 10); }); wheelTitleVidcon.textContent = 'MENU'; fitTitleFontVidcon();
Webop Cover Art
00:00 | 00:00
MENU
var audioWebop = document.getElementById('audio-webop'); var playPauseBtnWebop = document.getElementById('centerPlayBtn-webop'); var playIconWebop = document.getElementById('playIcon-webop'); var pauseIconWebop = document.getElementById('pauseIcon-webop'); var rewindBtnWebop = document.getElementById('rewindBtn-webop'); var forwardBtnWebop = document.getElementById('forwardBtn-webop'); var counterWebop = document.getElementById('counter-webop'); var wheelTitleWebop = document.getElementById('wheelTitle-webop'); function formatTimeWebop(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontWebop() { var maxWidth = 147; var fontSize = 19; wheelTitleWebop.style.fontSize = fontSize + 'px'; while (wheelTitleWebop.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleWebop.style.fontSize = fontSize + 'px'; } } playPauseBtnWebop.addEventListener('click', function() { if (audioWebop.paused) { audioWebop.play(); playIconWebop.style.display = 'none'; pauseIconWebop.style.display = 'block'; } else { audioWebop.pause(); playIconWebop.style.display = 'block'; pauseIconWebop.style.display = 'none'; } }); audioWebop.addEventListener('timeupdate', function() { counterWebop.textContent = formatTimeWebop(audioWebop.currentTime) + ' | ' + formatTimeWebop(audioWebop.duration); }); audioWebop.addEventListener('loadedmetadata', function() { counterWebop.textContent = formatTimeWebop(audioWebop.currentTime) + ' | ' + formatTimeWebop(audioWebop.duration); }); audioWebop.addEventListener('ended', function() { playIconWebop.style.display = 'block'; pauseIconWebop.style.display = 'none'; }); rewindBtnWebop.addEventListener('click', function() { audioWebop.currentTime = Math.max(0, audioWebop.currentTime - 10); }); forwardBtnWebop.addEventListener('click', function() { audioWebop.currentTime = Math.min(audioWebop.duration, audioWebop.currentTime + 10); }); wheelTitleWebop.textContent = 'MENU'; fitTitleFontWebop();
Xpertion Cover Art
00:00 | 00:00
MENU
var audioXpertion = document.getElementById('audio-xpertion'); var playPauseBtnXpertion = document.getElementById('centerPlayBtn-xpertion'); var playIconXpertion = document.getElementById('playIcon-xpertion'); var pauseIconXpertion = document.getElementById('pauseIcon-xpertion'); var rewindBtnXpertion = document.getElementById('rewindBtn-xpertion'); var forwardBtnXpertion = document.getElementById('forwardBtn-xpertion'); var counterXpertion = document.getElementById('counter-xpertion'); var wheelTitleXpertion = document.getElementById('wheelTitle-xpertion'); function formatTimeXpertion(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontXpertion() { var maxWidth = 147; var fontSize = 19; wheelTitleXpertion.style.fontSize = fontSize + 'px'; while (wheelTitleXpertion.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleXpertion.style.fontSize = fontSize + 'px'; } } playPauseBtnXpertion.addEventListener('click', function() { if (audioXpertion.paused) { audioXpertion.play(); playIconXpertion.style.display = 'none'; pauseIconXpertion.style.display = 'block'; } else { audioXpertion.pause(); playIconXpertion.style.display = 'block'; pauseIconXpertion.style.display = 'none'; } }); audioXpertion.addEventListener('timeupdate', function() { counterXpertion.textContent = formatTimeXpertion(audioXpertion.currentTime) + ' | ' + formatTimeXpertion(audioXpertion.duration); }); audioXpertion.addEventListener('loadedmetadata', function() { counterXpertion.textContent = formatTimeXpertion(audioXpertion.currentTime) + ' | ' + formatTimeXpertion(audioXpertion.duration); }); audioXpertion.addEventListener('ended', function() { playIconXpertion.style.display = 'block'; pauseIconXpertion.style.display = 'none'; }); rewindBtnXpertion.addEventListener('click', function() { audioXpertion.currentTime = Math.max(0, audioXpertion.currentTime - 10); }); forwardBtnXpertion.addEventListener('click', function() { audioXpertion.currentTime = Math.min(audioXpertion.duration, audioXpertion.currentTime + 10); }); wheelTitleXpertion.textContent = 'MENU'; fitTitleFontXpertion();
Yorts Cover Art
00:00 | 00:00
MENU
var audioYorts = document.getElementById('audio-yorts'); var playPauseBtnYorts = document.getElementById('centerPlayBtn-yorts'); var playIconYorts = document.getElementById('playIcon-yorts'); var pauseIconYorts = document.getElementById('pauseIcon-yorts'); var rewindBtnYorts = document.getElementById('rewindBtn-yorts'); var forwardBtnYorts = document.getElementById('forwardBtn-yorts'); var counterYorts = document.getElementById('counter-yorts'); var wheelTitleYorts = document.getElementById('wheelTitle-yorts'); function formatTimeYorts(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontYorts() { var maxWidth = 147; var fontSize = 19; wheelTitleYorts.style.fontSize = fontSize + 'px'; while (wheelTitleYorts.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleYorts.style.fontSize = fontSize + 'px'; } } playPauseBtnYorts.addEventListener('click', function() { if (audioYorts.paused) { audioYorts.play(); playIconYorts.style.display = 'none'; pauseIconYorts.style.display = 'block'; } else { audioYorts.pause(); playIconYorts.style.display = 'block'; pauseIconYorts.style.display = 'none'; } }); audioYorts.addEventListener('timeupdate', function() { counterYorts.textContent = formatTimeYorts(audioYorts.currentTime) + ' | ' + formatTimeYorts(audioYorts.duration); }); audioYorts.addEventListener('loadedmetadata', function() { counterYorts.textContent = formatTimeYorts(audioYorts.currentTime) + ' | ' + formatTimeYorts(audioYorts.duration); }); audioYorts.addEventListener('ended', function() { playIconYorts.style.display = 'block'; pauseIconYorts.style.display = 'none'; }); rewindBtnYorts.addEventListener('click', function() { audioYorts.currentTime = Math.max(0, audioYorts.currentTime - 10); }); forwardBtnYorts.addEventListener('click', function() { audioYorts.currentTime = Math.min(audioYorts.duration, audioYorts.currentTime + 10); }); wheelTitleYorts.textContent = 'MENU'; fitTitleFontYorts();
Zerch Cover Art
00:00 | 00:00
MENU
var audioZerch = document.getElementById('audio-zerch'); var playPauseBtnZerch = document.getElementById('centerPlayBtn-zerch'); var playIconZerch = document.getElementById('playIcon-zerch'); var pauseIconZerch = document.getElementById('pauseIcon-zerch'); var rewindBtnZerch = document.getElementById('rewindBtn-zerch'); var forwardBtnZerch = document.getElementById('forwardBtn-zerch'); var counterZerch = document.getElementById('counter-zerch'); var wheelTitleZerch = document.getElementById('wheelTitle-zerch'); function formatTimeZerch(sec) { if (isNaN(sec)) return '00:00'; var m = Math.floor(sec / 60); var s = Math.floor(sec % 60); return (m < 10 ? '0' : '') + m + ':' + (s < 10 ? '0' : '') + s; } function fitTitleFontZerch() { var maxWidth = 147; var fontSize = 19; wheelTitleZerch.style.fontSize = fontSize + 'px'; while (wheelTitleZerch.scrollWidth > maxWidth && fontSize > 10) { fontSize = fontSize - 1; wheelTitleZerch.style.fontSize = fontSize + 'px'; } } playPauseBtnZerch.addEventListener('click', function() { if (audioZerch.paused) { audioZerch.play(); playIconZerch.style.display = 'none'; pauseIconZerch.style.display = 'block'; } else { audioZerch.pause(); playIconZerch.style.display = 'block'; pauseIconZerch.style.display = 'none'; } }); audioZerch.addEventListener('timeupdate', function() { counterZerch.textContent = formatTimeZerch(audioZerch.currentTime) + ' | ' + formatTimeZerch(audioZerch.duration); }); audioZerch.addEventListener('loadedmetadata', function() { counterZerch.textContent = formatTimeZerch(audioZerch.currentTime) + ' | ' + formatTimeZerch(audioZerch.duration); }); audioZerch.addEventListener('ended', function() { playIconZerch.style.display = 'block'; pauseIconZerch.style.display = 'none'; }); rewindBtnZerch.addEventListener('click', function() { audioZerch.currentTime = Math.max(0, audioZerch.currentTime - 10); }); forwardBtnZerch.addEventListener('click', function() { audioZerch.currentTime = Math.min(audioZerch.duration, audioZerch.currentTime + 10); }); wheelTitleZerch.textContent = 'MENU'; fitTitleFontZerch();