component---src-pages-about-js-0fd9859f5397f0a39573.js.map

{"version":3,"sources":["webpack:///./src/components/header.module.css","webpack:///./src/components/link-external.js","webpack:///./src/pages/about.js","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"],"names":["module","exports","LinkExternal","render","href","this","props","to","target","rel","children","React","Component","About","page","color","COLORS","c1","style","fontFamily","fontSize","fontWeight","SmallBlock","handleScroll","bind","componentDidMount","window","addEventListener","scrollAction","componentWillUnmount","removeEventListener","textDecoration","localeCompare","undefined","className","blockLink","backgroundColor","paddingTop","Navigator","collapseWithScroll","state","rootFontSize","parseFloat","getComputedStyle","document","body","getPropertyValue","topDistance","pageYOffset","documentElement","scrollTop","setState","toString","navigator","main","c2","c3","Header","header","navigatorWrapper","ContentLayout","title","patchwork","siteTitle","patchworkFlex","patchworkTopSpacerTitle","contentSeparator","Children","map","child","cloneElement","Content","content","white","accent","ContentHeader","contentHeader","outline"],"mappings":"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","file":"component---src-pages-about-js-0fd9859f5397f0a39573.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"header\":\"header-module--header--2Q3RK\",\"navigatorWrapper\":\"header-module--navigator-wrapper--2prub\"};","import React from 'react'\n\nexport default class LinkExternal extends React.Component {\n    render() {\n        return (\n            <a href={this.props.to} target='_blank' rel='noreferrer'>\n                {this.props.children}\n            </a>\n        )\n    }\n}","import React from \"react\"\nimport COLORS from \"../components/colors\"\n\nimport { Link } from 'gatsby'\n\nimport ContentLayout from \"../components/content-layout\"\nimport Content from \"../components/content\"\nimport LinkExternal from '../components/link-external'\nimport ContentHeader from \"../components/content-header\"\n\nexport default class About extends React.Component {\n  render() {\n    return (\n      <ContentLayout page='about' color={COLORS.c1}>\n        <ContentHeader>welcome to my house</ContentHeader>\n        <Content>\n          <p>\n            I'm Tyler/<code>tntokum</code>. Thanks for stopping by.\n          </p>\n          <br />\n          <p>\n            <code style={{fontFamily: 'IBM Plex Sans Thin', fontSize: '1rem', fontWeight: 'bold'}}>patchwork</code> is\n            a site built by me, using <LinkExternal to='https://reactjs.org/'>React</LinkExternal> and <LinkExternal to='https://www.gatsbyjs.org/'>Gatsby</LinkExternal> as\n            the main frameworks for content, building, and deploying.\n            Fonts were taken from <LinkExternal to='https://fonts.google.com/'>Google Fonts</LinkExternal>.\n            <br/>\n            I did the color palette, too, which is a very similar experience to building a website in that I don't know what I'm doing.\n            Right now, they're are kind of beach-y. This is a reference to the fact that I like beaches.\n            {/* <br/>\n             */}\n          </p>\n          <br />\n          <p>\n            This site serves a few broad purposes:\n            <ul>\n              <li>My resume can reference this place. This is either a great thing or a really bad thing depending on what I put on here.</li>\n              <li>\n                It helps teach me a little about modern webdev, since this is my first real foray into \n                HTML/CSS/JavaScript and all these (2) confusing newfangled frameworks.\n              </li>\n              <li>\n                For some reason, I always wanted a slice of the Internet for myself.\n                See this <LinkExternal to='https://en.wikipedia.org/wiki/Territory_(animal)'>relevant Wikipedia article</LinkExternal>.\n              </li>\n              <li>\n                I could even use this as a blog of sorts. However, my attention span has a habit of rounding to 0 seconds, so\n                I probably wouldn't even\n              </li>\n            </ul>\n          </p>\n          <br />\n          <p>\n            Hit me up on the <Link to='/contact/'>contact</Link> page.\n          </p>\n          <br />\n          <p>\n            Fun facts about me:\n            <ul>\n              <li>\n                I know more coding languages than real languages.\n                <ul>\n                  <li>\n                    I know only one real language (this is up for debate).\n                    <ul>\n                      <li>\n                        I may or may not know only two coding languages.\n                      </li>\n                    </ul>\n                  </li>\n                </ul>\n              </li>\n              <li>\n                I am allergic to dogs, and this makes me sad.\n                <ul>\n                  <li>\n                    Dogs are not allergic to me. Thank goodness.\n                  </li>\n                </ul>\n              </li>\n              <li>\n                My guitar has six strings.\n                <ul>\n                  <li>\n                    Guess how many fingers I have.\n                  </li>\n                </ul>\n              </li>\n            </ul>\n          </p>\n        </Content>\n      </ContentLayout>\n    )\n  }\n}","// 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\"};"],"sourceRoot":""}