-
Notifications
You must be signed in to change notification settings - Fork 1
/
component---src-pages-404-js-c20bbe2b5e160038c968.js.map
1 lines (1 loc) · 20.4 KB
/
component---src-pages-404-js-c20bbe2b5e160038c968.js.map
1
{"version":3,"sources":["webpack:///./src/pages/404.js","webpack:///./src/images/apils_logo.min.svg","webpack:///./src/images/simple-horizontal-light.png","webpack:///./src/components/meta.js","webpack:///./src/theme/typography.js","webpack:///./src/theme/apils-theme.js","webpack:///./src/theme/global-style.js","webpack:///./src/components/language-switcher.js","webpack:///./src/components/layout.js"],"names":["__webpack_require__","r","__webpack_exports__","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","_components_layout__WEBPACK_IMPORTED_MODULE_1__","_components_meta__WEBPACK_IMPORTED_MODULE_2__","NotFoundPage","a","createElement","title","React","ApilsLogoMin","props","transform","d","defaultProps","version","viewBox","module","exports","default","react_helmet__WEBPACK_IMPORTED_MODULE_1__","react_helmet__WEBPACK_IMPORTED_MODULE_1___default","gatsby_plugin_intl__WEBPACK_IMPORTED_MODULE_2__","Meta","_ref","description","meta","intl","metaDescription","formatMessage","id","htmlAttributes","lang","locale","titleTemplate","name","content","property","concat","injectIntl","deYoungTheme","headerFontFamily","bodyFontFamily","typography","Typography","scale","rhythm","options","apils_theme","colors","main","mainAlt","pageBg","highlight","bodyText","bodyColor","headerText","headerColor","fonts","body","map","typeface","join","header","contentMaxWidth","contentOverhang","pageShadow","createGlobalStyle","_templateObject","theme","languageName","en","zh","Container","styled","div","withConfig","displayName","componentId","LanguageButton","button","activeLocale","LanguageSwitcher","react_default","gatsby_plugin_intl","languages","currentLocale","language","type","key","onClick","changeLocale","_ref2","bgImage","_ref3","_ref4","Header","_ref5","_ref6","_ref7","Branding","_ref8","_ref9","_ref10","_ref11","_ref12","Naivgation","nav","_ref13","_ref14","_ref15","_ref16","_ref17","Footer","footer","_ref18","_ref19","_ref20","_ref21","_ref22","children","Fragment","Helmet_default","rel","href","crossOrigin","styled_components_browser_esm","ApilsTheme","global_style","layout_Container","to","apils_logo_min_default","activeClassName","language_switcher","Date","getFullYear"],"mappings":"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","file":"component---src-pages-404-js-c20bbe2b5e160038c968.js","sourcesContent":["import React from \"react\";\n\nimport Layout from \"../components/layout\";\nimport Meta from \"../components/meta\";\n\nconst NotFoundPage = () => (\n <Layout>\n <Meta title=\"404: Not found\" />\n <h1>NOT FOUND</h1>\n <p>You just hit a route that doesn't exist... the sadness.</p>\n </Layout>\n);\n\nexport default NotFoundPage;\n","var React = require('react');\n\nfunction ApilsLogoMin (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"transform\":\"translate(-107.99891,-130.56452) matrix(0.35277777,0,0,-0.35277777,135.80385,143.10444)\"},React.createElement(\"path\",{\"d\":\"m 0,0 c -1.842,-2.212 -4.22,-3.436 -6.694,-3.45 h -0.039 c -2.458,0 -4.829,1.198 -6.681,3.376 l -6.681,7.855 c -2.467,2.9 -5.717,4.496 -9.154,4.496 -3.427,0 -6.673,-1.596 -9.14,-4.496 l -6.68,-7.855 c -1.853,-2.178 -4.224,-3.376 -6.682,-3.376 h -0.039 c -2.474,0.014 -4.851,1.238 -6.689,3.446 l -0.247,0.296 18.808,24.817 c 2.343,3.086 5.33,5.05 8.596,5.671 0.472,0.081 0.944,0.133 1.377,0.17 0.469,0.027 0.954,0.023 1.353,0.005 0.466,-0.042 0.932,-0.094 1.376,-0.168 3.319,-0.633 6.31,-2.595 8.649,-5.675 L 0.233,0.284 Z M 18.018,12.46 C 13.68,12.408 9.602,10.663 6.226,7.414 6.164,7.355 6.106,7.292 6.051,7.225 L 3.294,3.901 -14.876,27.878 c -3.028,3.981 -7.116,6.613 -11.534,7.412 -0.596,0.102 -1.193,0.172 -1.912,0.231 -0.157,0.008 -0.305,0.014 -0.452,0.018 -0.441,0.014 -0.875,0.009 -1.527,-0.027 -0.596,-0.05 -1.192,-0.12 -1.812,-0.226 -0.002,0 -0.004,-0.001 -0.006,-0.001 -0.004,-10e-4 -0.009,-10e-4 -0.014,-0.002 -0.064,-0.012 -0.125,-0.033 -0.188,-0.046 -4.355,-0.846 -8.26,-3.38 -11.304,-7.364 L -61.778,3.902 -64.534,7.225 c -0.056,0.067 -0.114,0.13 -0.175,0.189 -3.376,3.249 -7.454,4.994 -11.793,5.046 -1.298,0.062 -2.3,-0.996 -2.315,-2.26 -0.015,-1.263 0.997,-2.3 2.26,-2.315 3.116,-0.037 6.082,-1.309 8.585,-3.682 l 4.527,-5.441 c 0.066,-0.079 0.145,-0.142 0.22,-0.211 l 1.226,-1.479 c 2.721,-3.267 6.338,-5.076 10.185,-5.097 h 0.065 c 3.82,0 7.428,1.769 10.165,4.987 l 6.68,7.855 c 1.583,1.86 3.591,2.885 5.655,2.885 2.073,0 4.086,-1.025 5.669,-2.885 l 6.68,-7.855 c 2.737,-3.218 6.344,-4.987 10.166,-4.987 h 0.064 c 3.847,0.021 7.465,1.83 10.197,5.112 l 1.16,1.415 c 0.096,0.082 0.192,0.162 0.274,0.26 l 4.527,5.441 c 2.503,2.373 5.47,3.645 8.585,3.682 1.263,0.015 2.275,1.052 2.261,2.315 -0.015,1.264 -1.088,2.298 -2.316,2.26\"})));\n}\n\nApilsLogoMin.defaultProps = {\"version\":\"1.1\",\"viewBox\":\"0 0 34.978378 15.370958\"};\n\nmodule.exports = ApilsLogoMin;\n\nApilsLogoMin.default = ApilsLogoMin;\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAQAAAAD+Fb1AAAAGklEQVR4AWN6WgaBTAzPIJDp/xsIZGL4CoEAcqcUjTsQ+dQAAAAASUVORK5CYII=\"","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Helmet from \"react-helmet\";\nimport { injectIntl } from \"gatsby-plugin-intl\";\nimport { intlShape } from \"react-intl\";\n\nfunction Meta({ description, meta, title, intl }) {\n const metaDescription =\n description || intl.formatMessage({ id: \"description\" });\n\n return (\n <Helmet\n htmlAttributes={{ lang: intl.locale }}\n title={title}\n titleTemplate={`%s | ${intl.formatMessage({ id: \"title\" })}`}\n meta={[\n {\n name: `description`,\n content: metaDescription\n },\n {\n property: `og:title`,\n content: title\n },\n {\n property: `og:description`,\n content: metaDescription\n },\n {\n property: `og:type`,\n content: `website`\n },\n {\n name: `twitter:card`,\n content: `summary`\n },\n {\n name: `twitter:creator`,\n content: intl.formatMessage({ id: \"author\" })\n },\n {\n name: `twitter:title`,\n content: title\n },\n {\n name: `twitter:description`,\n content: metaDescription\n }\n ].concat(meta)}\n />\n );\n}\n\nMeta.defaultProps = {\n meta: [],\n description: ``\n};\n\nMeta.propTypes = {\n description: PropTypes.string,\n meta: PropTypes.arrayOf(PropTypes.object),\n title: PropTypes.string.isRequired,\n intl: intlShape.isRequired\n};\n\nexport default injectIntl(Meta);\n","import Typography from \"typography\";\nimport deYoungTheme from \"typography-theme-de-young\";\n\ndeYoungTheme.headerFontFamily = [\n \"Alegreya Sans\",\n \"KaiTi\",\n \"楷体\",\n \"STKaiti\",\n \"华文楷体\"\n];\ndeYoungTheme.bodyFontFamily = [\n \"Alegreya\",\n \"Microsoft YaHei New\",\n \"Microsoft Yahei\",\n \"微软雅黑\",\n \"宋体\",\n \"SimHei\",\n \"STXihei\",\n \"华文细黑\"\n];\n// deYoungTheme.baseFontSize = \"8px\";\nconst typography = new Typography(deYoungTheme);\n\nexport const { scale, rhythm, options } = typography;\nexport default typography;\n","import { options, rhythm, scale } from \"./typography\";\n\nexport default {\n // main: \"hsl(230, 55%, 58%)\"\n colors: {\n main: \"#508084\",\n mainAlt: \"ghostwhite\",\n pageBg: \"white\",\n highlight: \"#f4ff99\",\n bodyText: options.bodyColor,\n headerText: options.headerColor\n },\n\n fonts: {\n body: options.bodyFontFamily.map(typeface => `\"${typeface}\"`).join(\",\"),\n header: options.headerFontFamily.map(typeface => `\"${typeface}\"`).join(\",\")\n },\n\n rhythm,\n scale,\n\n contentMaxWidth: \"960px\",\n contentOverhang: \"20px\",\n\n pageShadow: `\n position: relative;\n\n &::before,\n &::after {\n border-radius: 100px / 10px;\n bottom: 10px;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);\n content: \"\";\n left: 0;\n position: absolute;\n right: 0;\n top: 10px;\n z-index: -1;\n }\n\n &::after {\n left: auto;\n right: 10px;\n transform: skew(8deg) rotate(3deg);\n }\n `\n};\n","// Note: using typography.js includes normalize.css by default, unless\n// the option to disable it is explicitly invoked.\n\nimport { createGlobalStyle } from \"styled-components\";\n\nexport default createGlobalStyle`\n\n html, body, #___gatsby {\n height: 100%;\n }\n\n div[role=\"group\"][tabindex] {\n height: 100%;\n }\n\n body {\n padding: 0;\n margin: 0;\n background: cadetblue;\n\n &::before {\n box-shadow: 0 0 10px rgba(0,0,0,.8);\n content: \"\";\n height: 10px;\n left: 0;\n position: fixed;\n top: -10px;\n width: 100%;\n z-index: 100;\n }\n }\n\n a {\n color: ${props => props.theme.colors.main};\n }\n`;\n","import React from \"react\";\nimport { IntlContextConsumer, changeLocale } from \"gatsby-plugin-intl\";\nimport styled from \"styled-components\";\n\nconst languageName = {\n en: \"English\",\n zh: \"中文\"\n};\n\nconst Container = styled.div`\n position: absolute;\n top: 40px;\n right: 10px;\n`;\n\nconst LanguageButton = styled.button`\n background: none;\n border: none;\n color: ${props => (props.activeLocale ? \"yellow\" : \"white\")};\n cursor: pointer;\n margin: 10;\n`;\n\nconst LanguageSwitcher = () => {\n return (\n <Container>\n <IntlContextConsumer>\n {({ languages, language: currentLocale }) =>\n languages.map(language => (\n <LanguageButton\n type=\"button\"\n key={language}\n onClick={() => changeLocale(language === \"en\" ? \"\" : language)}\n activeLocale={currentLocale === language}>\n {languageName[language]}\n </LanguageButton>\n ))\n }\n </IntlContextConsumer>\n </Container>\n );\n};\n\nexport default LanguageSwitcher;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Helmet from \"react-helmet\";\nimport styled, { ThemeProvider } from \"styled-components\";\nimport { injectIntl, Link } from \"gatsby-plugin-intl\";\nimport { intlShape } from \"react-intl\";\n\nimport ApilsTheme from \"../theme/apils-theme\";\nimport GlobalStyle from \"../theme/global-style\";\n\nimport LanguageSwitcher from \"./language-switcher\";\n\nimport ApilsLogo from \"../images/apils_logo.min.svg\";\nimport bgImage from \"../images/simple-horizontal-light.png\";\n\nconst Container = styled.div`\n display: flex;\n flex-direction: column;\n min-height: 100%;\n overflow: hidden;\n\n main {\n ${({ theme }) => theme.pageShadow}\n background: ${({ theme }) => theme.colors.pageBg};\n background-image: url(${bgImage});\n border-radius: 0 0 8px 0;\n flex-grow: 1;\n margin: ${props => `-${props.theme.contentOverhang}`} auto 0;\n max-width: ${({ theme }) => theme.contentMaxWidth};\n padding: ${({ theme: { rhythm } }) =>\n `${rhythm(2)} ${rhythm(4)} ${rhythm(2 / 3)}`};\n width: 100%;\n }\n`;\n\nconst Header = styled.header`\n background: rgba(0, 0, 0, 0.8);\n border-bottom: 1px solid ${({ theme }) => theme.colors.main};\n display: flex;\n padding-bottom: ${({ theme }) => theme.contentOverhang};\n\n > div {\n flex-grow: 1;\n margin: 0 auto;\n max-width: ${({ theme }) => theme.contentMaxWidth};\n position: relative;\n }\n`;\n\nconst Branding = styled.div`\n display: flex;\n flex-direction: row-reverse;\n margin-bottom: ${({ theme }) => theme.rhythm(1 / 3)};\n align-items: center;\n\n > div {\n flex-grow: 1;\n }\n\n h1 {\n margin-bottom: 0;\n }\n\n h2 {\n ${({ theme }) => theme.scale(0.5)};\n color: ${({ theme }) => theme.colors.mainAlt};\n margin-bottom: ${({ theme }) => theme.rhythm(1 / 8)};\n margin-top: 0;\n }\n\n svg {\n fill: ${({ theme }) => theme.colors.main};\n margin: 5px 20px 5px 0;\n width: 100px;\n }\n`;\n\nconst Naivgation = styled.nav`\n background: ${({ theme }) => theme.colors.main};\n border-radius: 0 8px 0 0;\n color: ${({ theme }) => theme.colors.mainAlt};\n font-family: ${({ theme }) => theme.fonts.header};\n\n ul {\n display: flex;\n margin: 0;\n }\n li {\n border-right: 1px solid rgba(255, 255, 255, 0.07);\n display: inline-block;\n list-style: none;\n margin-bottom: 0;\n text-align: center;\n\n a {\n color: ${({ theme }) => theme.colors.mainAlt};\n display: inline-block;\n padding: ${({ theme: { rhythm } }) =>\n `${rhythm(1 / 8)} ${rhythm(1 / 3)}`};\n transition: background-color 0.25s ease;\n\n &:hover,\n &.active {\n background-color: rgba(255, 255, 255, 0.2);\n box-shadow: none;\n }\n }\n }\n`;\n\nconst Footer = styled.footer`\n background: rgba(0, 0, 0, 0.7);\n color: ${({ theme }) => theme.colors.mainAlt};\n padding-top: ${({ theme }) => theme.contentOverhang};\n margin-top: -${({ theme }) => theme.contentOverhang};\n\n > div {\n margin: 0 auto;\n max-width: ${({ theme }) => theme.contentMaxWidth};\n line-height: 50px;\n text-align: right;\n }\n`;\n\nconst Layout = ({ children, intl }) => {\n return (\n <>\n <Helmet>\n <link\n rel=\"preconnect\"\n href=\"https://fonts.googleapis.com\"\n crossOrigin\n />\n </Helmet>\n <ThemeProvider theme={ApilsTheme}>\n <>\n <GlobalStyle />\n <Container>\n <Header>\n <div>\n <Branding>\n <div>\n <h1>\n <Link to=\"/\">{intl.formatMessage({ id: \"title\" })}</Link>\n </h1>\n <h2>{intl.formatMessage({ id: \"subtitle\" })}</h2>\n </div>\n <ApilsLogo />\n </Branding>\n <Naivgation>\n <ul>\n <li>\n <Link to=\"/\" activeClassName=\"active\">\n {intl.formatMessage({ id: \"nav.home\" })}\n </Link>\n </li>\n <li>\n <Link to=\"/about/\" activeClassName=\"active\">\n {intl.formatMessage({ id: \"nav.about\" })}\n </Link>\n </li>\n <li>\n <Link to=\"/volumes/\" activeClassName=\"active\">\n {intl.formatMessage({ id: \"nav.volumes\" })}\n </Link>\n </li>\n <li>\n <Link to=\"/submissions/\" activeClassName=\"active\">\n {intl.formatMessage({ id: \"nav.submissions\" })}\n </Link>\n </li>\n <li>\n <Link to=\"/article/\" activeClassName=\"active\">\n {intl.formatMessage({ id: \"nav.article\" })}\n </Link>\n </li>\n </ul>\n </Naivgation>\n <LanguageSwitcher />\n </div>\n </Header>\n <main>{children}</main>\n <Footer>\n <div>© {new Date().getFullYear()}, APILS</div>\n </Footer>\n </Container>\n </>\n </ThemeProvider>\n </>\n );\n};\n\nLayout.propTypes = {\n children: PropTypes.node.isRequired,\n intl: intlShape.isRequired\n};\n\nexport default injectIntl(Layout);\n"],"sourceRoot":""}