diff --git a/assets/img_s3_00_arrow_button_right-49e577a7.svg b/assets/img_s3_00_arrow_button_right-49e577a7.svg deleted file mode 100644 index 9ecc88b..0000000 --- a/assets/img_s3_00_arrow_button_right-49e577a7.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/assets/img_s3_01_arrow_button_left-fa698cfa.svg b/assets/img_s3_01_arrow_button_left-fa698cfa.svg deleted file mode 100644 index f7d2300..0000000 --- a/assets/img_s3_01_arrow_button_left-fa698cfa.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/assets/index-c487c0c9.js b/assets/index-4c72edc1.js similarity index 99% rename from assets/index-c487c0c9.js rename to assets/index-4c72edc1.js index 31bb28e..1d32587 100644 --- a/assets/index-c487c0c9.js +++ b/assets/index-4c72edc1.js @@ -37,7 +37,7 @@ `+r[o].replace(" at new "," at ");return n.displayName&&l.includes("")&&(l=l.replace("",n.displayName)),l}while(1<=o&&0<=a);break}}}finally{Gg=!1,Error.prepareStackTrace=t}return(n=n?n.displayName||n.name:"")?Eu(n):""}function wI(n){switch(n.tag){case 5:return Eu(n.type);case 16:return Eu("Lazy");case 13:return Eu("Suspense");case 19:return Eu("SuspenseList");case 0:case 2:case 15:return n=Hg(n.type,!1),n;case 11:return n=Hg(n.type.render,!1),n;case 1:return n=Hg(n.type,!0),n;default:return""}}function uA(n){if(n==null)return null;if(typeof n=="function")return n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case Dl:return"Fragment";case Ll:return"Portal";case aA:return"Profiler";case qv:return"StrictMode";case lA:return"Suspense";case cA:return"SuspenseList"}if(typeof n=="object")switch(n.$$typeof){case Fw:return(n.displayName||"Context")+".Consumer";case Dw:return(n._context.displayName||"Context")+".Provider";case $v:var e=n.render;return n=n.displayName,n||(n=e.displayName||e.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case ey:return e=n.displayName||null,e!==null?e:uA(n.type)||"Memo";case co:e=n._payload,n=n._init;try{return uA(n(e))}catch{}}return null}function CI(n){var e=n.type;switch(n.tag){case 24:return"Cache";case 9:return(e.displayName||"Context")+".Consumer";case 10:return(e._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return n=e.render,n=n.displayName||n.name||"",e.displayName||(n!==""?"ForwardRef("+n+")":"ForwardRef");case 7:return"Fragment";case 5:return e;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return uA(e);case 8:return e===qv?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e}return null}function bo(n){switch(typeof n){case"boolean":case"number":case"string":case"undefined":return n;case"object":return n;default:return""}}function Nw(n){var e=n.type;return(n=n.nodeName)&&n.toLowerCase()==="input"&&(e==="checkbox"||e==="radio")}function TI(n){var e=Nw(n)?"checked":"value",t=Object.getOwnPropertyDescriptor(n.constructor.prototype,e),i=""+n[e];if(!n.hasOwnProperty(e)&&typeof t<"u"&&typeof t.get=="function"&&typeof t.set=="function"){var r=t.get,s=t.set;return Object.defineProperty(n,e,{configurable:!0,get:function(){return r.call(this)},set:function(o){i=""+o,s.call(this,o)}}),Object.defineProperty(n,e,{enumerable:t.enumerable}),{getValue:function(){return i},setValue:function(o){i=""+o},stopTracking:function(){n._valueTracker=null,delete n[e]}}}}function Qd(n){n._valueTracker||(n._valueTracker=TI(n))}function kw(n){if(!n)return!1;var e=n._valueTracker;if(!e)return!0;var t=e.getValue(),i="";return n&&(i=Nw(n)?n.checked?"true":"false":n.value),n=i,n!==t?(e.setValue(n),!0):!1}function xp(n){if(n=n||(typeof document<"u"?document:void 0),typeof n>"u")return null;try{return n.activeElement||n.body}catch{return n.body}}function fA(n,e){var t=e.checked;return on({},e,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:t??n._wrapperState.initialChecked})}function vM(n,e){var t=e.defaultValue==null?"":e.defaultValue,i=e.checked!=null?e.checked:e.defaultChecked;t=bo(e.value!=null?e.value:t),n._wrapperState={initialChecked:i,initialValue:t,controlled:e.type==="checkbox"||e.type==="radio"?e.checked!=null:e.value!=null}}function Ow(n,e){e=e.checked,e!=null&&Zv(n,"checked",e,!1)}function dA(n,e){Ow(n,e);var t=bo(e.value),i=e.type;if(t!=null)i==="number"?(t===0&&n.value===""||n.value!=t)&&(n.value=""+t):n.value!==""+t&&(n.value=""+t);else if(i==="submit"||i==="reset"){n.removeAttribute("value");return}e.hasOwnProperty("value")?hA(n,e.type,t):e.hasOwnProperty("defaultValue")&&hA(n,e.type,bo(e.defaultValue)),e.checked==null&&e.defaultChecked!=null&&(n.defaultChecked=!!e.defaultChecked)}function yM(n,e,t){if(e.hasOwnProperty("value")||e.hasOwnProperty("defaultValue")){var i=e.type;if(!(i!=="submit"&&i!=="reset"||e.value!==void 0&&e.value!==null))return;e=""+n._wrapperState.initialValue,t||e===n.value||(n.value=e),n.defaultValue=e}t=n.name,t!==""&&(n.name=""),n.defaultChecked=!!n._wrapperState.initialChecked,t!==""&&(n.name=t)}function hA(n,e,t){(e!=="number"||xp(n.ownerDocument)!==n)&&(t==null?n.defaultValue=""+n._wrapperState.initialValue:n.defaultValue!==""+t&&(n.defaultValue=""+t))}var wu=Array.isArray;function jl(n,e,t,i){if(n=n.options,e){e={};for(var r=0;r"+e.valueOf().toString()+"",e=Xd.firstChild;n.firstChild;)n.removeChild(n.firstChild);for(;e.firstChild;)n.appendChild(e.firstChild)}});function Ju(n,e){if(e){var t=n.firstChild;if(t&&t===n.lastChild&&t.nodeType===3){t.nodeValue=e;return}}n.textContent=e}var Bu={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},_I=["Webkit","ms","Moz","O"];Object.keys(Bu).forEach(function(n){_I.forEach(function(e){e=e+n.charAt(0).toUpperCase()+n.substring(1),Bu[e]=Bu[n]})});function Vw(n,e,t){return e==null||typeof e=="boolean"||e===""?"":t||typeof e!="number"||e===0||Bu.hasOwnProperty(n)&&Bu[n]?(""+e).trim():e+"px"}function Ww(n,e){n=n.style;for(var t in e)if(e.hasOwnProperty(t)){var i=t.indexOf("--")===0,r=Vw(t,e[t],i);t==="float"&&(t="cssFloat"),i?n.setProperty(t,r):n[t]=r}}var RI=on({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function gA(n,e){if(e){if(RI[n]&&(e.children!=null||e.dangerouslySetInnerHTML!=null))throw Error(we(137,n));if(e.dangerouslySetInnerHTML!=null){if(e.children!=null)throw Error(we(60));if(typeof e.dangerouslySetInnerHTML!="object"||!("__html"in e.dangerouslySetInnerHTML))throw Error(we(61))}if(e.style!=null&&typeof e.style!="object")throw Error(we(62))}}function AA(n,e){if(n.indexOf("-")===-1)return typeof e.is=="string";switch(n){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var vA=null;function ty(n){return n=n.target||n.srcElement||window,n.correspondingUseElement&&(n=n.correspondingUseElement),n.nodeType===3?n.parentNode:n}var yA=null,Kl=null,Zl=null;function MM(n){if(n=Mf(n)){if(typeof yA!="function")throw Error(we(280));var e=n.stateNode;e&&(e=im(e),yA(n.stateNode,n.type,e))}}function Jw(n){Kl?Zl?Zl.push(n):Zl=[n]:Kl=n}function Qw(){if(Kl){var n=Kl,e=Zl;if(Zl=Kl=null,MM(n),e)for(n=0;n>>=0,n===0?32:31-(OI(n)/GI|0)|0}var Yd=64,jd=4194304;function Cu(n){switch(n&-n){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return n&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return n&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return n}}function wp(n,e){var t=n.pendingLanes;if(t===0)return 0;var i=0,r=n.suspendedLanes,s=n.pingedLanes,o=t&268435455;if(o!==0){var a=o&~r;a!==0?i=Cu(a):(s&=o,s!==0&&(i=Cu(s)))}else o=t&~r,o!==0?i=Cu(o):s!==0&&(i=Cu(s));if(i===0)return 0;if(e!==0&&e!==i&&!(e&r)&&(r=i&-i,s=e&-e,r>=s||r===16&&(s&4194240)!==0))return e;if(i&4&&(i|=t&16),e=n.entangledLanes,e!==0)for(n=n.entanglements,e&=i;0t;t++)e.push(n);return e}function xf(n,e,t){n.pendingLanes|=e,e!==536870912&&(n.suspendedLanes=0,n.pingedLanes=0),n=n.eventTimes,e=31-Lr(e),n[e]=t}function WI(n,e){var t=n.pendingLanes&~e;n.pendingLanes=e,n.suspendedLanes=0,n.pingedLanes=0,n.expiredLanes&=e,n.mutableReadLanes&=e,n.entangledLanes&=e,e=n.entanglements;var i=n.eventTimes;for(n=n.expirationTimes;0=bu),bM=String.fromCharCode(32),PM=!1;function dC(n,e){switch(n){case"keyup":return v2.indexOf(e.keyCode)!==-1;case"keydown":return e.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function hC(n){return n=n.detail,typeof n=="object"&&"data"in n?n.data:null}var Fl=!1;function x2(n,e){switch(n){case"compositionend":return hC(e);case"keypress":return e.which!==32?null:(PM=!0,bM);case"textInput":return n=e.data,n===bM&&PM?null:n;default:return null}}function S2(n,e){if(Fl)return n==="compositionend"||!cy&&dC(n,e)?(n=uC(),np=oy=go=null,Fl=!1,n):null;switch(n){case"paste":return null;case"keypress":if(!(e.ctrlKey||e.altKey||e.metaKey)||e.ctrlKey&&e.altKey){if(e.char&&1=e)return{node:t,offset:e-n};n=i}e:{for(;t;){if(t.nextSibling){t=t.nextSibling;break e}t=t.parentNode}t=void 0}t=UM(t)}}function AC(n,e){return n&&e?n===e?!0:n&&n.nodeType===3?!1:e&&e.nodeType===3?AC(n,e.parentNode):"contains"in n?n.contains(e):n.compareDocumentPosition?!!(n.compareDocumentPosition(e)&16):!1:!1}function vC(){for(var n=window,e=xp();e instanceof n.HTMLIFrameElement;){try{var t=typeof e.contentWindow.location.href=="string"}catch{t=!1}if(t)n=e.contentWindow;else break;e=xp(n.document)}return e}function uy(n){var e=n&&n.nodeName&&n.nodeName.toLowerCase();return e&&(e==="input"&&(n.type==="text"||n.type==="search"||n.type==="tel"||n.type==="url"||n.type==="password")||e==="textarea"||n.contentEditable==="true")}function I2(n){var e=vC(),t=n.focusedElem,i=n.selectionRange;if(e!==t&&t&&t.ownerDocument&&AC(t.ownerDocument.documentElement,t)){if(i!==null&&uy(t)){if(e=i.start,n=i.end,n===void 0&&(n=e),"selectionStart"in t)t.selectionStart=e,t.selectionEnd=Math.min(n,t.value.length);else if(n=(e=t.ownerDocument||document)&&e.defaultView||window,n.getSelection){n=n.getSelection();var r=t.textContent.length,s=Math.min(i.start,r);i=i.end===void 0?s:Math.min(i.end,r),!n.extend&&s>i&&(r=i,i=s,s=r),r=NM(t,s);var o=NM(t,i);r&&o&&(n.rangeCount!==1||n.anchorNode!==r.node||n.anchorOffset!==r.offset||n.focusNode!==o.node||n.focusOffset!==o.offset)&&(e=e.createRange(),e.setStart(r.node,r.offset),n.removeAllRanges(),s>i?(n.addRange(e),n.extend(o.node,o.offset)):(e.setEnd(o.node,o.offset),n.addRange(e)))}}for(e=[],n=t;n=n.parentNode;)n.nodeType===1&&e.push({element:n,left:n.scrollLeft,top:n.scrollTop});for(typeof t.focus=="function"&&t.focus(),t=0;t=document.documentMode,Ul=null,CA=null,Lu=null,TA=!1;function kM(n,e,t){var i=t.window===t?t.document:t.nodeType===9?t:t.ownerDocument;TA||Ul==null||Ul!==xp(i)||(i=Ul,"selectionStart"in i&&uy(i)?i={start:i.selectionStart,end:i.selectionEnd}:(i=(i.ownerDocument&&i.ownerDocument.defaultView||window).getSelection(),i={anchorNode:i.anchorNode,anchorOffset:i.anchorOffset,focusNode:i.focusNode,focusOffset:i.focusOffset}),Lu&&Zu(Lu,i)||(Lu=i,i=_p(CA,"onSelect"),0Ol||(n.current=PA[Ol],PA[Ol]=null,Ol--)}function Wt(n,e){Ol++,PA[Ol]=n.current,n.current=e}var Po={},ni=Oo(Po),_i=Oo(!1),Ia=Po;function oc(n,e){var t=n.type.contextTypes;if(!t)return Po;var i=n.stateNode;if(i&&i.__reactInternalMemoizedUnmaskedChildContext===e)return i.__reactInternalMemoizedMaskedChildContext;var r={},s;for(s in t)r[s]=e[s];return i&&(n=n.stateNode,n.__reactInternalMemoizedUnmaskedChildContext=e,n.__reactInternalMemoizedMaskedChildContext=r),r}function Ri(n){return n=n.childContextTypes,n!=null}function Bp(){Yt(_i),Yt(ni)}function JM(n,e,t){if(ni.current!==Po)throw Error(we(168));Wt(ni,e),Wt(_i,t)}function _C(n,e,t){var i=n.stateNode;if(e=e.childContextTypes,typeof i.getChildContext!="function")return t;i=i.getChildContext();for(var r in i)if(!(r in e))throw Error(we(108,CI(n)||"Unknown",r));return on({},t,i)}function Ip(n){return n=(n=n.stateNode)&&n.__reactInternalMemoizedMergedChildContext||Po,Ia=ni.current,Wt(ni,n),Wt(_i,_i.current),!0}function QM(n,e,t){var i=n.stateNode;if(!i)throw Error(we(169));t?(n=_C(n,e,Ia),i.__reactInternalMemoizedMergedChildContext=n,Yt(_i),Yt(ni),Wt(ni,n)):Yt(_i),Wt(_i,t)}var _s=null,rm=!1,t0=!1;function RC(n){_s===null?_s=[n]:_s.push(n)}function z2(n){rm=!0,RC(n)}function Go(){if(!t0&&_s!==null){t0=!0;var n=0,e=Gt;try{var t=_s;for(Gt=1;n>=o,r-=o,Is=1<<32-Lr(e)+r|t<I?(_=B,B=null):_=B.sibling;var b=p(A,B,M[I],C);if(b===null){B===null&&(B=_);break}n&&B&&b.alternate===null&&e(A,B),S=s(b,S,I),T===null?w=b:T.sibling=b,T=b,B=_}if(I===M.length)return t(A,B),qt&&da(A,I),w;if(B===null){for(;II?(_=B,B=null):_=B.sibling;var L=p(A,B,b.value,C);if(L===null){B===null&&(B=_);break}n&&B&&L.alternate===null&&e(A,B),S=s(L,S,I),T===null?w=L:T.sibling=L,T=L,B=_}if(b.done)return t(A,B),qt&&da(A,I),w;if(B===null){for(;!b.done;I++,b=M.next())b=m(A,b.value,C),b!==null&&(S=s(b,S,I),T===null?w=b:T.sibling=b,T=b);return qt&&da(A,I),w}for(B=i(A,B);!b.done;I++,b=M.next())b=h(B,A,I,b.value,C),b!==null&&(n&&b.alternate!==null&&B.delete(b.key===null?I:b.key),S=s(b,S,I),T===null?w=b:T.sibling=b,T=b);return n&&B.forEach(function(D){return e(A,D)}),qt&&da(A,I),w}function y(A,S,M,C){if(typeof M=="object"&&M!==null&&M.type===Dl&&M.key===null&&(M=M.props.children),typeof M=="object"&&M!==null){switch(M.$$typeof){case Jd:e:{for(var w=M.key,T=S;T!==null;){if(T.key===w){if(w=M.type,w===Dl){if(T.tag===7){t(A,T.sibling),S=r(T,M.props.children),S.return=A,A=S;break e}}else if(T.elementType===w||typeof w=="object"&&w!==null&&w.$$typeof===co&&$M(w)===T.type){t(A,T.sibling),S=r(T,M.props),S.ref=su(A,T,M),S.return=A,A=S;break e}t(A,T);break}else e(A,T);T=T.sibling}M.type===Dl?(S=Ca(M.props.children,A.mode,C,M.key),S.return=A,A=S):(C=up(M.type,M.key,M.props,null,A.mode,C),C.ref=su(A,S,M),C.return=A,A=C)}return o(A);case Ll:e:{for(T=M.key;S!==null;){if(S.key===T)if(S.tag===4&&S.stateNode.containerInfo===M.containerInfo&&S.stateNode.implementation===M.implementation){t(A,S.sibling),S=r(S,M.children||[]),S.return=A,A=S;break e}else{t(A,S);break}else e(A,S);S=S.sibling}S=c0(M,A.mode,C),S.return=A,A=S}return o(A);case co:return T=M._init,y(A,S,T(M._payload),C)}if(wu(M))return g(A,S,M,C);if(eu(M))return v(A,S,M,C);nh(A,M)}return typeof M=="string"&&M!==""||typeof M=="number"?(M=""+M,S!==null&&S.tag===6?(t(A,S.sibling),S=r(S,M),S.return=A,A=S):(t(A,S),S=l0(M,A.mode,C),S.return=A,A=S),o(A)):t(A,S)}return y}var lc=UC(!0),NC=UC(!1),Ef={},os=Oo(Ef),tf=Oo(Ef),nf=Oo(Ef);function ya(n){if(n===Ef)throw Error(we(174));return n}function yy(n,e){switch(Wt(nf,e),Wt(tf,n),Wt(os,Ef),n=e.nodeType,n){case 9:case 11:e=(e=e.documentElement)?e.namespaceURI:mA(null,"");break;default:n=n===8?e.parentNode:e,e=n.namespaceURI||null,n=n.tagName,e=mA(e,n)}Yt(os),Wt(os,e)}function cc(){Yt(os),Yt(tf),Yt(nf)}function kC(n){ya(nf.current);var e=ya(os.current),t=mA(e,n.type);e!==t&&(Wt(tf,n),Wt(os,t))}function xy(n){tf.current===n&&(Yt(os),Yt(tf))}var nn=Oo(0);function Up(n){for(var e=n;e!==null;){if(e.tag===13){var t=e.memoizedState;if(t!==null&&(t=t.dehydrated,t===null||t.data==="$?"||t.data==="$!"))return e}else if(e.tag===19&&e.memoizedProps.revealOrder!==void 0){if(e.flags&128)return e}else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===n)break;for(;e.sibling===null;){if(e.return===null||e.return===n)return null;e=e.return}e.sibling.return=e.return,e=e.sibling}return null}var n0=[];function Sy(){for(var n=0;nt?t:4,n(!0);var i=i0.transition;i0.transition={};try{n(!1),e()}finally{Gt=t,i0.transition=i}}function eT(){return pr().memoizedState}function Q2(n,e,t){var i=To(n);if(t={lane:i,action:t,hasEagerState:!1,eagerState:null,next:null},tT(n))nT(e,t);else if(t=PC(n,e,t,i),t!==null){var r=di();Dr(t,n,i,r),iT(t,e,i)}}function X2(n,e,t){var i=To(n),r={lane:i,action:t,hasEagerState:!1,eagerState:null,next:null};if(tT(n))nT(e,r);else{var s=n.alternate;if(n.lanes===0&&(s===null||s.lanes===0)&&(s=e.lastRenderedReducer,s!==null))try{var o=e.lastRenderedState,a=s(o,t);if(r.hasEagerState=!0,r.eagerState=a,Nr(a,o)){var l=e.interleaved;l===null?(r.next=r,Ay(e)):(r.next=l.next,l.next=r),e.interleaved=r;return}}catch{}finally{}t=PC(n,e,r,i),t!==null&&(r=di(),Dr(t,n,i,r),iT(t,e,i))}}function tT(n){var e=n.alternate;return n===sn||e!==null&&e===sn}function nT(n,e){Du=Np=!0;var t=n.pending;t===null?e.next=e:(e.next=t.next,t.next=e),n.pending=e}function iT(n,e,t){if(t&4194240){var i=e.lanes;i&=n.pendingLanes,t|=i,e.lanes=t,iy(n,t)}}var kp={readContext:hr,useCallback:jn,useContext:jn,useEffect:jn,useImperativeHandle:jn,useInsertionEffect:jn,useLayoutEffect:jn,useMemo:jn,useReducer:jn,useRef:jn,useState:jn,useDebugValue:jn,useDeferredValue:jn,useTransition:jn,useMutableSource:jn,useSyncExternalStore:jn,useId:jn,unstable_isNewReconciler:!1},Y2={readContext:hr,useCallback:function(n,e){return ns().memoizedState=[n,e===void 0?null:e],n},useContext:hr,useEffect:t1,useImperativeHandle:function(n,e,t){return t=t!=null?t.concat([n]):null,op(4194308,4,jC.bind(null,e,n),t)},useLayoutEffect:function(n,e){return op(4194308,4,n,e)},useInsertionEffect:function(n,e){return op(4,2,n,e)},useMemo:function(n,e){var t=ns();return e=e===void 0?null:e,n=n(),t.memoizedState=[n,e],n},useReducer:function(n,e,t){var i=ns();return e=t!==void 0?t(e):e,i.memoizedState=i.baseState=e,n={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:n,lastRenderedState:e},i.queue=n,n=n.dispatch=Q2.bind(null,sn,n),[i.memoizedState,n]},useRef:function(n){var e=ns();return n={current:n},e.memoizedState=n},useState:e1,useDebugValue:Ty,useDeferredValue:function(n){return ns().memoizedState=n},useTransition:function(){var n=e1(!1),e=n[0];return n=J2.bind(null,n[1]),ns().memoizedState=n,[e,n]},useMutableSource:function(){},useSyncExternalStore:function(n,e,t){var i=sn,r=ns();if(qt){if(t===void 0)throw Error(we(407));t=t()}else{if(t=e(),Un===null)throw Error(we(349));Pa&30||HC(i,e,t)}r.memoizedState=t;var s={value:t,getSnapshot:e};return r.queue=s,t1(VC.bind(null,i,s,n),[n]),i.flags|=2048,of(9,zC.bind(null,i,s,t,e),void 0,null),t},useId:function(){var n=ns(),e=Un.identifierPrefix;if(qt){var t=bs,i=Is;t=(i&~(1<<32-Lr(i)-1)).toString(32)+t,e=":"+e+"R"+t,t=rf++,0<\/script>",n=n.removeChild(n.firstChild)):typeof i.is=="string"?n=o.createElement(t,{is:i.is}):(n=o.createElement(t),t==="select"&&(o=n,i.multiple?o.multiple=!0:i.size&&(o.size=i.size))):n=o.createElementNS(n,t),n[is]=e,n[ef]=i,dT(n,e,!1,!1),e.stateNode=n;e:{switch(o=AA(t,i),t){case"dialog":Jt("cancel",n),Jt("close",n),r=i;break;case"iframe":case"object":case"embed":Jt("load",n),r=i;break;case"video":case"audio":for(r=0;rfc&&(e.flags|=128,i=!0,ou(s,!1),e.lanes=4194304)}else{if(!i)if(n=Up(o),n!==null){if(e.flags|=128,i=!0,t=n.updateQueue,t!==null&&(e.updateQueue=t,e.flags|=4),ou(s,!0),s.tail===null&&s.tailMode==="hidden"&&!o.alternate&&!qt)return Kn(e),null}else 2*mn()-s.renderingStartTime>fc&&t!==1073741824&&(e.flags|=128,i=!0,ou(s,!1),e.lanes=4194304);s.isBackwards?(o.sibling=e.child,e.child=o):(t=s.last,t!==null?t.sibling=o:e.child=o,s.last=o)}return s.tail!==null?(e=s.tail,s.rendering=e,s.tail=e.sibling,s.renderingStartTime=mn(),e.sibling=null,t=nn.current,Wt(nn,i?t&1|2:t&1),e):(Kn(e),null);case 22:case 23:return Py(),i=e.memoizedState!==null,n!==null&&n.memoizedState!==null!==i&&(e.flags|=8192),i&&e.mode&1?Oi&1073741824&&(Kn(e),e.subtreeFlags&6&&(e.flags|=8192)):Kn(e),null;case 24:return null;case 25:return null}throw Error(we(156,e.tag))}function nb(n,e){switch(dy(e),e.tag){case 1:return Ri(e.type)&&Bp(),n=e.flags,n&65536?(e.flags=n&-65537|128,e):null;case 3:return cc(),Yt(_i),Yt(ni),Sy(),n=e.flags,n&65536&&!(n&128)?(e.flags=n&-65537|128,e):null;case 5:return xy(e),null;case 13:if(Yt(nn),n=e.memoizedState,n!==null&&n.dehydrated!==null){if(e.alternate===null)throw Error(we(340));ac()}return n=e.flags,n&65536?(e.flags=n&-65537|128,e):null;case 19:return Yt(nn),null;case 4:return cc(),null;case 10:return gy(e.type._context),null;case 22:case 23:return Py(),null;case 24:return null;default:return null}}var rh=!1,ei=!1,ib=typeof WeakSet=="function"?WeakSet:Set,Ne=null;function Vl(n,e){var t=n.ref;if(t!==null)if(typeof t=="function")try{t(null)}catch(i){un(n,e,i)}else t.current=null}function WA(n,e,t){try{t()}catch(i){un(n,e,i)}}var u1=!1;function rb(n,e){if(_A=Cp,n=vC(),uy(n)){if("selectionStart"in n)var t={start:n.selectionStart,end:n.selectionEnd};else e:{t=(t=n.ownerDocument)&&t.defaultView||window;var i=t.getSelection&&t.getSelection();if(i&&i.rangeCount!==0){t=i.anchorNode;var r=i.anchorOffset,s=i.focusNode;i=i.focusOffset;try{t.nodeType,s.nodeType}catch{t=null;break e}var o=0,a=-1,l=-1,u=0,d=0,m=n,p=null;t:for(;;){for(var h;m!==t||r!==0&&m.nodeType!==3||(a=o+r),m!==s||i!==0&&m.nodeType!==3||(l=o+i),m.nodeType===3&&(o+=m.nodeValue.length),(h=m.firstChild)!==null;)p=m,m=h;for(;;){if(m===n)break t;if(p===t&&++u===r&&(a=o),p===s&&++d===i&&(l=o),(h=m.nextSibling)!==null)break;m=p,p=m.parentNode}m=h}t=a===-1||l===-1?null:{start:a,end:l}}else t=null}t=t||{start:0,end:0}}else t=null;for(RA={focusedElem:n,selectionRange:t},Cp=!1,Ne=e;Ne!==null;)if(e=Ne,n=e.child,(e.subtreeFlags&1028)!==0&&n!==null)n.return=e,Ne=n;else for(;Ne!==null;){e=Ne;try{var g=e.alternate;if(e.flags&1024)switch(e.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var v=g.memoizedProps,y=g.memoizedState,A=e.stateNode,S=A.getSnapshotBeforeUpdate(e.elementType===e.type?v:_r(e.type,v),y);A.__reactInternalSnapshotBeforeUpdate=S}break;case 3:var M=e.stateNode.containerInfo;M.nodeType===1?M.textContent="":M.nodeType===9&&M.documentElement&&M.removeChild(M.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(we(163))}}catch(C){un(e,e.return,C)}if(n=e.sibling,n!==null){n.return=e.return,Ne=n;break}Ne=e.return}return g=u1,u1=!1,g}function Fu(n,e,t){var i=e.updateQueue;if(i=i!==null?i.lastEffect:null,i!==null){var r=i=i.next;do{if((r.tag&n)===n){var s=r.destroy;r.destroy=void 0,s!==void 0&&WA(e,t,s)}r=r.next}while(r!==i)}}function am(n,e){if(e=e.updateQueue,e=e!==null?e.lastEffect:null,e!==null){var t=e=e.next;do{if((t.tag&n)===n){var i=t.create;t.destroy=i()}t=t.next}while(t!==e)}}function JA(n){var e=n.ref;if(e!==null){var t=n.stateNode;switch(n.tag){case 5:n=t;break;default:n=t}typeof e=="function"?e(n):e.current=n}}function mT(n){var e=n.alternate;e!==null&&(n.alternate=null,mT(e)),n.child=null,n.deletions=null,n.sibling=null,n.tag===5&&(e=n.stateNode,e!==null&&(delete e[is],delete e[ef],delete e[bA],delete e[G2],delete e[H2])),n.stateNode=null,n.return=null,n.dependencies=null,n.memoizedProps=null,n.memoizedState=null,n.pendingProps=null,n.stateNode=null,n.updateQueue=null}function gT(n){return n.tag===5||n.tag===3||n.tag===4}function f1(n){e:for(;;){for(;n.sibling===null;){if(n.return===null||gT(n.return))return null;n=n.return}for(n.sibling.return=n.return,n=n.sibling;n.tag!==5&&n.tag!==6&&n.tag!==18;){if(n.flags&2||n.child===null||n.tag===4)continue e;n.child.return=n,n=n.child}if(!(n.flags&2))return n.stateNode}}function QA(n,e,t){var i=n.tag;if(i===5||i===6)n=n.stateNode,e?t.nodeType===8?t.parentNode.insertBefore(n,e):t.insertBefore(n,e):(t.nodeType===8?(e=t.parentNode,e.insertBefore(n,t)):(e=t,e.appendChild(n)),t=t._reactRootContainer,t!=null||e.onclick!==null||(e.onclick=Rp));else if(i!==4&&(n=n.child,n!==null))for(QA(n,e,t),n=n.sibling;n!==null;)QA(n,e,t),n=n.sibling}function XA(n,e,t){var i=n.tag;if(i===5||i===6)n=n.stateNode,e?t.insertBefore(n,e):t.appendChild(n);else if(i!==4&&(n=n.child,n!==null))for(XA(n,e,t),n=n.sibling;n!==null;)XA(n,e,t),n=n.sibling}var Gn=null,Br=!1;function to(n,e,t){for(t=t.child;t!==null;)AT(n,e,t),t=t.sibling}function AT(n,e,t){if(ss&&typeof ss.onCommitFiberUnmount=="function")try{ss.onCommitFiberUnmount($p,t)}catch{}switch(t.tag){case 5:ei||Vl(t,e);case 6:var i=Gn,r=Br;Gn=null,to(n,e,t),Gn=i,Br=r,Gn!==null&&(Br?(n=Gn,t=t.stateNode,n.nodeType===8?n.parentNode.removeChild(t):n.removeChild(t)):Gn.removeChild(t.stateNode));break;case 18:Gn!==null&&(Br?(n=Gn,t=t.stateNode,n.nodeType===8?e0(n.parentNode,t):n.nodeType===1&&e0(n,t),ju(n)):e0(Gn,t.stateNode));break;case 4:i=Gn,r=Br,Gn=t.stateNode.containerInfo,Br=!0,to(n,e,t),Gn=i,Br=r;break;case 0:case 11:case 14:case 15:if(!ei&&(i=t.updateQueue,i!==null&&(i=i.lastEffect,i!==null))){r=i=i.next;do{var s=r,o=s.destroy;s=s.tag,o!==void 0&&(s&2||s&4)&&WA(t,e,o),r=r.next}while(r!==i)}to(n,e,t);break;case 1:if(!ei&&(Vl(t,e),i=t.stateNode,typeof i.componentWillUnmount=="function"))try{i.props=t.memoizedProps,i.state=t.memoizedState,i.componentWillUnmount()}catch(a){un(t,e,a)}to(n,e,t);break;case 21:to(n,e,t);break;case 22:t.mode&1?(ei=(i=ei)||t.memoizedState!==null,to(n,e,t),ei=i):to(n,e,t);break;default:to(n,e,t)}}function d1(n){var e=n.updateQueue;if(e!==null){n.updateQueue=null;var t=n.stateNode;t===null&&(t=n.stateNode=new ib),e.forEach(function(i){var r=hb.bind(null,n,i);t.has(i)||(t.add(i),i.then(r,r))})}}function Er(n,e){var t=e.deletions;if(t!==null)for(var i=0;ir&&(r=o),i&=~s}if(i=r,i=mn()-i,i=(120>i?120:480>i?480:1080>i?1080:1920>i?1920:3e3>i?3e3:4320>i?4320:1960*ob(i/1960))-i,10n?16:n,Ao===null)var i=!1;else{if(n=Ao,Ao=null,Hp=0,Bt&6)throw Error(we(331));var r=Bt;for(Bt|=4,Ne=n.current;Ne!==null;){var s=Ne,o=s.child;if(Ne.flags&16){var a=s.deletions;if(a!==null){for(var l=0;lmn()-Iy?wa(n,0):By|=t),Bi(n,e)}function CT(n,e){e===0&&(n.mode&1?(e=jd,jd<<=1,!(jd&130023424)&&(jd=4194304)):e=1);var t=di();n=ks(n,e),n!==null&&(xf(n,e,t),Bi(n,t))}function db(n){var e=n.memoizedState,t=0;e!==null&&(t=e.retryLane),CT(n,t)}function hb(n,e){var t=0;switch(n.tag){case 13:var i=n.stateNode,r=n.memoizedState;r!==null&&(t=r.retryLane);break;case 19:i=n.stateNode;break;default:throw Error(we(314))}i!==null&&i.delete(e),CT(n,t)}var TT;TT=function(n,e,t){if(n!==null)if(n.memoizedProps!==e.pendingProps||_i.current)Ti=!0;else{if(!(n.lanes&t)&&!(e.flags&128))return Ti=!1,eb(n,e,t);Ti=!!(n.flags&131072)}else Ti=!1,qt&&e.flags&1048576&&BC(e,Pp,e.index);switch(e.lanes=0,e.tag){case 2:var i=e.type;ap(n,e),n=e.pendingProps;var r=oc(e,ni.current);$l(e,t),r=Ey(null,e,i,n,r,t);var s=wy();return e.flags|=1,typeof r=="object"&&r!==null&&typeof r.render=="function"&&r.$$typeof===void 0?(e.tag=1,e.memoizedState=null,e.updateQueue=null,Ri(i)?(s=!0,Ip(e)):s=!1,e.memoizedState=r.state!==null&&r.state!==void 0?r.state:null,vy(e),r.updater=sm,e.stateNode=r,r._reactInternals=e,NA(e,i,n,t),e=GA(null,e,i,!0,s,t)):(e.tag=0,qt&&s&&fy(e),ui(null,e,r,t),e=e.child),e;case 16:i=e.elementType;e:{switch(ap(n,e),n=e.pendingProps,r=i._init,i=r(i._payload),e.type=i,r=e.tag=mb(i),n=_r(i,n),r){case 0:e=OA(null,e,i,n,t);break e;case 1:e=a1(null,e,i,n,t);break e;case 11:e=s1(null,e,i,n,t);break e;case 14:e=o1(null,e,i,_r(i.type,n),t);break e}throw Error(we(306,i,""))}return e;case 0:return i=e.type,r=e.pendingProps,r=e.elementType===i?r:_r(i,r),OA(n,e,i,r,t);case 1:return i=e.type,r=e.pendingProps,r=e.elementType===i?r:_r(i,r),a1(n,e,i,r,t);case 3:e:{if(cT(e),n===null)throw Error(we(387));i=e.pendingProps,s=e.memoizedState,r=s.element,LC(n,e),Fp(e,i,null,t);var o=e.memoizedState;if(i=o.element,s.isDehydrated)if(s={element:i,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},e.updateQueue.baseState=s,e.memoizedState=s,e.flags&256){r=uc(Error(we(423)),e),e=l1(n,e,i,t,r);break e}else if(i!==r){r=uc(Error(we(424)),e),e=l1(n,e,i,t,r);break e}else for(Gi=Eo(e.stateNode.containerInfo.firstChild),Vi=e,qt=!0,Ir=null,t=NC(e,null,i,t),e.child=t;t;)t.flags=t.flags&-3|4096,t=t.sibling;else{if(ac(),i===r){e=Os(n,e,t);break e}ui(n,e,i,t)}e=e.child}return e;case 5:return kC(e),n===null&&DA(e),i=e.type,r=e.pendingProps,s=n!==null?n.memoizedProps:null,o=r.children,BA(i,r)?o=null:s!==null&&BA(i,s)&&(e.flags|=32),lT(n,e),ui(n,e,o,t),e.child;case 6:return n===null&&DA(e),null;case 13:return uT(n,e,t);case 4:return yy(e,e.stateNode.containerInfo),i=e.pendingProps,n===null?e.child=lc(e,null,i,t):ui(n,e,i,t),e.child;case 11:return i=e.type,r=e.pendingProps,r=e.elementType===i?r:_r(i,r),s1(n,e,i,r,t);case 7:return ui(n,e,e.pendingProps,t),e.child;case 8:return ui(n,e,e.pendingProps.children,t),e.child;case 12:return ui(n,e,e.pendingProps.children,t),e.child;case 10:e:{if(i=e.type._context,r=e.pendingProps,s=e.memoizedProps,o=r.value,Wt(Lp,i._currentValue),i._currentValue=o,s!==null)if(Nr(s.value,o)){if(s.children===r.children&&!_i.current){e=Os(n,e,t);break e}}else for(s=e.child,s!==null&&(s.return=e);s!==null;){var a=s.dependencies;if(a!==null){o=s.child;for(var l=a.firstContext;l!==null;){if(l.context===i){if(s.tag===1){l=Ls(-1,t&-t),l.tag=2;var u=s.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?l.next=l:(l.next=d.next,d.next=l),u.pending=l}}s.lanes|=t,l=s.alternate,l!==null&&(l.lanes|=t),FA(s.return,t,e),a.lanes|=t;break}l=l.next}}else if(s.tag===10)o=s.type===e.type?null:s.child;else if(s.tag===18){if(o=s.return,o===null)throw Error(we(341));o.lanes|=t,a=o.alternate,a!==null&&(a.lanes|=t),FA(o,t,e),o=s.sibling}else o=s.child;if(o!==null)o.return=s;else for(o=s;o!==null;){if(o===e){o=null;break}if(s=o.sibling,s!==null){s.return=o.return,o=s;break}o=o.return}s=o}ui(n,e,r.children,t),e=e.child}return e;case 9:return r=e.type,i=e.pendingProps.children,$l(e,t),r=hr(r),i=i(r),e.flags|=1,ui(n,e,i,t),e.child;case 14:return i=e.type,r=_r(i,e.pendingProps),r=_r(i.type,r),o1(n,e,i,r,t);case 15:return oT(n,e,e.type,e.pendingProps,t);case 17:return i=e.type,r=e.pendingProps,r=e.elementType===i?r:_r(i,r),ap(n,e),e.tag=1,Ri(i)?(n=!0,Ip(e)):n=!1,$l(e,t),FC(e,i,r),NA(e,i,r,t),GA(null,e,i,!0,n,t);case 19:return fT(n,e,t);case 22:return aT(n,e,t)}throw Error(we(156,e.tag))};function _T(n,e){return $w(n,e)}function pb(n,e,t,i){this.tag=n,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=i,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function fr(n,e,t,i){return new pb(n,e,t,i)}function Dy(n){return n=n.prototype,!(!n||!n.isReactComponent)}function mb(n){if(typeof n=="function")return Dy(n)?1:0;if(n!=null){if(n=n.$$typeof,n===$v)return 11;if(n===ey)return 14}return 2}function _o(n,e){var t=n.alternate;return t===null?(t=fr(n.tag,e,n.key,n.mode),t.elementType=n.elementType,t.type=n.type,t.stateNode=n.stateNode,t.alternate=n,n.alternate=t):(t.pendingProps=e,t.type=n.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=n.flags&14680064,t.childLanes=n.childLanes,t.lanes=n.lanes,t.child=n.child,t.memoizedProps=n.memoizedProps,t.memoizedState=n.memoizedState,t.updateQueue=n.updateQueue,e=n.dependencies,t.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext},t.sibling=n.sibling,t.index=n.index,t.ref=n.ref,t}function up(n,e,t,i,r,s){var o=2;if(i=n,typeof n=="function")Dy(n)&&(o=1);else if(typeof n=="string")o=5;else e:switch(n){case Dl:return Ca(t.children,r,s,e);case qv:o=8,r|=8;break;case aA:return n=fr(12,t,e,r|2),n.elementType=aA,n.lanes=s,n;case lA:return n=fr(13,t,e,r),n.elementType=lA,n.lanes=s,n;case cA:return n=fr(19,t,e,r),n.elementType=cA,n.lanes=s,n;case Uw:return cm(t,r,s,e);default:if(typeof n=="object"&&n!==null)switch(n.$$typeof){case Dw:o=10;break e;case Fw:o=9;break e;case $v:o=11;break e;case ey:o=14;break e;case co:o=16,i=null;break e}throw Error(we(130,n==null?n:typeof n,""))}return e=fr(o,t,e,r),e.elementType=n,e.type=i,e.lanes=s,e}function Ca(n,e,t,i){return n=fr(7,n,i,e),n.lanes=t,n}function cm(n,e,t,i){return n=fr(22,n,i,e),n.elementType=Uw,n.lanes=t,n.stateNode={isHidden:!1},n}function l0(n,e,t){return n=fr(6,n,null,e),n.lanes=t,n}function c0(n,e,t){return e=fr(4,n.children!==null?n.children:[],n.key,e),e.lanes=t,e.stateNode={containerInfo:n.containerInfo,pendingChildren:null,implementation:n.implementation},e}function gb(n,e,t,i,r){this.tag=e,this.containerInfo=n,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Vg(0),this.expirationTimes=Vg(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Vg(0),this.identifierPrefix=i,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Fy(n,e,t,i,r,s,o,a,l){return n=new gb(n,e,t,a,l),e===1?(e=1,s===!0&&(e|=8)):e=0,s=fr(3,null,null,e),n.current=s,s.stateNode=n,s.memoizedState={element:i,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},vy(s),n}function Ab(n,e,t){var i=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}e(),n.exports=Yi})(vI);var x1=rA;iA.createRoot=x1.createRoot,iA.hydrateRoot=x1.hydrateRoot;function Mb(n,e,t){e??(e=34),t??(t=242),e=e<=0?0:Math.ceil(e),t=e>=255?255:Math.ceil(t),n=Math.ceil(n);const i=s=>`rgb(${s}, ${s}, ${s})`;if(n<=0)return i(e);if(n>=100)return i(t);let r=Math.ceil((t-e)*(n/100))+e;return i(r)}function Eb({percentage:n}){const[e,t]=K.useState("rgb(242, 242, 242)"),[i,r]=K.useState(1);return K.useEffect(()=>{t(Mb(100-n))},[n]),K.useEffect(()=>{const s=setInterval(()=>{r(o=>o%3+1)},600);return()=>{clearInterval(s)}},[]),Q("div",{id:"global-loading-indicator-container",className:"absolute z-[100] flex h-full w-full items-start justify-center bg-black",children:_e("div",{id:"global-loading-indicator",className:"relative flex h-recommended w-recommended justify-center bg-black",children:[Q("div",{className:"absolute left-auto top-[440px] pb-20 text-xl text-white",children:"이 사이트는 1920x1200 해상도에 최적화 되어있습니다."}),_e("div",{id:"loading-text-area",className:"absolute bottom-16 right-16 flex select-none font-galmuri9 text-9xl",style:{color:e},children:[_e("div",{id:"loading-text",className:"inline-block",children:["Loading",Q("span",{id:"loading-ellipsis",className:"inline-block w-40",children:Array(i).fill(".").join("")})]}),_e("div",{id:"loading-percentage",className:"ml-4 inline-block w-[320px] text-right",children:[Math.floor(n),"%"]})]})]})})}const bT=K.createContext({isLoading:!0,setIsLoading:()=>{throw new Error("Function not implemented.")},percentage:0,setPercentage:function(n){throw new Error("Function not implemented.")}});function wb({children:n}){const[e,t]=K.useState(!0),[i,r]=K.useState(!1),[s,o]=K.useState(!1),[a,l]=K.useState(0);return K.useEffect(()=>{e||(r(!0),setTimeout(()=>{o(!0)},2e3))},[e]),K.useEffect(()=>{}),_e(bT.Provider,{value:{isLoading:e,setIsLoading:t,percentage:a,setPercentage:l},children:[n,e?Q(Eb,{percentage:a}):null,s?void 0:Q("div",{className:"absolute z-[75] flex h-screen w-screen justify-center bg-black transition-opacity duration-[2000ms]",style:{opacity:i?"0":"100"},children:Q("div",{className:"absolute left-auto top-[440px] pb-[4.5rem] text-xl text-white",children:"이 사이트는 1920x1200 해상도에 최적화 되어있습니다."})})]})}const Cb=n=>{const{setIsLoading:e,setPercentage:t}=K.useContext(bT);K.useEffect(()=>{n&&t(n)},[t,n]);const i=K.useCallback(()=>{e(!0)},[e]),r=K.useCallback(()=>{e(!1)},[e]);return{showLoading:i,hideLoading:r,setPercentage:t}},Tb="/portfolio/assets/img_s1_00_background-1308784a.png",_b="/portfolio/assets/img_s1_01_me_IRL-c61de100.png",Rb="/portfolio/assets/img_s1_02_me_character-1c9533f2.png",mt=n=>{const[e,t]=K.useState(!1),[i,r]=K.useState(0),[s,o]=K.useState(n),[a,l]=K.useState(new XMLHttpRequest);return K.useEffect(()=>{a.open("GET",n,!0),a.responseType="arraybuffer",a.onload=d=>{t(!0),r(100),o(window.URL.createObjectURL(new Blob([a.response])))},a.onprogress=d=>{d.lengthComputable&&r(d.loaded/d.total*100)},a.send(null)},[n,a]),{ImageComponent:K.useMemo(()=>e?d=>Q("img",{...d,src:s,alt:d.alt}):d=>Q("div",{...d}),[s,e]),progress:i,isLoaded:e}};function Oy(n,e){let t=!1;return function(...i){t||(n(...i),t=!0,setTimeout(function(){t=!1},e))}}function wf(n,{threshold:e=.3,root:t=null,rootMargin:i="0%",freezeOnceVisible:r=!1}){const[s,o]=K.useState(),a=(s==null?void 0:s.isIntersecting)&&r,l=([u])=>{o(u)};return K.useEffect(()=>{const u=n==null?void 0:n.current;if(!!!window.IntersectionObserver||a||!u)return;const m={threshold:e,root:t,rootMargin:i},p=new IntersectionObserver(l,m);return p.observe(u),()=>p.disconnect()},[n==null?void 0:n.current,a,t,i,JSON.stringify(e)]),s}const Bb="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARsSURBVHgBzVrtVeJAFH3E9Z8fUAGxA6hgsxUsVLBYgVqBWMFiBRsrwK2AUIFYgdkKAPWHP1T2XpxwAkxmJjEg9xxOAvOSeXfmvTfz3lCREjAej6u4tDzPa1QqlfpsNmvgexX31UQGv8X4HuN6//7+HuGnUa1Wi+WTqEhBKKU7e3t7P3ENpBiit7e3G16LkslNgIpjpM9we54e4c9AzQ7JXOUlkosAlD+H8pdlKb4KEoF5kUTo+owTASjuw1T+SHFTyQvOxqnLbFgJQPkGRr2PUfdli1Cz0QaJkUnOMzU+Pj7+gvKDbStPsE/M+h11MMplNWDkW3hBX3YDnaOjoxtdg5YAbR4jf7cpZy2ACXzih86c1kxIKT/YIeUJhu6+WnuWsEYAgl2DzZ+ivckrPkMpD0M47cX+/v4J7ts6AeUTaya9ZEJg2FHhUgvY4ao8Z6uHl//UiE+g1FR1foyLbkaHaOseHh5G6R/huOMMeYEpMTLdaglMp9MHw+gPQSDQNaDDDvc/eHaEUYxeXl4m6GSyKvf8/NxAaPQhy/fEx8fHPd37oAf9r6FrU+G1mbz/W9LA0S8aLkEsdJE7ODigE/JzaxG9x0dLgDpi1s9x2+X3hQ9wiyC7A2MAAYmz5H5OgDHfYfTrsiUonzGhCp0D3swJYPRbYoevC2NlQ/UR2OQQbOYWMyeQEUWWAOe50jlm2WAf7MtBtEGyFU4F2AwswjEc9US2CES2B1x8kwxXZ1iPF4gdLiNSKjAL1zYZprA0oYZNEEwj2TIQ60MHsYAEjNGFi1MZyXdeKF8w5wKeVyeBmkko2Q58Ef6ZGqFb1WMZRHYXtqjne7LDcBlcFwK7PENzArZp+srExhYhJ56Dk3Lf4cuWofq0bepizoAxVBGOe6WyEdgEOPgkENsEXfZKZcNlew8CkacqxTYE3HLLluCaXHGR5Wauis3cWOxgaaO56VU5VRXxbbLQp+apLXIkdrC0MdikQ+dRHhhS9/k6AFv66/BAko+SREdKBk1UFdN8x0fCuU7qYZoR99/psBXihdfwEcZiOpSffjophcsnDifUbLYKHJIs8pNFWQWlDBa0LlcUZDkvVlPbN5U6GJNhkxe2ajKr3UwHVRnGlwJgxoaSTHeJQMYsEPPCqqE9gXPWhmyLGWAgxRCrOmnML4u9kCEX7XEG2M4RNrzYOWtz9bmMZ6/TJru0mVOVsmjlmaoqJJFkyBqmrC9+kzxZG0zTVtjKwlo1b628ro6T7mTZVKjgSVKVUOYUyMdRavz6+jrKW7GAGc0kH7TrUNb5gK7IG8LGT6UkFCDQRv9rM6fNB5SprNp0B532v2JnSl10yhPGQ77V0JpCxBN3+cglaEZ1dNCWHHCdgXTI1MF6SgkSPND+bZNbPTuwwYUAA0ZWCT6BNaXkC+g84rDtLhGM9U2b8oRTUs/VlYsHRuRGNgzGeRVtrIkWUeS/EgyzIW6/p38vwYS0x00bA4nAP0KeZ+ETSU7wGInP4tp7enoKpCD+A+1CUBalwn9/AAAAAElFTkSuQmCC",ta=["transition-{opacity} delay-[500ms] duration-[100ms]","transition-{opacity} delay-[750ms] duration-[750ms]","transition-{opacity} delay-[750ms] duration-[750ms]","transition-{opacity} delay-[1500ms] duration-[1000ms]","transition-{opacity} delay-[2000ms] duration-[1000ms]","transition-{opacity} delay-[2500ms] duration-[1000ms]","transition-{opacity} delay-[500ms] duration-[500ms]"];function Ib({updateLoadingProgress:n,isAllSectionLoaded:e}){const{progress:t,ImageComponent:i}=mt(Rb),{progress:r,ImageComponent:s}=mt(_b),{progress:o,ImageComponent:a}=mt(Tb),[l,u]=K.useState(!1);K.useEffect(()=>{n((o+t+r)/3,0)},[r,t,o,n]);const[d,m]=K.useState(1920/2),[p,h]=K.useState(1200/2),g=K.useCallback(I=>{m(I.clientX),h(I.clientY)},[]),[v,y]=K.useState(!1),[A,S]=K.useState(!1),[M,C]=K.useState(0);K.useEffect(()=>{if(!A&&v){let I=100,_=150,b=setInterval(()=>{I=I>0?I-1:I,C(50-I/2),_--,_<=0&&(S(!0),clearInterval(b))});return()=>{clearInterval(b),C(0)}}},[v,A]);const w=K.useRef(null),T=wf(w,{freezeOnceVisible:!0}),B=!!(T!=null&&T.isIntersecting);return K.useEffect(()=>{u(e&&B)},[e,B]),_e("section",{id:"profile-section",className:"relative h-recommended snap-center overflow-hidden",onMouseMove:Oy(g,50),ref:w,children:[_e("div",{id:"profile-content-area",className:"absolute z-30 flex h-recommended w-recommended",children:[_e("div",{id:"profile-myself-area",className:"w-1/3",children:[Q("div",{id:"profile-my-IRL-picture",className:`absolute h-full overflow-hidden ${l?"opacity-100":"opacity-0"} ${ta[6]}`,children:Q(s,{className:"-ml-16 mt-8",alt:"me-irl",style:{paddingLeft:16*(d/1920*2),paddingTop:8*(p/1e3*2)}})}),Q("div",{id:"profile-my-character",className:`absolute left-[100px] top-[96px] ${l?"opacity-100":"opacity-0"} ${ta[0]}`,children:Q(i,{alt:"me-character",style:{paddingLeft:4*(d/1920*2),paddingTop:2*(p/1e3*2)}})})]}),_e("div",{id:"profile-text-area",className:"flex-1 select-none pl-12 pr-[128px] pt-[96px] text-white",children:[_e("div",{id:"profile-text-area-upper",className:`${l?"opacity-100":"opacity-0"} ${ta[3]}`,children:[_e("h1",{className:"flex justify-between pr-10 text-9xl font-bold",children:[Q("p",{className:"-ml-2",children:"이지훈"}),Q("p",{children:"Lee Jihoon"})]}),_e("h3",{className:"flex justify-between pr-10 text-5xl font-bold",children:[Q("span",{children:"anteater1056@gmail.com"}),Q("a",{className:"flex items-center",href:"https://github.com/anteater333",target:"_blank",rel:"noreferrer",children:Q("img",{className:"h-10 w-10",src:Bb,alt:"gh"})})]}),_e("h3",{className:"mt-8 text-5xl font-bold",children:["is a SW developer, a front-end engineer,",Q("br",{}),"a programmer and"]})]}),_e("div",{id:"profile-text-area-middle",className:`mt-24 ${l?"opacity-100":"opacity-0"} ${ta[4]}`,children:[_e("h2",{className:"mb-4 text-8xl font-bold",children:[Q("span",{className:"text-green-500",children:"소프트웨어 장인"})," 지망생"]}),_e("h3",{className:"text-5xl font-bold",children:["an Aspiring",Q("span",{className:"text-green-500",children:" Software Craftsman"})]})]}),_e("div",{id:"profile-text-area-bottom",className:`mt-24 text-right ${l?"opacity-100":"opacity-0"} ${ta[5]}`,children:[_e("h2",{className:"text-8xl font-bold",children:["장인의 자세로 ",Q("br",{}),Q("span",{className:"text-green-500",children:"공상을 현실로"})," 만드는 삶"]}),Q("h4",{className:"pr-2 text-base",onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),onClick:()=>{A&&S(!1)},style:{opacity:A?"100%":`${M}%`},children:"그리고 약간의 실없는 농담들"})]})]})]}),Q("div",{id:"profile-overlay-blue",className:`absolute z-20 ${l?"opacity-100":"opacity-0"} h-recommended w-recommended ${ta[1]}`,style:{background:"linear-gradient(180deg, rgba(12, 74, 110, 0.5) 0.08%, rgba(12, 74, 110, 0.7) 99.98%)"}}),Q("div",{id:"profile-background-image",className:`absolute z-10 h-recommended w-recommended ${l?"opacity-100":"opacity-0"} ${ta[1]}`,children:Q(a,{className:"object-none object-center",alt:"background-img",style:{objectPosition:`${-300-32*(d/1920*2)}px ${-200-16*(p/1e3*2)}px`}})}),Q("div",{id:"profile-background-placeholder",className:"absolute z-0 h-recommended w-recommended bg-black"})]})}const bb="/portfolio/assets/img_s2_00_me_character_no_bg-2b383302.png",Pb="/portfolio/assets/img_s2_01_reflection-1753d18a.png",Lb="/portfolio/assets/img_s2_02_tv_noise-a15953fd.gif",Db="/portfolio/assets/img_s2_03_me_00-88aa4d84.png",Fb="/portfolio/assets/img_s2_04_me_01-0e902a72.png",Ub="/portfolio/assets/img_s2_05_me_02-1d91b3d6.png",Nb="/portfolio/assets/img_s2_06_me_03-8c5226d8.png",kb="/portfolio/assets/img_s2_07_me_04-6e290ca5.png",Ob="/portfolio/assets/img_s2_08_me_05-eb1633ab.png",Gb="/portfolio/assets/img_s2_09_me_06-794d1ee7.png";function S1(n){return 2.70158*n*n*n-1.70158*n*n}function M1(n){return 1+2.70158*Math.pow(n-1,3)+1.70158*Math.pow(n-1,2)}function ln({text:n,emoji:e,big:t}){return _e("span",{className:`${e?"cursor-pointer":""} ${t?"text-5xl":""} select-none`,onClick:e?r=>{function s(a,l){const u=document.createElement("particle");document.body.appendChild(u);let d=(Math.random()-.5)*300,m=(Math.random()-.5)*300,p=Math.random()*520,h=Math.random()*200;u.innerHTML=e,u.style.fontSize=`${Math.random()*24+40}px`,u.animate([{transform:`translate(-50%, -50%) translate(${a}px, ${l}px) rotate(0deg)`,opacity:1},{transform:`translate(-50%, -50%) translate(${a+d}px, ${l+m}px) rotate(${p}deg)`,opacity:1}],{duration:Math.random()*1e3+500,easing:"cubic-bezier(0, .9, .57, 1)",delay:h}).addEventListener("finish",v=>{u.remove()})}const o=Math.random()*8+4;for(let a=0;a{if(!y)S(!1);else{let H=setTimeout(()=>{S(!0)},2e3);return()=>clearTimeout(H)}},[y]),K.useEffect(()=>{const H=e.progress+t.progress+i.progress+r.progress+s.progress+o.progress+a.progress+l.progress+u.progress;n(H/9,1)},[e.progress,t.progress,i.progress,r.progress,s.progress,o.progress,a.progress,l.progress,u.progress,n]);const M=K.useCallback(H=>{m(H.currentTarget.scrollTop)},[]),[C,w]=K.useState(0),[T,B]=K.useState(!1),[I,_]=K.useState(0);K.useEffect(()=>{const H=d%u0;B(H>Hb||H{w(Math.min(I,As-3))},[I]),K.useEffect(()=>{I!==0&&p<1e3&&I=2e3?L(0-400*S1((p-2e3)/1e3)):L(0)},[p,I]),K.useEffect(()=>{I!==0&&p<1300&&I=2300?U(0-800*S1((p-2300)/700)):U(0)},[p,I]);const G=K.useMemo(()=>[e.ImageComponent,i.ImageComponent,r.ImageComponent,s.ImageComponent,o.ImageComponent,a.ImageComponent,l.ImageComponent,u.ImageComponent][C],[i.ImageComponent,r.ImageComponent,s.ImageComponent,o.ImageComponent,a.ImageComponent,l.ImageComponent,u.ImageComponent,e.ImageComponent,C]);return Q("section",{id:"records-section",className:`transition-{opacity} h-recommended snap-start overflow-scroll duration-[1000ms] ${y?"opacity-100":"opacity-0"}`,onScroll:M,ref:g,children:Q("div",{className:"-scroll-pb-0 h-[25000px] -scroll-mt-6",children:_e("div",{className:"sticky top-0 h-recommended",children:[Q("h1",{className:"absolute right-16 top-40 z-50 border-b-[1rem] border-b-blue-500 text-10xl font-bold leading-[10rem] text-blue-500",children:"Records"}),Q("div",{className:"transition-{opacity} absolute bottom-40 z-50 w-full select-none text-center text-3xl font-bold ease-in",style:{transitionDelay:y?"500ms":"0ms",transitionDuration:y?"2000ms":"0ms",opacity:y?0:100,display:A?"none":"block"},children:"휠 클릭으로 스크롤해 보세요."}),_e("div",{id:"records-content-area",className:"flex h-full origin-bottom font-bold",children:[Q("div",{id:"records-content-left",className:"w-2/3",children:_e("div",{className:"flex h-full w-full flex-col pl-28 pt-36",children:[Q("div",{className:"z-20 flex w-full justify-start bg-white",children:_e("div",{id:"records-picture-area",className:"flex h-[27.5rem] w-[27.5rem] justify-center overflow-hidden rounded-[6.25rem] bg-gradient-to-t from-sky-400 to-blue-500",children:[Q(G,{className:"p-6",alt:"me-picture"}),Q(t.ImageComponent,{className:`absolute h-[27.5rem] w-[27.5rem] overflow-hidden rounded-[6.25rem] transition-opacity ${T||I>As-3?"opacity-100":"opacity-0"}`,alt:"tv-noise"}),Q("div",{className:"absolute h-[27.5rem] w-[27.5rem] overflow-hidden rounded-[6.25rem] border-[24px] border-black bg-transparent",children:Q("img",{className:"absolute opacity-75",src:Pb,alt:"records-reflection",style:{bottom:650*Math.tanh(p/1200-1)-100}})}),Q("div",{className:"absolute h-[27.5rem] w-[27.5rem] rounded-[6.25rem]",style:{background:"radial-gradient(#00000000 60%, #00000099)"}})]})}),_e("div",{className:"h-full flex-1",children:[_e("div",{className:"absolute -ml-4 flex flex-col text-5xl",style:{transform:`translateY(${b}px)`},children:[_e("div",{className:"flex space-x-6 pt-6",children:[Q("div",{className:"flex w-44 items-center justify-end text-[4rem]",children:Q("span",{children:lo[C].year})}),Q("div",{className:"h-[4.5rem] w-[4.5rem] rounded-full border-[1rem] border-black bg-white"}),Q("div",{className:"flex items-center justify-center",children:Q("span",{children:lo[C].title})})]}),Q("div",{className:"mt-4 flex h-64 flex-col justify-center space-y-8 pl-[18.5rem] text-4xl",children:lo[C].lines.map((H,Z)=>Q("span",{className:"space-x-4",children:H},`record-context-${C}-${Z}`))})]}),Q("div",{className:"ml-52 h-full w-6 bg-black"})]})]})}),_e("div",{id:"records-content-right",className:"flex h-full w-1/3 flex-col justify-end font-bold",children:[Q("div",{className:"z-30 h-full flex-grow-0 bg-white"}),_e("div",{className:"mt-6 h-[37.5rem] flex-shrink-0",children:[_e("div",{className:"absolute flex flex-col space-y-28",children:[C<\/script>",n=n.removeChild(n.firstChild)):typeof i.is=="string"?n=o.createElement(t,{is:i.is}):(n=o.createElement(t),t==="select"&&(o=n,i.multiple?o.multiple=!0:i.size&&(o.size=i.size))):n=o.createElementNS(n,t),n[is]=e,n[ef]=i,dT(n,e,!1,!1),e.stateNode=n;e:{switch(o=AA(t,i),t){case"dialog":Jt("cancel",n),Jt("close",n),r=i;break;case"iframe":case"object":case"embed":Jt("load",n),r=i;break;case"video":case"audio":for(r=0;rfc&&(e.flags|=128,i=!0,ou(s,!1),e.lanes=4194304)}else{if(!i)if(n=Up(o),n!==null){if(e.flags|=128,i=!0,t=n.updateQueue,t!==null&&(e.updateQueue=t,e.flags|=4),ou(s,!0),s.tail===null&&s.tailMode==="hidden"&&!o.alternate&&!qt)return Kn(e),null}else 2*mn()-s.renderingStartTime>fc&&t!==1073741824&&(e.flags|=128,i=!0,ou(s,!1),e.lanes=4194304);s.isBackwards?(o.sibling=e.child,e.child=o):(t=s.last,t!==null?t.sibling=o:e.child=o,s.last=o)}return s.tail!==null?(e=s.tail,s.rendering=e,s.tail=e.sibling,s.renderingStartTime=mn(),e.sibling=null,t=nn.current,Wt(nn,i?t&1|2:t&1),e):(Kn(e),null);case 22:case 23:return Py(),i=e.memoizedState!==null,n!==null&&n.memoizedState!==null!==i&&(e.flags|=8192),i&&e.mode&1?Oi&1073741824&&(Kn(e),e.subtreeFlags&6&&(e.flags|=8192)):Kn(e),null;case 24:return null;case 25:return null}throw Error(we(156,e.tag))}function nb(n,e){switch(dy(e),e.tag){case 1:return Ri(e.type)&&Bp(),n=e.flags,n&65536?(e.flags=n&-65537|128,e):null;case 3:return cc(),Yt(_i),Yt(ni),Sy(),n=e.flags,n&65536&&!(n&128)?(e.flags=n&-65537|128,e):null;case 5:return xy(e),null;case 13:if(Yt(nn),n=e.memoizedState,n!==null&&n.dehydrated!==null){if(e.alternate===null)throw Error(we(340));ac()}return n=e.flags,n&65536?(e.flags=n&-65537|128,e):null;case 19:return Yt(nn),null;case 4:return cc(),null;case 10:return gy(e.type._context),null;case 22:case 23:return Py(),null;case 24:return null;default:return null}}var rh=!1,ei=!1,ib=typeof WeakSet=="function"?WeakSet:Set,Ne=null;function Vl(n,e){var t=n.ref;if(t!==null)if(typeof t=="function")try{t(null)}catch(i){un(n,e,i)}else t.current=null}function WA(n,e,t){try{t()}catch(i){un(n,e,i)}}var u1=!1;function rb(n,e){if(_A=Cp,n=vC(),uy(n)){if("selectionStart"in n)var t={start:n.selectionStart,end:n.selectionEnd};else e:{t=(t=n.ownerDocument)&&t.defaultView||window;var i=t.getSelection&&t.getSelection();if(i&&i.rangeCount!==0){t=i.anchorNode;var r=i.anchorOffset,s=i.focusNode;i=i.focusOffset;try{t.nodeType,s.nodeType}catch{t=null;break e}var o=0,a=-1,l=-1,u=0,d=0,m=n,p=null;t:for(;;){for(var h;m!==t||r!==0&&m.nodeType!==3||(a=o+r),m!==s||i!==0&&m.nodeType!==3||(l=o+i),m.nodeType===3&&(o+=m.nodeValue.length),(h=m.firstChild)!==null;)p=m,m=h;for(;;){if(m===n)break t;if(p===t&&++u===r&&(a=o),p===s&&++d===i&&(l=o),(h=m.nextSibling)!==null)break;m=p,p=m.parentNode}m=h}t=a===-1||l===-1?null:{start:a,end:l}}else t=null}t=t||{start:0,end:0}}else t=null;for(RA={focusedElem:n,selectionRange:t},Cp=!1,Ne=e;Ne!==null;)if(e=Ne,n=e.child,(e.subtreeFlags&1028)!==0&&n!==null)n.return=e,Ne=n;else for(;Ne!==null;){e=Ne;try{var g=e.alternate;if(e.flags&1024)switch(e.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var v=g.memoizedProps,y=g.memoizedState,A=e.stateNode,S=A.getSnapshotBeforeUpdate(e.elementType===e.type?v:_r(e.type,v),y);A.__reactInternalSnapshotBeforeUpdate=S}break;case 3:var M=e.stateNode.containerInfo;M.nodeType===1?M.textContent="":M.nodeType===9&&M.documentElement&&M.removeChild(M.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(we(163))}}catch(C){un(e,e.return,C)}if(n=e.sibling,n!==null){n.return=e.return,Ne=n;break}Ne=e.return}return g=u1,u1=!1,g}function Fu(n,e,t){var i=e.updateQueue;if(i=i!==null?i.lastEffect:null,i!==null){var r=i=i.next;do{if((r.tag&n)===n){var s=r.destroy;r.destroy=void 0,s!==void 0&&WA(e,t,s)}r=r.next}while(r!==i)}}function am(n,e){if(e=e.updateQueue,e=e!==null?e.lastEffect:null,e!==null){var t=e=e.next;do{if((t.tag&n)===n){var i=t.create;t.destroy=i()}t=t.next}while(t!==e)}}function JA(n){var e=n.ref;if(e!==null){var t=n.stateNode;switch(n.tag){case 5:n=t;break;default:n=t}typeof e=="function"?e(n):e.current=n}}function mT(n){var e=n.alternate;e!==null&&(n.alternate=null,mT(e)),n.child=null,n.deletions=null,n.sibling=null,n.tag===5&&(e=n.stateNode,e!==null&&(delete e[is],delete e[ef],delete e[bA],delete e[G2],delete e[H2])),n.stateNode=null,n.return=null,n.dependencies=null,n.memoizedProps=null,n.memoizedState=null,n.pendingProps=null,n.stateNode=null,n.updateQueue=null}function gT(n){return n.tag===5||n.tag===3||n.tag===4}function f1(n){e:for(;;){for(;n.sibling===null;){if(n.return===null||gT(n.return))return null;n=n.return}for(n.sibling.return=n.return,n=n.sibling;n.tag!==5&&n.tag!==6&&n.tag!==18;){if(n.flags&2||n.child===null||n.tag===4)continue e;n.child.return=n,n=n.child}if(!(n.flags&2))return n.stateNode}}function QA(n,e,t){var i=n.tag;if(i===5||i===6)n=n.stateNode,e?t.nodeType===8?t.parentNode.insertBefore(n,e):t.insertBefore(n,e):(t.nodeType===8?(e=t.parentNode,e.insertBefore(n,t)):(e=t,e.appendChild(n)),t=t._reactRootContainer,t!=null||e.onclick!==null||(e.onclick=Rp));else if(i!==4&&(n=n.child,n!==null))for(QA(n,e,t),n=n.sibling;n!==null;)QA(n,e,t),n=n.sibling}function XA(n,e,t){var i=n.tag;if(i===5||i===6)n=n.stateNode,e?t.insertBefore(n,e):t.appendChild(n);else if(i!==4&&(n=n.child,n!==null))for(XA(n,e,t),n=n.sibling;n!==null;)XA(n,e,t),n=n.sibling}var Gn=null,Br=!1;function to(n,e,t){for(t=t.child;t!==null;)AT(n,e,t),t=t.sibling}function AT(n,e,t){if(ss&&typeof ss.onCommitFiberUnmount=="function")try{ss.onCommitFiberUnmount($p,t)}catch{}switch(t.tag){case 5:ei||Vl(t,e);case 6:var i=Gn,r=Br;Gn=null,to(n,e,t),Gn=i,Br=r,Gn!==null&&(Br?(n=Gn,t=t.stateNode,n.nodeType===8?n.parentNode.removeChild(t):n.removeChild(t)):Gn.removeChild(t.stateNode));break;case 18:Gn!==null&&(Br?(n=Gn,t=t.stateNode,n.nodeType===8?e0(n.parentNode,t):n.nodeType===1&&e0(n,t),ju(n)):e0(Gn,t.stateNode));break;case 4:i=Gn,r=Br,Gn=t.stateNode.containerInfo,Br=!0,to(n,e,t),Gn=i,Br=r;break;case 0:case 11:case 14:case 15:if(!ei&&(i=t.updateQueue,i!==null&&(i=i.lastEffect,i!==null))){r=i=i.next;do{var s=r,o=s.destroy;s=s.tag,o!==void 0&&(s&2||s&4)&&WA(t,e,o),r=r.next}while(r!==i)}to(n,e,t);break;case 1:if(!ei&&(Vl(t,e),i=t.stateNode,typeof i.componentWillUnmount=="function"))try{i.props=t.memoizedProps,i.state=t.memoizedState,i.componentWillUnmount()}catch(a){un(t,e,a)}to(n,e,t);break;case 21:to(n,e,t);break;case 22:t.mode&1?(ei=(i=ei)||t.memoizedState!==null,to(n,e,t),ei=i):to(n,e,t);break;default:to(n,e,t)}}function d1(n){var e=n.updateQueue;if(e!==null){n.updateQueue=null;var t=n.stateNode;t===null&&(t=n.stateNode=new ib),e.forEach(function(i){var r=hb.bind(null,n,i);t.has(i)||(t.add(i),i.then(r,r))})}}function Er(n,e){var t=e.deletions;if(t!==null)for(var i=0;ir&&(r=o),i&=~s}if(i=r,i=mn()-i,i=(120>i?120:480>i?480:1080>i?1080:1920>i?1920:3e3>i?3e3:4320>i?4320:1960*ob(i/1960))-i,10n?16:n,Ao===null)var i=!1;else{if(n=Ao,Ao=null,Hp=0,Bt&6)throw Error(we(331));var r=Bt;for(Bt|=4,Ne=n.current;Ne!==null;){var s=Ne,o=s.child;if(Ne.flags&16){var a=s.deletions;if(a!==null){for(var l=0;lmn()-Iy?wa(n,0):By|=t),Bi(n,e)}function CT(n,e){e===0&&(n.mode&1?(e=jd,jd<<=1,!(jd&130023424)&&(jd=4194304)):e=1);var t=di();n=ks(n,e),n!==null&&(xf(n,e,t),Bi(n,t))}function db(n){var e=n.memoizedState,t=0;e!==null&&(t=e.retryLane),CT(n,t)}function hb(n,e){var t=0;switch(n.tag){case 13:var i=n.stateNode,r=n.memoizedState;r!==null&&(t=r.retryLane);break;case 19:i=n.stateNode;break;default:throw Error(we(314))}i!==null&&i.delete(e),CT(n,t)}var TT;TT=function(n,e,t){if(n!==null)if(n.memoizedProps!==e.pendingProps||_i.current)Ti=!0;else{if(!(n.lanes&t)&&!(e.flags&128))return Ti=!1,eb(n,e,t);Ti=!!(n.flags&131072)}else Ti=!1,qt&&e.flags&1048576&&BC(e,Pp,e.index);switch(e.lanes=0,e.tag){case 2:var i=e.type;ap(n,e),n=e.pendingProps;var r=oc(e,ni.current);$l(e,t),r=Ey(null,e,i,n,r,t);var s=wy();return e.flags|=1,typeof r=="object"&&r!==null&&typeof r.render=="function"&&r.$$typeof===void 0?(e.tag=1,e.memoizedState=null,e.updateQueue=null,Ri(i)?(s=!0,Ip(e)):s=!1,e.memoizedState=r.state!==null&&r.state!==void 0?r.state:null,vy(e),r.updater=sm,e.stateNode=r,r._reactInternals=e,NA(e,i,n,t),e=GA(null,e,i,!0,s,t)):(e.tag=0,qt&&s&&fy(e),ui(null,e,r,t),e=e.child),e;case 16:i=e.elementType;e:{switch(ap(n,e),n=e.pendingProps,r=i._init,i=r(i._payload),e.type=i,r=e.tag=mb(i),n=_r(i,n),r){case 0:e=OA(null,e,i,n,t);break e;case 1:e=a1(null,e,i,n,t);break e;case 11:e=s1(null,e,i,n,t);break e;case 14:e=o1(null,e,i,_r(i.type,n),t);break e}throw Error(we(306,i,""))}return e;case 0:return i=e.type,r=e.pendingProps,r=e.elementType===i?r:_r(i,r),OA(n,e,i,r,t);case 1:return i=e.type,r=e.pendingProps,r=e.elementType===i?r:_r(i,r),a1(n,e,i,r,t);case 3:e:{if(cT(e),n===null)throw Error(we(387));i=e.pendingProps,s=e.memoizedState,r=s.element,LC(n,e),Fp(e,i,null,t);var o=e.memoizedState;if(i=o.element,s.isDehydrated)if(s={element:i,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},e.updateQueue.baseState=s,e.memoizedState=s,e.flags&256){r=uc(Error(we(423)),e),e=l1(n,e,i,t,r);break e}else if(i!==r){r=uc(Error(we(424)),e),e=l1(n,e,i,t,r);break e}else for(Gi=Eo(e.stateNode.containerInfo.firstChild),Vi=e,qt=!0,Ir=null,t=NC(e,null,i,t),e.child=t;t;)t.flags=t.flags&-3|4096,t=t.sibling;else{if(ac(),i===r){e=Os(n,e,t);break e}ui(n,e,i,t)}e=e.child}return e;case 5:return kC(e),n===null&&DA(e),i=e.type,r=e.pendingProps,s=n!==null?n.memoizedProps:null,o=r.children,BA(i,r)?o=null:s!==null&&BA(i,s)&&(e.flags|=32),lT(n,e),ui(n,e,o,t),e.child;case 6:return n===null&&DA(e),null;case 13:return uT(n,e,t);case 4:return yy(e,e.stateNode.containerInfo),i=e.pendingProps,n===null?e.child=lc(e,null,i,t):ui(n,e,i,t),e.child;case 11:return i=e.type,r=e.pendingProps,r=e.elementType===i?r:_r(i,r),s1(n,e,i,r,t);case 7:return ui(n,e,e.pendingProps,t),e.child;case 8:return ui(n,e,e.pendingProps.children,t),e.child;case 12:return ui(n,e,e.pendingProps.children,t),e.child;case 10:e:{if(i=e.type._context,r=e.pendingProps,s=e.memoizedProps,o=r.value,Wt(Lp,i._currentValue),i._currentValue=o,s!==null)if(Nr(s.value,o)){if(s.children===r.children&&!_i.current){e=Os(n,e,t);break e}}else for(s=e.child,s!==null&&(s.return=e);s!==null;){var a=s.dependencies;if(a!==null){o=s.child;for(var l=a.firstContext;l!==null;){if(l.context===i){if(s.tag===1){l=Ls(-1,t&-t),l.tag=2;var u=s.updateQueue;if(u!==null){u=u.shared;var d=u.pending;d===null?l.next=l:(l.next=d.next,d.next=l),u.pending=l}}s.lanes|=t,l=s.alternate,l!==null&&(l.lanes|=t),FA(s.return,t,e),a.lanes|=t;break}l=l.next}}else if(s.tag===10)o=s.type===e.type?null:s.child;else if(s.tag===18){if(o=s.return,o===null)throw Error(we(341));o.lanes|=t,a=o.alternate,a!==null&&(a.lanes|=t),FA(o,t,e),o=s.sibling}else o=s.child;if(o!==null)o.return=s;else for(o=s;o!==null;){if(o===e){o=null;break}if(s=o.sibling,s!==null){s.return=o.return,o=s;break}o=o.return}s=o}ui(n,e,r.children,t),e=e.child}return e;case 9:return r=e.type,i=e.pendingProps.children,$l(e,t),r=hr(r),i=i(r),e.flags|=1,ui(n,e,i,t),e.child;case 14:return i=e.type,r=_r(i,e.pendingProps),r=_r(i.type,r),o1(n,e,i,r,t);case 15:return oT(n,e,e.type,e.pendingProps,t);case 17:return i=e.type,r=e.pendingProps,r=e.elementType===i?r:_r(i,r),ap(n,e),e.tag=1,Ri(i)?(n=!0,Ip(e)):n=!1,$l(e,t),FC(e,i,r),NA(e,i,r,t),GA(null,e,i,!0,n,t);case 19:return fT(n,e,t);case 22:return aT(n,e,t)}throw Error(we(156,e.tag))};function _T(n,e){return $w(n,e)}function pb(n,e,t,i){this.tag=n,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=i,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function fr(n,e,t,i){return new pb(n,e,t,i)}function Dy(n){return n=n.prototype,!(!n||!n.isReactComponent)}function mb(n){if(typeof n=="function")return Dy(n)?1:0;if(n!=null){if(n=n.$$typeof,n===$v)return 11;if(n===ey)return 14}return 2}function _o(n,e){var t=n.alternate;return t===null?(t=fr(n.tag,e,n.key,n.mode),t.elementType=n.elementType,t.type=n.type,t.stateNode=n.stateNode,t.alternate=n,n.alternate=t):(t.pendingProps=e,t.type=n.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=n.flags&14680064,t.childLanes=n.childLanes,t.lanes=n.lanes,t.child=n.child,t.memoizedProps=n.memoizedProps,t.memoizedState=n.memoizedState,t.updateQueue=n.updateQueue,e=n.dependencies,t.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext},t.sibling=n.sibling,t.index=n.index,t.ref=n.ref,t}function up(n,e,t,i,r,s){var o=2;if(i=n,typeof n=="function")Dy(n)&&(o=1);else if(typeof n=="string")o=5;else e:switch(n){case Dl:return Ca(t.children,r,s,e);case qv:o=8,r|=8;break;case aA:return n=fr(12,t,e,r|2),n.elementType=aA,n.lanes=s,n;case lA:return n=fr(13,t,e,r),n.elementType=lA,n.lanes=s,n;case cA:return n=fr(19,t,e,r),n.elementType=cA,n.lanes=s,n;case Uw:return cm(t,r,s,e);default:if(typeof n=="object"&&n!==null)switch(n.$$typeof){case Dw:o=10;break e;case Fw:o=9;break e;case $v:o=11;break e;case ey:o=14;break e;case co:o=16,i=null;break e}throw Error(we(130,n==null?n:typeof n,""))}return e=fr(o,t,e,r),e.elementType=n,e.type=i,e.lanes=s,e}function Ca(n,e,t,i){return n=fr(7,n,i,e),n.lanes=t,n}function cm(n,e,t,i){return n=fr(22,n,i,e),n.elementType=Uw,n.lanes=t,n.stateNode={isHidden:!1},n}function l0(n,e,t){return n=fr(6,n,null,e),n.lanes=t,n}function c0(n,e,t){return e=fr(4,n.children!==null?n.children:[],n.key,e),e.lanes=t,e.stateNode={containerInfo:n.containerInfo,pendingChildren:null,implementation:n.implementation},e}function gb(n,e,t,i,r){this.tag=e,this.containerInfo=n,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Vg(0),this.expirationTimes=Vg(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Vg(0),this.identifierPrefix=i,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Fy(n,e,t,i,r,s,o,a,l){return n=new gb(n,e,t,a,l),e===1?(e=1,s===!0&&(e|=8)):e=0,s=fr(3,null,null,e),n.current=s,s.stateNode=n,s.memoizedState={element:i,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},vy(s),n}function Ab(n,e,t){var i=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}e(),n.exports=Yi})(vI);var x1=rA;iA.createRoot=x1.createRoot,iA.hydrateRoot=x1.hydrateRoot;function Mb(n,e,t){e??(e=34),t??(t=242),e=e<=0?0:Math.ceil(e),t=e>=255?255:Math.ceil(t),n=Math.ceil(n);const i=s=>`rgb(${s}, ${s}, ${s})`;if(n<=0)return i(e);if(n>=100)return i(t);let r=Math.ceil((t-e)*(n/100))+e;return i(r)}function Eb({percentage:n}){const[e,t]=K.useState("rgb(242, 242, 242)"),[i,r]=K.useState(1);return K.useEffect(()=>{t(Mb(100-n))},[n]),K.useEffect(()=>{const s=setInterval(()=>{r(o=>o%3+1)},600);return()=>{clearInterval(s)}},[]),Q("div",{id:"global-loading-indicator-container",className:"absolute z-[100] flex h-full w-full items-start justify-center bg-black",children:_e("div",{id:"global-loading-indicator",className:"relative flex h-recommended w-recommended justify-center bg-black",children:[Q("div",{className:"absolute left-auto top-[440px] pb-20 text-xl text-white",children:"이 사이트는 1920x1200 해상도에 최적화 되어있습니다."}),_e("div",{id:"loading-text-area",className:"absolute bottom-16 right-16 flex select-none font-galmuri9 text-9xl",style:{color:e},children:[_e("div",{id:"loading-text",className:"inline-block",children:["Loading",Q("span",{id:"loading-ellipsis",className:"inline-block w-40",children:Array(i).fill(".").join("")})]}),_e("div",{id:"loading-percentage",className:"ml-4 inline-block w-[320px] text-right",children:[Math.floor(n),"%"]})]})]})})}const bT=K.createContext({isLoading:!0,setIsLoading:()=>{throw new Error("Function not implemented.")},percentage:0,setPercentage:function(n){throw new Error("Function not implemented.")}});function wb({children:n}){const[e,t]=K.useState(!0),[i,r]=K.useState(!1),[s,o]=K.useState(!1),[a,l]=K.useState(0);return K.useEffect(()=>{e||(r(!0),setTimeout(()=>{o(!0)},2e3))},[e]),K.useEffect(()=>{}),_e(bT.Provider,{value:{isLoading:e,setIsLoading:t,percentage:a,setPercentage:l},children:[n,e?Q(Eb,{percentage:a}):null,s?void 0:Q("div",{className:"absolute z-[75] flex h-screen w-screen justify-center bg-black transition-opacity duration-[2000ms]",style:{opacity:i?"0":"100"},children:Q("div",{className:"absolute left-auto top-[440px] pb-[4.5rem] text-xl text-white",children:"이 사이트는 1920x1200 해상도에 최적화 되어있습니다."})})]})}const Cb=n=>{const{setIsLoading:e,setPercentage:t}=K.useContext(bT);K.useEffect(()=>{n&&t(n)},[t,n]);const i=K.useCallback(()=>{e(!0)},[e]),r=K.useCallback(()=>{e(!1)},[e]);return{showLoading:i,hideLoading:r,setPercentage:t}},Tb="/portfolio/assets/img_s1_00_background-1308784a.png",_b="/portfolio/assets/img_s1_01_me_IRL-c61de100.png",Rb="/portfolio/assets/img_s1_02_me_character-1c9533f2.png",mt=n=>{const[e,t]=K.useState(!1),[i,r]=K.useState(0),[s,o]=K.useState(n),[a,l]=K.useState(new XMLHttpRequest);return K.useEffect(()=>{a.open("GET",n,!0),a.responseType="arraybuffer",a.onload=d=>{t(!0),r(100),o(window.URL.createObjectURL(new Blob([a.response])))},a.onprogress=d=>{d.lengthComputable&&r(d.loaded/d.total*100)},a.send(null)},[n,a]),{ImageComponent:K.useMemo(()=>e?d=>Q("img",{...d,src:s,alt:d.alt}):d=>Q("div",{...d}),[s,e]),progress:i,isLoaded:e}};function Oy(n,e){let t=!1;return function(...i){t||(n(...i),t=!0,setTimeout(function(){t=!1},e))}}function wf(n,{threshold:e=.3,root:t=null,rootMargin:i="0%",freezeOnceVisible:r=!1}){const[s,o]=K.useState(),a=(s==null?void 0:s.isIntersecting)&&r,l=([u])=>{o(u)};return K.useEffect(()=>{const u=n==null?void 0:n.current;if(!!!window.IntersectionObserver||a||!u)return;const m={threshold:e,root:t,rootMargin:i},p=new IntersectionObserver(l,m);return p.observe(u),()=>p.disconnect()},[n==null?void 0:n.current,a,t,i,JSON.stringify(e)]),s}const Bb="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARsSURBVHgBzVrtVeJAFH3E9Z8fUAGxA6hgsxUsVLBYgVqBWMFiBRsrwK2AUIFYgdkKAPWHP1T2XpxwAkxmJjEg9xxOAvOSeXfmvTfz3lCREjAej6u4tDzPa1QqlfpsNmvgexX31UQGv8X4HuN6//7+HuGnUa1Wi+WTqEhBKKU7e3t7P3ENpBiit7e3G16LkslNgIpjpM9we54e4c9AzQ7JXOUlkosAlD+H8pdlKb4KEoF5kUTo+owTASjuw1T+SHFTyQvOxqnLbFgJQPkGRr2PUfdli1Cz0QaJkUnOMzU+Pj7+gvKDbStPsE/M+h11MMplNWDkW3hBX3YDnaOjoxtdg5YAbR4jf7cpZy2ACXzih86c1kxIKT/YIeUJhu6+WnuWsEYAgl2DzZ+ivckrPkMpD0M47cX+/v4J7ts6AeUTaya9ZEJg2FHhUgvY4ao8Z6uHl//UiE+g1FR1foyLbkaHaOseHh5G6R/huOMMeYEpMTLdaglMp9MHw+gPQSDQNaDDDvc/eHaEUYxeXl4m6GSyKvf8/NxAaPQhy/fEx8fHPd37oAf9r6FrU+G1mbz/W9LA0S8aLkEsdJE7ODigE/JzaxG9x0dLgDpi1s9x2+X3hQ9wiyC7A2MAAYmz5H5OgDHfYfTrsiUonzGhCp0D3swJYPRbYoevC2NlQ/UR2OQQbOYWMyeQEUWWAOe50jlm2WAf7MtBtEGyFU4F2AwswjEc9US2CES2B1x8kwxXZ1iPF4gdLiNSKjAL1zYZprA0oYZNEEwj2TIQ60MHsYAEjNGFi1MZyXdeKF8w5wKeVyeBmkko2Q58Ef6ZGqFb1WMZRHYXtqjne7LDcBlcFwK7PENzArZp+srExhYhJ56Dk3Lf4cuWofq0bepizoAxVBGOe6WyEdgEOPgkENsEXfZKZcNlew8CkacqxTYE3HLLluCaXHGR5Wauis3cWOxgaaO56VU5VRXxbbLQp+apLXIkdrC0MdikQ+dRHhhS9/k6AFv66/BAko+SREdKBk1UFdN8x0fCuU7qYZoR99/psBXihdfwEcZiOpSffjophcsnDifUbLYKHJIs8pNFWQWlDBa0LlcUZDkvVlPbN5U6GJNhkxe2ajKr3UwHVRnGlwJgxoaSTHeJQMYsEPPCqqE9gXPWhmyLGWAgxRCrOmnML4u9kCEX7XEG2M4RNrzYOWtz9bmMZ6/TJru0mVOVsmjlmaoqJJFkyBqmrC9+kzxZG0zTVtjKwlo1b628ro6T7mTZVKjgSVKVUOYUyMdRavz6+jrKW7GAGc0kH7TrUNb5gK7IG8LGT6UkFCDQRv9rM6fNB5SprNp0B532v2JnSl10yhPGQ77V0JpCxBN3+cglaEZ1dNCWHHCdgXTI1MF6SgkSPND+bZNbPTuwwYUAA0ZWCT6BNaXkC+g84rDtLhGM9U2b8oRTUs/VlYsHRuRGNgzGeRVtrIkWUeS/EgyzIW6/p38vwYS0x00bA4nAP0KeZ+ETSU7wGInP4tp7enoKpCD+A+1CUBalwn9/AAAAAElFTkSuQmCC",ta=["transition-{opacity} delay-[500ms] duration-[100ms]","transition-{opacity} delay-[750ms] duration-[750ms]","transition-{opacity} delay-[750ms] duration-[750ms]","transition-{opacity} delay-[1500ms] duration-[1000ms]","transition-{opacity} delay-[2000ms] duration-[1000ms]","transition-{opacity} delay-[2500ms] duration-[1000ms]","transition-{opacity} delay-[500ms] duration-[500ms]"];function Ib({updateLoadingProgress:n,isAllSectionLoaded:e}){const{progress:t,ImageComponent:i}=mt(Rb),{progress:r,ImageComponent:s}=mt(_b),{progress:o,ImageComponent:a}=mt(Tb),[l,u]=K.useState(!1);K.useEffect(()=>{n((o+t+r)/3,0)},[r,t,o,n]);const[d,m]=K.useState(1920/2),[p,h]=K.useState(1200/2),g=K.useCallback(I=>{m(I.clientX),h(I.clientY)},[]),[v,y]=K.useState(!1),[A,S]=K.useState(!1),[M,C]=K.useState(0);K.useEffect(()=>{if(!A&&v){let I=100,_=150,b=setInterval(()=>{I=I>0?I-1:I,C(50-I/2),_--,_<=0&&(S(!0),clearInterval(b))});return()=>{clearInterval(b),C(0)}}},[v,A]);const w=K.useRef(null),T=wf(w,{freezeOnceVisible:!0}),B=!!(T!=null&&T.isIntersecting);return K.useEffect(()=>{u(e&&B)},[e,B]),_e("section",{id:"profile-section",className:"relative h-recommended snap-center overflow-hidden",onMouseMove:Oy(g,50),ref:w,children:[_e("div",{id:"profile-content-area",className:"absolute z-30 flex h-recommended w-recommended",children:[_e("div",{id:"profile-myself-area",className:"w-1/3",children:[Q("div",{id:"profile-my-IRL-picture",className:`absolute h-full overflow-hidden ${l?"opacity-100":"opacity-0"} ${ta[6]}`,children:Q(s,{className:"-ml-16 mt-8",alt:"me-irl",style:{paddingLeft:16*(d/1920*2),paddingTop:8*(p/1e3*2)}})}),Q("div",{id:"profile-my-character",className:`absolute left-[100px] top-[96px] ${l?"opacity-100":"opacity-0"} ${ta[0]}`,children:Q(i,{alt:"me-character",style:{paddingLeft:4*(d/1920*2),paddingTop:2*(p/1e3*2)}})})]}),_e("div",{id:"profile-text-area",className:"flex-1 select-none pl-12 pr-[128px] pt-[96px] text-white",children:[_e("div",{id:"profile-text-area-upper",className:`${l?"opacity-100":"opacity-0"} ${ta[3]}`,children:[_e("h1",{className:"flex justify-between pr-10 text-9xl font-bold",children:[Q("p",{className:"-ml-2",children:"이지훈"}),Q("p",{children:"Lee Jihoon"})]}),_e("h3",{className:"flex justify-between pr-10 text-5xl font-bold",children:[Q("span",{children:"anteater1056@gmail.com"}),Q("a",{className:"flex items-center",href:"https://github.com/anteater333",target:"_blank",rel:"noreferrer",children:Q("img",{className:"h-10 w-10",src:Bb,alt:"gh"})})]}),_e("h3",{className:"mt-8 text-5xl font-bold",children:["is a SW developer, a front-end engineer,",Q("br",{}),"a programmer and"]})]}),_e("div",{id:"profile-text-area-middle",className:`mt-24 ${l?"opacity-100":"opacity-0"} ${ta[4]}`,children:[_e("h2",{className:"mb-4 text-8xl font-bold",children:[Q("span",{className:"text-green-500",children:"소프트웨어 장인"})," 지망생"]}),_e("h3",{className:"text-5xl font-bold",children:["an Aspiring",Q("span",{className:"text-green-500",children:" Software Craftsman"})]})]}),_e("div",{id:"profile-text-area-bottom",className:`mt-24 text-right ${l?"opacity-100":"opacity-0"} ${ta[5]}`,children:[_e("h2",{className:"text-8xl font-bold",children:["장인의 자세로 ",Q("br",{}),Q("span",{className:"text-green-500",children:"공상을 현실로"})," 만드는 삶"]}),Q("h4",{className:"pr-2 text-base",onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),onClick:()=>{A&&S(!1)},style:{opacity:A?"100%":`${M}%`},children:"그리고 약간의 실없는 농담들"})]})]})]}),Q("div",{id:"profile-overlay-blue",className:`absolute z-20 ${l?"opacity-100":"opacity-0"} h-recommended w-recommended ${ta[1]}`,style:{background:"linear-gradient(180deg, rgba(12, 74, 110, 0.5) 0.08%, rgba(12, 74, 110, 0.7) 99.98%)"}}),Q("div",{id:"profile-background-image",className:`absolute z-10 h-recommended w-recommended ${l?"opacity-100":"opacity-0"} ${ta[1]}`,children:Q(a,{className:"object-none object-center",alt:"background-img",style:{objectPosition:`${-300-32*(d/1920*2)}px ${-200-16*(p/1e3*2)}px`}})}),Q("div",{id:"profile-background-placeholder",className:"absolute z-0 h-recommended w-recommended bg-black"})]})}const bb="/portfolio/assets/img_s2_00_me_character_no_bg-2b383302.png",Pb="/portfolio/assets/img_s2_01_reflection-1753d18a.png",Lb="/portfolio/assets/img_s2_02_tv_noise-a15953fd.gif",Db="/portfolio/assets/img_s2_03_me_00-88aa4d84.png",Fb="/portfolio/assets/img_s2_04_me_01-0e902a72.png",Ub="/portfolio/assets/img_s2_05_me_02-1d91b3d6.png",Nb="/portfolio/assets/img_s2_06_me_03-8c5226d8.png",kb="/portfolio/assets/img_s2_07_me_04-6e290ca5.png",Ob="/portfolio/assets/img_s2_08_me_05-eb1633ab.png",Gb="/portfolio/assets/img_s2_09_me_06-794d1ee7.png";function S1(n){return 2.70158*n*n*n-1.70158*n*n}function M1(n){return 1+2.70158*Math.pow(n-1,3)+1.70158*Math.pow(n-1,2)}function ln({text:n,emoji:e,big:t}){return _e("span",{className:`${e?"cursor-pointer":""} ${t?"text-5xl":""} select-none`,onClick:e?r=>{function s(a,l){const u=document.createElement("particle");document.body.appendChild(u);let d=(Math.random()-.5)*300,m=(Math.random()-.5)*300,p=Math.random()*520,h=Math.random()*200;u.innerHTML=e,u.style.fontSize=`${Math.random()*24+40}px`,u.animate([{transform:`translate(-50%, -50%) translate(${a}px, ${l}px) rotate(0deg)`,opacity:1},{transform:`translate(-50%, -50%) translate(${a+d}px, ${l+m}px) rotate(${p}deg)`,opacity:1}],{duration:Math.random()*1e3+500,easing:"cubic-bezier(0, .9, .57, 1)",delay:h}).addEventListener("finish",v=>{u.remove()})}const o=Math.random()*8+4;for(let a=0;a{if(!y)S(!1);else{let H=setTimeout(()=>{S(!0)},2e3);return()=>clearTimeout(H)}},[y]),K.useEffect(()=>{const H=e.progress+t.progress+i.progress+r.progress+s.progress+o.progress+a.progress+l.progress+u.progress;n(H/9,1)},[e.progress,t.progress,i.progress,r.progress,s.progress,o.progress,a.progress,l.progress,u.progress,n]);const M=K.useCallback(H=>{m(H.currentTarget.scrollTop)},[]),[C,w]=K.useState(0),[T,B]=K.useState(!1),[I,_]=K.useState(0);K.useEffect(()=>{const H=d%u0;B(H>Hb||H{w(Math.min(I,As-3))},[I]),K.useEffect(()=>{I!==0&&p<1e3&&I=2e3?L(0-400*S1((p-2e3)/1e3)):L(0)},[p,I]),K.useEffect(()=>{I!==0&&p<1300&&I=2300?U(0-800*S1((p-2300)/700)):U(0)},[p,I]);const G=K.useMemo(()=>[e.ImageComponent,i.ImageComponent,r.ImageComponent,s.ImageComponent,o.ImageComponent,a.ImageComponent,l.ImageComponent,u.ImageComponent][C],[i.ImageComponent,r.ImageComponent,s.ImageComponent,o.ImageComponent,a.ImageComponent,l.ImageComponent,u.ImageComponent,e.ImageComponent,C]);return Q("section",{id:"records-section",className:`transition-{opacity} h-recommended snap-start overflow-scroll duration-[1000ms] ${y?"opacity-100":"opacity-0"}`,onScroll:M,ref:g,children:Q("div",{className:"-scroll-pb-0 h-[25000px] -scroll-mt-6",children:_e("div",{className:"sticky top-0 h-recommended",children:[Q("h1",{className:"absolute right-16 top-40 z-50 border-b-[1rem] border-b-blue-500 text-10xl font-bold leading-[10rem] text-blue-500",children:"Records"}),Q("div",{className:"transition-{opacity} absolute bottom-40 z-50 w-full select-none text-center text-3xl font-bold ease-in",style:{transitionDelay:y?"500ms":"0ms",transitionDuration:y?"2000ms":"0ms",opacity:y?0:100,display:A?"none":"block"},children:"휠 클릭으로 스크롤해 보세요."}),_e("div",{id:"records-content-area",className:"flex h-full origin-bottom font-bold",children:[Q("div",{id:"records-content-left",className:"w-2/3",children:_e("div",{className:"flex h-full w-full flex-col pl-28 pt-36",children:[Q("div",{className:"z-20 flex w-full justify-start bg-white",children:_e("div",{id:"records-picture-area",className:"flex h-[27.5rem] w-[27.5rem] justify-center overflow-hidden rounded-[6.25rem] bg-gradient-to-t from-sky-400 to-blue-500",children:[Q(G,{className:"p-6",alt:"me-picture"}),Q(t.ImageComponent,{className:`absolute h-[27.5rem] w-[27.5rem] overflow-hidden rounded-[6.25rem] transition-opacity ${T||I>As-3?"opacity-100":"opacity-0"}`,alt:"tv-noise"}),Q("div",{className:"absolute h-[27.5rem] w-[27.5rem] overflow-hidden rounded-[6.25rem] border-[24px] border-black bg-transparent",children:Q("img",{className:"absolute opacity-75",src:Pb,alt:"records-reflection",style:{bottom:650*Math.tanh(p/1200-1)-100}})}),Q("div",{className:"absolute h-[27.5rem] w-[27.5rem] rounded-[6.25rem]",style:{background:"radial-gradient(#00000000 60%, #00000099)"}})]})}),_e("div",{className:"h-full flex-1",children:[_e("div",{className:"absolute -ml-4 flex flex-col text-5xl",style:{transform:`translateY(${b}px)`},children:[_e("div",{className:"flex space-x-6 pt-6",children:[Q("div",{className:"flex w-44 items-center justify-end text-[4rem]",children:Q("span",{children:lo[C].year})}),Q("div",{className:"h-[4.5rem] w-[4.5rem] rounded-full border-[1rem] border-black bg-white"}),Q("div",{className:"flex items-center justify-center",children:Q("span",{children:lo[C].title})})]}),Q("div",{className:"mt-4 flex h-64 flex-col justify-center space-y-8 pl-[18.5rem] text-4xl",children:lo[C].lines.map((H,Z)=>Q("span",{className:"space-x-4",children:H},`record-context-${C}-${Z}`))})]}),Q("div",{className:"ml-52 h-full w-6 bg-black"})]})]})}),_e("div",{id:"records-content-right",className:"flex h-full w-1/3 flex-col justify-end font-bold",children:[Q("div",{className:"z-30 h-full flex-grow-0 bg-white"}),_e("div",{className:"mt-6 h-[37.5rem] flex-shrink-0",children:[_e("div",{className:"absolute flex flex-col space-y-28",children:[C{const U=[e.ImageComponent,t.ImageComponent,i.ImageComponent,r.ImageComponent,s.ImageComponent,o.ImageComponent,a.ImageComponent,l.ImageComponent][L];return Q(U,{draggable:"false",alt:na[L].title})},[e.ImageComponent,t.ImageComponent,i.ImageComponent,r.ImageComponent,s.ImageComponent,o.ImageComponent,a.ImageComponent,l.ImageComponent]);K.useEffect(()=>{const L=e.progress+t.progress+i.progress+r.progress+s.progress+o.progress+a.progress+l.progress;n(L/8,2)},[e.progress,t.progress,i.progress,r.progress,s.progress,o.progress,a.progress,l.progress,n]);const d=K.useRef(null),m=wf(d,{}),p=!!(m!=null&&m.isIntersecting),h=K.useRef(null),[g,v]=K.useState(-1),[y,A]=K.useState(!1),[S,M]=K.useState(!1);K.useEffect(()=>{if(g<0&&p){const L=h.current,D=setInterval(()=>{if(!S&&L)if(y){const U=L.scrollLeft;L.scrollTo(L.scrollLeft-2,0);const G=L.scrollLeft;U===G&&L.scrollTo(L.scrollLeft+4,0),L.scrollLeft===0&&A(!1)}else{const U=L.scrollLeft;L.scrollTo(L.scrollLeft+2,0);const G=L.scrollLeft;U===G&&L.scrollTo(L.scrollLeft+4,0),L.clientWidth===L.scrollWidth-Math.floor(L.scrollLeft)&&A(!0)}},20);return()=>clearInterval(D)}},[y,S,p,g]),K.useEffect(()=>{const L=h.current;let D={left:0,x:0};const U=Z=>{const Y=Z.clientX-D.x;L.scrollLeft=D.left-Y,A(Y>0)},G=()=>{M(!1),L==null||L.removeEventListener("mousemove",U),L==null||L.removeEventListener("mouseup",G)},H=Z=>{M(!0),D={left:L.scrollLeft,x:Z.clientX},L==null||L.addEventListener("mousemove",U),L==null||L.addEventListener("mouseup",G)};return L==null||L.addEventListener("mousedown",H),()=>{L==null||L.removeEventListener("mousedown",H)}},[]);const[C,w]=K.useState(!1),T=K.useCallback((L,D)=>{L.preventDefault(),L.stopPropagation(),w(!0),M(!0),setTimeout(()=>{v(D),w(!1),M(!1)},500)},[]),B=K.useCallback(()=>{w(!0),M(!0),setTimeout(()=>{v(-1),setTimeout(()=>{w(!1),M(!1)},150)},150)},[]);K.useEffect(()=>{var L,D;p||(B(),(D=h.current)==null||D.scrollTo({left:((L=h.current)==null?void 0:L.scrollWidth)/2-960*1}))},[p,B]);const[I,_]=K.useState(1),b=K.useCallback(L=>{const D=ah[0]*960,U=ah[1]*960,G=L.currentTarget.scrollLeft;_(G{g>=0&&_(g<=ah[0]?0:g<=ah[1]?1:2)},[g]),_e("section",{id:"skills-section",className:`relative h-recommended snap-center overflow-hidden transition-colors duration-1000 ${I===0?"bg-blue-500":I===1?"bg-green-500":"bg-indigo-500"}`,ref:d,children:[Q("div",{id:"skills-background-banner",className:`absolute top-1/2 z-0 flex -translate-y-1/2 flex-col items-center justify-center gap-8 ${g<0?"blur-[2px]":"blur-sm"}`,children:eP.map((L,D)=>{const U=D%2===1;return Q("div",{className:"relative h-32 select-none font-galmuri7 text-9xl font-bold text-white opacity-10",children:_e("div",{className:"absolute flex whitespace-nowrap",style:{left:U?"0px":"-4128px"},children:[Q("div",{className:"flex gap-16 px-8",style:{animation:`${U?"bannermove-main":"bannermove-sub"} 240s linear infinite`},children:L.map((G,H)=>Q("span",{children:G},`skill-bg-${D}-${H}-0`))}),Q("div",{className:"flex gap-16 px-8",style:{animation:`${U?"bannermove-main":"bannermove-sub"} 240s linear infinite`},children:L.map((G,H)=>Q("span",{children:G},`skill-bg-${D}-${H}-1`))})]})},`skill-bg-${D}`)})}),Q("div",{id:"skills-background-overlay",className:"absolute h-full w-full bg-black transition-opacity duration-1000",style:{opacity:!C&&g<0?"0":"50%"}}),Q("h1",{className:"absolute bottom-10 right-16 z-50 border-b-[1rem] border-b-white text-10xl font-bold leading-[10rem] text-white",children:Q("a",{href:"https://blog.anteater-lab.link",target:"_blank",rel:"noreferrer",children:"Skills"})}),Q("div",{id:"skills-content-area",className:"absolute h-full w-full",children:g<0?Q("div",{children:Q("div",{id:"skills-items-list",className:"mb-10 mt-16 flex cursor-grab items-center gap-80 overflow-y-scroll px-40 pb-10 pt-16 transition-all duration-500 active:cursor-none",style:{opacity:C?"0":"100",transform:C?"translateY(100%)":"translateY(0%)"},ref:h,onScroll:Oy(b,1e3),children:na.map((L,D)=>Q("button",{className:"custom-skill-button flex h-[40rem] w-[40rem] flex-shrink-0 items-center justify-center rounded-[4rem] bg-white",onClick:U=>T(U,D),children:u(D)},`skill-button-${D}`))})}):_e("div",{className:"flex h-full flex-col",children:[_e("div",{className:"mt-32 flex items-center justify-between px-12 pb-10 opacity-100 transition-opacity",style:{opacity:C?"0":"100"},children:[Q("img",{className:"w-14 cursor-pointer opacity-70 hover:opacity-100 active:opacity-30",draggable:"false",src:Jb,alt:"left-arrow",onClick:()=>{v(L=>(L-1+na.length)%na.length)}}),_e("div",{className:"flex flex-1 px-12",children:[Q("button",{className:"custom-skill-button flex h-[40rem] w-[40rem] flex-shrink-0 items-center justify-center rounded-[4rem] bg-white",onClick:B,children:u(g)}),_e("div",{className:"w-full font-bold text-white drop-shadow-lg",children:[Q("div",{className:"pb-8 text-right text-5xl",children:na[g].title}),Q("ul",{className:"flex h-[38rem] flex-col gap-8 overflow-scroll pb-8 pl-32 text-4xl",children:na[g].description.map((L,D)=>Q("li",{className:"list-disc whitespace-pre-line break-keep leading-tight",children:L},`skills-description-list-${D}`))})]})]}),Q("img",{className:"w-14 cursor-pointer opacity-70 hover:opacity-100 active:opacity-30",draggable:"false",src:Wb,alt:"right-arrow",onClick:()=>{v(L=>(L+1)%na.length)}})]}),Q("div",{className:"h-full",onClick:B})]})})]})}/** * @license * Copyright 2010-2023 Three.js Authors diff --git a/index.html b/index.html index b9e8664..c2121df 100644 --- a/index.html +++ b/index.html @@ -120,7 +120,7 @@ = 개발자 Anteater = - +