@edu-tosel/design 1.0.266 → 1.0.267

package/layout/template/Olympiad/index.js

@@ -1,15 +0,0 @@
-import Banner from "./Banner";
-import Sponsors from "./Sponsors";
-import Features from "./Features";
-import Prizes from "./Prizes";
-import Videoset from "./Videoset";
-import Conditions from "./Conditions";
-const Olympiad = {
-    Banner,
-    Sponsors,
-    Features,
-    Prizes,
-    Conditions,
-    Videoset,
-};
-export default Olympiad;

package/layout/template/Regexam/Banner.d.ts

@@ -1 +0,0 @@
-export default function Banner(): import("react/jsx-runtime").JSX.Element;

package/layout/template/Regexam/Banner.js

@@ -1,183 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../util";
-import { useState, useEffect } from "react";
-import urlAsset from "../../../asset/url";
-export default function Banner() {
-    const [isHidden, setIsHidden] = useState(false);
-    useEffect(() => {
-        const handleScroll = () => {
-            if (window.scrollY > 50) {
-                setIsHidden(true);
-            }
-            else {
-                setIsHidden(false);
-            }
-        };
-        window.addEventListener("scroll", handleScroll);
-        return () => {
-            window.removeEventListener("scroll", handleScroll);
-        };
-    }, []);
-    const handleScroll = () => {
-        window.scrollBy({
-            top: window.innerHeight,
-            behavior: "smooth",
-        });
-    };
-    const container = {
-        sizes: "relative w-full md:h-screen",
-        displays: "flex justify-center items-center flex-col",
-        spacings: "md:px-10 md:pt-0 px-5 pt-5",
-        textstyles: "antialiased font-pretendard-var",
-        backgrounds: "bg-white bg-cover bg-center",
-    };
-    const brandTextCore = {
-        spacings: "mb-6",
-        sizes: "xm:h-20 h-12",
-        animations: "duration-300",
-    };
-    const brandTextSub = {
-        textstyles: "text-lg lg:text-xl font-pretendard-bold text-gray-dark",
-        animations: "duration-300",
-    };
-    const explainer = {
-        textstyles: "lg:text-lg font-medium text-gray-dark text-base",
-    };
-    //button styling
-    const AdvertButton = {
-        displays: "relative overflow-hidden flex justify-center items-center",
-        sizes: "h-fit w-full xxxs:w-fit rounded-lg",
-        textstyles: "text-lg font-pretendard-medium text-center text-crimson-burgundy hover:text-white",
-        spacings: "px-3 py-2 md:mt-16 mt-10",
-        animations: "group duration-300",
-    };
-    //before hover gradient
-    const buttonBackground1 = {
-        displays: "absolute inset-0",
-        backgrounds: "bg-gradient-to-r from-crimson-burgundy/10 to-green-dark/10",
-    };
-    //after hover gradient
-    const buttonBackground2 = {
-        displays: "absolute inset-0",
-        backgrounds: "bg-gradient-to-r from-crimson-burgundy to-green-dark",
-        animation: "transition-opacity duration-300 opacity-0 group-hover:opacity-100",
-    };
-    const buttonText = {
-        textstyles: "text-lg font-pretendard-medium text-center relative z-10",
-    };
-    const carouselWrapper = {
-        sizes: "ml:w-200 md:w-[calc(100vw-376px)] w-full md:h-full h-fit xxs:max-h-80 rounded-lg flex",
-        spacings: "md:mt-0 mt-20 md:m-0 mb-5",
-    };
-    const scrollGuideWrapper = {
-        display: "absolute hidden md:flex flex-col justify-center items-center",
-        sizes: "w-full",
-        spacings: "bottom-0 mb-10",
-        scrollAction: `transition-opacity duration-500 ${isHidden ? "opacity-0" : "opacity-100"}`,
-    };
-    const scrollGuideText = {
-        sizes: "w-full",
-        textstyles: "font-medium text-green-dark text-base",
-        spacings: "text-center",
-    };
-    const scrollGuideButton = {
-        sizes: "w-10 h-10 mt-10",
-        backgrounds: "bg-white group hover:bg-green-dark",
-        other: "animate-bounce bg-white p-1 w-10 h-10 ring-1 ring-slate-900/5 shadow-lg rounded-full flex items-center justify-center",
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: "flex flex-col md:flex-row w-full max-w-6xl justify-between items-center", children: [_jsxs("div", { className: "flex flex-col w-full md:w-fit h-full shrink-0 justify-start", children: [_jsx("div", { className: cn(brandTextSub), children: "about" }), _jsx("div", { className: cn(brandTextCore), children: _jsx("img", { src: "/images/logos/logo-tosel-main.svg", alt: "", className: "h-full" }) }), _jsxs("div", { className: cn(explainer), children: ["29,000\uC5EC\uAC1C\uC758 \uD559\uAD50\uC640 \uD559\uC6D0\uC774 \uC120\uD0DD\uD55C ", _jsx("br", {}), "\uB300\uD55C\uBBFC\uAD6D \uB300\uD45C \uC601\uC5B4 \uC778\uC99D\uC2DC\uD5D8"] }), _jsxs("div", { onClick: () => (window.location.href = urlAsset.homepage("/dashboard")), className: cn(AdvertButton), children: [_jsx("div", { className: cn(buttonBackground1) }), _jsx("div", { className: cn(buttonBackground2) }), _jsx("div", { className: cn(buttonText), children: "\uC9C0\uAE08 \uC811\uC218\uD558\uAE30" })] })] }), _jsx("div", { className: cn(carouselWrapper), children: _jsx(InfiniteCarousel, {}) })] }), _jsxs("div", { className: cn(scrollGuideWrapper), children: [_jsx("div", { className: cn(scrollGuideText), children: "\uC790\uC138\uD55C \uB0B4\uC6A9\uC744 \uBCF4\uB824\uBA74 \uC544\uB798\uB85C \uC2A4\uD06C\uB864 \uD574\uBCF4\uC138\uC694" }), _jsx("div", { className: cn(scrollGuideButton), onClick: handleScroll, children: _jsx("svg", { className: "w-6 h-6 text-green-dark group-hover:text-white", fill: "none", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { d: "M19 14l-7 7m0 0l-7-7m7 7V3" }) }) })] })] }));
-}
-const InfiniteCarousel = () => {
-    const slides = [
-        {
-            title: "Cocoon",
-            subtitle: "영어를 시작하는 단계",
-            img: "https://resource.tosel.co.kr/images/img-character-co.png",
-            colorT: "text-co-green",
-            colorB: "bg-co-green-light",
-        },
-        {
-            title: "Pre-Starter",
-            subtitle: "영어를 시작하는 단계",
-            img: "https://resource.tosel.co.kr/images/img-character-ps.png",
-            colorT: "text-ps-pink",
-            colorB: "bg-ps-pink/10",
-        },
-        {
-            title: "Starter",
-            subtitle: "밑바탕을 다지는 단계",
-            img: "https://resource.tosel.co.kr/images/img-character-st.png",
-            colorT: "text-st-orange",
-            colorB: "bg-st-orange/10",
-        },
-        {
-            title: "Basic",
-            subtitle: "영어실력의 도전 단계",
-            img: "https://resource.tosel.co.kr/images/img-character-ba.png",
-            colorT: "text-ba-yellow",
-            colorB: "bg-ba-yellow/10",
-        },
-        {
-            title: "Junior",
-            subtitle: "영어의 실전 단계",
-            img: "https://resource.tosel.co.kr/images/img-character-jr.png",
-            colorT: "text-jr-blue",
-            colorB: "bg-jr-blue/10",
-        },
-        {
-            title: "High Junior",
-            subtitle: "영어의 고급화 단계",
-            img: "https://resource.tosel.co.kr/images/img-character-hj.png",
-            colorT: "text-hj-blue",
-            colorB: "bg-hj-blue/10",
-        },
-        {
-            title: "Advanced",
-            subtitle: "영어의 고급화 단계",
-            img: "https://resource.tosel.co.kr/images/img-character-adv.png",
-            colorT: "text-gray-dark",
-            colorB: "bg-white",
-        },
-    ];
-    const [currentIndex, setCurrentIndex] = useState(0);
-    const totalSlides = slides.length;
-    const nextSlide = () => {
-        setCurrentIndex((prevIndex) => (prevIndex + 1) % totalSlides);
-    };
-    const prevSlide = () => {
-        setCurrentIndex((prevIndex) => (prevIndex - 1 + totalSlides) % totalSlides);
-    };
-    useEffect(() => {
-        const interval = setInterval(nextSlide, 3000);
-        return () => clearInterval(interval);
-    }, []);
-    const card = {
-        displays: "flex items-center",
-        sizes: "w-full h-full md:max-h-80",
-        spacings: "p-5",
-    };
-    const title = {
-        textStyles: "font-bold sm:text-xl text-lg",
-    };
-    const subTitle = {
-        textStyles: "font-medium sm:text-sm text-xs text-gray-medium",
-    };
-    const levelBar = {
-        displays: "flex flex-row justify-start",
-        sizes: "w-full h-4 rounded-full",
-        backgroudns: "bg-white shadow-main",
-        spacings: "mt-10",
-    };
-    const levelFill = {
-        sizes: "h-full rounded-full",
-        backgrounds: "bg-gradient-to-r from-crimson-burgundy to-green-dark",
-    };
-    return (_jsx("div", { className: "w-full h-full xs:max-h-80 overflow-hidden rounded-lg shadow-main", children: _jsx("div", { className: "flex w-full xs:max-h-80 transition-transform duration-500", style: {
-                transform: `translateX(-${currentIndex * 100}%)`,
-            }, children: slides.map((slide, index) => {
-                const widthPercentage = ((index + 1) / slides.length) * 100;
-                return (_jsx("div", { className: cn(card, `${slide.colorB}`), style: { flex: "0 0 100%" }, children: _jsxs("div", { className: "flex xxs:flex-row flex-col-reverse items-center justify-center h-full w-full", children: [_jsxs("div", { className: "flex flex-col justify-center items-start w-full p-5", children: [_jsx("div", { className: "text-xl font-black text-crimson-burgundy mb-6", children: index + 1 }), _jsx("div", { className: cn(title, `${slide.colorT}`), children: slide.title }), _jsx("div", { className: cn(subTitle), children: slide.subtitle }), _jsx("div", { className: cn(levelBar), children: _jsx("div", { className: cn(levelFill), style: {
-                                                width: `${widthPercentage}%`,
-                                            } }) })] }), _jsx("div", { className: "w-9/12 md:w-full h-full max-h-80", children: _jsx("img", { src: slide.img, alt: "" }) })] }) }, index));
-            }) }) }));
-};

