diff --git a/404.html b/404.html index a01598f..f9512eb 100644 --- a/404.html +++ b/404.html @@ -5,8 +5,8 @@ Vite + React + TS - - + +
diff --git a/assets/index-a6qjDGrO.js b/assets/index-7xObPAgL.js similarity index 99% rename from assets/index-a6qjDGrO.js rename to assets/index-7xObPAgL.js index ba21936..10e133d 100644 --- a/assets/index-a6qjDGrO.js +++ b/assets/index-7xObPAgL.js @@ -64,4 +64,4 @@ Error generating stack: `+o.message+` * LICENSE.md file in the root directory of this source tree. * * @license MIT - */function li(){return li=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[l]=e[l]);return n}function gh(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function wh(e,t){return e.button===0&&(!t||t==="_self")&&!gh(e)}const Sh=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],kh="startTransition",gs=hf[kh];function xh(e){let{basename:t,children:n,future:r,window:l}=e,o=x.useRef();o.current==null&&(o.current=zp({window:l,v5Compat:!0}));let i=o.current,[u,s]=x.useState({action:i.action,location:i.location}),{v7_startTransition:a}=r||{},p=x.useCallback(m=>{a&&gs?gs(()=>s(m)):s(m)},[s,a]);return x.useLayoutEffect(()=>i.listen(p),[i,p]),x.createElement(mh,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:i})}const Eh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Ch=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Yc=x.forwardRef(function(t,n){let{onClick:r,relative:l,reloadDocument:o,replace:i,state:u,target:s,to:a,preventScrollReset:p,unstable_viewTransition:m}=t,h=yh(t,Sh),{basename:S}=x.useContext(mn),g,y=!1;if(typeof a=="string"&&Ch.test(a)&&(g=a,Eh))try{let d=new URL(window.location.href),v=a.startsWith("//")?new URL(d.protocol+a):new URL(a),k=tu(v.pathname,S);v.origin===d.origin&&k!=null?a=k+v.search+v.hash:y=!0}catch{}let R=th(a,{relative:l}),f=_h(a,{replace:i,state:u,target:s,preventScrollReset:p,relative:l,unstable_viewTransition:m});function c(d){r&&r(d),d.defaultPrevented||f(d)}return x.createElement("a",li({},h,{href:g||R,onClick:y||o?r:c,ref:n,target:s}))});var ws;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(ws||(ws={}));var Ss;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(Ss||(Ss={}));function _h(e,t){let{target:n,replace:r,state:l,preventScrollReset:o,relative:i,unstable_viewTransition:u}=t===void 0?{}:t,s=Wc(),a=Tl(),p=Hc(e,{relative:i});return x.useCallback(m=>{if(wh(m,n)){m.preventDefault();let h=r!==void 0?r:fl(a)===fl(p);s(e,{replace:h,state:l,preventScrollReset:o,relative:i,unstable_viewTransition:u})}},[a,s,p,r,l,n,e,o,i,u])}const Xc=()=>{const e=Wc(),t=()=>{e(-1)};return z.jsxs("div",{className:"flex w-full justify-between p-6 gradient",children:[z.jsx("div",{className:"text-red font-bold text-3xl break-keep",children:"[LIVE] FURIOSA AI 해커톤 현장"}),z.jsx("button",{onClick:t,children:z.jsx(Np,{size:"36"})})]})};function Ph(e){return bi({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM192 160H320c17.7 0 32 14.3 32 32V320c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V192c0-17.7 14.3-32 32-32z"}}]})(e)}function Nh(e){return bi({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192zm0 224a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"}}]})(e)}const zh={video:!0},Rh=()=>{const[e,t]=x.useState(!1),n=x.useRef(null),r=x.useRef(null);let l=0;const o=async s=>{const a=new Blob([s],{type:"video/mp4"});try{const p=new FormData;p.append("file_name",String(l)),p.append("video",a);const m=await fetch("http://13.209.86.34:5001/api/video/upload",{method:"POST",body:p});if(l+=1,m.ok){const h=await m.json();console.log("서버 응답:",h)}else console.error("서버 응답 오류:",m.status,m.statusText)}catch(p){console.error("API 요청 중 에러:",p)}},i=async()=>{try{const s=await navigator.mediaDevices.getUserMedia(zh);n.current&&!n.current.srcObject&&(n.current.srcObject=s,r.current=new MediaRecorder(s),r.current.ondataavailable=a=>{a.data.size>0&&(o(a.data),console.log("onDataAvailable",a.data))},r.current.onstop=()=>{console.log("Recording stopped. Sending data to the server...")},r.current.start(1e3))}catch(s){console.error("Error accessing camera:",s)}};x.useEffect(()=>()=>{r.current&&r.current.state==="recording"&&r.current.stop()},[]);const u=()=>{if(e){t(!1);return}t(!0),i()};return z.jsxs(z.Fragment,{children:[z.jsx("video",{className:"video",width:"100%",autoPlay:!0,ref:n}),z.jsxs("div",{className:"fixed top-0 left-0 w-full",children:[z.jsx(Xc,{}),z.jsx("div",{className:"fixed p-6 right-0",children:z.jsxs("button",{className:"p-[2px] bg-white rounded-3xl",onClick:u,children:[" ",e?z.jsx(Ph,{color:"#E21401",size:"48"}):z.jsx(Nh,{color:"#E21401",size:"48"})," "]})})]})]})},Lh=()=>z.jsx("div",{className:"text-white font-bold w-full h-full fixed top-0 left-0 bg-black flex justify-center items-center z-40",children:z.jsx("h1",{className:"splash",children:"Service Name"})}),Th=()=>{const e=x.useRef(null);return x.useEffect(()=>{const t="https://furiosa-video.s3.ap-northeast-2.amazonaws.com/upload/2",n=e.current;n&&(n.src=t,n.addEventListener("loadedmetadata",()=>{n.play().catch(r=>console.error("비디오 재생 중 오류:",r))}))},[]),z.jsxs(z.Fragment,{children:[z.jsx("video",{ref:e,className:"video",width:"100%",children:"Your browser does not support the video tag."}),z.jsx("div",{className:"fixed top-0 left-0 w-full",children:z.jsx(Xc,{})})]})},Oh="/noc-client/assets/thumbnail-U4Odmowz.png",jh=({title:e})=>z.jsx(Yc,{to:"/view",children:z.jsxs("div",{className:"rounded-xl w-[12rem] overflow-hidden",children:[z.jsx("img",{src:Oh,alt:"thumbnail"}),z.jsx("div",{children:e}),z.jsx("span",{children:"FURIPOTER"})]})}),Ih=({title:e,band:t})=>z.jsxs(z.Fragment,{children:[z.jsx("span",{className:"text-3xl font-bold mb-2",children:e}),z.jsx("div",{className:"flex flex-row gap-4 w-full overflow-x-scroll mb-4",children:t.map((n,r)=>z.jsx(jh,{title:n.title},r))})]}),Mh=()=>z.jsx("div",{className:"fixed w-full h-30 bottom-0 p-6 pb-16 bg-[#232020]",children:z.jsx("span",{className:"opacity-25",children:"Sponsored by FURIOSA, elise"})}),Fh=[{title:"[LIVE] FURIOSA AI 해커톤 현장"},{title:"[단독] 퓨리포터 등장"},{title:"[긴급] 세상에 지금이 몇시지"},{title:"여긴 어디 나는 누구"}],Dh=()=>z.jsxs(z.Fragment,{children:[z.jsxs("div",{className:"flex flex-col grow w-full h-full bg-black p-6",children:[z.jsx(Ih,{title:"HOT 10",band:Fh}),z.jsx("br",{}),z.jsx(Yc,{to:"/live",children:"[임시] 영상 촬영 페이지"})]}),z.jsx(Mh,{})]});function Uh(){const[e,t]=x.useState(!0);return x.useEffect(()=>{const n=setTimeout(()=>{t(!1)},3e3);return()=>clearTimeout(n)},[]),z.jsx(z.Fragment,{children:z.jsxs(xh,{basename:"/noc-client",children:[e&&z.jsx(Lh,{}),z.jsxs(vh,{children:[z.jsx(Br,{path:"/",element:z.jsx(Dh,{})}),z.jsx(Br,{path:"/live",element:z.jsx(Rh,{})}),z.jsx(Br,{path:"/view",element:z.jsx(Th,{})})]})]})})}so.createRoot(document.getElementById("root")).render(z.jsx(Qe.StrictMode,{children:z.jsx(Uh,{})})); + */function li(){return li=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0)&&(n[l]=e[l]);return n}function gh(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function wh(e,t){return e.button===0&&(!t||t==="_self")&&!gh(e)}const Sh=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset","unstable_viewTransition"],kh="startTransition",gs=hf[kh];function xh(e){let{basename:t,children:n,future:r,window:l}=e,o=x.useRef();o.current==null&&(o.current=zp({window:l,v5Compat:!0}));let i=o.current,[u,s]=x.useState({action:i.action,location:i.location}),{v7_startTransition:a}=r||{},p=x.useCallback(m=>{a&&gs?gs(()=>s(m)):s(m)},[s,a]);return x.useLayoutEffect(()=>i.listen(p),[i,p]),x.createElement(mh,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:i})}const Eh=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",Ch=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Yc=x.forwardRef(function(t,n){let{onClick:r,relative:l,reloadDocument:o,replace:i,state:u,target:s,to:a,preventScrollReset:p,unstable_viewTransition:m}=t,h=yh(t,Sh),{basename:S}=x.useContext(mn),g,y=!1;if(typeof a=="string"&&Ch.test(a)&&(g=a,Eh))try{let d=new URL(window.location.href),v=a.startsWith("//")?new URL(d.protocol+a):new URL(a),k=tu(v.pathname,S);v.origin===d.origin&&k!=null?a=k+v.search+v.hash:y=!0}catch{}let R=th(a,{relative:l}),f=_h(a,{replace:i,state:u,target:s,preventScrollReset:p,relative:l,unstable_viewTransition:m});function c(d){r&&r(d),d.defaultPrevented||f(d)}return x.createElement("a",li({},h,{href:g||R,onClick:y||o?r:c,ref:n,target:s}))});var ws;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher",e.useViewTransitionState="useViewTransitionState"})(ws||(ws={}));var Ss;(function(e){e.UseFetcher="useFetcher",e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(Ss||(Ss={}));function _h(e,t){let{target:n,replace:r,state:l,preventScrollReset:o,relative:i,unstable_viewTransition:u}=t===void 0?{}:t,s=Wc(),a=Tl(),p=Hc(e,{relative:i});return x.useCallback(m=>{if(wh(m,n)){m.preventDefault();let h=r!==void 0?r:fl(a)===fl(p);s(e,{replace:h,state:l,preventScrollReset:o,relative:i,unstable_viewTransition:u})}},[a,s,p,r,l,n,e,o,i,u])}const Xc=()=>{const e=Wc(),t=()=>{e(-1)};return z.jsxs("div",{className:"flex w-full justify-between p-6 gradient",children:[z.jsx("div",{className:"text-red font-bold text-2xl break-keep",children:"[LIVE] FURIOSA AI 해커톤 현장"}),z.jsx("button",{onClick:t,children:z.jsx(Np,{size:"24"})})]})};function Ph(e){return bi({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM192 160H320c17.7 0 32 14.3 32 32V320c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V192c0-17.7 14.3-32 32-32z"}}]})(e)}function Nh(e){return bi({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256-96a96 96 0 1 1 0 192 96 96 0 1 1 0-192zm0 224a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"}}]})(e)}const zh={video:!0},Rh=()=>{const[e,t]=x.useState(!1),n=x.useRef(null),r=x.useRef(null);let l=0;const o=async s=>{const a=new Blob([s],{type:"video/mp4"});try{const p=new FormData;p.append("file_name",String(l)),p.append("video",a);const m=await fetch("http://13.209.86.34:5001/api/video/upload",{method:"POST",body:p});if(l+=1,m.ok){const h=await m.json();console.log("서버 응답:",h)}else console.error("서버 응답 오류:",m.status,m.statusText)}catch(p){console.error("API 요청 중 에러:",p)}},i=async()=>{try{const s=await navigator.mediaDevices.getUserMedia(zh);n.current&&!n.current.srcObject&&(n.current.srcObject=s,r.current=new MediaRecorder(s),r.current.ondataavailable=a=>{a.data.size>0&&(o(a.data),console.log("onDataAvailable",a.data))},r.current.onstop=()=>{console.log("Recording stopped. Sending data to the server...")},r.current.start(1e3))}catch(s){console.error("Error accessing camera:",s)}};x.useEffect(()=>()=>{r.current&&r.current.state==="recording"&&r.current.stop()},[]);const u=()=>{if(e){t(!1);return}t(!0),i()};return z.jsxs(z.Fragment,{children:[z.jsx("video",{className:"video",width:"100%",autoPlay:!0,ref:n}),z.jsxs("div",{className:"fixed top-0 left-0 w-full",children:[z.jsx(Xc,{}),z.jsx("div",{className:"fixed p-6 right-0",children:z.jsxs("button",{className:"p-[2px] bg-white rounded-3xl",onClick:u,children:[" ",e?z.jsx(Ph,{color:"#E21401",size:"48"}):z.jsx(Nh,{color:"#E21401",size:"48"})," "]})})]})]})},Lh=()=>z.jsx("div",{className:"text-white font-bold w-full h-full fixed top-0 left-0 bg-black flex justify-center items-center z-40",children:z.jsx("h1",{className:"splash",children:"Service Name"})}),Th=()=>{const e=x.useRef(null);return x.useEffect(()=>{const t="https://furiosa-video.s3.ap-northeast-2.amazonaws.com/upload/2",n=e.current;n&&(n.src=t,n.addEventListener("loadedmetadata",()=>{n.play().catch(r=>console.error("비디오 재생 중 오류:",r))}))},[]),z.jsxs(z.Fragment,{children:[z.jsx("video",{ref:e,className:"video",width:"100%",children:"Your browser does not support the video tag."}),z.jsx("div",{className:"fixed top-0 left-0 w-full",children:z.jsx(Xc,{})})]})},Oh="/noc-client/assets/thumbnail-U4Odmowz.png",jh=({title:e})=>z.jsx(Yc,{to:"/view",children:z.jsxs("div",{className:"rounded-xl w-[12rem] overflow-hidden",children:[z.jsx("img",{src:Oh,alt:"thumbnail"}),z.jsx("div",{children:e}),z.jsx("span",{children:"FURIPOTER"})]})}),Ih=({title:e,band:t})=>z.jsxs(z.Fragment,{children:[z.jsx("span",{className:"text-2xl font-bold mb-2",children:e}),z.jsx("div",{className:"flex flex-row gap-4 w-full overflow-x-scroll mb-4",children:t.map((n,r)=>z.jsx(jh,{title:n.title},r))})]}),Mh=()=>z.jsx("div",{className:"fixed w-full h-30 bottom-0 p-6 pb-16 bg-[#232020]",children:z.jsx("span",{className:"opacity-25",children:"Sponsored by FURIOSA, elise"})}),Fh=[{title:"[LIVE] FURIOSA AI 해커톤 현장"},{title:"[단독] 퓨리포터 등장"},{title:"[긴급] 세상에 지금이 몇시지"},{title:"여긴 어디 나는 누구"}],Dh=()=>z.jsxs(z.Fragment,{children:[z.jsxs("div",{className:"flex flex-col grow w-full h-full bg-black p-6",children:[z.jsx(Ih,{title:"HOT 10",band:Fh}),z.jsx("br",{}),z.jsx(Yc,{to:"/live",children:"[임시] 영상 촬영 페이지"})]}),z.jsx(Mh,{})]});function Uh(){const[e,t]=x.useState(!0);return x.useEffect(()=>{const n=setTimeout(()=>{t(!1)},3e3);return()=>clearTimeout(n)},[]),z.jsx(z.Fragment,{children:z.jsxs(xh,{basename:"/noc-client",children:[e&&z.jsx(Lh,{}),z.jsxs(vh,{children:[z.jsx(Br,{path:"/",element:z.jsx(Dh,{})}),z.jsx(Br,{path:"/live",element:z.jsx(Rh,{})}),z.jsx(Br,{path:"/view",element:z.jsx(Th,{})})]})]})})}so.createRoot(document.getElementById("root")).render(z.jsx(Qe.StrictMode,{children:z.jsx(Uh,{})})); diff --git a/assets/index-obBkF0L0.css b/assets/index-wMb-YTwA.css similarity index 89% rename from assets/index-obBkF0L0.css rename to assets/index-wMb-YTwA.css index 95a3bbb..c955c53 100644 --- a/assets/index-obBkF0L0.css +++ b/assets/index-wMb-YTwA.css @@ -1 +1 @@ -*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-40{z-index:40}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.h-full{height:100%}.w-\[12rem\]{width:12rem}.w-full{width:100%}.grow{flex-grow:1}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.break-keep{word-break:keep-all}.rounded-3xl{border-radius:1.5rem}.rounded-xl{border-radius:.75rem}.bg-\[\#232020\]{--tw-bg-opacity: 1;background-color:rgb(35 32 32 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-6{padding:1.5rem}.p-\[2px\]{padding:2px}.pb-16{padding-bottom:4rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-25{opacity:.25}html,body,#root{height:100%;width:100%;color:#fff;background-color:#000}.video{-o-object-fit:cover;object-fit:cover;height:100%;background-color:#535bf2}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.splash{animation:fadeOut 3s ease}.small-button{padding:.5rem 1rem;background-color:#000}.gradient{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%)} +*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-40{z-index:40}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.h-full{height:100%}.w-\[12rem\]{width:12rem}.w-full{width:100%}.grow{flex-grow:1}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.overflow-x-scroll{overflow-x:scroll}.break-keep{word-break:keep-all}.rounded-3xl{border-radius:1.5rem}.rounded-xl{border-radius:.75rem}.bg-\[\#232020\]{--tw-bg-opacity: 1;background-color:rgb(35 32 32 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-6{padding:1.5rem}.p-\[2px\]{padding:2px}.pb-16{padding-bottom:4rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-25{opacity:.25}html,body,#root{height:100%;width:100%;color:#fff;background-color:#000}.video{-o-object-fit:cover;object-fit:cover;height:100%;background-color:#535bf2}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.splash{animation:fadeOut 3s ease}.small-button{padding:.5rem 1rem;background-color:#000}.gradient{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%)} diff --git a/index.html b/index.html index a01598f..f9512eb 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,8 @@ Vite + React + TS - - + +