Embed

<div id="history-renewal-s3" style="scroll-margin-top:180px;width:100%;min-width:0"><iframe id="ach-e8fe93f7" title="S3 History 舊生續交" style="display:block;width:100%;height:440px;border:0" allow="clipboard-write" src="https://aaron-history-checkout.aaronchung332.workers.dev/renewals/S3"></iframe></div>
<script>(function(){var f=document.getElementById('ach-e8fe93f7'),origin="https://aaron-history-checkout.aaronchung332.workers.dev",queued=false;function viewport(){queued=false;var b=f.getBoundingClientRect(),head=document.querySelector('header,[role="banner"],.website-header'),r=head&&head.getBoundingClientRect(),header=r&&r.top<=20&&r.bottom>0&&r.height<innerHeight/2?r.bottom:0;f.contentWindow.postMessage({type:'ach-checkout-viewport',top:Math.max(12,header+12-b.top),bottom:Math.min(b.height-12,innerHeight-12-b.top)},origin);}function schedule(){if(!queued){queued=true;requestAnimationFrame(viewport);}}window.addEventListener('message',function(e){if(e.source!==f.contentWindow||e.origin!==origin||!e.data)return;if(e.data.type==='ach-checkout-height'){var h=Number(e.data.height);if(Number.isFinite(h)&&h>0)f.style.height=Math.min(16000,Math.ceil(h)+8)+'px';schedule();}if(e.data.type==='ach-checkout-viewport-request')schedule();});window.addEventListener('scroll',schedule,{passive:true});window.addEventListener('resize',schedule);f.addEventListener('load',schedule);schedule();})();</script>