package/layout/template/Regexam/Evaluation.d.ts

@@ -1,3 +0,0 @@
-export default function Evaluation(): import("react/jsx-runtime").JSX.Element;
-export declare function GaugeTest(): import("react/jsx-runtime").JSX.Element;
-export declare function FourSection(): import("react/jsx-runtime").JSX.Element;

package/layout/template/Regexam/Evaluation.js

@@ -1,132 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../util";
-export default function Evaluation() {
-    const container = {
-        displays: "flex flex-col justify-center items-center",
-        sizes: "w-full h-fit",
-        spacings: "pt-20 md:px-10 px-5 pb-20",
-    };
-    //controlls max-w
-    const mainWrapper = {
-        displays: "flex flex-col",
-        sizes: "w-full max-w-6xl",
-    };
-    const titleWrapper = {
-        displays: "flex flex-col gap-0",
-        sizes: "w-full h-fit",
-        spacings: "pb-8",
-    };
-    const sectionTitle = {
-        sizes: "w-full h-fit",
-        textStyles: "font-bold text-crimson-burgundy text-xl xxs:text-2xl lg:text-3xl",
-    };
-    const sectionSubTitle = {
-        sizes: "w-full h-fit",
-        textStyles: "font-medium text-gray-medium text-sm md:text-base",
-    };
-    const grayBox = {
-        sizes: "w-full h-fit rounded-2xl",
-        spacings: "p-5 xxs:p-8 md:p-10  my-0 xs:my-10",
-        backgrounds: "bg-gray-light/50",
-        textstyles: "font-medium text-gray-dark text-base md:text-lg leading-loose",
-    };
-    const explainBoxWrapper = {
-        displays: "flex flex-col md:flex-row",
-        sizes: "w-full",
-        spacings: "gap-10 mt-10",
-    };
-    const explainBox = {
-        displays: "flex flex-col",
-        sizes: "w-full",
-    };
-    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(mainWrapper), children: [_jsxs("div", { className: cn(titleWrapper), children: [_jsx("div", { className: cn(sectionTitle), children: "\uD1A0\uC140\uC758 \uD3C9\uAC00\uBC29\uC2DD" }), _jsx("div", { className: cn(sectionSubTitle), children: "TOSEL\uC740 PBT\uB97C \uD1B5\uD574 \uAC04\uC811/\uC9C1\uC811\uD3C9\uAC00\uB97C \uBAA8\uB450 \uC2E4\uC2DC\uD569\uB2C8\uB2E4." })] }), _jsx("div", { className: cn(grayBox), children: "TOSEL\uC740 \uAC01\uAE09 \uD559\uAD50 \uAD50\uACFC\uACFC\uC815\uACFC \uC5F0\uB839\uBCC4 \uC778\uC9C0\uB2E8\uACC4\uB97C \uACE0\uB824\uD558\uC5EC \uB2E8\uACC4\uBCC4 \uB09C\uC774\uB3C4\uC640 \uBB38\uD56D\uC73C\uB85C \uC601\uC5B4 \uC219\uB2EC \uC815\uB3C4\uB97C \uCE21\uC815\uD558\uB294 \uC601\uC5B4 \uC0AC\uC6A9\uC790 \uC911\uC2EC\uC758 \uB9DE\uCDA4\uC2DD \uC601\uC5B4\uB2A5\uB825\uC778\uC99D \uC2DC\uD5D8\uC81C\uB3C4\uB85C, \uC778\uC9C0\uC801-\uD559\uBB38\uC801 \uC5B8\uC5B4 \uC0AC\uC6A9\uC758 \uC720\uCC3D\uC131 (Congnitive-Academic Language Proficientcy, CALP)\uACFC \uAE30\uBCF8\uC801-\uAC1C\uC778\uC801 \uC758\uC0AC\uC18C\uD1B5\uB2A5\uB825 (Basic Interpersonal Communication Skill, BICS)\uC744 \uC5C4\uBC00\uD788 \uAD6C\uBD84\uD558\uC5EC \uC218\uD5D8\uC790\uC758 \uC5B8\uC5B4\uB2A5\uB825\uC744 \uAC00\uC7A5 \uCE5C\uBC00\uD558\uAC8C \uD3C9\uAC00\uD558\uB294 \uC2DC\uD5D8\uC785\uB2C8\uB2E4." }), _jsxs("div", { className: cn(explainBoxWrapper), children: [_jsxs("div", { className: cn(explainBox), children: [_jsx("div", { className: "font-bold text-gray-dark text-xl", children: "\uC778\uC9C0\uB2E8\uACC4\uB97C \uACE0\uB824\uD55C \uD3C9\uAC00" }), _jsx("div", { className: "w-full h-0.5 bg-gradient-to-r from-crimson-burgundy to-green-dark mt-1" }), _jsx("div", { className: "mt-5 font-medium text-gray-dark text-base md:text-lg leading-normal", children: "TOSEL\uC740 \uC5F0\uB839\uBCC4 \uC778\uC9C0 \uB2E8\uACC4\uB97C \uACE0\uB824\uD558\uC5EC 7\uB2E8\uACC4\uB85C \uC138\uBD84\uD654\uB418\uC5B4 \uC788\uC2B5\uB2C8\uB2E4. \uC218\uB2A5 \uCD9C\uC81C\uC704\uC6D0\uC774 \uC9C1\uC811 \uAC1C\uBC1C\uD55C \uC9C1\uC811\uD3C9\uAC00 \uBC0F \uAC04\uC811\uD3C9\uAC00 \uBC29\uC2DD\uC73C\uB85C, \uC5B8\uC5B4\uC758 4\uC694\uC18C \uBAA8\uB450\uB97C \uD3C9\uAC00\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." }), _jsx(GaugeTest, {})] }), _jsxs("div", { className: cn(explainBox), children: [_jsx("div", { className: "font-bold text-gray-dark text-xl", children: "\uC5B8\uC5B4\uC758 \uB124\uAC00\uC9C0 \uC694\uC18C \uD3C9\uAC00" }), _jsx("div", { className: "w-full h-0.5 bg-gradient-to-r from-crimson-burgundy to-green-dark mt-1" }), _jsx("div", { className: "mt-5 font-medium text-gray-dark text-base md:text-lg leading-normal", children: "TOSEL\uC740 \uC5B8\uC5B4\uC758 \uB124 \uAC00\uC9C0 \uC694\uC18C\uC778 \uC77D\uAE30, \uB4E3\uAE30, \uB9D0\uD558\uAE30, \uC4F0\uAE30 \uC601\uC5ED\uC744 \uBAA8\uB450 \uD3C9\uAC00\uD569\uB2C8\uB2E4." }), _jsx(FourSection, {})] })] })] }) }));
-}
-import { useState, useRef } from 'react';
-const snapPoints = [10, 25, 40, 55, 70, 85, 100];
-const contentMap = {
-    10: { name: "Cocoon", age: "3-5세의 미취학 아동 대상", code: "K5-K7", detail: "기본적인 의사소통 능력" },
-    25: { name: "Pre-Starter", age: "초등학교 1-2학년 대상", code: "P1-P2", detail: "친숙한 주제에 대한 단어, 짧은 대화, 기본 표현 능력" },
-    40: { name: "Starter", age: "초등학교 3-4학년 대상", code: "P3-P4", detail: "흔히 접하는 주제에 대한 짧은 문장 이해, 실질적인 영어 기초 의사소통 능력" },
-    55: { name: "Basic", age: "초등학교 5-6학년 대상", code: "P5-P6", detail: "개인정보, 일상활동, 미래계획, 과거경험에 대한 구어/문어 형태의 의사소통 능력" },
-    70: { name: "Junior", age: "중학생 대상", code: "M1-M3", detail: "일반적인 주제에 대한 실용문, 짧은 단락 이해, 일상대화 관련 의사소통 능력" },
-    85: { name: "High-Junior", age: "고등학생 대상", code: "H1-H3", detail: "넓은 범위의 사회/학문 분야 중문과 복잡한 문장 등의 다양한 문장구조의 사용 능력" },
-    100: { name: "Advanced", age: "대학생, 성인 대상", code: "Adult", detail: "대학/대학원에서의 수학능력 및 취업, 직업근무환경에 필요한 실용영어능력에 대한 평가" },
-};
-export function GaugeTest() {
-    const [value, setValue] = useState(10);
-    const [isDragging, setIsDragging] = useState(false);
-    const gaugeRef = useRef(null);
-    const handleDrag = (clientX) => {
-        if (gaugeRef.current) {
-            const rect = gaugeRef.current.getBoundingClientRect();
-            const offsetX = clientX - rect.left;
-            let newValue = Math.round((offsetX / rect.width) * 100);
-            newValue = Math.max(10, Math.min(newValue, 100));
-            newValue = snapPoints.reduce((prev, curr) => Math.abs(curr - newValue) < Math.abs(prev - newValue) ? curr : prev);
-            setValue(newValue);
-        }
-    };
-    const handleMouseMove = (e) => {
-        if (isDragging) {
-            handleDrag(e.clientX);
-        }
-    };
-    const handleTouchMove = (e) => {
-        if (isDragging) {
-            handleDrag(e.touches[0].clientX);
-        }
-    };
-    const handleMouseDown = () => {
-        setIsDragging(true);
-    };
-    const handleMouseUp = () => {
-        setIsDragging(false);
-    };
-    const handleTouchStart = () => {
-        setIsDragging(true);
-    };
-    const handleTouchEnd = () => {
-        setIsDragging(false);
-    };
-    const displayContent = () => {
-        const content = contentMap[value];
-        return content ? (_jsxs("div", { className: "flex flex-col w-full justify-center items-start", children: [_jsx("div", { className: "font-bold text-xl text-crimson-burgundy w-full", children: content.name }), _jsxs("div", { className: "font-medium text-sm text-crimson-burgundy", children: [content.age, " / ", content.code] }), _jsx("div", { className: "w-full text-sm xs:text-base font-medium mt-5 text-gray-dark", children: content.detail })] })) : null;
-    };
-    const container = {
-        displays: "flex flex-col items-center",
-        sizes: "gap-y-4 rounded-lg xs:p-8 p-4",
-        bacgrounds: "shadow-main bg-white",
-        spacings: "mt-8"
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsx("div", { className: "w-full flex justify-center items-center font-medium text-green-dark text-xs", children: "\uC544\uB798\uC758 \uAC8C\uC774\uC9C0\uB97C \uC6C0\uC9C1\uC5EC\uBCF4\uC138\uC694" }), _jsx("div", { className: "w-full max-w-xl p-1 rounded-full bg-gray-light", children: _jsxs("div", { ref: gaugeRef, className: "relative w-full h-8 bg-gray-light rounded-full cursor-pointer", onMouseMove: handleMouseMove, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onClick: (e) => handleDrag(e.clientX), onTouchMove: handleTouchMove, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, children: [snapPoints.map((point) => (_jsx("div", { className: "absolute w-1 h-1 bg-gray-medium rounded-full top-4", style: { left: `${point - 3}%`, transform: 'translate(-50%, -50%)' } }, point))), _jsx("div", { className: "shadow-green absolute top-0 h-full bg-gradient-to-r from-green-dark to-crimson-burgundy rounded-full transition-all duration-300", style: { width: `${value}%` } }), _jsx("div", { className: "absolute top-1/2 left-0 transform -translate-x-1/2 -translate-y-1/2 xs:w-6 xs:h-6 w-3 h-3 bg-white rounded-full transition-all duration-300", style: { left: `${value}%`, marginLeft: "-16px" } })] }) }), _jsx("div", { className: "text-lg font-bold w-full mt-5", children: displayContent() })] }));
-}
-export function FourSection() {
-    const graphWrapper = {
-        sizes: "relative w-full h-fit overflow-visible mt-8",
-    };
-    const xExplainer = {
-        displays: "absolute flex flex-row top-0 ml-6",
-        sizes: "w-[calc(100%-24px)] h-6",
-    };
-    const yExplainer = {
-        displays: "absolute flex flex-col top-6",
-        sizes: "h-[calc(100%-24px)] w-6",
-    };
-    const graphContainer = {
-        sizes: "w-[calc(100%-24px)] h-fit rounded-lg",
-        displays: "grid grid-cols-2 relative",
-        backgrounds: "bg-gradient-to-r from-crimson-burgundy/10 to-green-dark/10 hover:shadow-main duration-300",
-        spacings: "mt-6 ml-6",
-    };
-    const cell = {
-        displays: "flex flex-col gap-1 justify-center items-center",
-        spacings: "py-4",
-    };
-    const title = {
-        textstyles: "font-bold text-lg text-gray-dark",
-    };
-    const subtitle = {
-        textstyles: "font-medium text-base text-gray-medium",
-    };
-    return (_jsxs("div", { className: cn(graphWrapper), children: [_jsxs("div", { className: cn(graphContainer), children: [_jsxs("div", { className: cn(cell), children: [_jsx("div", { className: cn(title), children: "\uC4F0\uAE30" }), _jsx("div", { className: cn(subtitle), children: "Writing" })] }), _jsxs("div", { className: cn(cell), children: [_jsx("div", { className: cn(title), children: "\uB9D0\uD558\uAE30" }), _jsx("div", { className: cn(subtitle), children: "Speaking" })] }), _jsxs("div", { className: cn(cell), children: [_jsx("div", { className: cn(title), children: "\uC77D\uAE30" }), _jsx("div", { className: cn(subtitle), children: "Reading" })] }), _jsxs("div", { className: cn(cell), children: [_jsx("div", { className: cn(title), children: "\uB4E3\uAE30" }), _jsx("div", { className: cn(subtitle), children: "Listening" })] }), _jsx("div", { className: "absolute w-full h-full top-0 bottom-0", children: _jsx("div", { className: "h-full w-[1px] m-auto bg-white" }) }), _jsx("div", { className: "absolute flex w-full h-full top-0 bottom-0 justify-center items-center", children: _jsx("div", { className: "w-full h-[1px] my-auto bg-white" }) })] }), _jsxs("div", { className: cn(xExplainer), children: [_jsx("div", { className: "w-full h-full flex font-medium text-xs text-gray-medium text-center items-center justify-center", children: "\uBB38\uC790\uC5B8\uC5B4" }), _jsx("div", { className: "w-full h-full flex font-medium text-xs text-gray-medium text-center items-center justify-center", children: "\uC74C\uC131\uC5B8\uC5B4" })] }), _jsxs("div", { className: cn(yExplainer), children: [_jsx("div", { className: "w-full h-full flex font-medium text-xs text-gray-medium text-center items-center justify-center", children: _jsx("div", { className: "rotate-[270deg]", children: "\uAC04\uC811\uD3C9\uAC00" }) }), _jsx("div", { className: "w-full h-full flex font-medium text-xs text-gray-medium text-center items-center justify-center", children: _jsx("div", { className: "rotate-[270deg]", children: "\uC9C1\uC811\uD3C9\uAC00" }) })] })] }));
-}

