From 5c22833caca0f39079b440742a27297e90b3f6a2 Mon Sep 17 00:00:00 2001 From: NaGyeong Park Date: Wed, 9 Aug 2023 01:12:36 +0900 Subject: [PATCH 1/3] =?UTF-8?q?chore:=20=ED=8C=8C=EC=A4=80=EC=9C=84=20?= =?UTF-8?q?=EA=B4=80=EB=A0=A8=20=EC=83=81=EC=88=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- @types/about.ts | 5 +++++ constants/about.ts | 21 +++++++++++++++++++++ 2 files changed, 26 insertions(+) create mode 100644 @types/about.ts create mode 100644 constants/about.ts diff --git a/@types/about.ts b/@types/about.ts new file mode 100644 index 0000000..7c8ef78 --- /dev/null +++ b/@types/about.ts @@ -0,0 +1,5 @@ +export interface CommitteeInfo { + name: string; + image?: string; + description: string; +} diff --git a/constants/about.ts b/constants/about.ts new file mode 100644 index 0000000..6d7464c --- /dev/null +++ b/constants/about.ts @@ -0,0 +1,21 @@ +import { CommitteeInfo } from '@/@types/about'; + +export const CommitteePageInfo = { + title: '파이콘 한국 준비위원회', + description: + '파이콘 한국 준비위원회는 2014년 조직되어, 올해 열 번째 한국에서의 파이콘 행사를 준비하고 있습니다. \n준비위원회는 매년 신규 멤버를 모집하는 파이콘을 사랑하는 사람들의 열린 모임입니다.', +}; +export const CommitteeList: CommitteeInfo[] = [ + { + name: '테스트', + image: + 'https://mblogthumb-phinf.pstatic.net/MjAxOTA3MTVfMjA0/MDAxNTYzMTc2Mzc5NTAy.lh9RRCYZCuuD_nYPyNdbhiJzdd7_YuUxfyzTWHX1flEg.sL2fBPI0Iglgm1lILEORTWRyb66n6PXgBLf2c2eyuiYg.JPEG.petgeek/cici.toto.mametchi_55864983_674522579671640_592800947380049308_n.jpg?type=w800', + description: + '안녕하세요? 귀여운 고양이입니다. 파이콘 자원봉사자로 활동하고 있습니다. 파이콘 사랑해요!', + }, + { + name: '이미지 없는 테스트2', + description: + '안녕하세요? 테스트입니다.. 파이콘 자원봉사자로 활동하고 있습니다. 파이콘 사랑해요!', + }, +]; From b447440b30f0ec45523c3261b43b25cd16f48c78 Mon Sep 17 00:00:00 2001 From: NaGyeong Park Date: Wed, 9 Aug 2023 01:12:54 +0900 Subject: [PATCH 2/3] =?UTF-8?q?chore:=20=ED=8C=8C=EC=A4=80=EC=9C=84=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=9D=BC=EC=9A=B0=ED=8C=85=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- constants/routes.ts | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/constants/routes.ts b/constants/routes.ts index 5e732f2..047bfdc 100644 --- a/constants/routes.ts +++ b/constants/routes.ts @@ -21,6 +21,7 @@ const routeKeys = [ 'TIMETABLE', 'CHILDCARE', 'SPONSOR_EDIT', + 'ORGANISING_COMMITTEE', ] as const; export const Routes: { [key in (typeof routeKeys)[number]]: RouteType } = { @@ -104,13 +105,20 @@ export const Routes: { [key in (typeof routeKeys)[number]]: RouteType } = { title: '후원사 정보 수정', route: '/sponsor/edit', }, + ORGANISING_COMMITTEE: { + title: '파이콘 한국 준비위원회', + route: '/about/organising-committee', + }, }; export const SectionMenu: { label: string; items: RouteType[]; }[] = [ - { label: '파이콘 한국', items: [Routes.TICKET] }, + { + label: '파이콘 한국', + items: [Routes.TICKET, Routes.ORGANISING_COMMITTEE], + }, { label: '프로그램', items: [ From b28c8a806c8261475af8a657e3ae7108a6e5463f Mon Sep 17 00:00:00 2001 From: NaGyeong Park Date: Wed, 9 Aug 2023 01:13:10 +0900 Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=ED=8C=8C=EC=A4=80=EC=9C=84=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/about/organising-committee.tsx | 91 ++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 pages/about/organising-committee.tsx diff --git a/pages/about/organising-committee.tsx b/pages/about/organising-committee.tsx new file mode 100644 index 0000000..ed098a6 --- /dev/null +++ b/pages/about/organising-committee.tsx @@ -0,0 +1,91 @@ +import Image from 'next/image'; +import { styled } from '@stitches/react'; + +import { H2 } from '@/components/heading'; +import SeoHeader from '@/components/layout/SeoHeader'; + +import { CommitteeList, CommitteePageInfo } from '@/constants/about'; +import { Routes } from '@/constants/routes'; + +export const Container = styled('div', { + maxWidth: '900px', + margin: '0 auto', + paddingTop: '1rem', + marginTop: '2rem', +}); +export const TitleWrapper = styled('div', { + borderBottom: '4px solid $textPrimary', + paddingBottom: '20px', +}); +export const PageDescription = styled('p', { + fontSize: '16px', + marginTop: '1.5vh', + whiteSpace: 'pre-wrap', + lineHeight: '1.5rem', +}); + +const CommitteeWrapper = styled('div', { + display: 'flex', + alignItems: 'flex-start', + margin: '1.5rem 0', +}); +const ImageBox = styled('div', { + width: '6rem', + height: '6rem', + borderRadius: 100, + flexShrink: 0, + marginRight: '1rem', + overflow: 'hidden', +}); +const Content = styled('div', { + width: 'calc(100% - 7rem)', +}); +const Title = styled('div', { + fontWeight: 600, + bodyText: 1, + padding: '0.2rem', +}); +const Text = styled('div', { + bodyText: 2, + padding: '0.2rem', + whiteSpace: 'pre-wrap', +}); +const CommitteeInfoWrapper = styled('div', { + padding: '2rem 0', +}); +const OrganisingCommittee = () => { + return ( + <> + + + +

{CommitteePageInfo.title}

+ + {CommitteePageInfo.description} + + {CommitteeList.map((committee) => ( + + + profile image + + + {committee.name} + {committee.description} + + + ))} + + + + ); +}; + +export default OrganisingCommittee;