SRN Surface Usage Guide

[srn_surface_usage_guide]

'); d.close(); d.title=title; var style=d.createElement('style'); style.textContent='html,body{margin:0;min-height:100%;background:#050914;color:#f8fafc;font-family:Arial,Helvetica,sans-serif;}body{display:flex;flex-direction:column;}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#111b31,#08111f);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px rgba(0,0,0,.35);}h1{font-size:18px;margin:0;letter-spacing:.03em}.btnrow{display:flex;gap:10px;flex-wrap:wrap}.btn{appearance:none;border:1px solid rgba(255,255,255,.20);background:linear-gradient(135deg,#5b21b6,#0891b2);color:#fff;border-radius:999px;padding:9px 14px;text-decoration:none;font-weight:800;cursor:pointer}.asset{flex:1;min-height:0;padding:0}.asset iframe{display:block;width:100%;height:calc(100vh - 62px);border:0;background:#fff}.asset-image{display:flex;align-items:flex-start;justify-content:center;padding:18px;box-sizing:border-box;overflow:auto}.asset-image img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.45)}@media(max-width:640px){header{align-items:flex-start;flex-direction:column}.asset iframe{height:calc(100vh - 110px)}}'; d.head.appendChild(style); var header=d.createElement('header'); var h1=d.createElement('h1'); h1.textContent=title; header.appendChild(h1); var row=d.createElement('div'); row.className='btnrow'; var direct=d.createElement('a'); direct.className='btn'; direct.href=url; direct.target='_blank'; direct.rel='noopener'; direct.textContent='Open Direct'; row.appendChild(direct); var close=d.createElement('button'); close.className='btn'; close.type='button'; close.textContent='Close / Return to Watch'; close.addEventListener('click', function(){ try{ w.close(); }catch(e){} window.setTimeout(function(){ try{ if(!w.closed){ w.location.href=watchReturn; } }catch(e){} },120); }); row.appendChild(close); header.appendChild(row); d.body.appendChild(header); var main=d.createElement('main'); main.className=(mode==='image')?'asset asset-image':'asset'; if(mode==='image'){ var img=d.createElement('img'); img.src=url; img.alt=title; main.appendChild(img); }else{ var frame=d.createElement('iframe'); frame.src=url; frame.title=title; main.appendChild(frame); } d.body.appendChild(main); }catch(err){ try{ w.location.href=url; }catch(e){} } return false; } document.querySelectorAll('.srn-watch-asset-link').forEach(function(a){ a.addEventListener('click', function(e){ var ok=srnOpenAssetTab(a.href, a.getAttribute('data-srn-title')||a.textContent||'SRN Viewer', a.getAttribute('data-srn-viewer')||'iframe'); if(ok===false) e.preventDefault(); }); }); function srnBindClick(id, handler){ var el=document.getElementById(id); if(el){ el.addEventListener('click', handler); } } srnBindClick('srn-watch-show-menu-close', srnCloseShowMenu); var srnModalEl=document.getElementById('srn-watch-show-menu-modal'); if(srnModalEl){ srnModalEl.addEventListener('click', function(e){ if(e.target && e.target.id==='srn-watch-show-menu-modal') srnCloseShowMenu(); }); } document.addEventListener('keydown', function(e){ if(e.key==='Escape') srnCloseShowMenu(); }); srnBindClick('srn-watch-open-calendar', function(){ var m=document.getElementById('srn-watch-calendar-modal'); if(m) m.style.display='block'; }); srnBindClick('srn-watch-calendar-close', function(){ var m=document.getElementById('srn-watch-calendar-modal'); if(m) m.style.display='none'; }); srnBindClick('srn-empower-open', function(){ var m=document.getElementById('srn-member-upgrade-modal'); if(m) m.style.display='block'; }); srnBindClick('srn-member-upgrade-close', function(){ var m=document.getElementById('srn-member-upgrade-modal'); if(m) m.style.display='none'; }); srnBindClick('srn-mod-chat-open', function(){ moderate({action:'toggle',open:true}).then(pollChat).catch(setModLog); }); srnBindClick('srn-mod-chat-close', function(){ moderate({action:'toggle',open:false}).then(pollChat).catch(setModLog); }); srnBindClick('srn-mod-chat-clear', function(){ moderate({action:'clear'}).then(pollChat).catch(setModLog); }); if(!CAN_CHAT_POST && input){ input.disabled=true; input.placeholder='Sign in or join free to chat during shows'; } if(!CAN_CHAT_POST && fileEl){ fileEl.disabled=true; } if(!CAN_CHAT_POST && sendBtn){ sendBtn.textContent='Join Free to Chat'; } bootState(); pollChat(); window.setInterval(pollLiveOnly,15000); window.setInterval(pollChat,5000); window.addEventListener('resize', function(){ var shell=document.getElementById('srn-watch-player-shell'); if(shell){ shell.style.minHeight=(window.innerWidth<900?'42vh':'560px'); shell.style.height=(window.innerWidth<900?'42vh':'560px'); }}); })();

The Spirit Realm Network

FREE

VIEW