{"version":3,"sources":["webpack://mustafazc-my-website/./src/css/Title.js","webpack://mustafazc-my-website/./src/css/InnerDiv.js","webpack://mustafazc-my-website/./src/components/FunkyTitle.jsx","webpack://mustafazc-my-website/./src/css/Content.js","webpack://mustafazc-my-website/./src/css/ExternalLink.js","webpack://mustafazc-my-website/./src/css/List.js","webpack://mustafazc-my-website/./src/css/Section.js","webpack://mustafazc-my-website/./src/css/Br.js","webpack://mustafazc-my-website/./src/css/PodcastLink.js","webpack://mustafazc-my-website/./src/components/PodcastEpisode.jsx","webpack://mustafazc-my-website/./src/pages/podcasts.jsx"],"names":["styled","ShadowStyle","FunkyTitle","title","funkyTitleText","useRef","useEffect","TweenMax","y","ease","Power3","duration","delay","opacity","ref","el","Content","ExternalLink","ShadowAltStyle","List","Section","PodcastEpisode","url","href","pageTitle","PodcastsPage","props","Layout"],"mappings":"sNAgBA,EAZcA,mBAAH,gDAAGA,CAAH,iJAKMC,MCDjB,EANiBD,oBAAH,oDAAGA,CAAH,sECKC,SAASE,EAAT,GAAgC,IAAVC,EAAS,EAATA,MAC/BC,GAAiBC,YAAO,MAK5B,OAJAC,gBAAU,WACRC,UAAcH,EAAgB,CAAEI,EAAG,IAAKC,KAAMC,YAAeC,SAAU,GAAKC,MAAO,IACnFL,QAAYH,EAAgB,CAAES,QAAS,EAAGJ,KAAMC,aAAgBC,SAAU,EAAGC,MAAO,OACnF,IAED,gBAAC,EAAD,KACE,gBAAC,EAAD,CAAOE,IAAK,SAAAC,GAAE,OAAKX,EAAiBW,IAAMZ,M,sCCb1Ca,E,QAAUhB,kBAAH,mDAAGA,CAAH,wMAgBb,O,0DCdMiB,EAAejB,kBAAH,uDAAGA,CAAH,4EAIDkB,MAGjB,O,sCCTMC,E,QAAOnB,iBAAH,4CAAGA,CAAH,sDAKV,O,sCCLMoB,E,QAAUpB,sBAAH,+CAAGA,CAAH,oKAUb,O,2HCLA,EALWA,mBAAH,8CAAGA,CAAH,+B,wCCQR,EARoBA,kBAAH,uDAAGA,CAAH,uICGF,SAASqB,EAAT,GAAyC,IAAflB,EAAc,EAAdA,MAAOmB,EAAO,EAAPA,IAC9C,OACE,0BACE,gBAAC,EAAD,CAAaC,KAAMD,GAAMnB,ICG/B,IAAMqB,EAAY,WAElB,SAASC,EAAaC,GACpB,OACE,gCACE,gBAACxB,EAAA,EAAD,CAAYC,MAAOqB,IACnB,gBAACJ,EAAA,EAAD,KACE,gBAACJ,EAAA,EAAD,6MAIE,gBAACG,EAAA,EAAD,KAEE,sCAEA,2CACA,6CAEA,gDAKA,4CACA,gEAEA,iDACA,0CACA,2CACA,4CACA,uCACA,0CACA,qCACA,sCACA,wCA3BJ,gFAiCA,gBAAC,EAAD,MACA,gBAACH,EAAA,EAAD,oDAEE,gBAACG,EAAA,EAAD,KACE,gBAACE,EAAD,CACEC,IAAI,iDACJnB,MAAM,mCAER,gBAACkB,EAAD,CACEC,IAAI,gFACJnB,MAAM,kDAER,gBAACkB,EAAD,CACEC,IAAI,iDACJnB,MAAM,8BAER,gBAACkB,EAAD,CACEC,IAAI,iDACJnB,MAAM,sCAER,gBAACkB,EAAD,CACEC,IAAI,wEACJnB,MAAM,mCAER,gBAACkB,EAAD,CACEC,IAAI,iFACJnB,MAAM,6CAER,gBAACkB,EAAD,CACEC,IAAI,wEACJnB,MAAM,4DAER,gBAACkB,EAAD,CACEC,IAAI,wCACJnB,MAAM,gCAER,gBAACkB,EAAD,CACEC,IAAI,wCACJnB,MAAM,4CAER,gBAACkB,EAAD,CACEC,IAAI,iEACJnB,MAAM,0EAER,gBAACkB,EAAD,CACEC,IAAI,gDACJnB,MAAM,iEAER,gBAACkB,EAAD,CACEC,IAAI,0CACJnB,MAAM,mCAGV,gBAAC,EAAD,MACA,+EACsD,IACpD,gBAACc,EAAA,EAAD,CAAcM,KAAK,4DAAnB,YAEgB,IAJlB,QAaVE,EAAaE,OAASA,IACtBF,EAAaD,UAAYA,EAEzB","file":"component---src-pages-podcasts-jsx-371457ae766c2f346da9.js","sourcesContent":["import styled from 'styled-components'\n\nimport { ShadowStyle } from './Styles'\n\nconst Title = styled.h1`\n  font-size: 4rem;\n  letter-spacing: 0.125rem;\n  text-align: center;\n  font-weight: 800;\n  text-shadow: ${ShadowStyle};\n  opacity: 0;\n  @media (max-width: 768px) {\n    font-size: 3rem;\n  }\n`\n\nexport default Title\n","import styled from 'styled-components'\n\nconst InnerDiv = styled.div`\n  color: var(--colorInverted);\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n`\n\nexport default InnerDiv\n","import React, { useRef, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { TweenMax, Power3 } from 'gsap'\n\nimport Title from '../css/Title'\nimport InnerDiv from '../css/InnerDiv'\n\nexport default function FunkyTitle({ title }) {\n  let funkyTitleText = useRef(null)\n  useEffect(() => {\n    TweenMax.from(funkyTitleText, { y: 200, ease: Power3.easeIn, duration: 0.3, delay: 0 })\n    TweenMax.to(funkyTitleText, { opacity: 1, ease: Power3.easeOut, duration: 0, delay: 0.3 })\n  }, [])\n  return (\n    <InnerDiv>\n      <Title ref={el => (funkyTitleText = el)}>{title}</Title>\n    </InnerDiv>\n  )\n}\n\nFunkyTitle.propTypes = {\n  title: PropTypes.string\n}\n","import styled from 'styled-components'\n\nconst Content = styled.div`\n  width: 100%;\n  margin: 0 auto;\n  transform: skewY(2deg);\n  font-size: 1.25rem;\n  color: var(--textColor);\n  width: 80%;\n  @media (max-width: 768px) {\n    font-size: 1rem;\n    text-align: justify;\n  }\n  @media (min-width: 768px) {\n    width: 80%;\n  }\n`\n\nexport default Content\n","import styled from 'styled-components'\n\nimport { ShadowAltStyle } from './Styles'\n\nconst ExternalLink = styled.a`\n  position: relative;\n  font-weight: 700;\n  text-decoration: none;\n  text-shadow: ${ShadowAltStyle};\n`\n\nexport default ExternalLink\n","import styled from 'styled-components'\n\nconst List = styled.ul`\n  list-style-type: disc;\n  list-style-position: inside;\n`\n\nexport default List\n","import styled from 'styled-components'\n\nconst Section = styled.section`\n  padding: 8rem 0rem 8rem 0rem;\n  color: var(--color);\n  transform: skewY(-2deg);\n  background-color: var(--bgSection);\n  @media (max-width: 768px) {\n    padding: 4rem 0rem 4rem 0rem;\n  }\n`\n\nexport default Section\n","import styled from 'styled-components'\n\nconst Br = styled.br`\n  margin-top: 2%;\n  width: 100%;\n`\n\nexport default Br\n","import styled from 'styled-components'\n\nconst PodcastLink = styled.a`\n  border-bottom: 0.1rem solid var(--textColor);\n  transition: 0.5s all ease-in-out;\n  &:hover {\n    border-bottom: 0.3rem solid var(--textColor);\n  }\n`\n\nexport default PodcastLink\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport PodcastLink from '../css/PodcastLink'\n\nexport default function PodcastEpisode({ title, url }) {\n  return (\n    <li>\n      <PodcastLink href={url}>{title}</PodcastLink>\n    </li>\n  )\n}\n\nPodcastEpisode.propTypes = {\n  title: PropTypes.string,\n  url: PropTypes.string\n}\n","import React from 'react'\n\nimport Section from '../css/Section'\nimport Content from '../css/Content'\nimport Br from '../css/Br'\nimport List from '../css/List'\nimport ExternalLink from '../css/ExternalLink'\nimport Layout from '../components/Layout'\nimport FunkyTitle from '../components/FunkyTitle'\nimport PodcastEpisode from '../components/PodcastEpisode'\n\nconst pageTitle = 'Podcasts'\n\nfunction PodcastsPage(props) {\n  return (\n    <>\n      <FunkyTitle title={pageTitle} />\n      <Section>\n        <Content>\n          Here is a list of podcasts I am listening to during my commute, at the\n          gym or any other time I get the chance! I am always interested in\n          listening to new stuff so feel free to give me a suggestion.\n          <List>\n            {/* <li>99% Invisible</li> */}\n            <li>Acquired</li>\n            {/* <li>Bodega Boys</li> */}\n            <li>The Changelog</li>\n            <li>Darknet Diaries</li>\n            {/* <li>Do By Friday</li> */}\n            <li>Freakonomics Radio</li>\n            {/* <li>Grumpy Old Geeks</li> */}\n            {/* <li>How I Built This</li> */}\n            {/* <li>The Indie Hackers Podcast</li> */}\n            {/* <li>The Jeselnik &amp; Rosenthal Vanity Podcast</li> */}\n            <li>Malicious Life</li>\n            <li>Masters of Scale with Reid Hoffman</li>\n            {/* <li>Motley Fool Money</li> */}\n            <li>No Stupid Questions</li>\n            <li>Planet Money</li>\n            <li>React Podcast</li>\n            <li>React Round Up</li>\n            <li>Reply All</li>\n            <li>StackStories</li>\n            <li>StartUp</li>\n            <li>ShopTalk</li>\n            <li>Syntax.fm</li>\n          </List>\n          And quite a few more, that I don’t listen to frequently enough to\n          mention...\n        </Content>\n\n        <Br />\n        <Content>\n          And here are some of my favourite episodes -\n          <List>\n            <PodcastEpisode\n              url=\"https://gimletmedia.com/shows/reply-all/v4he6k\"\n              title=\"The Snapchat Thief - Reply All\"\n            />\n            <PodcastEpisode\n              url=\"https://www.artofmanliness.com/articles/gangsters-code-lou-ferrante-interview\"\n              title=\"Inside the Gangsters’ Code - Art of Manliness\"\n            />\n            <PodcastEpisode\n              url=\"https://gimletmedia.com/shows/reply-all/6nh3wk\"\n              title=\"Long Distance - Reply All\"\n            />\n            <PodcastEpisode\n              url=\"https://gimletmedia.com/shows/reply-all/76h5gl\"\n              title=\"Long Distance, Part 2 - Reply All\"\n            />\n            <PodcastEpisode\n              url=\"https://www.acquired.fm/episodes/instagram-revisited-with-emily-white\"\n              title=\"Instagram Revisited - Acquired\"\n            />\n            <PodcastEpisode\n              url=\"https://www.npr.org/2019/12/13/788003640/episode-959-things-we-learned-in-2019\"\n              title=\"Things We Learned in 2019 - Planet Money\"\n            />\n            <PodcastEpisode\n              url=\"https://www.artofmanliness.com/articles/best-board-games-life-lessons\"\n              title=\"What Board Games Teach Us About Life - Art of Manliness\"\n            />\n            <PodcastEpisode\n              url=\"https://darknetdiaries.com/episode/58\"\n              title=\"OxyMonser - Darknet Diaries\"\n            />\n            <PodcastEpisode\n              url=\"https://darknetdiaries.com/episode/72\"\n              title=\"Bangladesh Bank Heist - Darknet Diaries\"\n            />\n            <PodcastEpisode\n              url=\"https://www.artofmanliness.com/articles/plato-republic-meaning\"\n              title=\"What Plato’s Republic Has to Say About Being a Man - Art of Manliness\"\n            />\n            <PodcastEpisode\n              url=\"https://fs.blog/knowledge-project/adam-grant2\"\n              title=\"Adam Grant: Rethinking Your Position - The Knowledge Project\"\n            />\n            <PodcastEpisode\n              url=\"https://darknetdiaries.com/episode/102/\"\n              title=\"Money Maker - Darknet Diaries\"\n            />\n          </List>\n          <Br />\n          <p>\n            Also, if you listen to The Daily, you have to check{' '}\n            <ExternalLink href=\"https://twitter.com/aaronnemo/status/1198790302238203904\">\n              this out\n            </ExternalLink>{' '}\n            !\n          </p>\n        </Content>\n      </Section>\n    </>\n  )\n}\n\nPodcastsPage.Layout = Layout\nPodcastsPage.pageTitle = pageTitle\n\nexport default PodcastsPage\n"],"sourceRoot":""}