@edu-tosel/design 1.0.106 → 1.0.107
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -68,15 +68,10 @@ export default function SectionCLeaf({ selectedData, isOpenState: [isOpen, setIs
|
|
|
68
68
|
},
|
|
69
69
|
김임득: {
|
|
70
70
|
details: [
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"고려대학교 문과대학 연구교수",
|
|
76
|
-
"대한법학교수회 부회장",
|
|
77
|
-
"한국경영법률학회 부회장",
|
|
78
|
-
"마르퀴즈 후즈 후 등재인물 선정",
|
|
79
|
-
"마르퀴즈 평생 공로상 수상",
|
|
71
|
+
"초대 수능 출제위원장 역임",
|
|
72
|
+
"한국 영어 교육 학회장 역임",
|
|
73
|
+
"한국 영어학회 회장 역임",
|
|
74
|
+
"한양대학교 영어 교육학과 교수 및 교육대학원 원장",
|
|
80
75
|
],
|
|
81
76
|
introduce: [
|
|
82
77
|
"저는 국제 TOSEL 위원회 출제위원장으로서 TOSEL 출제 워원장을 맡아 한국의 영어 교육발전에 몸을 담고있습니다.",
|
|
@@ -67,10 +67,10 @@ export default function SectionD() {
|
|
|
67
67
|
const handleYearClick = (year) => {
|
|
68
68
|
setSelectedYear(year);
|
|
69
69
|
};
|
|
70
|
-
return (_jsx("div", { className: "w-full min-h-
|
|
70
|
+
return (_jsx("div", { className: "w-full min-h-[1080px] bg-gray-light flex py-30 justify-center", children: _jsxs("div", { className: "w-[1200px] h-full flex flex-col items-center text-center gap-20 text-black", children: [_jsxs("div", { className: "font-semibold text-2xl", children: ["20\uB144 \uC804\uBD80\uD130 \uC9C0\uAE08\uAE4C\uC9C0", _jsx("br", {}), "\uD1A0\uC140\uC740 \uCD5C\uACE0\uC218\uC900\uC744 \uC704\uD55C \uAE38\uC744 \uAC78\uC5B4\uC654\uC2B5\uB2C8\uB2E4."] }), _jsxs("div", { className: "relative flex gap-12", children: [_jsx("div", { className: "flex flex-col gap-12 z-10", children: years.map((year, index) => (_jsxs("div", { className: "w-22 h-6 flex items-center justify-end text-center gap-3 cursor-pointer", onClick: () => handleYearClick(year), children: [_jsx("div", { className: `font-bold text-sm duration-700 transition-all ${selectedYear === year ? "text-black" : "text-[#B9B9B9]"}`, children: year }), _jsx("div", { className: `relative w-3 h-3 rounded-full transition-transform duration-500 ${selectedYear === year
|
|
71
71
|
? "transform scale-[1.3]"
|
|
72
72
|
: "transform scale-100 bg-[#B9B9B9]"}`, children: selectedYear === year && (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute inset-0 rounded-full", style: {
|
|
73
73
|
background: "linear-gradient(269deg, rgba(118, 0, 35) 0%, rgba(16, 86, 82) 100%)",
|
|
74
74
|
padding: "2px",
|
|
75
|
-
} }), _jsx("div", { className: "absolute inset-[
|
|
75
|
+
} }), _jsx("div", { className: "absolute inset-[2px] bg-white rounded-full" })] })) })] }, index))) }), _jsx("div", { className: "relative w-120 h-full", children: _jsx("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 w-[480px] z-0", children: years.map((year) => (_jsx("div", { className: `transition-opacity duration-500 ease-in-out ${selectedYear === year ? "opacity-100" : "opacity-0"}`, children: selectedYear === year && (_jsx("div", { className: "flex flex-col gap-6 text-left", children: Object.entries(histories[year]).map(([_, event], idx) => (_jsx("div", { children: Object.entries(event).map(([date, detail]) => (_jsxs("div", { children: [_jsx("div", { className: "text-gray-medium text-sm font-semibold", children: date }), _jsx("div", { className: "text-black text-sm", children: detail })] }, date))) }, idx))) })) }, year))) }) })] })] }) }));
|
|
76
76
|
}
|
package/package.json
CHANGED
package/version.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
1.0.
|
|
1
|
+
1.0.107
|