Philip P. Bliss Gospel Songwriters Museum ...Song List

Philip P. Bliss Gospel Songwriters Museum - Rome, Pennsylvania

About Visit Newsletter Biography FAQ Songs Photos Contacts

Song List

</p><center><img class='frame' src='post/_photos/birthdayconcertnorthorwellunionchurchchoir.JPG' border='1' height='200' alt='birthdayconcertnorthorwellunionchurchchoir.JPG'></center></div> </div> </td> </tr> </table> </div> </td> </tr> <tr> <td> <p> <a title="Home" href="index.php"><img src="clips/iconHome.png" alt="Home" height="30" width="30" align="right" border="0"></a> <a title="Contact" href="post.php?pid=25"><img src="clips/iconContact.png" alt="Contact" height="30" width="30" align="right" border="0"></a> <div align="center" class="footerText"> <p>P.O. Box 84, 969 Main ST. Rome, PA 18837 phone 570-247-2228</p> </div>  <button class="za11y-fab" type="button" aria-label="Accessibility options" aria-haspopup="dialog" aria-controls="za11y-panel" aria-expanded="false"> Aa </button> <div class="za11y-panel" id="za11y-panel" role="dialog" aria-label="Accessibility options" aria-modal="false" hidden> <div class="za11y-head"> <strong>Accessibility</strong> <button class="za11y-close" type="button" aria-label="Close accessibility panel">✕</button> </div> <div class="za11y-group"> <div class="za11y-row"> <span class="za11y-label">Text size</span> <div class="za11y-controls"> <button type="button" class="za11y-btn" data-font="-">A−</button> <button type="button" class="za11y-btn" data-font="reset">Reset</button> <button type="button" class="za11y-btn" data-font="+">A+</button> </div> </div> </div> <div class="za11y-group"> <label class="za11y-toggle"> <input type="checkbox" data-toggle="contrast"> <span>High contrast</span> </label> <label class="za11y-toggle"> <input type="checkbox" data-toggle="invert"> <span>Invert colors</span> </label> <label class="za11y-toggle"> <input type="checkbox" data-toggle="underline"> <span>Underline links</span> </label> <label class="za11y-toggle"> <input type="checkbox" data-toggle="reduce-motion"> <span>Reduce motion</span> </label> <label class="za11y-toggle"> <input type="checkbox" data-toggle="zoom"> <span>Zoom page</span> </label> </div> <div class="za11y-foot"> <button type="button" class="za11y-btn za11y-btn-wide" data-action="reset-all">Reset all</button> </div> </div> <style> /* zAccessibility CSS Style - A11y Panel */ .za11y-fab:hover{ transform: scale(1.05); } .za11y-fab{ transition: transform .12s ease; } .za11y-fab{ position: fixed; left: 14px; bottom: 14px; z-index: 99998; width: 46px; height: 46px; border-radius: 999px; border: 1px solid rgba(0,0,0,.2); background: #111; color: #fff; font: 700 16px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.18); } .za11y-fab:focus{ outline: 3px solid #7aa7ff; outline-offset: 2px; } .za11y-panel{ position: fixed; left: 14px; bottom: 70px; z-index: 99999; width: 280px; max-width: calc(100vw - 28px); border-radius: 14px; background: #fff; color: #111; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 14px 34px rgba(0,0,0,.22); overflow: hidden; font: 14px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .za11y-head{ display:flex; align-items:center; justify-content:space-between; padding: 12px 12px; background: #f6f6f6; border-bottom: 1px solid rgba(0,0,0,.08); } .za11y-close{ border: 0; background: transparent; font-size: 16px; cursor: pointer; padding: 6px 8px; border-radius: 10px; } .za11y-close:focus{ outline: 3px solid #7aa7ff; outline-offset: 2px; } .za11y-group{ padding: 10px 12px; } .za11y-row{ display:flex; align-items:center; justify-content:space-between; gap: 10px; } .za11y-label{ font-weight: 600; } .za11y-controls{ display:flex; gap: 8px; } .za11y-btn{ border: 1px solid rgba(0,0,0,.18); background: #fff; padding: 7px 10px; border-radius: 12px; cursor: pointer; } .za11y-btn:focus{ outline: 3px solid #7aa7ff; outline-offset: 2px; } .za11y-btn-wide{ width: 100%; } .za11y-toggle{ display:flex; align-items:center; gap: 10px; padding: 8px 0; cursor: pointer; } .za11y-toggle input{ width: 18px; height: 18px; } .za11y-foot{ padding: 10px 12px 12px; } /* A11y classes applied to <html> */ html.za11y-contrast body{ background: #000 !important; color: #fff !important; } html.za11y-contrast a{ color: #8fd3ff !important; } html.za11y-contrast *{ border-color: rgba(255,255,255,.35) !important; } html.za11y-invert{ filter: invert(1) hue-rotate(180deg); } html.za11y-invert img, html.za11y-invert video{ filter: invert(1) hue-rotate(180deg); } html.za11y-underline a{ text-decoration: underline !important; text-underline-offset: 2px; } html.za11y-reduce-motion *, html.za11y-reduce-motion *::before, html.za11y-reduce-motion *::after{ animation: none !important; transition: none !important; scroll-behavior: auto !important; } /* Mobile: move up slightly if needed */ @media (max-width: 520px){ .za11y-panel{ width: 92vw; } } /* Helps zoom behave more nicely */ html.za11y-zoom body{ width: 100%; } </style> <script> /* zAccessibility JavaScript */ (function(){ var root = document.documentElement; var fab = document.querySelector('.za11y-fab'); var panel= document.getElementById('za11y-panel'); var closeBtn = panel ? panel.querySelector('.za11y-close') : null; var LS_KEY = 'zehr_a11y_prefs_v1'; var state = { fontStep: 0, // -2..+3 contrast: false, invert: false, underline: false, reduceMotion: false, zoom: false }; function clamp(n, min, max){ return Math.max(min, Math.min(max, n)); } function load(){ try{ var saved = JSON.parse(localStorage.getItem(LS_KEY) || '{}'); Object.assign(state, saved); }catch(e){} } function save(){ try{ localStorage.setItem(LS_KEY, JSON.stringify(state)); }catch(e){} } function applyFont(){ // Base = 100%. Each step = +7% var step = clamp(state.fontStep, -2, 3); var pct = 100 + (step * 7); // Force priority so theme CSS doesn't override root.style.setProperty('font-size', pct + '%', 'important'); if(document.body){ document.body.style.setProperty('font-size', pct + '%', 'important'); } } function applyClasses(){ root.classList.toggle('za11y-contrast', !!state.contrast); root.classList.toggle('za11y-invert', !!state.invert); root.classList.toggle('za11y-underline', !!state.underline); root.classList.toggle('za11y-reduce-motion', !!state.reduceMotion); } function applyZoom(){ // Zoom is a compatibility mode for px-heavy sites. // Uses SAME fontStep steps so A-/A+ controls magnitude. if(state.zoom){ var step = clamp(state.fontStep, -2, 3); var z = 1 + (step * 0.08); // 8% per step z = clamp(z, 0.84, 1.24); root.style.setProperty('zoom', z, 'important'); root.classList.add('za11y-zoom'); }else{ root.style.removeProperty('zoom'); root.classList.remove('za11y-zoom'); } } function syncUI(){ if(!panel) return; var map = { 'contrast': 'contrast', 'invert': 'invert', 'underline': 'underline', 'reduce-motion': 'reduceMotion', 'zoom': 'zoom' }; panel.querySelectorAll('input[data-toggle]').forEach(function(el){ var k = el.getAttribute('data-toggle'); var key = map[k]; if(key) el.checked = !!state[key]; }); } function openPanel(){ if(!panel) return; panel.hidden = false; fab.setAttribute('aria-expanded','true'); var first = panel.querySelector('button, input'); if(first) first.focus(); } function closePanel(){ if(!panel) return; panel.hidden = true; fab.setAttribute('aria-expanded','false'); fab.focus(); } function togglePanel(){ if(!panel) return; if(panel.hidden) openPanel(); else closePanel(); } // Init if(!fab || !panel) return; load(); applyFont(); applyClasses(); applyZoom(); syncUI(); fab.addEventListener('click', togglePanel); if(closeBtn) closeBtn.addEventListener('click', closePanel); // Close on Escape document.addEventListener('keydown', function(e){ if(e.key === 'Escape' && panel && !panel.hidden) closePanel(); }); // Click outside closes (optional) document.addEventListener('click', function(e){ if(!panel || panel.hidden) return; if(panel.contains(e.target) || fab.contains(e.target)) return; closePanel(); }); // Buttons (A-/Reset/A+ + Reset all) panel.addEventListener('click', function(e){ var btn = e.target.closest('button'); if(!btn) return; if(btn.hasAttribute('data-font')){ var action = btn.getAttribute('data-font'); if(action === '+') state.fontStep = clamp(state.fontStep + 1, -2, 3); if(action === '-') state.fontStep = clamp(state.fontStep - 1, -2, 3); if(action === 'reset') state.fontStep = 0; applyFont(); applyZoom(); // important: zoom uses fontStep save(); } if(btn.getAttribute('data-action') === 'reset-all'){ state = { fontStep:0, contrast:false, invert:false, underline:false, reduceMotion:false, zoom:false }; applyFont(); applyClasses(); applyZoom(); syncUI(); save(); } }); // Toggle checkboxes panel.querySelectorAll('input[data-toggle]').forEach(function(el){ el.addEventListener('change', function(){ var k = el.getAttribute('data-toggle'); if(k === 'contrast') state.contrast = el.checked; if(k === 'invert') state.invert = el.checked; if(k === 'underline') state.underline = el.checked; if(k === 'reduce-motion') state.reduceMotion = el.checked; if(k === 'zoom') state.zoom = el.checked; applyClasses(); applyZoom(); save(); }); }); })(); </script> </p> </td> </tr> </table> </div> </body> </html>