About
This is the demo site for Fuwari.
Waiting for api.github.com...
Sources of images used in this site
${s} ${r}
\n `,t.appendChild(e),t.appendChild(n),n.addEventListener("click",(async()=>{o&&clearTimeout(o);let t=e?.querySelector("code")?.innerText;await navigator.clipboard.writeText(t),n.classList.add("success"),o=setTimeout((()=>{n.classList.remove("success")}),1e3)}))}Ne.observe(document.body,{childList:!0,subtree:!0})}Ne.observe(document.body,{childList:!0,subtree:!0}),document.addEventListener("DOMContentLoaded",Gn);const ht=(t,e)=>{const{o:n,i:o,u:s}=t;let r,c=n;const i=(t,e)=>{const n=c,i=t,l=e||(o?!o(n,i):n!==i);return(l||s)&&(c=i,r=n),[c,l,r]};return[e?t=>i(e(c,r),t):i,t=>[c,!!t,r]]},Un=typeof window<"u"&&typeof document<"u",ft=Un?window:{},Wn=Math.max,Vs=Math.min,qe=Math.round,ye=Math.abs,xn=Math.sign,Zn=ft.cancelAnimationFrame,on=ft.requestAnimationFrame,ve=ft.setTimeout,Ve=ft.clearTimeout,Ce=t=>typeof ft[t]<"u"?ft[t]:void 0,Fs=Ce("MutationObserver"),En=Ce("IntersectionObserver"),be=Ce("ResizeObserver"),Fe=Ce("ScrollTimeline"),Kn=Un&&Node.ELEMENT_NODE,{toString:Xo,hasOwnProperty:Re}=Object.prototype,Oe=t=>void 0===t,cn=t=>null===t,Ot=t=>"number"==typeof t,$e=t=>"string"==typeof t,Xn=t=>"boolean"==typeof t,wt=t=>"function"==typeof t,$t=t=>Array.isArray(t),ee=t=>"object"==typeof t&&!$t(t)&&!cn(t),Le=t=>{const e=!!t&&t.length,n=Ot(e)&&e>-1&&e%1==0;return!!($t(t)||!wt(t)&&n)&&(!(e>0&&ee(t))||e-1 in t)},we=t=>{if(!t||!ee(t))return!1;let e;const n="constructor",o=t[n],s=o&&o.prototype,r=Re.call(t,n),c=s&&Re.call(s,"isPrototypeOf");if(o&&!r&&!c)return!1;for(e in t);return Oe(e)||Re.call(t,e)},Se=t=>{const e=HTMLElement;return!!t&&(e?t instanceof e:t.nodeType===Kn)},Te=t=>{const e=Element;return!!t&&(e?t instanceof e:t.nodeType===Kn)};function Z(t,e){if(Le(t))for(let n=0;n`)[0],n=e.firstChild,[o,,s]=en(),[r,c]=ht({o:t(e,n),i:me},M(t,e,n,!0)),[i]=c(),l=(t=>{let e=!1;const n=fn(t,pe);try{e="none"===qt(t,"scrollbar-width")||"none"===qt(t,"display","::-webkit-scrollbar")}catch{}return n(),e})(e),a={x:0===i.x,y:0===i.y},d={elements:{host:null,padding:!l,viewport:t=>l&&fs(t)&&t,content:!1},scrollbars:{slot:!0},cancel:{nativeScrollbarsOverlaid:!1,body:null}},u=G({},no),p=M(G,{},u),y=M(G,{},d),h={k:i,M:a,R:l,V:!!Fe,L:M(o,"r"),P:y,U:t=>G(d,t)&&y(),N:p,q:t=>G(u,t)&&p(),B:G({},d),F:G({},u)};if(Et(e,"style"),Rt(e),Q(ft,"resize",(()=>{s("r",[])})),wt(ft.matchMedia)&&!l&&(!a.x||!a.y)){const t=e=>{const n=ft.matchMedia(`(resolution: ${ft.devicePixelRatio}dppx)`);Q(n,"change",(()=>{e(),t(e)}),{A:!0})};t((()=>{const[t,e]=r();G(h.k,t),s("r",[e])}))}return h},Lt=()=>(ze||(ze=So()),ze),Cs=(t,e)=>wt(e)?e.apply(0,t):e,xo=(t,e,n,o)=>{const s=Oe(o)?n:o;return Cs(t,s)||e.apply(0,t)},Os=(t,e,n,o)=>{const s=Oe(o)?n:o,r=Cs(t,s);return!!r&&(Se(r)?r:e.apply(0,t))},Eo=(t,e)=>{const{nativeScrollbarsOverlaid:n,body:o}=e||{},{M:s,R:r,P:c}=Lt(),{nativeScrollbarsOverlaid:i,body:l}=c().cancel,a=n??i,d=Oe(o)?l:o,u=(s.x||s.y)&&a,p=t&&(cn(d)?!r:d);return!!u||!!p},yn=new WeakMap,Co=(t,e)=>{yn.set(t,e)},Oo=t=>{yn.delete(t)},$s=t=>yn.get(t),$o=(t,e,n)=>{let o=!1;const s=!!n&&new WeakMap,r=r=>{if(s&&n){Z(n.map((e=>{const[n,o]=e||[];return[o&&n?(r||ds)(n,t):[],o]})),(n=>Z(n[0],(r=>{const c=n[1],i=s.get(r)||[];if(t.contains(r)&&c){const t=Q(r,c,(n=>{o?(t(),s.delete(r)):e(n)}));s.set(r,st(i,t))}else St(i),s.delete(r)}))))}};return r(),[()=>{o=!0},r]},Fn=(t,e,n,o)=>{let s=!1;const{j:r,X:c,Y:i,W:l,J:a,K:d}=o||{},u=Ge((()=>s&&n(!0)),{_:33,p:99}),[p,y]=$o(t,u,i),h=c||[],f=At(r||[],h),m=(s,r)=>{if(!je(r)){const c=a||Mt,i=d||Mt,u=[],p=[];let f=!1,m=!1;if(Z(r,(n=>{const{attributeName:s,target:r,type:a,oldValue:d,addedNodes:y,removedNodes:v}=n,g="attributes"===a,b="childList"===a,w=t===r,x=g&&s,M=x&&an(r,s||""),$=$e(M)?M:null,E=x&&d!==$,L=rn(h,s)&&E;if(e&&(b||!w)){const e=g&&E,a=e&&l&&xe(r,l),p=(a?!c(r,s,d,$):!g||e)&&!i(n,!!a,t,o);Z(y,(t=>st(u,t))),Z(v,(t=>st(u,t))),m=m||p}!e&&w&&E&&!c(r,s,d,$)&&(st(p,s),f=f||L)})),y((t=>Cn(u).reduce(((e,n)=>(st(e,ds(t,n)),xe(n,t)?st(e,n):e)),[]))),e)return!s&&m&&n(!1),[!1];if(!je(p)||f){const t=[Cn(p),f];return!s&&n.apply(0,t),t}}},v=new Fs(M(m,!1));return[()=>(v.observe(t,{attributes:!0,attributeOldValue:!0,attributeFilter:f,subtree:e,childList:e,characterData:e}),s=!0,()=>{s&&(p(),v.disconnect(),s=!1)}),()=>{if(s)return u.S(),m(!0,v.takeRecords())}]},Ls={},Ts={},Lo=t=>{Z(t,(t=>Z(t,((e,n)=>{Ls[n]=t[n]}))))},As=(t,e,n)=>Ht(t).map((o=>{const{static:s,instance:r}=t[o],[c,i,l]=n||[],a=n?r:s;if(a){const t=n?a(c,i,e):a(e);return(l||Ts)[o]=t}})),se=t=>Ts[t],To="__osOptionsValidationPlugin",Ao="__osSizeObserverPlugin",Ho=(t,e)=>{const{M:n}=e,[o,s]=t("showNativeOverlaidScrollbars");return[o&&n.x&&n.y,s]},Ee=t=>0===t.indexOf(It),ko=(t,e)=>{const n=(t,e,n,o)=>{const s=t===It?_t:t.replace(`${It}-`,""),r=Ee(t),c=Ee(n);return e||o?r&&c?It:r?e&&o?s:e?It:_t:e?s:c&&o?It:_t:_t},o={x:n(e.x,t.x,e.y,t.y),y:n(e.y,t.y,e.x,t.x)};return{G:o,Z:{x:o.x===Zt,y:o.y===Zt}}},Hs="__osScrollbarsHidingPlugin",Po="__osClickScrollPlugin",ks=(t,e,n)=>{const{dt:o}=n||{},s=se(Ao),[r]=ht({o:!1,u:!0});return()=>{const n=[],c=ms(`
`)[0],i=c.firstChild,l=t=>{let n=!1,o=!1;if(t instanceof ResizeObserverEntry){const[e,,s]=r(t.contentRect),c=Je(e);o=gs(e,s),n=!o&&!c}else o=!0===t;n||e({ft:!0,dt:o})};if(be){const t=new be((t=>l(t.pop())));t.observe(i),st(n,(()=>{t.disconnect()}))}else{if(!s)return Mt;{const[t,e]=s(i,l,o);st(n,At([fn(c,ao),Q(c,"animationstart",t)],e))}}return M(St,st(n,gt(t,c)))}},Io=(t,e)=>{let n;const o=Gt(fo),[s]=ht({o:!1}),r=(t,n)=>{if(t){const o=s((t=>0===t.h||t.isIntersecting||t.intersectionRatio>0)(t)),[,r]=o;return r&&!n&&e(o)&&[o]}},c=(t,e)=>r(e.pop(),t);return[()=>{const e=[];if(En)n=new En(M(c,!1),{root:t}),n.observe(o),st(e,(()=>{n.disconnect()}));else{const t=()=>{const t=Qt(o);r(t)};st(e,ks(o,t)()),t()}return M(St,st(e,gt(t,o)))},()=>n&&c(!0,n.takeRecords())]},Mo=(t,e,n,o)=>{let s,r,c,i,l,a;const d=`[${Dt}]`,u=`[${Pt}]`,p=["wrap","cols","rows"],y=["id","class","style","open"],{vt:h,ht:f,ot:m,gt:v,bt:g,wt:b,nt:w,yt:x,St:M,Ot:$}=t,E=t=>"rtl"===qt(t,"direction"),L={$t:!1,ct:E(h)},S=Lt(),O=se(Hs),[T]=ht({i:cs,o:{w:0,h:0}},(()=>{const o=O&&O.tt(t,e,L,S,n).ut,s=!(x&&w)&&dn(f,Dt,ge),r=!w&&M(ro),c=r&&yt(v),i=$(Ss,s),l=r&&o&&o()[0],a=Ye(m),d=mn(m);return l&&l(),Ct(v,c),s&&i(),{w:a.w+d.w,h:a.h+d.h}})),C=b?p:At(y,p),H=Ge(o,{_:()=>s,p:()=>r,m(t,e){const[n]=t,[o]=e;return[At(Ht(n),Ht(o)).reduce(((t,e)=>(t[e]=n[e]||o[e],t)),{})]}}),Z=t=>{const e=E(h);G(t,{Ct:a!==e}),G(L,{ct:e}),a=e},k=(t,e)=>{const[n,s]=t,r={xt:s};return G(L,{$t:n}),!e&&o(r),r},A=({ft:t,dt:e})=>{const n=t&&!e||!S.R?o:H,s={ft:t||e,dt:e};Z(s),n(s)},Q=(t,e)=>{const[,n]=T(),s={Ht:n};return Z(s),n&&!e&&(t?o:H)(s),s},R=(t,e,n)=>{const o={Et:e};return Z(o),e&&!n&&H(o),o},[I,q]=g?Io(f,k):[],P=!w&&ks(f,A,{dt:!0}),[D,N]=Fn(f,!1,R,{X:y,j:At(y,[])}),B=w&&be&&new be((t=>{const e=t[t.length-1].contentRect;A({ft:!0,dt:gs(e,l)}),l=e})),z=Ge((()=>{const[,t]=T();o({Ht:t})}),{_:222,v:!0});return[()=>{B&&B.observe(f);const t=P&&P(),e=I&&I(),n=D(),o=S.L((t=>{t?H({zt:t}):z()}));return()=>{B&&B.disconnect(),t&&t(),e&&e(),i&&i(),n(),o()}},({It:t,At:e,Tt:n})=>{const o={},[l]=t("update.ignoreMutation"),[a,p]=t("update.attributes"),[y,h]=t("update.elementEvents"),[f,v]=t("update.debounce"),b=e||n;if(h||p){c&&c(),i&&i();const[t,e]=Fn(g||m,!0,Q,{j:At(C,a||[]),Y:y,W:d,K:(t,e)=>{const{target:n,attributeName:o}=t;return!(e||!o||w)&&Ks(n,d,u)||!!jt(n,`.${vt}`)||!!(t=>wt(l)&&l(t))(t)}});i=t(),c=e}if(v)if(H.S(),$t(f)){const t=f[0],e=f[1];s=Ot(t)&&t,r=Ot(e)&&e}else Ot(f)?(s=f,r=!1):(s=!1,r=!1);if(b){const t=N(),e=q&&q(),n=c&&c();t&&G(o,R(t[0],t[1],b)),e&&G(o,k(e[0],b)),n&&G(o,Q(n[0],b))}return Z(o),o},L]},Do=(t,e,n,o)=>{const{P:s}=Lt(),{scrollbars:r}=s(),{slot:c}=r,{vt:i,ht:l,ot:a,Dt:d,gt:u,yt:p,nt:y}=e,{scrollbars:h}=d?{}:t,{slot:f}=h||{},m=new Map,v=t=>Fe&&new Fe({source:u,axis:t}),g={x:v("x"),y:v("y")},b=Os([i,l,a],(()=>y&&p?i:l),c,f),w=(t,e)=>{if(e){const n=t?Ut:Wt,{kt:o,Mt:s}=e,r=te(s)[n],c=te(o)[n];return Ue(0,1,r/c||0)}const o=t?"x":"y",{Rt:s,Vt:r}=n,c=r[o],i=s[o];return Ue(0,1,c/(c+i)||0)},x=t=>G(t,{clear:["left"]}),$=t=>{m.forEach(((e,n)=>{(!t||rn(Yn(t),n))&&(Z(e||[],(t=>{t&&t.cancel()})),m.delete(n))}))},E=(t,e,n,o)=>{const s=m.get(t)||[],r=s.find((t=>t&&t.timeline===e));r?r.effect=new KeyframeEffect(t,n,{composite:o}):m.set(t,At(s,[t.animate(n,{timeline:e,composite:o})]))},L=(t,e,n)=>{const o=n?fn:us;Z(t,(t=>{o(t.Lt,e)}))},S=(t,e)=>{Z(t,(t=>{const[n,o]=e(t);ne(n,o)}))},O=(t,e)=>{S(t,(t=>{const{Mt:n}=t;return[n,{[e?Ut:Wt]:Tn(w(e))}]}))},T=(t,e)=>{const{Pt:o}=n,s=e?"x":"y",r=g[s],c=kn(o)[s],i=(t,n)=>Be(Tn(((t,e,n)=>{const o=w(n,t);return 1/o*(1-o)*e})(t,c?n:1-n,e)),e);r?Z(t,(t=>{const{Mt:e}=t;E(e,r,x({transform:[0,1].map((e=>i(t,e)))}))})):S(t,(t=>[t.Mt,{transform:i(t,Pn(o,yt(u))[s])}]))},C=t=>y&&!p&&Kt(t)===a,H=[],k=[],A=[],Q=(t,e,n)=>{const o=Xn(n),s=!o||!n;(!o||n)&&L(k,t,e),s&&L(A,t,e)},R=t=>{const e=Gt(`${vt} ${t?ho:go}`),n=Gt(Es),s=Gt(gn),r={Lt:e,kt:n,Mt:s};return st(t?k:A,r),st(H,[gt(e,n),gt(n,s),M(Rt,e),$,o(r,Q,T,t)]),r},I=M(R,!0),q=M(R,!1);return I(),q(),[{Ut:()=>{O(k,!0),O(A)},Nt:()=>{T(k,!0),T(A)},qt:()=>{if(y){const{Rt:t,Pt:e}=n,o=kn(e),s=.5;if(g.x&&g.y)Z(At(A,k),(({Lt:e})=>{if(C(e)){const n=n=>E(e,g[n],x({transform:[0,o[n]?1:-1].map((e=>Be(Xe(e*(t[n]-s)),"x"===n)))}),"add");n("x"),n("y")}else $(e)}));else{const n=Pn(e,yt(u)),s=e=>{const{Lt:s}=e,r=C(s)&&s,c=(t,e,n)=>{const o=e*t;return Xe(n?o:-o)};return[r,r&&{transform:Be({x:c(n.x,t.x,o.x),y:c(n.y,t.y,o.y)})}]};S(k,s),S(A,s)}}},Bt:Q,Ft:{V:g.x,jt:k,Xt:I,Yt:M(S,k)},Wt:{V:g.y,jt:A,Xt:q,Yt:M(S,A)}},()=>(gt(b,k[0].Lt),gt(b,A[0].Lt),M(St,H))]},Ro=(t,e,n,o)=>(s,r,c,i)=>{const{ht:l,ot:a,nt:d,gt:u,Jt:p,Ot:y}=e,{Lt:h,kt:f,Mt:m}=s,[v,g]=zt(333),[b,w]=zt(444),[x,$]=zt(),E=M(c,[s],i),L=t=>{wt(u.scrollBy)&&u.scrollBy({behavior:"smooth",left:t.x,top:t.y})},S=i?Ut:Wt;let G=!0;const O=t=>t.propertyName.indexOf(S)>-1;return M(St,[Q(m,"pointermove pointerleave",o),Q(h,"pointerenter",(()=>{r(zn,!0)})),Q(h,"pointerleave pointercancel",(()=>{r(zn,!1)})),!d&&Q(h,"mousedown",(()=>{const t=Ke();(On(t,Pt)||On(t,Dt)||t===document.body)&&ve(M(tn,a),25)})),Q(h,"wheel",(t=>{const{deltaX:e,deltaY:n,deltaMode:o}=t;G&&0===o&&Kt(h)===l&&L({x:e,y:n}),G=!1,r(Vn,!0),v((()=>{G=!0,r(Vn)})),Qe(t)}),{H:!1,I:!0}),Q(m,"transitionstart",(t=>{if(O(t)){const t=()=>{E(),x(t)};t()}})),Q(m,"transitionend transitioncancel",(t=>{O(t)&&($(),E())})),Q(h,"pointerdown",M(Q,p,"click",vs,{A:!0,I:!0,H:!1}),{I:!0}),(()=>{const e="pointerup pointercancel lostpointercapture",o="client"+(i?"X":"Y"),s=i?"left":"top",r=i?"w":"h",c=i?"x":"y";return Q(f,"pointerdown",(i=>{const l=jt(i.target,`.${gn}`)===m,a=l?m:f,d=t.scrollbars,{button:h,isPrimary:v,pointerType:g}=i,{pointers:x}=d;if(0===h&&v&&d[l?"dragScroll":"clickScroll"]&&(x||[]).includes(g)){w();const t=!l&&i.shiftKey,d=M(te,m),h=M(te,f),v=(t,e)=>(t||d())[s]-(e||h())[s],g=qe(te(u)[S])/Qt(u)[r]||1,x=((t,e)=>o=>{const{Rt:s}=n,i=Qt(f)[r]-Qt(m)[r],l=e*o/i*s[c];Ct(u,{[c]:t+l})})(yt(u)[c],1/g),$=i[o],E=d(),G=h(),O=E[S],T=v(E,G)+O/2,C=$-G[s],H=l?0:C-T,Z=t=>{St(R),a.releasePointerCapture(t.pointerId)},k=()=>y(lo,!0),A=k(),R=[()=>{const t=yt(u);A();const e=yt(u),n={x:e.x-t.x,y:e.y-t.y};(ye(n.x)>3||ye(n.y)>3)&&(k(),Ct(u,t),L(n),b(A))},Q(p,e,Z),Q(p,"selectstart",(t=>Qe(t)),{H:!1}),Q(f,e,Z),Q(f,"pointermove",(e=>{const n=e[o]-$;(l||t)&&x(H+n)}))];if(a.setPointerCapture(i.pointerId),t)x(H);else if(!l){const t=se(Po);t&&st(R,t(x,v,H,O,C))}}}))})(),g,w,$])},Bo=(t,e,n,o,s,r)=>{let c,i,l,a,d,u=Mt,p=0;const y=t=>"mouse"===t.pointerType,[h,f]=zt(),[m,v]=zt(100),[g,b]=zt(100),[w,x]=zt((()=>p)),[$,E]=Do(t,s,o,Ro(e,s,o,(t=>y(t)&&k()))),{ht:L,Kt:S,yt:G}=s,{Bt:O,Ut:T,Nt:C,qt:H}=$,Z=(t,e)=>{if(x(),t)O(qn);else{const t=M(O,qn,!0);p>0&&!e?w(t):t()}},k=()=>{(l?!c:!a)&&(Z(!0),m((()=>{Z(!1)})))},A=t=>{O(sn,t,!0),O(sn,t,!1)},R=t=>{y(t)&&(c=l,l&&Z(!0))},I=[x,v,b,f,()=>u(),Q(L,"pointerover",R,{A:!0}),Q(L,"pointerenter",R),Q(L,"pointerleave",(t=>{y(t)&&(c=!1,l&&Z(!1))})),Q(L,"pointermove",(t=>{y(t)&&i&&k()})),Q(S,"scroll",(t=>{h((()=>{C(),k()})),r(t),H()}))];return[()=>M(St,st(I,E())),({It:t,Tt:e,Gt:s,Qt:r})=>{const{Zt:c,tn:y,nn:h,sn:f}=r||{},{Ct:m,dt:v}=s||{},{ct:b}=n,{M:w}=Lt(),{G:x,en:$}=o,[E,L]=t("showNativeOverlaidScrollbars"),[k,R]=t("scrollbars.theme"),[I,q]=t("scrollbars.visibility"),[P,D]=t("scrollbars.autoHide"),[N,B]=t("scrollbars.autoHideSuspend"),[z]=t("scrollbars.autoHideDelay"),[_,j]=t("scrollbars.dragScroll"),[V,W]=t("scrollbars.clickScroll"),[X,F]=t("overflow"),K=v&&!e,U=$.x||$.y,Y=c||y||f||m||e,J=h||q||F,tt=E&&w.x&&w.y,et=(t,e,n)=>{const o=t.includes(Zt)&&(I===It||"auto"===I&&e===Zt);return O(yo,o,n),o};if(p=z,K&&(N&&U?(A(!1),u(),g((()=>{u=Q(S,"scroll",M(A,!0),{A:!0})}))):A(!0)),L&&O(po,tt),R&&(O(d),O(k,!0),d=k),B&&!N&&A(!0),D&&(i="move"===P,l="leave"===P,a="never"===P,Z(a,!0)),j&&O(wo,_),W&&O(bo,V),J){const t=et(X.x,x.x,!0),e=et(X.y,x.y,!1);O(vo,!(t&&e))}Y&&(T(),C(),H(),O(Nn,!$.x,!0),O(Nn,!$.y,!1),O(mo,b&&!G))},{},$]},_o=t=>{const e=Lt(),{P:n,R:o}=e,{elements:s}=n(),{host:r,padding:c,viewport:i,content:l}=s,a=Se(t),d=a?{}:t,{elements:u}=d,{host:p,padding:y,viewport:h,content:f}=u||{},m=a?t:d.target,v=fs(m),g=xe(m,"textarea"),b=m.ownerDocument,w=b.documentElement,x=()=>b.defaultView||ft,$=M(xo,[m]),E=M(Os,[m]),L=M(Gt,""),S=M($,L,i),G=M(E,L,l),O=S(h),T=O===m,C=T&&v,H=!T&&G(f),Z=!T&&O===H,k=C?w:O,A=g?$(L,r,p):m,R=C?k:A,I=!T&&E(L,c,y),q=!Z&&H,P=[q,k,I,R].map((t=>Se(t)&&!Kt(t)&&t)),D=t=>t&&rn(P,t),N=D(k)?m:k,B={vt:m,ht:R,ot:k,cn:I,bt:q,gt:C?w:k,Kt:C?b:k,rn:v?w:N,Jt:b,wt:g,yt:v,Dt:a,nt:T,ln:x,St:t=>dn(k,Pt,t),Ot:(t,e)=>We(k,Pt,t,e)},{vt:z,ht:_,cn:j,ot:V,bt:W}=B,X=[()=>{Et(_,[Dt,_e]),Et(z,_e),v&&Et(w,[_e,Dt])}],F=g&&D(_);let K=g?z:Ze([W,V,j,_,z].find((t=>t&&!D(t))));const U=C?z:W||V,Y=M(St,X);return[B,()=>{const t=x(),e=Ke(),n=t=>{gt(Kt(t),Ze(t)),Rt(t)},s=t=>Q(t,"focusin focusout focus blur",vs,{I:!0,H:!1}),r="tabindex",c=an(V,r),i=s(e);return Tt(_,Dt,T?"":so),Tt(j,nn,""),Tt(V,Pt,""),Tt(W,_n,""),T||(Tt(V,r,c||"-1"),v&&Tt(w,Bn,"")),F&&($n(z,_),st(X,(()=>{$n(_,z),Rt(_)}))),gt(U,K),gt(_,j),gt(j||_,!T&&V),gt(V,W),st(X,[i,()=>{const t=Ke(),e=D(V),o=e&&t===V?z:t,i=s(o);Et(j,nn),Et(W,_n),Et(V,Pt),v&&Et(w,Bn),c?Tt(V,r,c):Et(V,r),D(W)&&n(W),e&&n(V),D(j)&&n(j),tn(o),i()}]),o&&!T&&(un(V,Pt,xs),st(X,M(Et,V,Pt))),tn(!T&&v&&e===z&&t.top===t?V:e),i(),K=0,Y},Y]},zo=({bt:t})=>({Gt:e,an:n,Tt:o})=>{const{xt:s}=e||{},{$t:r}=n;t&&(s||o)&&ne(t,{[Wt]:r&&"100%"})},No=({ht:t,cn:e,ot:n,nt:o},s)=>{const[r,c]=ht({i:Ws,o:An()},M(An,t,"padding",""));return({It:t,Gt:i,an:l,Tt:a})=>{let[d,u]=c(a);const{R:p}=Lt(),{ft:y,Ht:h,Ct:f}=i||{},{ct:m}=l,[v,g]=t("paddingAbsolute");(y||u||a||h)&&([d,u]=r(a));const b=!o&&(g||f||u);if(b){const t=!v||!e&&!p,o=d.r+d.l,r=d.t+d.b,c={[ss]:t&&!m?-o:0,[os]:t?-r:0,[ns]:t&&m?-o:0,top:t?-d.t:0,right:t?m?-d.r:"auto":0,left:t?m?"auto":-d.l:0,[Ut]:t&&`calc(100% + ${o}px)`},i={[Jn]:t?d.t:0,[Qn]:t?d.r:0,[es]:t?d.b:0,[ts]:t?d.l:0};ne(e||n,c),ne(n,i),G(s,{cn:d,un:!t,rt:e?i:G({},c,i)})}return{_n:b}}},qo=(t,e)=>{const n=Lt(),{ht:o,cn:s,ot:r,nt:c,Kt:i,gt:l,yt:a,Ot:d,ln:u}=t,{R:p}=n,y=a&&c,h=M(Wn,0),f=["display","direction","flexDirection","writingMode"],m={i:cs,o:{w:0,h:0}},v={i:me,o:{}},g=t=>{d(Ss,!y&&t)},[b,w]=ht(m,M(mn,r)),[x,$]=ht(m,M(Ye,r)),[E,L]=ht(m),[S]=ht(v),[O,T]=ht(m),[C]=ht(v),[H]=ht({i:(t,e)=>Ae(t,e,f),o:{}},(()=>to(r)?qt(r,f):{})),[Z,k]=ht({i:(t,e)=>me(t.T,e.T)&&me(t.D,e.D),o:bs()},(()=>{g(!0);const t=yt(l),e=d(io,!0),n=Q(i,Zt,(e=>{const n=yt(l);e.isTrusted&&n.x===t.x&&n.y===t.y&&ys(e)}),{I:!0,A:!0});Ct(l,{x:0,y:0}),e();const o=yt(l),s=Ye(l);Ct(l,{x:s.w,y:s.h});const r=yt(l);Ct(l,{x:r.x-o.x<1&&-s.w,y:r.y-o.y<1&&-s.h});const c=yt(l);return Ct(l,t),on((()=>n())),{T:o,D:c}})),A=se(Hs),R=(t,e)=>`${e?oo:co}${Us(t)}`;return({It:c,Gt:i,an:l,Tt:a},{_n:f})=>{const{ft:m,Ht:v,Ct:M,dt:Q,zt:I}=i||{},q=A&&A.tt(t,e,l,n,c),{it:P,ut:D,_t:N}=q||{},[B,z]=Ho(c,n),[_,j]=c("overflow"),V=Ee(_.x),W=Ee(_.y),X=m||f||v||M||I||z;let F=w(a),K=$(a),U=L(a),Y=T(a);if(z&&p&&d(xs,!B),X){dn(o,Dt,ge)&&g(!0);const[t]=D?D():[],[e]=F=b(a),[n]=K=x(a),s=hs(r),c=y&&Qs(u()),i={w:h(n.w+e.w),h:h(n.h+e.h)},l={w:h((c?c.w:s.w+h(s.w-n.w))+e.w),h:h((c?c.h:s.h+h(s.h-n.h))+e.h)};t&&t(),Y=O(l),U=E(((t,e)=>{const n=ft.devicePixelRatio%1!=0?1:0,o={w:h(t.w-e.w),h:h(t.h-e.h)};return{w:o.w>n?o.w:0,h:o.h>n?o.h:0}})(i,l),a)}const[J,tt]=Y,[et,nt]=U,[ot,st]=K,[rt,ct]=F,[it,lt]=S({x:et.w>0,y:et.h>0}),at=V&&W&&(it.x||it.y)||V&&it.x&&!it.y||W&&it.y&&!it.x,dt=f||M||I||ct||st||tt||nt||j||z||X,ut=ko(it,_),[pt,yt]=C(ut.G),[,ht]=H(a),mt=M||Q||ht||lt||a,[vt,gt]=mt?Z(a):k();return dt&&(yt&&(t=>{const e=t=>[It,_t,Zt].map((e=>R(e,t))),n=e(!0).concat(e()).join(" ");d(n),d(Ht(t).map((e=>R(t[e],"x"===e))).join(" "),!0)})(ut.G),N&&P&&ne(r,N(ut,l,P(ut,ot,rt)))),g(!1),We(o,Dt,ge,at),We(s,nn,ge,at),G(e,{G:pt,Vt:{x:J.w,y:J.h},Rt:{x:et.w,y:et.h},en:it,Pt:eo(vt,et)}),{nn:yt,Zt:tt,tn:nt,sn:gt||nt,dn:mt}}},Vo=t=>{const[e,n,o]=_o(t),s={cn:{t:0,r:0,b:0,l:0},un:!1,rt:{[ss]:0,[os]:0,[ns]:0,[Jn]:0,[Qn]:0,[es]:0,[ts]:0},Vt:{x:0,y:0},Rt:{x:0,y:0},G:{x:_t,y:_t},en:{x:!1,y:!1},Pt:bs()},{vt:r,gt:c,nt:i}=e,{R:l,M:a}=Lt(),d=!l&&(a.x||a.y),u=[zo(e),No(e,s),qo(e,s)];return[n,t=>{const e={},n=d&&yt(c);return Z(u,(n=>{G(e,n(t,e)||{})})),Ct(c,n),!i&&Ct(r,0),e},s,e,o]},Fo=(t,e,n,o,s)=>{const r=Rn(e,{}),[c,i,l,a,d]=Vo(t),[u,p,y]=Mo(a,l,r,(t=>{g({},t)})),[h,f,,m]=Bo(t,e,y,l,a,s),v=t=>Ht(t).some((e=>!!t[e])),g=(t,s)=>{if(n())return!1;const{fn:r,Tt:c,At:l,pn:a}=t,d=r||{},u=!!c,h={It:Rn(e,d,u),fn:d,Tt:u};if(a)return f(h),!1;const m=s||p(G({},h,{At:l})),g=i(G({},h,{an:y,Gt:m}));f(G({},h,{Gt:m,Qt:g}));const b=v(m),w=v(g),x=b||w||!ln(d)||u;return x&&o(t,{Gt:m,Qt:g}),x};return[()=>{const{rn:t,gt:e}=a,n=yt(t),o=[u(),c(),h()];return Ct(e,n),M(St,o)},g,()=>({vn:y,hn:l}),{gn:a,bn:m},d]},Vt=(t,e,n)=>{const{N:o}=Lt(),s=Se(t),r=s?t:t.target,c=$s(r);if(e&&!c){let c=!1;const i=[],l={},a=t=>{const e=ls(t),n=se(To);return n?n(e,!0):e},d=G({},o(),a(e)),[u,p,y]=en(),[h,f,m]=en(n),v=(t,e)=>{m(t,e),y(t,e)},[g,b,w,x,$]=Fo(t,d,(()=>c),(({fn:t,Tt:e},{Gt:n,Qt:o})=>{const{ft:s,Ct:r,xt:c,Ht:i,Et:l,dt:a}=n,{Zt:d,tn:u,nn:p,sn:y}=o;v("updated",[L,{updateHints:{sizeChanged:!!s,directionChanged:!!r,heightIntrinsicChanged:!!c,overflowEdgeChanged:!!d,overflowAmountChanged:!!u,overflowStyleChanged:!!p,scrollCoordinatesChanged:!!y,contentMutation:!!i,hostMutation:!!l,appear:!!a},changedOptions:t||{},force:!!e}])}),(t=>v("scroll",[L,t]))),E=t=>{Oo(r),St(i),c=!0,v("destroyed",[L,t]),p(),f()},L={options(t,e){if(t){const n=e?o():{},s=ws(d,G(n,a(t)));ln(s)||(G(d,s),b({fn:s}))}return G({},d)},on:h,off:(t,e)=>{t&&e&&f(t,e)},state(){const{vn:t,hn:e}=w(),{ct:n}=t,{Vt:o,Rt:s,G:r,en:i,cn:l,un:a,Pt:d}=e;return G({},{overflowEdge:o,overflowAmount:s,overflowStyle:r,hasOverflow:i,scrollCoordinates:{start:d.T,end:d.D},padding:l,paddingAbsolute:a,directionRTL:n,destroyed:c})},elements(){const{vt:t,ht:e,cn:n,ot:o,bt:s,gt:r,Kt:c}=x.gn,{Ft:i,Wt:l}=x.bn,a=t=>{const{Mt:e,kt:n,Lt:o}=t;return{scrollbar:o,track:n,handle:e}},d=t=>{const{jt:e,Xt:n}=t,o=a(e[0]);return G({},o,{clone:()=>{const t=a(n());return b({pn:!0}),t}})};return G({},{target:t,host:e,padding:n||o,viewport:o,content:s||o,scrollOffsetElement:r,scrollEventElement:c,scrollbarHorizontal:d(i),scrollbarVertical:d(l)})},update:t=>b({Tt:t,At:!0}),destroy:M(E,!1),plugin:t=>l[Ht(t)[0]]};return st(i,[$]),Co(r,L),As(Ls,Vt,[L,u,l]),Eo(x.gn.yt,!s&&t.cancel)?(E(!0),L):(st(i,g()),v("initialized",[L]),L.update(!0),L)}return c};function vn(t,e){document.addEventListener("click",(n=>{let o=document.getElementById(t),s=n.target;for(let t of e){let e=document.getElementById(t);if(e==s||e?.contains(s))return}o.classList.add("float-panel-closed")}))}function jo(){const t=_s();zs(t)}function Go(){Ns(qs())}function Uo(){const t=document.getElementById("banner-wrapper");document.documentElement.hasAttribute("isHome")?(t.classList.remove("banner-else"),t.classList.add("banner-home")):(t.classList.remove("banner-home"),t.classList.add("banner-else"))}function Ps(){Vt({target:document.querySelector("body"),cancel:{nativeScrollbarsOverlaid:!0}},{scrollbars:{theme:"scrollbar-base scrollbar-auto py-1",autoHide:"move",autoHideDelay:500,autoHideSuspend:!1}}),document.querySelectorAll("pre").forEach((t=>{Vt(t,{scrollbars:{theme:"scrollbar-base scrollbar-dark px-2",autoHide:"leave",autoHideDelay:500,autoHideSuspend:!1}})}))}function Is(){Uo(),jo(),Go(),Ps()}Vt.plugin=t=>{const e=$t(t),n=e?t:[t],o=n.map((t=>As(t,Vt)[0]));return Lo(n),e?o:o[0]},Vt.valid=t=>{const e=t&&t.elements,n=wt(e)&&e();return we(n)&&!!$s(n.target)},Vt.env=()=>{const{k:t,M:e,R:n,V:o,B:s,F:r,P:c,U:i,N:l,q:a}=Lt();return G({},{scrollbarsSize:t,scrollbarsOverlaid:e,scrollbarsHiding:n,scrollTimeline:o,staticDefaultInitialization:s,staticDefaultOptions:r,getDefaultInitialization:c,setDefaultInitialization:i,getDefaultOptions:l,setDefaultOptions:a})},vn("display-setting",["display-setting","display-settings-switch"]),vn("nav-menu-panel",["nav-menu-panel","nav-menu-switch"]),vn("search-panel",["search-panel","search-bar","search-switch"]),Is(),document.addEventListener("astro:after-swap",Is);const jn=()=>{window.swup.hooks.on("link:click",(()=>{document.documentElement.style.setProperty("--content-delay","0ms")})),window.swup.hooks.on("content:replace",Ps)};function Wo(){"dark"===localStorage.theme?(document.documentElement.classList.remove("dark"),localStorage.theme="light"):(document.documentElement.classList.add("dark"),localStorage.theme="dark")}function Ms(){document.getElementById("scheme-switch").addEventListener("click",(function(){Wo()}));let t=document.getElementById("display-settings-switch");t&&t.addEventListener("click",(function(){document.getElementById("display-setting").classList.toggle("float-panel-closed")})),document.getElementById("nav-menu-switch").addEventListener("click",(function(){document.getElementById("nav-menu-panel").classList.toggle("float-panel-closed")}))}window.swup.hooks?jn():document.addEventListener("swup:enable",jn),Ms(),document.addEventListener("astro:after-swap",(()=>{Ms()}),{once:!1});class Zo extends HTMLElement{constructor(){if(super(),void 0===this.dataset.isCollapsed||!1===this.dataset.isCollapsed)return;const t=this.dataset.id,e=this.querySelector(".expand-btn"),n=this.querySelector(`#${t}`);e.addEventListener("click",(()=>{n.classList.remove("collapsed"),e.classList.add("hidden")}))}}customElements.define("widget-layout",Zo);
\ No newline at end of file
diff --git a/_astro/hoisted.aW6J7aTb.css b/_astro/hoisted.aW6J7aTb.css
new file mode 100644
index 000000000..bfc23eb9f
--- /dev/null
+++ b/_astro/hoisted.aW6J7aTb.css
@@ -0,0 +1,9 @@
+/*!
+ * OverlayScrollbars
+ * Version: 2.8.3
+ *
+ * Copyright (c) Rene Haas | KingSora.
+ * https://github.com/KingSora
+ *
+ * Released under the MIT license.
+ */.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden]{scrollbar-width:none!important}[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{-webkit-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto!important;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars],[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{overflow:hidden!important}[data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport~=measuring]{overflow:hidden!important;scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]){overflow-x:visible!important}[data-overlayscrollbars-viewport~=overflowXHidden]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=overflowXScroll]{overflow-x:scroll!important}[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]){overflow-y:visible!important}[data-overlayscrollbars-viewport~=overflowYHidden]{overflow-y:hidden!important}[data-overlayscrollbars-viewport~=overflowYScroll]{overflow-y:scroll!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*{display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=scrollbarPressed]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:0}.os-scrollbar-vertical .os-scrollbar-handle{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle,.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar .os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar .os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar .os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar .os-scrollbar-handle:before{content:"";position:absolute;inset:0;display:block}.os-scrollbar .os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar .os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}
diff --git a/_astro/index.modern.CkIAsQri.js b/_astro/index.modern.CkIAsQri.js
new file mode 100644
index 000000000..c31fd3b03
--- /dev/null
+++ b/_astro/index.modern.CkIAsQri.js
@@ -0,0 +1 @@
+function o(){return o=Object.assign?Object.assign.bind():function(s){for(var n=1;n
2024
1 posts
05-01
Markdown Extended Features
2024
1 posts
04-01
Simple Guides for Fuwari
2024
1 posts
04-01
Simple Guides for Fuwari
2023
1 posts
10-01
Markdown Example
2024
1 posts
04-01
Simple Guides for Fuwari
2024
1 posts
05-01
Markdown Extended Features
2023
1 posts
10-01
Markdown Example
2024
1 posts
05-01
Markdown Extended Features
2023
1 posts
08-01
Include Video in the Posts
2024
1 posts
05-01
Markdown Extended Features
2023
1 posts
10-01
Markdown Example
2023
1 posts
08-01
Include Video in the Posts
Include Video in the Posts
This post demonstrates how to include embedded video in a blog post.
61 words
|
1 minutes
+
+${i(30)}
+${i(40)}
+160 words
1 minutes
Simple Guides for Fuwari
Cover image source: Source
,girl,_Blue,yellow,green,cyan,purple,red,pink,_best,8k,UHD,masterpiece,male%20focus,%201boy,gloves,%20ponytail,%20long%20hair,.jpeg){kind=link}
This blog template is built with Astro. For the things that are not mentioned in this guide, you may find the answers in the Astro Docs.
Front-matter of Posts
---
+title: My First Blog Post
+published: 2023-09-09
+description: This is the first post of my new Astro blog.
+image: ./cover.jpg
+tags: [Foo, Bar]
+category: Front-end
+draft: false
+---
+| Attribute | Description |
|---|---|
title | The title of the post. |
published | The date the post was published. |
description | A short description of the post. Displayed on index page. |
image | The cover image path of the post. 1. Start with http:// or https://: Use web image2. Start with /: For image in public dir3. With none of the prefixes: Relative to the markdown file |
tags | The tags of the post. |
category | The category of the post. |
draft | If this post is still a draft, which won’t be displayed. |
Where to Place the Post Files
Your post files should be placed in src/content/posts/ directory. You can also create sub-directories to better organize your posts and assets.
src/content/posts/
+├── post-1.md
+└── post-2/
+ ├── cover.png
+ └── index.md
+Simple Guides for Fuwari
https://leadership.qubitpi.org/posts/guide/153 words
1 minutes
Markdown Extended Features
GitHub repository cards
You can add dynamic cards that link to GitHub repositories, on page load, the repository information is pulled from the GitHub API.
Waiting for api.github.com...
Create a GitHub repository card with the code ::github{repo="<owner>/<repo>"}.
::github{repo="saicaca/fuwari"}
+Admonitions
Following types of admonitions are supported: note tip important warning caution
NOTEHighlights information that users should take into account, even when skimming.
TIPOptional information to help a user be more successful.
IMPORTANTCrucial information necessary for users to succeed.
WARNINGCritical content demanding immediate user attention due to potential risks.
CAUTIONNegative potential consequences of an action.
:::note
+Highlights information that users should take into account, even when skimming.
+:::
+
+:::tip
+Optional information to help a user be more successful.
+:::
+The title of the admonition can be customized.
MY CUSTOM TITLEThis is a note with a custom title.
:::note[MY CUSTOM TITLE]
+This is a note with a custom title.
+:::
+TIPThe GitHub syntax is also supported.
> [!NOTE]
+> The GitHub syntax is also supported.
+
+> [!TIP]
+> The GitHub syntax is also supported.
+Markdown Extended Features
https://leadership.qubitpi.org/posts/markdown-extended/439 words
2 minutes
Markdown Example
An h1 header
Paragraphs are separated by a blank line.
2nd paragraph. Italic, bold, and monospace. Itemized lists look like:
- this one
- that one
- the other one
Note that --- not considering the asterisk --- the actual text content starts at 4-columns in.
Block quotes are written like so.
They can span multiple paragraphs, if you like.
Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., “it’s all in chapters 12—14”). Three dots … will be converted to an ellipsis. Unicode is supported. ☺
An h2 header
Here’s a numbered list:
- first item
- second item
- third item
Note again how the actual text starts at 4 columns in (4 characters from the left side). Here’s a code sample:
# Let me re-iterate ...
+for i in 1 .. 10 { do-something(i) }
+As you probably guessed, indented 4 spaces. By the way, instead of indenting the block, you can use delimited blocks, if you like:
define foobar() {
+ print "Welcome to flavor country!";
+}
+(which makes copying & pasting easier). You can optionally mark the delimited block for Pandoc to syntax highlight it:
import time
+# Quick, count to ten!
+for i in range(10):
+ # (but not *too* quick)
+ time.sleep(0.5)
+ print i
+An h3 header
Now a nested list:
First, get these ingredients:
- carrots
- celery
- lentils
Boil some water.
Dump everything in the pot and follow this algorithm:
find wooden spoon + uncover pot + stir + cover pot + balance wooden spoon precariously on pot handle + wait 10 minutes + goto first step (or shut off burner when done) +Do not bump wooden spoon or it will fall.
Notice again how text always lines up on 4-space indents (including that last line which continues item 3 above).
Here’s a link to a website, to a local doc, and to a section heading in the current doc. Here’s a footnote 1.
Tables can look like this:
size material color
9 leather brown 10 hemp canvas natural 11 glass transparent
Table: Shoes, their sizes, and what they’re made of
(The above is the caption for the table.) Pandoc also supports multi-line tables:
keyword text
red Sunsets, apples, and other red or reddish things.
green Leaves, grass, frogs and other things it’s not easy being.
A horizontal rule follows.
Here’s a definition list:
apples : Good for making applesauce. oranges : Citrus! tomatoes : There’s no “e” in tomatoe.
Again, text is indented 4 spaces. (Put a blank line between each term/definition pair to spread things out more.)
Here’s a “line block”:
| Line one | Line too | Line tree
and images can be specified like so:
Inline math equations go in like so: . Display math should get its own line and be put in in double-dollarsigns:
And note that you can backslash-escape any punctuation characters which you wish to be displayed literally, ex.: `foo`, *bar*, etc.
Footnotes
Footnote text goes here. ↩
Markdown Example
https://leadership.qubitpi.org/posts/markdown/61 words
1 minutes
Include Video in the Posts
Just copy the embed code from YouTube or other platforms, and paste it in the markdown file.
---
+title: Include Video in the Post
+published: 2023-10-19
+// ...
+---
+
+<iframe width="100%" height="468" src="https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_" title="YouTube video player" frameborder="0" allowfullscreen></iframe>
+YouTube
Bilibili
Include Video in the Posts
https://leadership.qubitpi.org/posts/video/