<div id="ach-platform-transition-s3" style="width:100%;min-width:0">
<p data-portal-loading role="status" style="text-align:center;margin:0;padding:18px 16px;color:#746d82;font:15px/1.6 Arial,sans-serif">正在載入 S3 學生平台…</p>
<template data-portal-fallback><section aria-label="S3 學生平台" style="--ink:#211d30;--muted:#746d82;--accent:#6650a6;--wash:#f4f0fa;--line:#e6e0ec;color:var(--ink);font:15px/1.65 Inter,'Noto Sans TC','Microsoft JhengHei',Arial,sans-serif;width:100%;max-width:1080px;min-width:0;margin:0 auto;padding:18px 16px;box-sizing:border-box"><div style="background:#fff;border:1px solid var(--line);border-radius:12px;padding:clamp(14px,3vw,24px)"><h2 style="font-size:clamp(25px,3.8vw,40px);line-height:1.25;margin:0 0 8px">S3 學生平台</h2><p style="color:var(--muted);margin:0 0 16px">統一登入暫時未能開啟。你可以用以下入口上堂、預約及調堂。</p><nav aria-label="S3 現有課堂入口" style="display:flex;flex-wrap:wrap;gap:10px"><a href="https://aaronchunghistory.com/regular-home-video-class/s3-home-video-class#ahBooking" style="display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;background:var(--wash);color:var(--accent);border:1px solid var(--line);border-radius:8px;text-decoration:underline;text-underline-offset:2px;font-weight:650;box-sizing:border-box">固定 HOME VIDEO</a><a href="https://aaronchunghistory.com/vip-video/s3-history-makeup-class#ahBooking" style="display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;background:var(--wash);color:var(--accent);border:1px solid var(--line);border-radius:8px;text-decoration:underline;text-underline-offset:2px;font-weight:650;box-sizing:border-box">自選 VIDEO 時段</a><a href="https://aaronchunghistory.com/regular-online-video/s3-history-online-video#ahBooking" style="display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;background:var(--wash);color:var(--accent);border:1px solid var(--line);border-radius:8px;text-decoration:underline;text-underline-offset:2px;font-weight:650;box-sizing:border-box">7–14 日 ONLINE</a></nav></div></section></template>
<noscript><style>#ach-platform-transition-s3>[data-portal-loading]{display:none}</style><section aria-label="S3 學生平台" style="--ink:#211d30;--muted:#746d82;--accent:#6650a6;--wash:#f4f0fa;--line:#e6e0ec;color:var(--ink);font:15px/1.65 Inter,'Noto Sans TC','Microsoft JhengHei',Arial,sans-serif;width:100%;max-width:1080px;min-width:0;margin:0 auto;padding:18px 16px;box-sizing:border-box"><div style="background:#fff;border:1px solid var(--line);border-radius:12px;padding:clamp(14px,3vw,24px)"><h2 style="font-size:clamp(25px,3.8vw,40px);line-height:1.25;margin:0 0 8px">S3 學生平台</h2><p style="color:var(--muted);margin:0 0 16px">統一登入暫時未能開啟。你可以用以下入口上堂、預約及調堂。</p><nav aria-label="S3 現有課堂入口" style="display:flex;flex-wrap:wrap;gap:10px"><a href="https://aaronchunghistory.com/regular-home-video-class/s3-home-video-class#ahBooking" style="display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;background:var(--wash);color:var(--accent);border:1px solid var(--line);border-radius:8px;text-decoration:underline;text-underline-offset:2px;font-weight:650;box-sizing:border-box">固定 HOME VIDEO</a><a href="https://aaronchunghistory.com/vip-video/s3-history-makeup-class#ahBooking" style="display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;background:var(--wash);color:var(--accent);border:1px solid var(--line);border-radius:8px;text-decoration:underline;text-underline-offset:2px;font-weight:650;box-sizing:border-box">自選 VIDEO 時段</a><a href="https://aaronchunghistory.com/regular-online-video/s3-history-online-video#ahBooking" style="display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;background:var(--wash);color:var(--accent);border:1px solid var(--line);border-radius:8px;text-decoration:underline;text-underline-offset:2px;font-weight:650;box-sizing:border-box">7–14 日 ONLINE</a></nav></div></section></noscript>
</div>
<script type="module">
const id="ach-platform-transition-s3", base="https://aaron-history-booking.aaronchung332.workers.dev", root=document.getElementById(id);
const fallback=root?.querySelector('template[data-portal-fallback]');
if(root&&fallback){
 const controller=new AbortController();
 let finished=false, observer;
 const deadline=setTimeout(showFallback,12000);
 function finish(){
  if(finished)return false;
  finished=true;
  clearTimeout(deadline);
  observer?.disconnect();
  return root.isConnected;
 }
 function showFallback(){
  if(!finish())return;
  controller.abort();
  root.id=id;
  delete root.dataset.api;
  delete root.dataset.grade;
  delete root.dataset.kind;
  root.replaceChildren(fallback.content.cloneNode(true));
 }
 function checkMount(){
  if(finished)return;
  if(root.querySelector('#ahMountRetry'))showFallback();
  else if(root.querySelector('#ahLogin,#ahLogout'))finish();
 }
 try{
  const response=await fetch(base+'/api/portal/status',{cache:'no-store',credentials:'omit',signal:controller.signal});
  const status=response.ok?await response.json():null;
  if(status?.ready!==true||status.version!==1){showFallback();}
  else if(!finished&&root.isConnected){
   await new Promise((resolve,reject)=>{
    const css=document.createElement('link');
    css.rel='stylesheet';
    css.href=base+'/app.css?v=student-portal-2';
    css.onload=resolve;
    css.onerror=reject;
    document.head.append(css);
   });
   if(!finished&&root.isConnected){
    if(document.getElementById('ahBooking'))throw Error('Student portal already mounted');
    observer=new MutationObserver(checkMount);
    observer.observe(root,{childList:true,subtree:true});
    root.id='ahBooking';
    root.dataset.api=base;
    root.dataset.grade="S3";
    root.dataset.kind='portal';
    await import(base+'/app.js?v=student-portal-2');
    checkMount();
   }
  }
 }catch{showFallback();}
}
</script>

Aaron Chung History