-
Notifications
You must be signed in to change notification settings - Fork 0
/
3f7ca861-f381371b3f5df4d363ea.js.map
1 lines (1 loc) · 13.5 KB
/
3f7ca861-f381371b3f5df4d363ea.js.map
1
{"version":3,"file":"3f7ca861-f381371b3f5df4d363ea.js","mappings":"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","sources":["webpack://@portfolio/blog/./src/pages/intro.tsx"],"sourcesContent":["import { css } from '@emotion/react'\nimport styled from '@emotion/styled'\nimport { Button, Container, Spacer, Text } from '@justsloth/core'\nimport { FC } from 'react'\n\nimport { Seo } from '../components/Seo'\nimport { useConfig } from '../hooks/useConfig'\n\nconst IntroPage: FC = () => {\n const { intro } = useConfig()\n\n return (\n <Container>\n <Seo name='스터디 소개' image='/nestjs.svg' />\n <Header>\n <Wrapper>\n <Container>\n <Title>\n <Container>\n <Text as='h2' size={48} weight={800}>\n {intro.config.name}\n </Text>\n <Text as='h2' size={32} weight={800}>\n {intro.config.subtitle}\n </Text>\n </Container>\n </Title>\n <Spacer y={1} />\n <SubTitle>\n {intro.config.bio.map((it) => (\n <Text as='p' size={20} weight={400} lineHeight={40} key={it}>\n <span dangerouslySetInnerHTML={{ __html: it }} />\n </Text>\n ))}\n <Container>\n <Spacer y={1.5} />\n </Container>\n <Container row>\n <Button size='large' width={220} onClick={() => openNewPage(intro.config.github)}>\n <Container row center>\n <svg\n viewBox='0 0 24 24'\n width='30'\n height='30'\n stroke='currentColor'\n strokeWidth='1.5'\n strokeLinecap='round'\n strokeLinejoin='round'\n fill='none'\n shapeRendering='geometricPrecision'\n >\n <path d='M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 16 2.48a13.38 13.38 0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 005 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22' />\n </svg>\n <Spacer x={0.3} />\n <Text size={16} weight={600}>\n GitHub 방문하기\n </Text>\n </Container>\n </Button>\n <Button size='large' width={240} onClick={() => openNewPage(intro.config.notion)}>\n <Container row center>\n <svg\n viewBox='0 0 24 24'\n width='30'\n height='30'\n stroke='currentColor'\n strokeWidth='1.5'\n strokeLinecap='round'\n strokeLinejoin='round'\n fill='none'\n shapeRendering='geometricPrecision'\n >\n <path d='M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71' />\n <path d='M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71' />\n </svg>\n <Spacer x={0.3} />\n <Text size={16} weight={600}>\n 스터디 노션 방문하기\n </Text>\n </Container>\n </Button>\n </Container>\n </SubTitle>\n </Container>\n </Wrapper>\n </Header>\n <Box id='apply'>\n <Contents>\n <Container>\n <Text size={40} weight={800}>\n {intro.apply.title}\n </Text>\n <Spacer y={1.5} />\n {intro.apply.list.map((it, idx) => (\n <ul key={idx}>\n <li>\n <Text as='h3' size={24} weight={600}>\n {it.description} {it.icon}\n </Text>\n </li>\n </ul>\n ))}\n </Container>\n </Contents>\n </Box>\n <Box id='hobby'>\n <Contents>\n <Container>\n <Text size={40} weight={800}>\n {intro.activities.description}\n </Text>\n <Spacer y={0.5} />\n {intro.activities.bio.map((it) => (\n <Text as='p' size={16} weight={600} lineHeight={20} key={it}>\n <span dangerouslySetInnerHTML={{ __html: it }} />\n </Text>\n ))}\n <Spacer y={1.5} />\n {intro.activities.list.map((it, idx) => (\n <Container key={idx}>\n <Text as='h3' size={24} weight={600}>\n Chapter {idx + 1}. {it.title}\n </Text>\n <div>\n {it.descriptions?.map((it_, idx) => (\n <ul key={idx}>\n <li>\n <Container>\n <Text size={16} weight={500}>\n {it_}\n </Text>\n </Container>\n </li>\n </ul>\n ))}\n </div>\n <Spacer y={1} />\n </Container>\n ))}\n </Container>\n </Contents>\n </Box>\n <Box id='faq'>\n <Contents>\n <Container>\n <Text size={40} weight={800}>\n {intro.faq.description}\n </Text>\n <Spacer y={1.5} />\n {intro.faq.list.map((it, idx) => (\n <Container key={idx}>\n <Text as='h3' size={24} weight={600}>\n Q. {it.question}\n </Text>\n <div>\n <ul key={idx}>\n <li>\n <Container>\n <Text size={16}>{it.answer}</Text>\n </Container>\n </li>\n </ul>\n </div>\n <Spacer y={1} />\n </Container>\n ))}\n </Container>\n </Contents>\n </Box>\n </Container>\n )\n\n function openNewPage(target: string): void {\n window.open(target, '_blink')\n }\n}\n\nconst Wrapper = styled.div`\n margin-left: auto;\n margin-right: auto;\n max-width: 900px;\n padding: 2rem;\n`\n\nconst Box = styled.div``\n\nconst Header = styled.header`\n padding: 2rem 0;\n`\n\nconst Title = styled.div`\n max-width: 600px;\n`\n\nconst SubTitle = styled.div`\n max-width: 650px;\n\n @media screen and (max-width: 1024px) {\n & > div:last-of-type {\n flex-direction: column !important;\n\n & > * {\n margin-left: 0;\n margin-bottom: 1rem;\n }\n }\n }\n`\n\nconst Contents = styled.div`\n margin-left: auto;\n margin-right: auto;\n max-width: 900px;\n padding: 2rem;\n\n ul {\n list-style: disc;\n padding-left: 1.2rem;\n }\n\n li {\n margin-bottom: 0.5rem;\n padding: 0.2rem 0;\n line-height: 1.4;\n\n &::marker {\n ${({ theme }) => css`\n color: ${theme.colors.CYAN.DEFAULT};\n `}\n }\n }\n`\n\nconst GridContainer = styled.div`\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n`\n\nconst TwoColumn = styled.div`\n display: flex;\n margin-bottom: 2rem;\n\n & > div:first-of-type {\n height: auto;\n box-sizing: border-box;\n flex: 3;\n padding-right: 2rem;\n\n & > div {\n display: flex;\n flex-direction: column;\n gap: 0;\n position: sticky;\n top: 85px;\n\n & > div:last-of-type {\n ${({ theme }) => css`\n color: ${theme.colors.PRIMARY.ACCENT_5};\n\n & > p {\n margin-bottom: 0.5rem !important;\n }\n `}\n }\n }\n }\n\n & > div:last-of-type {\n flex: 7;\n }\n\n @media screen and (max-width: 1024px) {\n flex-direction: column;\n\n & > div:last-of-type {\n padding-left: 1rem;\n\n ${({ theme }) => css`\n border-left: 3px solid ${theme.colors.CYAN.DEFAULT};\n `}\n }\n }\n`\n\nconst SubTitleText = styled.div`\n ${({ theme }) => css`\n color: ${theme.colors.PRIMARY.ACCENT_5};\n `}\n`\n\nexport default IntroPage\n"],"names":["Wrapper","_styled","target","name","styles","Box","Header","Title","SubTitle","Contents","_ref","theme","css","colors","CYAN","DEFAULT","IntroPage","intro","useConfig","_jsxs","Container","children","_jsx","Seo","image","Text","as","size","weight","config","subtitle","Spacer","y","bio","map","it","lineHeight","dangerouslySetInnerHTML","__html","row","Button","width","onClick","openNewPage","github","center","viewBox","height","stroke","strokeWidth","strokeLinecap","strokeLinejoin","fill","shapeRendering","d","x","notion","id","apply","title","list","idx","description","icon","activities","_it$descriptions","descriptions","it_","faq","question","answer","window","open"],"sourceRoot":""}