-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-index-js-99193552b849bd929f2a.js.map
1 lines (1 loc) · 13.8 KB
/
component---src-pages-index-js-99193552b849bd929f2a.js.map
1
{"version":3,"sources":["webpack:///./src/components/Toc.js","webpack:///./src/components/Contributors.js","webpack:///./src/components/BookIntro.js","webpack:///./src/components/Author.js","webpack:///./src/pages/index.js"],"names":["Toc","content","posts","map","p","index","key","Part","node","part","Table","articles","article","i","Row","Col1","id","Col2","href","link","title","to","Wrap","Content","styled","div","table","tr","td","Contributors","Divider","Card","src","alt","Text","Name","Job","Picture","height","width","BookIntro","Section","Container","Left","Image","Right","Title","Desc","Button","img","Author","a","className","data","allIndexJson","edges","Layout"],"mappings":"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","file":"component---src-pages-index-js-99193552b849bd929f2a.js","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Link } from 'gatsby'\n\nconst Toc = ({ posts }) => {\n const content = posts.map((p, index) => {\n return (\n <div key={index}>\n <Part>{p.node.part}</Part>\n <Table>\n <tbody>\n {p.node.articles.map((article, i) => {\n return (\n <Row key={i}>\n <Col1>第 {article.id} 天</Col1>\n <Col2>\n {article.id === 'x' ? (\n <a href={article.link}>{article.title}</a>\n ) : (\n <Link to={`/${article.link}`}>{article.title}</Link>\n )}\n </Col2>\n </Row>\n )\n })}\n </tbody>\n </Table>\n </div>\n )\n })\n return (\n <Wrap>\n <Content>{content}</Content>\n </Wrap>\n )\n}\n\nexport default Toc\n\nconst Wrap = styled.div`\n background: #f5f5f5;\n padding: 30px 0;\n`\n\nconst Content = styled.div`\n padding-top: 10px;\n padding-bottom: 10px;\n width: 800px;\n @media (max-width: 768px) {\n width: 100%;\n padding: 16px;\n }\n margin: 30px auto 70px;\n background: #fff;\n`\n\nconst Part = styled.p`\n font-family: 'Crete Round', Georgia, Times New Roman, serif;\n font-size: 20px;\n color: #14877e;\n margin: 20px 0;\n text-align: center;\n`\n\nconst Table = styled.table`\n border-collapse: collapse;\n width: 700px;\n @media (max-width: 768px) {\n width: 100%;\n }\n margin: 0 auto 30px;\n td {\n border: 1px solid #ddd;\n line-height: 1.5;\n vertical-align: middle;\n }\n`\nconst Row = styled.tr`\n &:hover {\n background-color: #1bbfb1;\n color: white;\n }\n &:hover a {\n color: #fff !important;\n }\n`\nconst Col1 = styled.td`\n text-align: center;\n width: 100px;\n`\n\nconst Col2 = styled.td`\n a {\n display: block;\n padding: 20px;\n color: #14877e;\n text-decoration: none;\n }\n`\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst Contributors = () => (\n <Wrap>\n <Divider>\n <a href=\"https://github.com/happypeter/gitbeijing/graphs/contributors\">\n GitHub 贡献者页面\n </a>\n </Divider>\n <Row>\n <Card>\n <img src=\"https://happypeter.github.io/images/2019031822.jpg\" alt=\"happypeter\" />\n <Text>\n <Name>happypeter</Name>\n <Job>\n <a href=\"http://haoduoshipin.com\">好多视频网创始人</a>\n </Job>\n 本书作者。欢迎添加 Peter 微信：happypeter1983 。\n </Text>\n </Card>\n <Card>\n <img src=\"https://happypeter.github.io/images/2019031824.jpg\" alt=\"billie66\" />\n <Text>\n <Name>billie66</Name>\n <Job>\n <a href=\"http://haoqicat.com\">好奇猫共同创始人</a>\n </Job>\n 维护本网页及其电子书\n </Text>\n </Card>\n </Row>\n <Picture>\n <img\n src=\"https://happypeter.github.io/images/2019031899.png\"\n height=\"102\"\n width=\"250\"\n alt=\"people\"\n />\n </Picture>\n </Wrap>\n)\n\nexport default Contributors\n\nconst Wrap = styled.div`\n margin-bottom: 30px;\n`\n\nconst Divider = styled.div`\n min-height: 140px;\n background: #008080;\n letter-spacing: 1px;\n font-size: 30px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n a {\n color: #fff;\n text-decoration: none;\n &:hover {\n color: #77f0f0;\n }\n }\n`\n\nconst Row = styled.div`\n display: flex;\n flex-direction: row;\n width: 100%;\n max-width: 1000px;\n margin: 0 auto;\n @media (max-width: 768px) {\n flex-direction: column;\n padding: 16px;\n }\n`\n\nconst Card = styled.div`\n width: 100%;\n background: transparent;\n position: relative;\n background: #fff;\n padding: 2em;\n border-right: 30px solid #fff;\n min-height: 147px;\n margin: 50px auto;\n &:before {\n content: '';\n position: absolute;\n z-index: -1;\n transform: skew(-3deg, -2deg);\n bottom: 14px;\n box-shadow: 0 16px 5px rgba(0, 0, 0, 0.2);\n height: 50px;\n left: 1px;\n max-width: 50%;\n width: 50%;\n }\n\n img {\n width: 60px;\n display: table-cell;\n float: left;\n border-radius: 50%;\n margin-right: 20px;\n margin-bottom: 50px;\n }\n`\n\nconst Text = styled.div`\n display: table-cell;\n font-size: 14px;\n`\n\nconst Name = styled.div`\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 10px;\n font-family: 'Crete Round';\n font-style: italic;\n color: #e5533c;\n`\n\nconst Job = styled.div`\n margin-bottom: 15px;\n a:hover {\n text-decoration: underline;\n }\n`\n\nconst Picture = styled.div`\n margin: 50px auto 100px;\n img {\n display: block;\n margin: 0 auto;\n }\n`\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst BookIntro = () => (\n <Section>\n <Container>\n <Left>\n <Image alt=\"git\" src=\"https://happypeter.github.io/images/2019031834.jpg\" />\n </Left>\n <Right>\n <Title>搬进 Github</Title>\n <Author>\n <a href=\"https://github.com/happypeter\">happypeter</a>\n </Author>\n <Desc>\n 《 Git 北京》是一本带初学者学会 git 版本控制工具和 github.com\n 社交化编程平台的书。用爱打造。这里免费开放的《搬进 Github》是《 Git\n 北京》的第一部分内容。\n </Desc>\n <Button href=\"introduction.html\">免费阅读</Button>\n </Right>\n </Container>\n </Section>\n)\n\nexport default BookIntro\n\nconst Section = styled.div`\n width: 100%;\n margin: 0 auto;\n`\nconst Container = styled.div`\n width: 1000px;\n margin: 0 auto;\n display: flex;\n flex-direction: row;\n @media (max-width: 768px) {\n width: 100%;\n flex-direction: column;\n }\n`\n\nconst Left = styled.div`\n margin-top: 75px;\n width: 400px;\n @media (max-width: 768px) {\n width: 100%;\n }\n`\n\nconst Image = styled.img`\n width: 100%;\n`\n\nconst Right = styled.div`\n width: 535px;\n margin-top: 75px;\n font-family: 'Crete Round', Georgia, 'Times New Roman', Times, serif;\n @media (max-width: 768px) {\n width: 100%;\n margin-top: 0;\n padding: 16px;\n }\n`\n\nconst Title = styled.div`\n font-size: 30px;\n color: #e5533c;\n margin-top: 35px;\n @media (max-width: 768px) {\n margin-top: 0;\n }\n`\n\nconst Author = styled.div`\n color: #14877e;\n font-size: 18px;\n margin-top: 20px;\n position: relative;\n font-family: 'myriad-pro', Arial, sans-serif;\n font-weight: 400;\n line-height: 1.5;\n &:after {\n content: ' ';\n width: 100%;\n border-bottom: 1px solid #e1e1e0;\n position: absolute;\n bottom: -25px;\n left: 0;\n }\n a:hover {\n text-decoration: underline;\n }\n`\n\nconst Desc = styled.div`\n color: #333;\n font-size: 18px;\n font-family: 'myriad-pro', Arial, sans-serif;\n font-weight: 400;\n line-height: 1.5;\n margin-top: 40px;\n`\n\nconst Button = styled.a`\n background: #f27649;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n display: inline-block;\n color: #fff;\n text-decoration: none;\n font-family: 'myriad-pro', Arial, sans-serif;\n font-size: 18px;\n font-weight: bold;\n padding: 10px 30px;\n margin: 40px auto 0;\n margin-right: 20px;\n`\n","import React from 'react'\nimport styled from 'styled-components'\n\nconst Author = () => (\n <Wrap>\n <div className=\"divider\">\n <a href=\"https://github.com/happypeter/gitbeijing\">\n LAST UPDATE: Mar 2019\n </a>\n </div>\n <div className=\"name-card-wrapper\">\n <div className=\"name-card\">\n <img src=\"https://happypeter.github.io/images/2019031822.jpg\" alt=\"peter\" />\n <div className=\"text\">\n <div className=\"name\">happypeter</div>\n <div className=\"job-title\">\n <a href=\"https://haoqicat.com\">本书作者，好奇猫学院主播</a>\n </div>\n 挥汗写下本书，致敬北京 Linux 用户组的那些曾经帮助过我的朋友们。北京\n Git 用户组是2009年由 happypeter 发起的 Linux 用户组之下的小组活动。\n </div>\n </div>\n </div>\n </Wrap>\n)\n\nexport default Author\n\nconst Wrap = styled.div`\n .divider {\n margin-top: 50px;\n min-height: 140px;\n background: #008080;\n text-align: center;\n letter-spacing: 1px;\n font-size: 30px;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n a {\n color: #fff;\n &:hover {\n color: #77f0f0;\n }\n }\n }\n .name-card-wrapper {\n padding: 16px;\n }\n .name-card {\n background: transparent;\n position: relative;\n margin-bottom: 3em;\n background: #fff;\n padding: 2em;\n border-right: 30px solid #fff;\n min-height: 147px;\n width: 800px;\n @media (max-width: 768px) {\n width: 100%;\n }\n margin: 50px auto;\n &:before {\n content: '';\n position: absolute;\n z-index: -1;\n transform: skew(-3deg, -2deg);\n bottom: 14px;\n box-shadow: 0 16px 5px rgba(0, 0, 0, 0.2);\n height: 50px;\n left: 1px;\n max-width: 50%;\n width: 50%;\n }\n img {\n width: 60px;\n display: table-cell;\n float: left;\n border-radius: 50%;\n margin-right: 20px;\n margin-bottom: 50px;\n }\n .text {\n display: table-cell;\n font-size: 14px;\n .name {\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 10px;\n font-family: 'Crete Round';\n font-style: italic;\n color: #e5533c;\n }\n .job-title {\n margin-bottom: 15px;\n a:hover {\n text-decoration: underline;\n }\n }\n }\n }\n`\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Toc from \"../components/Toc\"\nimport Contributors from \"../components/Contributors\"\nimport BookIntro from \"../components/BookIntro\"\nimport Author from \"../components/Author\"\nimport Layout from \"../components/Layout\"\n\nexport default ({ data }) => {\n const { edges: posts } = data.allIndexJson\n return (\n <Layout>\n <BookIntro />\n <Author />\n <Toc posts={posts} />\n <Contributors />\n </Layout>\n )\n}\n\nexport const pageQuery = graphql`\n query IndexQuery {\n allIndexJson {\n edges {\n node {\n part\n articles {\n id\n title\n link\n }\n }\n }\n }\n }\n`\n"],"sourceRoot":""}