@edu-tosel/design 1.0.127 → 1.0.128

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.
@@ -3,7 +3,7 @@ import { cn } from "../../../util";
3
3
  export default function Features() {
4
4
  const container = {
5
5
  sizes: "w-full h-fit",
6
- spacings: "p-5 my-12",
6
+ spacings: "p-5 my-20 lg:my-40",
7
7
  displays: "flex flex-col justify-center items-center",
8
8
  graphics: "antialiased",
9
9
  text: "break-keep",
@@ -38,7 +38,7 @@ export default function Features() {
38
38
  xmlns: "http://www.w3.org/2000/svg",
39
39
  fill: "none",
40
40
  viewBox: "0 0 24 24",
41
- className: "size-6 fill-green-dark",
41
+ className: "size-6 xxs:size-8 xs:size-10 fill-green-dark",
42
42
  };
43
- return (_jsxs("div", { className: cn(container), children: [_jsx("div", { className: cn(sectiontitle), children: "\uC804\uAD6D \uB2E8\uC704 \uC62C\uB9BC\uD53C\uC544\uB4DC, \uC9D1\uC5D0\uC11C \uAC04\uD3B8\uD558\uAC8C \uACBD\uD5D8\uD558\uB2E4." }), _jsx("div", { className: "h-0.5 w-1/4 mb-8 bg-green-dark rounded-lg" }), _jsxs("div", { className: cn(boxWrapper), children: [_jsxs("div", { className: cn(featureBox), children: [_jsxs("svg", { ...svgAttributes, children: [_jsx("path", { d: "M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z" }), _jsx("path", { d: "m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z" })] }), _jsx("div", { className: cn(boxTitle), children: "\uC9D1\uC5D0\uC11C \uD3B8\uB9AC\uD558\uAC8C \uC751\uC2DC" }), _jsx("img", { src: "images/olympiad/img-oly-b1.png", alt: "\uCEF4\uD4E8\uD130\uB85C \uBB38\uC81C\uB97C \uD478\uB294 \uC5EC\uC131" }), _jsx("div", { className: cn(boxSubTitle), children: "\uC5B4\uB514\uC11C\uB098 \uC628\uB77C\uC778 \uBE0C\uB77C\uC6B0\uC800 \uC2DC\uD5D8 \uC751\uC2DC\uAC00 \uAC00\uB2A5\uD569\uB2C8\uB2E4." })] }), _jsxs("div", { className: cn(featureBox), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { "fill-rule": "evenodd", d: "M5.166 2.621v.858c-1.035.148-2.059.33-3.071.543a.75.75 0 0 0-.584.859 6.753 6.753 0 0 0 6.138 5.6 6.73 6.73 0 0 0 2.743 1.346A6.707 6.707 0 0 1 9.279 15H8.54c-1.036 0-1.875.84-1.875 1.875V19.5h-.75a2.25 2.25 0 0 0-2.25 2.25c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-2.25-2.25h-.75v-2.625c0-1.036-.84-1.875-1.875-1.875h-.739a6.706 6.706 0 0 1-1.112-3.173 6.73 6.73 0 0 0 2.743-1.347 6.753 6.753 0 0 0 6.139-5.6.75.75 0 0 0-.585-.858 47.077 47.077 0 0 0-3.07-.543V2.62a.75.75 0 0 0-.658-.744 49.22 49.22 0 0 0-6.093-.377c-2.063 0-4.096.128-6.093.377a.75.75 0 0 0-.657.744Zm0 2.629c0 1.196.312 2.32.857 3.294A5.266 5.266 0 0 1 3.16 5.337a45.6 45.6 0 0 1 2.006-.343v.256Zm13.5 0v-.256c.674.1 1.343.214 2.006.343a5.265 5.265 0 0 1-2.863 3.207 6.72 6.72 0 0 0 .857-3.294Z", "clip-rule": "evenodd" }) }), _jsx("div", { className: cn(boxTitle), children: "\uAD6D\uB0B4 \uC720\uC77C\uC758 \uC218\uC0C1\uD61C\uD0DD" }), _jsx("img", { src: "images/olympiad/img-oly-b2.png", alt: "\uD2B8\uB85C\uD53C\uB97C \uB4E4\uACE0 \uC88B\uC544\uD558\uB294 \uC0AC\uB78C" }), _jsx("div", { className: cn(boxSubTitle), children: "\uB300\uD68C \uC6B0\uC2B9\uC790\uC5D0\uAC8C\uB294 \uACE0\uB824\uB300\uD559\uAD50 \uAE30\uAD00\uC7A5\uC0C1\uC774 \uC218\uC5EC\uB429\uB2C8\uB2E4." })] }), _jsxs("div", { className: cn(featureBox), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { "fill-rule": "evenodd", d: "M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z", "clip-rule": "evenodd" }) }), _jsx("div", { className: cn(boxTitle), children: "\uAC04\uD3B8\uD55C \uACB0\uACFC \uD655\uC778" }), _jsx("img", { src: "images/olympiad/img-oly-b3.png", alt: "\uD2B8\uB85C\uD53C\uB97C \uB4E4\uACE0 \uC88B\uC544\uD558\uB294 \uC0AC\uB78C" }), _jsx("div", { className: cn(boxSubTitle), children: "\uB300\uC2DC\uBCF4\uB4DC\uC5D0\uC11C \uC218\uC0C1\uC5EC\uBD80\uB97C \uAC04\uD3B8\uD558\uAC8C \uD655\uC778\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." })] })] })] }));
43
+ return (_jsxs("div", { className: cn(container), children: [_jsx("div", { className: cn(sectiontitle), children: "\uC804\uAD6D \uB2E8\uC704 \uC62C\uB9BC\uD53C\uC544\uB4DC, \uC9D1\uC5D0\uC11C \uAC04\uD3B8\uD558\uAC8C \uB3C4\uC804\uD558\uC138\uC694." }), _jsx("div", { className: "h-0.5 w-1/4 mb-8 bg-green-dark rounded-lg" }), _jsxs("div", { className: cn(boxWrapper), children: [_jsxs("div", { className: cn(featureBox), children: [_jsxs("svg", { ...svgAttributes, children: [_jsx("path", { d: "M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z" }), _jsx("path", { d: "m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z" })] }), _jsx("div", { className: cn(boxTitle), children: "\uC9D1\uC5D0\uC11C \uD3B8\uB9AC\uD558\uAC8C \uC751\uC2DC" }), _jsx("img", { src: "images/olympiad/img-oly-b1.png", alt: "\uCEF4\uD4E8\uD130\uB85C \uBB38\uC81C\uB97C \uD478\uB294 \uC5EC\uC131" }), _jsx("div", { className: cn(boxSubTitle), children: "\uC5B4\uB514\uC11C\uB098 \uC628\uB77C\uC778 \uBE0C\uB77C\uC6B0\uC800 \uC2DC\uD5D8 \uC751\uC2DC\uAC00 \uAC00\uB2A5\uD569\uB2C8\uB2E4." })] }), _jsxs("div", { className: cn(featureBox), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { "fill-rule": "evenodd", d: "M5.166 2.621v.858c-1.035.148-2.059.33-3.071.543a.75.75 0 0 0-.584.859 6.753 6.753 0 0 0 6.138 5.6 6.73 6.73 0 0 0 2.743 1.346A6.707 6.707 0 0 1 9.279 15H8.54c-1.036 0-1.875.84-1.875 1.875V19.5h-.75a2.25 2.25 0 0 0-2.25 2.25c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-2.25-2.25h-.75v-2.625c0-1.036-.84-1.875-1.875-1.875h-.739a6.706 6.706 0 0 1-1.112-3.173 6.73 6.73 0 0 0 2.743-1.347 6.753 6.753 0 0 0 6.139-5.6.75.75 0 0 0-.585-.858 47.077 47.077 0 0 0-3.07-.543V2.62a.75.75 0 0 0-.658-.744 49.22 49.22 0 0 0-6.093-.377c-2.063 0-4.096.128-6.093.377a.75.75 0 0 0-.657.744Zm0 2.629c0 1.196.312 2.32.857 3.294A5.266 5.266 0 0 1 3.16 5.337a45.6 45.6 0 0 1 2.006-.343v.256Zm13.5 0v-.256c.674.1 1.343.214 2.006.343a5.265 5.265 0 0 1-2.863 3.207 6.72 6.72 0 0 0 .857-3.294Z", "clip-rule": "evenodd" }) }), _jsx("div", { className: cn(boxTitle), children: "\uAD6D\uB0B4 \uC720\uC77C\uC758 \uC218\uC0C1\uD61C\uD0DD" }), _jsx("img", { src: "images/olympiad/img-oly-b2.png", alt: "\uD2B8\uB85C\uD53C\uB97C \uB4E4\uACE0 \uC88B\uC544\uD558\uB294 \uC0AC\uB78C" }), _jsx("div", { className: cn(boxSubTitle), children: "\uB300\uD68C \uC6B0\uC2B9\uC790\uC5D0\uAC8C\uB294 \uACE0\uB824\uB300\uD559\uAD50 \uAE30\uAD00\uC7A5\uC0C1\uC774 \uC218\uC5EC\uB429\uB2C8\uB2E4." })] }), _jsxs("div", { className: cn(featureBox), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { "fill-rule": "evenodd", d: "M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z", "clip-rule": "evenodd" }) }), _jsx("div", { className: cn(boxTitle), children: "\uAC04\uD3B8\uD55C \uACB0\uACFC \uD655\uC778" }), _jsx("img", { src: "images/olympiad/img-oly-b3.png", alt: "\uD2B8\uB85C\uD53C\uB97C \uB4E4\uACE0 \uC88B\uC544\uD558\uB294 \uC0AC\uB78C" }), _jsx("div", { className: cn(boxSubTitle), children: "\uB300\uC2DC\uBCF4\uB4DC\uC5D0\uC11C \uC218\uC0C1\uC5EC\uBD80\uB97C \uAC04\uD3B8\uD558\uAC8C \uD655\uC778\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." })] })] })] }));
44
44
  }
