component---src-pages-blog-js-f1f73120391fa67901bf.js.map

{"version":3,"sources":["webpack:///./src/components/header.module.css","webpack:///./src/components/patchwork.module.css","webpack:///./src/components/navigator.module.css","webpack:///./src/components/block.js","webpack:///./src/components/navigator.js","webpack:///./src/components/header.js","webpack:///./src/components/content-layout.js","webpack:///./src/components/content.js","webpack:///./src/components/colors.js","webpack:///./src/components/content.module.css","webpack:///./src/components/block.module.css","webpack:///./src/pages/blog.js"],"names":["module","exports","SmallBlock","props","handleScroll","bind","componentDidMount","window","addEventListener","this","scrollAction","componentWillUnmount","removeEventListener","render","textDecoration","page","localeCompare","children","undefined","to","className","style","blockLink","backgroundColor","color","paddingTop","React","Component","Navigator","collapseWithScroll","state","rootFontSize","parseFloat","getComputedStyle","document","body","getPropertyValue","topDistance","pageYOffset","documentElement","scrollTop","setState","toString","navigator","COLORS","main","c1","c2","c3","Header","header","navigatorWrapper","ContentLayout","patchwork","siteTitle","patchworkFlex","patchworkTopSpacerTitle","contentSeparator","patchworkBottomSpacer","Content","content","white","accent","Blog"],"mappings":"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","file":"component---src-pages-blog-js-f1f73120391fa67901bf.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"header-module--header--2Q3RK\",\"navigatorWrapper\":\"header-module--navigator-wrapper--2prub\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"patchworkFlex\":\"patchwork-module--patchwork-flex--2xknC\",\"patchworkTopSpacerTitle\":\"patchwork-module--patchwork-top-spacer-title--x8VbN\",\"patchworkBottomSpacer\":\"patchwork-module--patchwork-bottom-spacer--2jLY0\",\"contentSeparator\":\"patchwork-module--content-separator--1rUEi\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"navigator\":\"navigator-module--navigator--26f47\"};","import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport style from \"./block.module.css\"\n\nclass SmallBlock extends React.Component {\n  constructor(props) {\n    super(props)\n    this.handleScroll = this.handleScroll.bind(this)\n  }\n\n  componentDidMount() {\n    window.addEventListener('scroll', this.props.scrollAction)\n    // console.log('listening mounted')\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('scroll', this.props.scrollAction)\n    // console.log('listening unmounted')\n  }\n\n  handleScroll() {\n    this.props.scrollAction()\n  }\n\n  render() {\n    const textDecoration = !this.props.page.localeCompare(this.props.children) ? 'underline' : undefined;\n\n    return (\n      <Link to={this.props.to} className={style.blockLink} style={{backgroundColor: this.props.color, paddingTop: this.props.paddingTop, textDecoration: textDecoration}}>\n        {/* <div className={style.blockText}> */}\n          {this.props.children}\n        {/* </div> */}\n      </Link>\n    )\n  }\n}\n\nexport default SmallBlock","import React from \"react\"\nimport Block from \"./block\"\nimport COLORS from \"./colors\"\n\nimport style from \"./navigator.module.css\"\n\nclass Navigator extends React.Component {\n  constructor(props) {\n    super(props)\n    this.collapseWithScroll = this.collapseWithScroll.bind(this)\n    this.state = {paddingTop: \"6rem\"}\n  }\n\n  collapseWithScroll() {\n    let rootFontSize = parseFloat(window.getComputedStyle(document.body).getPropertyValue('font-size'));\n    let topDistance = (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0) / rootFontSize\n\n    // console.log('currentPadding: ' + currentPadding.toString())\n    // console.log('rootFontSize: ' + rootFontSize.toString())\n    // console.log('topDistance: ' + topDistance.toString())\n    if (topDistance <= 5.5) {\n      this.setState({paddingTop: (6 - topDistance).toString() + \"rem\"})\n      // console.log(this.state.paddingTop)\n    }\n\n    else if (topDistance > 5.5 && this.state.paddingTop.localeCompare(\".5rem\")) {\n      this.setState({paddingTop: \".5rem\"})\n      // console.log(this.state.paddingTop)\n    }\n  }\n\n  render() {\n    const paddingTop = this.state.paddingTop;\n\n    return (\n      <nav className={style.navigator}>\n        <ul>\n          {this.props.page !== undefined && !this.props.page.localeCompare('home') ? undefined : <li><Block page={this.props.page} color={COLORS.main} to=\"/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>home</Block></li>}\n          <li><Block page={this.props.page} color={COLORS.c1} to=\"/about/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>about</Block></li>\n          <li><Block page={this.props.page} color={COLORS.c2} to=\"/contact/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>contact</Block></li>\n          <li><Block page={this.props.page} color={COLORS.c3} to=\"/blog/\" scrollAction={this.collapseWithScroll} paddingTop={paddingTop}>blog</Block></li>\n        </ul>\n      </nav>\n    )\n  }\n}\n\nexport default Navigator","import React from \"react\"\nimport Navigator from \"./navigator\"\n\n// const Header = ({ siteTitle }) => (\n//   <header\n//     style={{\n//       background: `rebeccapurple`,\n//       marginBottom: `1.45rem`,\n//     }}\n//   >\n//     <div\n//       style={{\n//         margin: `0 auto`,\n//         maxWidth: 960,\n//         padding: `1.45rem 1.0875rem`,\n//       }}\n//     >\n//       <h1 style={{ margin: 0 }}>\n//         <Link\n//           to=\"/\"\n//           style={{\n//             color: `white`,\n//             textDecoration: `none`,\n//           }}\n//         >\n//           {siteTitle}\n//         </Link>\n//       </h1>\n//     </div>\n//   </header>\n// )\n\n// Header.propTypes = {\n//   siteTitle: PropTypes.string,\n// }\n\n// Header.defaultProps = {\n//   siteTitle: ``,\n// }\n\nimport style from \"./header.module.css\"\n\nexport default class Header extends React.Component {\n  render() {\n    return(\n      <header className={style.header}>\n        <div className={style.navigatorWrapper}>\n          <Navigator page={this.props.page}/>\n        </div>\n      </header>\n    )\n  }\n}\n// export default Header\n","import React from \"react\"\n\nimport Header from \"./header\"\n\nimport style from \"./patchwork.module.css\"\n\n// layout\nexport default class ContentLayout extends React.Component {\n  render() {\n    return(\n      <div className={style.patchwork}>\n        <Header siteTitle=\"patchwork\" page={this.props.page}></Header>\n        <div className={style.patchworkFlex}>\n          <div className={style.patchworkTopSpacerTitle}>\n            {this.props.page}\n          </div>\n          <div className={style.contentSeparator} style={{backgroundColor: this.props.color}} />\n          {this.props.children}\n          <div className={style.patchworkBottomSpacer}></div>\n        </div>\n      </div>\n    )\n  }\n}","import React from \"react\"\n\nimport style from \"./content.module.css\"\n\nexport default class Content extends React.Component {\n  render() {\n    return (\n      <main className={style.main}>\n        <div className={style.content}>\n          {this.props.children}\n        </div>\n      </main>\n    )\n  }\n}","const COLORS = {\n    main: \"#FAF0E6\",\n    c1: \"#B2E0F3\",\n    c2: \"#FFC1C1\",\n    c3: \"#B4D09F\",\n    white: \"#ECE5E0\",\n    accent: \"#FF9C6B\"\n}\n\nexport default COLORS","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"content-module--main--Sg_Ql\",\"content\":\"content-module--content--3sEbK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"blockLink\":\"block-module--block-link--1V1Ua\",\"blockText\":\"block-module--block-text--31lIo\"};","import React from \"react\"\nimport COLORS from \"../components/colors\"\n\nimport ContentLayout from \"../components/content-layout\"\nimport Content from \"../components/content\"\n\nclass Blog extends React.Component {\n  render() {\n    return (\n      <ContentLayout page='blog' color={COLORS.c3}>\n        <Content>\n          <h1>when I grow up, I want to be a cog in the machine.</h1>\n          <p>*ice road trucker. sorry, i don't know what came over me.</p>\n        </Content>\n      </ContentLayout>\n    )\n  }\n}\n\nexport default Blog"],"sourceRoot":""}