diff --git a/README.md b/README.md index fea25f6f..721bbbf3 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ # nypc.github.io -넥슨 청소년 프로그래밍 챌린지 (NYPC) 아카이브 +넥슨 영 프로그래머스 컵 (NYPC) 아카이브 [작업 가이드](GUIDE.md) diff --git a/public/favicon.ico b/public/favicon.ico index 4ed1b724..2ea7896d 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/components/Details.tsx b/src/components/Details.tsx new file mode 100644 index 00000000..fbf978e8 --- /dev/null +++ b/src/components/Details.tsx @@ -0,0 +1,29 @@ +import styled from "@emotion/styled"; +import type { ReactNode } from "react"; + +const DetailsContainer = styled.details` + margin: 16px 0; + padding: 8px 16px; + border: ${({ theme }) => theme.styles.border()}; + border-radius: 8px; +`; + +const Summary = styled.summary` + cursor: pointer; + font-weight: bold; +`; + +export const Details = ({ + summary = "자세히 보기", + children, +}: { + summary?: string; + children?: ReactNode; +}) => { + return ( + + {summary} + {children} + + ); +}; diff --git a/src/components/PostLayout.tsx b/src/components/PostLayout.tsx index ea348ce2..53d11e0b 100644 --- a/src/components/PostLayout.tsx +++ b/src/components/PostLayout.tsx @@ -65,7 +65,7 @@ export const PostLayout: React.FC = (props) => { ? `${meta.title}${ meta.codebattle ? " — NYPC CODE BATTLE" : meta.year ? ` — NYPC ${meta.year}` : "" }` - : "NYPC — Nexon Youth Programming Challenge"; + : "NYPC — NEXON Young Programmers Cup"; return ( <> diff --git a/src/components/Simulators.tsx b/src/components/Simulators.tsx index eb231227..123bdcb2 100644 --- a/src/components/Simulators.tsx +++ b/src/components/Simulators.tsx @@ -11,10 +11,11 @@ const SimulatorButtonsGrid = styled.div` interface Props { urlPrefix: string; count: number; + param?: string; } export const Simulators = (props: Props) => { - const { urlPrefix, count } = props; + const { urlPrefix, count, param = "subtask" } = props; return ( @@ -23,7 +24,7 @@ export const Simulators = (props: Props) => { .map((_, index) => (