@@ -3,7 +3,7 @@ import { cn } from "../../../util";
3
3
  export default function Prizes() {
4
4
  const container = {
5
5
  sizes: "relative w-full h-fit",
6
- spacings: "my-12 py-20",
6
+ spacings: "py-20",
7
7
  displays: "flex flex-col justify-start items-center",
8
8
  backgrounds: "bg-green-light",
9
9
  graphics: "antialiased",
@@ -0,0 +1 @@
1
+ export default function Videoset(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,71 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cn } from "../../../util";
3
+ import YouTubePlayer from "react-youtube";
4
+ export default function Videoset() {
5
+ //iframe related controls
6
+ const iframeControl = {
7
+ ratio: "aspect-video",
8
+ sizes: "w-full h-full",
9
+ };
10
+ // youtube realated options
11
+ const ytplayOption = {
12
+ iframeClassName: cn(iframeControl),
13
+ videoId: "exHlXrjPm7U",
14
+ opts: {},
15
+ };
16
+ // video container
17
+ const videoBox = {
18
+ sizes: "w-full max-w-5xl h-fit rounded-xl overflow-hidden",
19
+ };
20
+ // normal HTML styling
21
+ const container = {
22
+ sizes: "w-full h-fit",
23
+ spacings: "py-20",
24
+ backgrounds: "bg-gradient-to-r from-green-dark to-crimson-dark",
25
+ displays: "flex flex-col justify-center items-center",
26
+ graphics: "antialiased",
27
+ };
28
+ const subContainerA = {
29
+ sizes: "w-full h-fit",
30
+ displays: "flex flex-col justify-center items-center",
31
+ spacings: "px-5",
32
+ };
33
+ const subContainerB = {
34
+ sizes: "w-full h-fit",
35
+ displays: "flex flex-col justify-center items-center",
36
+ spacings: "mt-20",
37
+ };
38
+ const subTitle = {
39
+ textstyles: "text-xs sm:text-sm md:text-base font-pretendard-medium text-white",
40
+ animations: "duration-300",
41
+ };
42
+ const sectionTitle = {
43
+ textstyles: "text-xl text-center text-white font-pretendard-bold md:text-2xl",
44
+ animations: "duration-300",
45
+ };
46
+ // controls reactive video component action
47
+ const videoWrapper = {
48
+ sizes: "flex flex-col justify-center items-center h-fit w-full",
49
+ };
50
+ //
51
+ const iconSetWrapper = {
52
+ displays: "flex flex-col flex-nowrap justify-start items-start xxs:items-center xxs:justify-center md:flex-wrap md:flex-row md:justify-center md:items-center",
53
+ spacings: "gap-4 xxs:gap-6 md:gap-12",
54
+ sizes: "max-w-6xl",
55
+ };
56
+ const iconSet = {
57
+ displays: "flex flex-row flex-1 gap-4 justify-center items-center",
58
+ sizes: "min-w-72",
59
+ };
60
+ const iconText = {
61
+ textstyles: "font-pretendard-medium text-white text-base md:text-lg",
62
+ };
63
+ // common svg attributes
64
+ const svgAttributes = {
65
+ xmlns: "http://www.w3.org/2000/svg",
66
+ fill: "none",
67
+ viewBox: "0 0 24 24",
68
+ className: "w-6 fill-white xs:w-8 md:w-12",
69
+ };
70
+ return (_jsxs("div", { className: cn(container), children: [_jsxs("div", { className: cn(subContainerA), children: [_jsx("div", { className: cn(sectionTitle), children: "\uC62C\uB9BC\uD53C\uC544\uB4DC \uC751\uC2DC \uBC29\uBC95" }), _jsx("div", { className: cn(subTitle), children: "\uD29C\uD1A0\uB9AC\uC5BC\uC744 \uD655\uC778\uD574\uBCF4\uC138\uC694" }), _jsx("div", { className: "h-0.5 w-1/4 my-8 bg-white rounded-lg justify-center" }), _jsx("div", { className: cn(videoWrapper), children: _jsx("div", { className: cn(videoBox), children: _jsx(YouTubePlayer, { ...ytplayOption }) }) })] }), _jsxs("div", { className: "flex flex-row justify-center items-center gap-2 bg-white rounded-md px-2 py-1 mt-8", children: [_jsx("div", { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", className: "size-6 stroke-green-dark", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5" }) }) }), _jsx("div", { className: "text-green-dark font-pretendard-medium text-base", children: "\uD29C\uD1A0\uB9AC\uC5BC \uC601\uC0C1" })] }), _jsxs("div", { className: cn(subContainerB), children: [_jsx("div", { className: cn(sectionTitle), children: "\uC774\uB7F0 \uD589\uB3D9\uC740 \uC870\uC2EC\uD574\uC57C \uD574\uC694" }), _jsx("div", { className: cn(subTitle), children: "\uBD80\uC815\uD589\uC704\uB294 \uC2DC\uD5D8 \uC751\uC2DC \uD6C4 \uAC10\uB3C5\uAD00\uC774 \uAC80\uD1A0\uD560 \uC608\uC815\uC774\uC5D0\uC694" }), _jsx("div", { className: "h-0.5 w-1/4 my-8 bg-white rounded-lg justify-center" }), _jsx("div", { className: "flex w-full h-fit bg-white/20 p-5 xxs:p-12 md:p-20 lg:p-40 justify-center", children: _jsxs("div", { className: cn(iconSetWrapper), children: [_jsxs("div", { className: cn(iconSet), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { d: "M13.5 4.06c0-1.336-1.616-2.005-2.56-1.06l-4.5 4.5H4.508c-1.141 0-2.318.664-2.66 1.905A9.76 9.76 0 0 0 1.5 12c0 .898.121 1.768.35 2.595.341 1.24 1.518 1.905 2.659 1.905h1.93l4.5 4.5c.945.945 2.561.276 2.561-1.06V4.06ZM17.78 9.22a.75.75 0 1 0-1.06 1.06L18.44 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L20.56 12l1.72-1.72a.75.75 0 1 0-1.06-1.06l-1.72 1.72-1.72-1.72Z" }) }), _jsx("div", { className: cn(iconText), children: "\uD5E4\uB4DC\uD3F0\uC774\uB098 \uC774\uC5B4\uD3F0\uC744 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC5B4\uC694." })] }), _jsxs("div", { className: cn(iconSet), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" }) }), _jsx("div", { className: cn(iconText), children: "\uC885\uC774\uC640 \uD544\uAE30\uAD6C\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC5B4\uC694." })] }), _jsxs("div", { className: cn(iconSet), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { "fill-rule": "evenodd", d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-2.625 6c-.54 0-.828.419-.936.634a1.96 1.96 0 0 0-.189.866c0 .298.059.605.189.866.108.215.395.634.936.634.54 0 .828-.419.936-.634.13-.26.189-.568.189-.866 0-.298-.059-.605-.189-.866-.108-.215-.395-.634-.936-.634Zm4.314.634c.108-.215.395-.634.936-.634.54 0 .828.419.936.634.13.26.189.568.189.866 0 .298-.059.605-.189.866-.108.215-.395.634-.936.634-.54 0-.828-.419-.936-.634a1.96 1.96 0 0 1-.189-.866c0-.298.059-.605.189-.866Zm2.023 6.828a.75.75 0 1 0-1.06-1.06 3.75 3.75 0 0 1-5.304 0 .75.75 0 0 0-1.06 1.06 5.25 5.25 0 0 0 7.424 0Z", "clip-rule": "evenodd" }) }), _jsx("div", { className: cn(iconText), children: "\uC5BC\uAD74\uACFC \uADC0\uAC00 \uAC00\uB824\uC9C0\uC9C0 \uC54A\uC544\uC57C \uD574\uC694." })] }), _jsxs("div", { className: cn(iconSet), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { "fill-rule": "evenodd", d: "M2.25 6a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V6Zm18 3H3.75v9a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5V9Zm-15-3.75A.75.75 0 0 0 4.5 6v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V6a.75.75 0 0 0-.75-.75H5.25Zm1.5.75a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 .75.75v.008a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V6Zm3-.75A.75.75 0 0 0 9 6v.008c0 .414.336.75.75.75h.008a.75.75 0 0 0 .75-.75V6a.75.75 0 0 0-.75-.75H9.75Z", "clip-rule": "evenodd" }) }), _jsx("div", { className: cn(iconText), children: "\uC9C4\uD589\uC911\uC778 \uC2DC\uD5D8\uD654\uBA74\uC744 \uB5A0\uB098\uBA74 \uC548\uB3FC\uC694." })] }), _jsxs("div", { className: cn(iconSet), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { d: "M4.5 4.5a3 3 0 0 0-3 3v9a3 3 0 0 0 3 3h8.25a3 3 0 0 0 3-3v-9a3 3 0 0 0-3-3H4.5ZM19.94 18.75l-2.69-2.69V7.94l2.69-2.69c.944-.945 2.56-.276 2.56 1.06v11.38c0 1.336-1.616 2.005-2.56 1.06Z" }) }), _jsx("div", { className: cn(iconText), children: "\uCE74\uBA54\uB77C, \uB9C8\uC774\uD06C\uAC00 \uCF1C\uC838\uC788\uC5B4\uC57C \uD574\uC694." })] }), _jsxs("div", { className: cn(iconSet), children: [_jsx("svg", { ...svgAttributes, children: _jsx("path", { "fill-rule": "evenodd", d: "M2.25 5.25a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3V15a3 3 0 0 1-3 3h-3v.257c0 .597.237 1.17.659 1.591l.621.622a.75.75 0 0 1-.53 1.28h-9a.75.75 0 0 1-.53-1.28l.621-.622a2.25 2.25 0 0 0 .659-1.59V18h-3a3 3 0 0 1-3-3V5.25Zm1.5 0v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5Z", "clip-rule": "evenodd" }) }), _jsx("div", { className: cn(iconText), children: "\uB4C0\uC5BC \uBAA8\uB2C8\uD130\uB97C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC5B4\uC694" })] })] }) })] })] }));
71
+ }
@@ -2,10 +2,12 @@ import Banner from "./Banner";
2
2
  import Sponsors from "./Sponsors";