package/layout/template/Regexam/OfflineExam.d.ts

@@ -1,4 +0,0 @@
-export default function OfflineExam(): import("react/jsx-runtime").JSX.Element;
-export declare function TableComponent(): import("react/jsx-runtime").JSX.Element;
-export declare function AnnualTableComponent(): import("react/jsx-runtime").JSX.Element;
-export declare function TimeTableComponent(): import("react/jsx-runtime").JSX.Element;

package/layout/template/Regexam/OfflineExam.js

@@ -1,204 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { gsap } from "gsap";
-import { ScrollTrigger } from "gsap/ScrollTrigger";
-import { cn } from "../../../util";
-import { useResponsive } from "../../../hook";
-import urlAsset from "../../../asset/url";
-gsap.registerPlugin(ScrollTrigger);
-export default function OfflineExam() {
-    const isMD = useResponsive("md");
-    const scrollWrapperRef = useRef(null);
-    useEffect(() => {
-        //stop scroll action while mobile
-        if (!isMD)
-            return;
-        const ctx = gsap.context(() => {
-            const scrollWrapper = scrollWrapperRef.current;
-            if (scrollWrapper) {
-                const scrollTrigger = ScrollTrigger.create({
-                    trigger: scrollWrapper,
-                    start: "top-=80 top",
-                    end: "bottom+=80 bottom",
-                    pin: true,
-                    markers: false,
-                    onLeave: () => {
-                        console.log("Scroll completed, navigate to the next component");
-                    },
-                });
-                return () => {
-                    scrollTrigger.kill();
-                };
-            }
-        });
-        return () => ctx.revert();
-    }, [isMD]);
-    const container = {
-        displays: "flex flex-col justify-center items-center",
-        sizes: "w-full h-fit min-h-screen",
-        spacings: "pt-44 md:px-10 px-5 pb-20",
-        backgrounds: "bg-gray-light/50",
-    };
-    //controlls max-w
-    const mainWrapper = {
-        displays: "flex flex-col md:flex-row",
-        sizes: "w-full max-w-6xl",
-    };
-    const titleWrapper = {
-        displays: "flex flex-col gap-0",
-        sizes: "w-full h-auto",
-        spacings: "mb-5 md:mb-0",
-    };
-    const sectionTitle = {
-        sizes: "w-full h-fit",
-        textStyles: "font-bold text-crimson-burgundy text-xl xxs:text-2xl lg:text-3xl",
-    };
-    const sectionSubTitle = {
-        sizes: "w-full h-fit",
-        textStyles: "font-medium text-gray-medium text-sm md:text-base",
-    };
-    //button styling
-    const AdvertButton = {
-        displays: "relative overflow-hidden flex justify-center items-center",
-        sizes: "h-fit w-full md:w-fit rounded-lg",
-        textstyles: "text-lg font-pretendard-medium text-center text-green-dark hover:text-white",
-        spacings: "px-3 py-2 md:mt-16 mt-10",
-        animations: "group duration-300",
-    };
-    //before hover gradient
-    const buttonBackground1 = {
-        displays: "absolute inset-0",
-        backgrounds: "bg-green-dark/10",
-    };
-    //after hover gradient
-    const buttonBackground2 = {
-        displays: "absolute inset-0",
-        backgrounds: "bg-gradient-to-r from-crimson-burgundy to-green-dark",
-        animation: "transition-opacity duration-300 opacity-0 group-hover:opacity-100",
-    };
-    const buttonText = {
-        textstyles: "text-lg font-pretendard-medium text-center relative z-10",
-    };
-    const scrollWrapper = {
-        displays: "flex flex-col flex-shrink-0",
-        sizes: "md:w-[calc(100vw-376px)] ml:w-[calc(100%-472px)] w-full",
-        spacings: "gap-10",
-    };
-    const miniBox = {
-        displays: "flex flex-col",
-        sizes: "w-full h-fit rounded-lg p-5",
-        backgrounds: "bg-gray-light",
-    };
-    const miniTitle = {
-        textStyles: "font-bold text-gray-dark text-lg xxs:text-xl",
-    };
-    const miniDivider = {
-        sizes: "w-full h-0.5 mt-1",
-        colors: "bg-gradient-to-r from-crimson-burgundy to-green-dark flex-shrink-0",
-    };
-    return (_jsx("div", { className: cn(container), children: _jsxs("div", { className: cn(mainWrapper), children: [_jsxs("div", { className: cn(titleWrapper), ref: scrollWrapperRef, children: [_jsx("div", { className: cn(sectionTitle), children: "\uC815\uAE30\uC2DC\uD5D8 \uC548\uB0B4" }), _jsx("div", { className: cn(sectionSubTitle), children: "\uC5F0 4\uD68C, \uC624\uD504\uB77C\uC778\uC73C\uB85C \uAC1C\uCD5C\uB418\uB294 \uD1A0\uC140 \uC815\uAE30\uC2DC\uD5D8\uC785\uB2C8\uB2E4." }), isMD && (_jsxs("div", { onClick: () => (window.location.href = urlAsset.homepage("/dashboard")), className: cn(AdvertButton), children: [_jsx("div", { className: cn(buttonBackground1) }), _jsx("div", { className: cn(buttonBackground2) }), _jsx("div", { className: cn(buttonText), children: "\uC9C0\uAE08 \uC811\uC218\uD558\uAE30" })] }))] }), _jsxs("div", { className: cn(scrollWrapper), children: [_jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uC2DC\uD5D8\uAD6C\uC131" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(TableComponent, {}) })] }), _jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uC5F0\uAC04 \uC2DC\uD5D8 \uC77C\uC815" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(AnnualTableComponent, {}) })] }), _jsxs("div", { className: cn(miniBox), children: [_jsx("div", { className: cn(miniTitle), children: "\uB2F9\uC77C \uC138\uBD80\uC77C\uC815" }), _jsx("div", { className: cn(miniDivider) }), _jsx("div", { className: "h-full w-full mt-5", children: _jsx(TimeTableComponent, {}) }), _jsxs("div", { className: "flex flex-col mt-4", children: [_jsx("div", { className: "text-gray-medium font-medium text-sm", children: "*\uACE0\uC0AC\uC7A5 \uB0B4\uBD80\uC5D0\uB294 \uD559\uBD80\uBAA8\uC758 \uCD9C\uC785\uC774 \uC81C\uD55C\uB429\uB2C8\uB2E4." }), _jsx("div", { className: "text-gray-medium font-medium text-sm", children: "*\uC785\uC2E4\uB9C8\uAC10(13\uC2DC 10\uBD84)\uC2DC\uAC04\uC744 \uC900\uC218\uD574\uC8FC\uC2DC\uAE30 \uBC14\uB78D\uB2C8\uB2E4." })] })] })] }), !isMD && (_jsxs("div", { onClick: () => (window.location.href = urlAsset.homepage("/dashboard")), className: cn(AdvertButton), children: [_jsx("div", { className: cn(buttonBackground1) }), _jsx("div", { className: cn(buttonBackground2) }), _jsx("div", { className: cn(buttonText), children: "\uC9C0\uAE08 \uC811\uC218\uD558\uAE30" })] }))] }) }));
-}
-export function TableComponent() {
-    const data = [
-        {
-            id: 1,
-            level: "Cocoon",
-            age: "미취학 아동, 5-7세",
-            info1: "Section1: 15문항/15분",
-            info2: "Section2: 15문항/15분",
-            totalScore: "100점",
-        },
-        {
-            id: 2,
-            level: "Pre-Starter",
-            age: "초등학교 1-2학년",
-            info1: "Section1: 15문항/15분",
-            info2: "Section2: 20문항/25분",
-            totalScore: "100점",
-        },
-        {
-            id: 3,
-            level: "Starter",
-            age: "초등학교 3-4학년",
-            info1: "Section1: 20문항/15분",
-            info2: "Section2: 20문항/25분",
-            totalScore: "100점",
-        },
-        {
-            id: 4,
-            level: "Basic",
-            age: "초등학교 5-6학년",
-            info1: "Section1: 30문항/20분",
-            info2: "Section2: 30문항/30분",
-            totalScore: "100점",
-        },
-        {
-            id: 5,
-            level: "Junior",
-            age: "중학생",
-            info1: "Section1: 30문항/20분",
-            info2: "Section2: 30문항/30분",
-            totalScore: "100점",
-        },
-        {
-            id: 6,
-            level: "High Junior",
-            age: "고등학생",
-            info1: "Section1: 30문항/25분",
-            info2: "Section2: 35문항/35분",
-            totalScore: "100점",
-        },
-        {
-            id: 7,
-            level: "Advanced",
-            age: "대학생 및 성인",
-            info1: "Section1: 70문항/45분",
-            info2: "Section2: 70문항/55분",
-            totalScore: "990점",
-        },
-    ];
-    return (_jsx("div", { className: "overflow-auto w-full scrollbar-hidden rounded-lg", children: _jsxs("div", { className: "min-w-[640px] w-full", children: [_jsxs("div", { className: "flex bg-gradient-to-r from-green-dark to-crimson-burgundy text-white font-semibold text-sm", children: [_jsx("div", { className: "sticky left-0 bg-green-dark p-2 flex-[1] shadow-main", children: "\uB808\uBCA8" }), _jsx("div", { className: "p-2 flex-[2]", children: "\uCD9C\uC81C\uC218\uC900" }), _jsx("div", { className: "p-2 flex-[3]", children: "\uBB38\uD56D \uC218, \uC2DC\uAC04" }), _jsx("div", { className: "p-2 flex-[1]", children: "\uCD1D\uC810" })] }), data.map((item) => (_jsxs("div", { className: "flex bg-white/60 font-medium text-sm text-gray-medium ", children: [_jsx("div", { className: "sticky left-0 bg-white/90 p-2 flex-[1] text-gray-dark border-green-dark border-r-1", children: item.level }), _jsx("div", { className: "p-2 flex-[2]", children: item.age }), _jsxs("div", { className: "p-2 flex-[3] flex-col", children: [_jsx("div", { children: item.info1 }), _jsx("div", { children: item.info2 })] }), _jsx("div", { className: "p-2 flex-[1]", children: item.totalScore })] }, item.id)))] }) }));
-}
-export function AnnualTableComponent() {
-    const data = [
-        {
-            examNumber: "86",
-            dDay: "24.11.16",
-            regStartDay: "24.08.19",
-            regEndDay: "24.10.29",
-            resultDay: "24.12.05",
-        },
-        {
-            examNumber: "87",
-            dDay: "25.02.15",
-            regStartDay: "24.11.18",
-            regEndDay: "25.01.28",
-            resultDay: "25.03.06",
-        },
-        {
-            examNumber: "88",
-            dDay: "25.05.17",
-            regStartDay: "25.02.17",
-            regEndDay: "25.04.29",
-            resultDay: "25.06.05",
-        },
-        {
-            examNumber: "89",
-            dDay: "25.08.23",
-            regStartDay: "25.05.19",
-            regEndDay: "25.07.29",
-            resultDay: "25.09.11",
-        },
-        {
-            examNumber: "90",
-            dDay: "25.11.15",
-            regStartDay: "25.08.25",
-            regEndDay: "25.10.28",
-            resultDay: "25.12.04",
-        },
-    ];
-    return (_jsx("div", { className: "overflow-auto w-full scrollbar-hidden rounded-lg", children: _jsxs("div", { className: "min-w-[480px] w-full", children: [_jsxs("div", { className: "flex bg-gradient-to-r from-green-dark to-crimson-burgundy text-white font-semibold text-sm", children: [_jsx("div", { className: "sticky left-0 bg-green-dark p-2 flex-[1] shadow-main", children: "\uD68C\uCC28" }), _jsx("div", { className: "p-2 flex-[2]", children: "\uC2DC\uD5D8\uC77C\uC790" }), _jsx("div", { className: "p-2 flex-[3]", children: "\uC811\uC218\uAE30\uAC04" }), _jsx("div", { className: "p-2 flex-[2]", children: "\uC131\uC801\uBC1C\uD45C" })] }), data.map((item) => (_jsxs("div", { className: "flex bg-white/60 font-medium text-sm text-gray-medium ", children: [_jsxs("div", { className: "sticky left-0 bg-white/90 p-2 flex-[1] text-gray-dark border-green-dark border-r-1", children: [item.examNumber, "\uD68C"] }), _jsx("div", { className: "p-2 flex-[2] text-green-dark font-bold", children: item.dDay }), _jsxs("div", { className: "p-2 flex-[3] flex-col", children: [item.regStartDay, " ~ ", item.regEndDay] }), _jsx("div", { className: "p-2 flex-[2]", children: item.resultDay })] }, item.examNumber)))] }) }));
-}
-export function TimeTableComponent() {
-    return (_jsx("div", { className: "overflow-auto w-full scrollbar-hidden", children: _jsxs("div", { className: "min-w-[600px] w-full", children: [_jsxs("div", { className: "flex text-green-dark font-bold text-xs", children: [_jsx("div", { className: "sticky left-0 rounded-md p-2 flex-[2] text-xs" }), _jsx("div", { className: "p-2 flex-[1]" }), _jsx("div", { className: "p-2 flex-[4]", children: "13:10" }), _jsx("div", { className: "p-2 flex-[1]", children: "13:35" }), _jsx("div", { className: "p-2 flex-[2]", children: "13:40" }), _jsx("div", { className: "p-2 flex-[1]", children: "14:20" })] }), _jsxs("div", { className: "flex bg-white/50 text-gray-dark font-semibold text-xs rounded-md", children: [_jsxs("div", { className: "sticky left-0 bg-white/90 rounded-md p-2 flex-[2]", children: ["Pre-Starter ", _jsx("br", {}), " Starter"] }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uC785\uC2E4" }), _jsx("div", { className: "p-2 flex-[4] border-green-dark border-r-1 border-dashed", children: "\uC2DC\uD5D8\uC9C0 \uBC30\uBD80" }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uB300\uAE30" }), _jsx("div", { className: "p-2 flex-[2] border-green-dark border-r-1 border-dashed bg-green-light text-green-dark", children: "\uC2DC\uD5D8\uC9C4\uD589 / 40\uBD84" }), _jsx("div", { className: "p-2 flex-[1]" })] }), _jsxs("div", { className: "flex text-green-dark font-bold text-xs mt-4", children: [_jsx("div", { className: "sticky left-0 rounded-md p-2 flex-[2] text-lg" }), _jsx("div", { className: "p-2 flex-[1]" }), _jsx("div", { className: "p-2 flex-[2]", children: "13:10" }), _jsx("div", { className: "p-2 flex-[1]", children: "13:25" }), _jsx("div", { className: "p-2 flex-[4]", children: "13:30" }), _jsx("div", { className: "p-2 flex-[1]", children: "14:20" })] }), _jsxs("div", { className: "flex bg-white/50 text-gray-dark font-semibold text-xs rounded-md", children: [_jsxs("div", { className: "sticky left-0 bg-white/90 rounded-md p-2 flex-[2]", children: ["Basic ", _jsx("br", {}), " Junior"] }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uC785\uC2E4" }), _jsx("div", { className: "p-2 flex-[2] border-green-dark border-r-1 border-dashed", children: "\uC2DC\uD5D8\uC9C0 \uBC30\uBD80" }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uB300\uAE30" }), _jsx("div", { className: "p-2 flex-[4] border-green-dark border-r-1 border-dashed bg-green-light text-green-dark", children: "\uC2DC\uD5D8\uC9C4\uD589 / 50\uBD84" }), _jsx("div", { className: "p-2 flex-[1] bg" })] }), _jsxs("div", { className: "flex text-green-dark font-bold text-xs mt-4", children: [_jsx("div", { className: "sticky left-0 rounded-md p-2 flex-[2] text-lg" }), _jsx("div", { className: "p-2 flex-[1]" }), _jsx("div", { className: "p-2 flex-[2]", children: "13:10" }), _jsx("div", { className: "p-2 flex-[1]", children: "13:25" }), _jsx("div", { className: "p-2 flex-[4]", children: "13:30" }), _jsx("div", { className: "p-2 flex-[1] text-right", children: "14:30" })] }), _jsxs("div", { className: "flex bg-white/50 text-gray-dark font-semibold text-xs rounded-md", children: [_jsx("div", { className: "sticky left-0 bg-white/90 rounded-md p-2 flex-[2]", children: "High-Junior" }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uC785\uC2E4" }), _jsx("div", { className: "p-2 flex-[2] border-green-dark border-r-1 border-dashed", children: "\uC2DC\uD5D8\uC9C0 \uBC30\uBD80" }), _jsx("div", { className: "p-2 flex-[1] border-green-dark border-r-1 border-dashed", children: "\uB300\uAE30" }), _jsx("div", { className: "p-2 flex-[4] bg-green-light text-green-dark", children: "\uC2DC\uD5D8\uC9C4\uD589 / 60\uBD84" }), _jsx("div", { className: "p-2 flex-[1] bg-green-light  border-green-dark border-r-1 border-dashed" })] })] }) }));
-}

package/layout/template/Regexam/Regexam.layout.d.ts

@@ -1 +0,0 @@
-export default function RegexamLayout(): import("react/jsx-runtime").JSX.Element;

package/layout/template/Regexam/Regexam.layout.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { Regexam } from "../../../layout";
-import { cn } from "../../../util";
-export default function RegexamLayout() {
-    const ref = useRef(null);
-    const container = {
-        sizes: "min-h-screen w-full",
-        textoptions: "break-keep antialiased",
-        cursor: "cursor-default",
-    };
-    return (_jsxs("div", { className: cn(container), children: [_jsx(Regexam.Banner, {}), _jsx(Regexam.Evaluation, {}), _jsx(Regexam.OfflineExam, {}), _jsx(Regexam.Types, {})] }));
-}

package/layout/template/Regexam/Types.d.ts

@@ -1 +0,0 @@
-export default function Types(): import("react/jsx-runtime").JSX.Element;