{data.contentfulCourse.title}

{"version":3,"file":"component---src-templates-post-js-4c54a8dd6e8168358043.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/Substack.js","webpack://gatsby-starter-default/./src/components/BigBox.js","webpack://gatsby-starter-default/./src/templates/post.js"],"sourcesContent":["import React from \"react\"\r\nimport styled from \"styled-components\"\r\n\r\nconst SubStackHolder = styled.section`\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n padding: 10px;\r\n // background: var(--secondary-color);\r\n`\r\n\r\nconst SubStack = () => {\r\n return (\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default SubStack\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport { Link } from \"gatsby\"\r\n\r\nimport SubStack from \"../components/Substack\"\r\n\r\nconst BigBox = ({ buttonText }) => {\r\n return (\r\n \r\n \r\n Never stop Learning\r\n Looking for ways to keep improving?\r\n Sign Up for our Newsletter for great curated resources\r\n \r\n \r\n \r\n {buttonText || \"Learn more\"}\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nconst Container = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0 auto;\r\n @media screen and (min-width: 768px) {\r\n font-size: 0.5rem;\r\n }\r\n`\r\n\r\nconst BigBoxx = styled.div`\r\n padding: 15px;\r\n width: 30vw;\r\n height: auto;\r\n background: var(--footer-color);\r\n border-radius: 40px;\r\n @media only screen and (max-width: 768px) {\r\n width: 90%;\r\n // min-height: 450px;\r\n }\r\n`\r\n\r\nconst Head = styled.h2`\r\n text-align: center;\r\n margin: 0 auto;\r\n padding: 10px 30px;\r\n font-family: var(--jost-font), sans-serif !important;\r\n text-transform: uppercase;\r\n color: white;\r\n //font-size: clamp(3rem, -1.875rem + 8.333vw, 9.5rem) !important;\r\n font-size: 1rem;\r\n @media only screen and (max-width: 768px) {\r\n font-size: 1rem;\r\n padding: 15px;\r\n }\r\n`\r\nconst ButtonContainer = styled.div`\r\n height: auto;\r\n display: flex;\r\n justify-content: center;\r\n //border: 1px solid green;\r\n`\r\n\r\nconst DarkButton = styled(Link)`\r\n // TODO Animate background position on hover, because otherwise transition won't work?\r\n // see: https://stackoverflow.com/questions/23441060/animating-linear-gradient-using-css\r\n margin: 20px;\r\n font-family: var(--main-font), sans-serif;\r\n display: inline-block;\r\n border: none;\r\n border-radius: 10px;\r\n padding: 1rem 2rem;\r\n text-decoration: none;\r\n // background: var(--button-standard); = pink\r\n background: linear-gradient(45deg, #ffc549, #ff6600, #ffc549);\r\n color: #ffffff;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n text-align: center;\r\n transition: background 400ms ease-in-out, transform 150ms ease;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n\r\n :hover,\r\n :focus {\r\n //background: var(--button-standard-hover);\r\n background: linear-gradient(45deg, #ff6600, #ffc549, #ff6600);\r\n\r\n outline: none;\r\n }\r\n\r\n :focus {\r\n outline-offset: -4px;\r\n //background: var(--button-standard-hover);\r\n background: linear-gradient(45deg, #ffc549, #ff6600, #ffc549);\r\n }\r\n\r\n :active {\r\n transform: scale(1.1);\r\n //background: var(--button-standard-hover);\r\n background: linear-gradient(45deg, #ffc549, #ff6600, #ffc549);\r\n }\r\n`\r\n\r\n// TODO, import and remove, this is Duplicate from elements.js\r\n\r\nconst LinearH1 = styled.h1`\r\n margin: 0 auto;\r\n margin-bottom: 1.45rem;\r\n background: -webkit-linear-gradient(45deg, #ffc549, #ff6600, #ffc549);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n justify-content: center;\r\n word-wrap: break-word;\r\n //text-shadow: 2px 2px 5px goldenrod;\r\n padding-top: 15px;\r\n padding-bottom: 15px;\r\n text-align: center;\r\n max-width: 80%;\r\n font-size: 2.8rem;\r\n text-transform: uppercase;\r\n @media (min-width: 200px) {\r\n min-width: 95%;\r\n font-size: 2.8rem;\r\n }\r\n @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {\r\n min-width: 95%;\r\n font-size: 1.8rem;\r\n }\r\n`\r\n\r\nexport default BigBox\r\n","import React from \"react\"\r\nimport \"../components/layout.css\"\r\n// import { documentToReactComponents } from \"@contentful/rich-text-react-renderer\"\r\nimport { renderRichText } from \"gatsby-source-contentful/rich-text\"\r\n\r\nimport { BLOCKS, INLINES } from \"@contentful/rich-text-types\"\r\nimport { graphql } from \"gatsby\"\r\n\r\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\r\n\r\nimport Footer from \"../components/Navigation/Footer\"\r\nimport Header from \"../components/Navigation/Header\"\r\nimport Seo from \"../components/Seo\"\r\n\r\nimport BigBox from \"../components/BigBox.js\"\r\n\r\nimport {\r\n BlogGrid,\r\n Container,\r\n ImgWrap,\r\n TitleWrap,\r\n Title,\r\n HeadingTwo,\r\n ArticleStyle,\r\n ArticleOL,\r\n ArticleUL,\r\n DatePub,\r\n Author,\r\n Category,\r\n Content,\r\n RichLink,\r\n QuoteBlock,\r\n BlogHeader,\r\n ColCont,\r\n Col1,\r\n Col2,\r\n} from \"./poststyles\"\r\n\r\nimport { StyledFrame2, LinearTitle } from \"../styles/elements.js\"\r\n\r\n// import { node } from \"prop-types\"\r\n\r\nexport const data = graphql`\r\n query pageQuery($slug: String) {\r\n contentfulCourse(slug: { eq: $slug }) {\r\n title\r\n subtitle\r\n author\r\n category\r\n datePublished(formatString: \"MMMM Do YYYY\")\r\n slug\r\n rich {\r\n raw\r\n }\r\n courseImage {\r\n gatsbyImageData(width: 700)\r\n title\r\n }\r\n }\r\n }\r\n`\r\n\r\nconst PostLayout = ({ children, siteTitle, data }) => {\r\n const { rich } = data.contentfulCourse\r\n const image = getImage(data.contentfulCourse.courseImage)\r\n const options = {\r\n renderNode: {\r\n \"embedded-asset-block\": node => {\r\n const alt = node.data.target.fields.title[\"en-US\"]\r\n const url = node.data.target.fields.file[\"en-US\"].url\r\n return {alt}

{alt}

\r\n },\r\n [BLOCKS.HEADING_1]: (node, children) => (\r\n {children}\r\n ),\r\n [BLOCKS.HEADING_2]: (node, children) => (\r\n {children}\r\n ),\r\n [BLOCKS.HEADING_3]: (node, children) => (\r\n

{children}

\r\n ),\r\n [BLOCKS.QUOTE]: (node, children) => (\r\n \r\n

{children}

\r\n \r\n ),\r\n [BLOCKS.OL_LIST]: (node, children) => {children},\r\n [BLOCKS.UL_LIST]: (node, children) => {children},\r\n\r\n [INLINES.HYPERLINK]: node => {\r\n if (node.data.uri.includes(\"player.vimeo.com/video\")) {\r\n return (\r\n \r\n )\r\n } else if (node.data.uri.includes(\"youtube.com/embed\")) {\r\n return (\r\n \r\n )\r\n } else {\r\n return (\r\n \r\n {node.content[0].value}\r\n {console.log(\r\n \"is there a node.content[0].value\",\r\n node.content[0].value\r\n )}\r\n \r\n )\r\n }\r\n },\r\n\r\n // [INLINES.HYPERLINK]: (node, children) => {children},\r\n [BLOCKS.PARAGRAPH]: (node, children) => (\r\n

{children}

\r\n ),\r\n },\r\n }\r\n\r\n return (\r\n <>\r\n

\r\n \r\n \r\n

\r\n \r\n \r\n \r\n {data.contentfulCourse.courseImage && (\r\n \r\n )}\r\n \r\n \r\n {data.contentfulCourse.title}\r\n \r\n \r\n Instructor Category {\" \"}\r\n Review published\r\n \r\n \r\n {data.contentfulCourse.author}\r\n {data.contentfulCourse.category}\r\n {data.contentfulCourse.datePublished}\r\n \r\n \r\n \r\n \r\n\r\n \r\n {rich && renderRichText(rich, options)}\r\n \r\n \r\n \r\n\r\n

{children}

\r\n

\r\n \r\n \r\n )\r\n}\r\n\r\nexport default PostLayout\r\n"],"names":["SubStackHolder","styled","src","width","height","frameBorder","scrolling","title","Container","BigBoxx","Head","ButtonContainer","DarkButton","Link","LinearH1","buttonText","to","role","children","data","siteTitle","rich","contentfulCourse","image","getImage","courseImage","options","renderNode","node","alt","target","fields","url","file","BLOCKS","style","color","INLINES","uri","includes","allowFullScreen","allow","href","content","value","console","log","description","subtitle","G","author","category","datePublished","renderRichText"],"sourceRoot":""}