component---src-pages-blog-js-945dda0ba66ac46c283d.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/content-header.js","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","title","patchwork","siteTitle","patchworkFlex","patchworkTopSpacerTitle","contentSeparator","Children","map","child","cloneElement","Content","content","white","accent","ContentHeader","contentHeader","outline","Blog"],"mappings":"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","file":"component---src-pages-blog-js-945dda0ba66ac46c283d.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\",\"main\":\"patchwork-module--main--2Ck1I\",\"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    document.title = `${this.props.page} - patchwork`\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          <main className={style.main}>\n            {\n              React.Children.map(this.props.children, child => {\n                return React.cloneElement(child, {color: this.props.color})\n              })\n            }\n          </main>\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      <>\n        <div className={style.contentSeparator} style={{backgroundColor: this.props.color}} />\n        <div className={style.content}>\n          {this.props.children}\n        </div>\n      </>\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 = {\"content\":\"content-module--content--3sEbK\",\"contentHeader\":\"content-module--content-header--1UhRL\",\"contentSeparator\":\"content-module--content-separator--hD67T\"};","import React from 'react'\n\nimport style from \"./content.module.css\"\n\nexport default class ContentHeader extends React.Component {\n  render() {\n    return (\n      <div className={style.contentHeader} style={{outline: `${this.props.color} 4px solid`}}>\n        <h1>\n          {this.props.children}\n        </h1>\n      </div>\n    )\n  }\n}","// 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\"\nimport ContentHeader from \"../components/content-header\"\n\nclass Blog extends React.Component {\n  render() {\n    return (\n      <ContentLayout page='blog' color={COLORS.c3}>\n        <ContentHeader>the future is bright</ContentHeader>\n        <Content>\n          <p>when i grow up, i want to be <s>a cog in the machine</s> an ice road trucker</p>\n        </Content>\n        <ContentHeader>a day at the planetarium</ContentHeader>\n        <Content>\n          <p>\n            \"There are over four... hundred stars in our galaxy, maybe more. No one knows for sure.\n            Many have said that the universe is even larger than the Indian Ocean...\" - Shawn Spencer\n          </p>\n        </Content>\n        <ContentHeader>$SPY 1000C 9/28</ContentHeader>\n        <Content>\n          <p>\n            stonks only go up\n          </p>\n        </Content>\n        <ContentHeader>tell me why</ContentHeader>\n        <Content>\n          <p>\n            ain't nothin' but a heartbreak\n          </p>\n        </Content>\n      </ContentLayout>\n    )\n  }\n}\n\nexport default Blog"],"sourceRoot":""}