{"version":3,"file":"component---src-pages-episodes-markdown-remark-frontmatter-slug-js-103e8527f1e59f99c063.js","mappings":"qLAEA,MCCmB,IAAiD,IAAhD,MAAEA,EAAK,YAAEC,EAAW,SAAEC,EAAQ,SAAEC,GAAU,EAC5D,MACEH,MAAOI,EACPH,YAAaI,EAAkB,QAE/BC,ICLWC,EAAAA,EAAAA,gBAAe,cAYhBC,KAAKC,aDJXC,EAAM,CACVV,MAAOA,GAASI,EAChBH,YAAaA,GAAeI,EAE5BM,IAAI,GAAIL,GAAUJ,GAAQ,KAG5B,OACE,yBACE,qBAAQQ,EAAIV,QACZ,gBAAMY,KAAK,cAAcC,QAASH,EAAIT,cAYrCE,EACA,C,sKE5BqD,wqDCL5D,MDOe,SAAuB,GAOlC,IAPkC,MACpCH,EAAK,cACLc,EAAa,eACbC,EAAc,cACdC,EAAa,KACbC,EAAI,WACJC,GACD,EACC,OACE,QAACC,EAAA,EAAM,MACL,eACEC,IAAG,IAQH,kBAAKpB,IAEL,eACEoB,IAAG,IAaH,eACEA,IAAG,IAQH,kBACEA,IAAG,EAQHC,IAAKH,EACLlB,MAAOA,EACPsB,YAAY,IACZC,MAAM,sGACNC,iBAAe,OAIrB,aACEJ,IAAG,EAMHK,wBAAyB,CAAEC,OAAQZ,MAErC,eACEM,IAAG,IAIH,kBAAI,iDACJ,aACEA,IAAG,GAIJ,uBAGD,cACEA,IAAG,IA2CH,mBACE,QAACO,EAAA,EAAO,QAEV,mBACE,QAAC,IAAW,QAEd,mBACE,QAACC,EAAA,EAAS,QAEZ,mBACE,QAACC,EAAA,EAAS,CAACC,KAAK,aAIpB,aACEV,IAAG,GAIJ,uBAGD,cACEA,IAAG,IA2CH,mBACE,QAACO,EAAA,EAAO,QAEV,mBACE,QAACC,EAAA,EAAS,CAACE,KAAK,YAElB,mBACE,QAACD,EAAA,EAAS,CAACC,KAAK,cAO9B,E,UEnNe,SAASC,EAAOC,GAC7B,MAAMC,EAAOD,EAAMC,KAAKC,eAAeC,YAEvC,OAAO,QAAC,EAAkBF,EAC5B,CAEO,MA0BMG,EAAQJ,IACnB,MAAMC,EAAOD,EAAMC,KAAKC,eAAeC,YAEvC,OACE,QAAC,IAAG,CACFnC,MAAUiC,EAAKjC,MAAK,cAAciC,EAAKjB,cAAa,yBACpDf,YAAagC,EAAKnB,cAClBZ,SAAU,aACV,C","sources":["webpack://not-so-deep/./src/components/Seo/index.js","webpack://not-so-deep/./src/components/Seo/Seo.js","webpack://not-so-deep/./src/hooks/use-site-metadata.js","webpack://not-so-deep/./src/components/EpisodeDetail/EpisodeDetail.js","webpack://not-so-deep/./src/components/EpisodeDetail/index.js","webpack://not-so-deep/./src/pages/episodes/{markdownRemark.frontmatter__slug}.js"],"sourcesContent":["import { SEO } from \"./Seo\";\r\n\r\nexport default SEO;\r\n","import React from \"react\";\r\nimport { useSiteMetadata } from \"../../hooks/use-site-metadata\";\r\n\r\nexport const SEO = ({ title, description, pathname, children }) => {\r\n  const {\r\n    title: defaultTitle,\r\n    description: defaultDescription,\r\n    // image,\r\n    siteUrl,\r\n  } = useSiteMetadata();\r\n\r\n  const seo = {\r\n    title: title || defaultTitle,\r\n    description: description || defaultDescription,\r\n    // image: `${siteUrl}${image}`,\r\n    url: `${siteUrl}${pathname || ``}`,\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <title>{seo.title}</title>\r\n      <meta name=\"description\" content={seo.description} />\r\n      {/* <meta name=\"image\" content={seo.image} /> */}\r\n      {/* <meta name=\"twitter:card\" content=\"summary_large_image\" />\r\n      <meta name=\"twitter:title\" content={seo.title} />\r\n      <meta name=\"twitter:url\" content={seo.url} />\r\n      <meta name=\"twitter:description\" content={seo.description} />\r\n      <meta name=\"twitter:image\" content={seo.image} />\r\n      <meta name=\"twitter:creator\" content={seo.twitterUsername} /> */}\r\n      {/* <link\r\n        rel=\"icon\"\r\n        href=\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>👤</text></svg>\"\r\n      /> */}\r\n      {children}\r\n    </>\r\n  );\r\n};\r\n","import { graphql, useStaticQuery } from \"gatsby\";\r\n\r\nexport const useSiteMetadata = () => {\r\n  const data = useStaticQuery(graphql`\r\n    query {\r\n      site {\r\n        siteMetadata {\r\n          title\r\n          description\r\n          siteUrl\r\n        }\r\n      }\r\n    }\r\n  `);\r\n\r\n  return data.site.siteMetadata;\r\n};\r\n","import * as React from \"react\";\r\nimport Layout from \"../../components/Layout\";\r\nimport { css } from \"@emotion/react\";\r\nimport RssButton from \"../../components/podcastLinks/Rss\";\r\nimport Spotify from \"../../components/podcastLinks/Spotify\";\r\nimport YouTubeLink from \"../../components/podcastLinks/Youtube\";\r\nimport AppleLink from \"../../components/podcastLinks/Apple\";\r\n\r\nexport default function EpisodeDetail({\r\n  title,\r\n  content_plain,\r\n  date_published,\r\n  episodeNumber,\r\n  slug,\r\n  youtubeURL,\r\n}) {\r\n  return (\r\n    <Layout>\r\n      <div\r\n        css={css`\r\n          display: flex;\r\n          flex-direction: column;\r\n          flex-grow: 1;\r\n          padding: 0 1rem 1rem 1rem;\r\n          /* align-items: center; */\r\n        `}\r\n      >\r\n        <h1>{title}</h1>\r\n\r\n        <div\r\n          css={css`\r\n            width: 100%;\r\n            max-width: 600px;\r\n            justify-content: center;\r\n            align-self: center;\r\n            display: flex;\r\n            padding: 1.2rem;\r\n\r\n            @media (min-width: 992px) {\r\n              max-width: 800px;\r\n            }\r\n          `}\r\n        >\r\n          <div\r\n            css={css`\r\n              position: relative;\r\n              width: 100%;\r\n              padding-bottom: 56.25%;\r\n              box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),\r\n                0 6px 6px rgba(0, 0, 0, 0.23);\r\n            `}\r\n          >\r\n            <iframe\r\n              css={css`\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 100%;\r\n                height: 100%;\r\n                border: 0;\r\n              `}\r\n              src={youtubeURL}\r\n              title={title}\r\n              frameBorder=\"0\"\r\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n              allowFullScreen\r\n            ></iframe>\r\n          </div>\r\n        </div>\r\n        <p\r\n          css={css`\r\n            line-height: 1.8rem;\r\n            max-width: 900px;\r\n            margin: 1.6rem 0;\r\n            align-self: center;\r\n          `}\r\n          dangerouslySetInnerHTML={{ __html: content_plain }}\r\n        />\r\n        <div\r\n          css={css`\r\n            padding: 1rem 0;\r\n          `}\r\n        >\r\n          <h2>Click to listen in your favorite podcast app</h2>\r\n          <p\r\n            css={css`\r\n              opacity: 0.75;\r\n              padding: 1rem 0;\r\n            `}\r\n          >\r\n            Available in Video\r\n          </p>\r\n          <ul\r\n            css={css`\r\n              list-style-type: none;\r\n              display: flex;\r\n              flex-direction: column;\r\n              align-items: center;\r\n              align-self: center;\r\n              max-width: 900px;\r\n              padding: 1rem 0;\r\n              & > li {\r\n                padding: 0.6rem 1rem;\r\n              }\r\n              & > li img {\r\n                /* opacity: 0.6; */\r\n                width: 16rem;\r\n              }\r\n\r\n              @media (min-width: 768px) {\r\n                flex-direction: row;\r\n                justify-content: space-around;\r\n                flex-wrap: wrap;\r\n                margin: auto;\r\n                max-width: 600px;\r\n                align-self: center;\r\n              }\r\n\r\n              @media (min-width: 992px) {\r\n                padding-top: 1.4rem;\r\n                /* max-width: 80%; */\r\n\r\n                & > li img {\r\n                  width: 14rem;\r\n                }\r\n              }\r\n\r\n              @media (min-width: 1200px) {\r\n                max-width: 90%;\r\n\r\n                & > li img {\r\n                  width: 16rem;\r\n                }\r\n              }\r\n            `}\r\n          >\r\n            <li>\r\n              <Spotify />\r\n            </li>\r\n            <li>\r\n              <YouTubeLink />\r\n            </li>\r\n            <li>\r\n              <AppleLink />\r\n            </li>\r\n            <li>\r\n              <RssButton type=\"video\" />\r\n            </li>\r\n          </ul>\r\n\r\n          <p\r\n            css={css`\r\n              opacity: 0.75;\r\n              padding: 1rem 0;\r\n            `}\r\n          >\r\n            Available in Audio\r\n          </p>\r\n          <ul\r\n            css={css`\r\n              list-style-type: none;\r\n              display: flex;\r\n              flex-direction: column;\r\n              align-items: center;\r\n              align-self: center;\r\n              max-width: 900px;\r\n              padding: 1rem 0;\r\n              & > li {\r\n                padding: 0.6rem 1rem;\r\n              }\r\n              & > li img {\r\n                /* opacity: 0.6; */\r\n                width: 16rem;\r\n              }\r\n\r\n              @media (min-width: 768px) {\r\n                flex-direction: row;\r\n                justify-content: space-around;\r\n                flex-wrap: wrap;\r\n                margin: auto;\r\n                max-width: 600px;\r\n                align-self: center;\r\n              }\r\n\r\n              @media (min-width: 992px) {\r\n                padding-top: 1.4rem;\r\n                /* max-width: 80%; */\r\n\r\n                & > li img {\r\n                  width: 14rem;\r\n                }\r\n              }\r\n\r\n              @media (min-width: 1200px) {\r\n                max-width: 90%;\r\n\r\n                & > li img {\r\n                  width: 16rem;\r\n                }\r\n              }\r\n            `}\r\n          >\r\n            <li>\r\n              <Spotify />\r\n            </li>\r\n            <li>\r\n              <AppleLink type=\"audio\" />\r\n            </li>\r\n            <li>\r\n              <RssButton type=\"audio\" />\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n}\r\n\r\nexport const Head = () => <title>Rigged Sports - Not So Deep Podcast</title>;\r\n","import EpisodeDetail from \"./EpisodeDetail\";\r\nexport default EpisodeDetail;\r\n","import React from \"react\";\r\nimport { graphql } from \"gatsby\";\r\nimport EpisodeDetail from \"../../components/EpisodeDetail\";\r\nimport SEO from \"../../components/Seo\";\r\n\r\nexport default function Detail(props) {\r\n  const data = props.data.markdownRemark.frontmatter;\r\n\r\n  return <EpisodeDetail {...data} />;\r\n}\r\n\r\nexport const pageQuery = graphql`\r\n  query ($id: String!) {\r\n    markdownRemark(id: { eq: $id }) {\r\n      html\r\n      frontmatter {\r\n        slug\r\n        videoBlobURL\r\n        audioBlobURL\r\n        youtubeURL\r\n        title\r\n        content_html\r\n        summary\r\n        date_published\r\n        episodeNumber\r\n        transcript\r\n        content_plain\r\n        thumbnail_url {\r\n          childImageSharp {\r\n            gatsbyImageData(width: 800)\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Head = (props) => {\r\n  const data = props.data.markdownRemark.frontmatter;\r\n\r\n  return (\r\n    <SEO\r\n      title={`${data.title} - Episode ${data.episodeNumber} - Not So Deep Podcast`}\r\n      description={data.content_plain}\r\n      pathname={\"/episodes\"}\r\n    />\r\n  );\r\n};\r\n"],"names":["title","description","pathname","children","defaultTitle","defaultDescription","siteUrl","useStaticQuery","site","siteMetadata","seo","url","name","content","content_plain","date_published","episodeNumber","slug","youtubeURL","Layout","css","src","frameBorder","allow","allowFullScreen","dangerouslySetInnerHTML","__html","Spotify","Apple","Rss","type","Detail","props","data","markdownRemark","frontmatter","Head"],"sourceRoot":""}