Enseignements – Jona Radio

/* Header ordinateur : bouton centré verticalement dans la barre */ [data-device="desktop"] .ct-header-text:has(.jr-head-wrap),[data-device="desktop"] .ct-header-text:has(.jr-head-wrap) .entry-content{display:flex!important;align-items:center!important;height:100%;margin:0!important;padding:0!important} /* Partout (ordinateur, mobile, menu mobile) : aucune marge parasite */ .ct-header-text:has(.jr-head-wrap){margin:0!important;padding:0!important;line-height:0} .ct-header-text:has(.jr-head-wrap) .entry-content{margin:0!important;padding:0!important} .ct-header-text:has(.jr-head-wrap) p{margin:0!important;padding:0!important} .ct-header-text:has(.jr-head-wrap) p:empty,.ct-header-text:has(.jr-head-wrap) br{display:none!important} .ct-header-text:has(.jr-head-wrap) p:has(style),.ct-header-text:has(.jr-head-wrap) p:has(script){display:contents} .jr-head-wrap{display:flex;align-items:center;margin:0!important;padding:0!important;line-height:1} /* Menu mobile (offcanvas) : hauteur naturelle, bouton pleine largeur */ #offcanvas .ct-header-text:has(.jr-head-wrap),#offcanvas .jr-head-wrap{height:auto!important;display:block!important} #offcanvas .jr-head-btn{width:100%;justify-content:center} /* Bouton */ .jr-head-btn{display:inline-flex;align-items:center;gap:10px;height:46px;margin:0;padding:0 20px;border:0;border-radius:999px;background:#042C76;color:#fff;font-family:'DM Sans',system-ui,sans-serif;font-size:15px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s} .jr-head-btn:hover{background:#03184A;color:#fff;transform:translateY(-1px)} .jr-head-btn:focus-visible{outline:3px solid #F8AE01;outline-offset:3px} .jr-hb-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#FF5A4E} /* Icônes en CSS (lecture / pause / chargement) */ .jr-hb-ico{width:14px;height:14px;flex:0 0 14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l12.5-7.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l12.5-7.5z'/%3E%3C/svg%3E") center/contain no-repeat} .jr-head-btn[data-state="playing"] .jr-hb-ico{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='5' width='4' height='14' rx='1'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='5' width='4' height='14' rx='1'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E")} .jr-head-btn[data-state="loading"] .jr-hb-ico{background:none;-webkit-mask:none;mask:none;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:jrHbSpin .8s linear infinite} .jr-head-btn[data-state="playing"]{background:#F8AE01;color:#03184A} .jr-head-btn[data-state="playing"]:hover{background:#FFC233;color:#03184A} .jr-head-btn[data-state="playing"] .jr-hb-dot{animation:jrHbPulse 1.2s ease-in-out infinite} @keyframes jrHbPulse{0%,100%{opacity:1}50%{opacity:.25}} @keyframes jrHbSpin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.jr-head-btn *{animation:none!important}} (function(){function r(b,s){var t=b.querySelector('.jr-hb-txt');b.dataset.state=s;if(s==='playing'){t.textContent='En direct · Pause';b.setAttribute('aria-label','Mettre la radio en pause');}else if(s==='loading'){t.textContent='Connexion…';b.setAttribute('aria-label','Connexion au direct');}else{t.textContent='Écouter en direct';b.setAttribute('aria-label','Écouter en direct');}}function i(){var bs=document.querySelectorAll('.jr-head-btn');if(!bs.length)return;bs.forEach(function(b){if(b.dataset.ready)return;b.dataset.ready='1';b.addEventListener('click',function(e){e.preventDefault();if(window.JonaRadio){window.JonaRadio.toggle();}});r(b,window.JonaRadio?window.JonaRadio.state:'idle');});if(!window.__jrHbListen){window.__jrHbListen=1;document.addEventListener('jonaradio:state',function(e){document.querySelectorAll('.jr-head-btn').forEach(function(b){r(b,e.detail.state);});});}}if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',i);}else{i();}})();

Enseignements et messages

The Heart of Jona Radio: Proclaiming the Gospel of Jesus Christ

The Impact of Online Christian Radio Stations