3
3
  import Features from "./Features";
4
4
  import Prizes from "./Prizes";
5
+ import Videoset from "./Videoset";
5
6
  declare const Olympiad: {
6
7
  Banner: typeof Banner;
7
8
  Sponsors: typeof Sponsors;
8
9
  Features: typeof Features;
9
10
  Prizes: typeof Prizes;
11
+ Videoset: typeof Videoset;
10
12
  };
11
13
  export default Olympiad;
@@ -2,10 +2,12 @@ import Banner from "./Banner";
2
2
  import Sponsors from "./Sponsors";
3
3
  import Features from "./Features";
4
4
  import Prizes from "./Prizes";
5
+ import Videoset from "./Videoset";
5
6
  const Olympiad = {
6
7
  Banner,
7
8
  Sponsors,
8
9
  Features,
9
10
  Prizes,
11
+ Videoset,
10
12
  };
11
13
  export default Olympiad;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edu-tosel/design",
3
- "version": "1.0.127",
3
+ "version": "1.0.128",
4
4
  "description": "UI components for International TOSEL Committee",
5
5
  "keywords": [
6
6
  "jsx",
@@ -29,6 +29,7 @@
29
29
  "react-router-dom": "^6.21.3",
30
30
  "react-spring": "^9.7.3",
31
31
  "react-transition-group": "^4.4.5",
32
+ "react-youtube": "^10.1.0",
32
33
  "recharts": "^2.11.0",
33
34
  "tailwind-scrollbar-hide": "^1.1.7",
34
35
  "tailwindcss-animate": "^1.0.7",
package/version.txt CHANGED
@@ -1 +1 @@
1
- 1.0.127
1
+ 1.0.128