{"version":3,"sources":["webpack:///./src/components/HelloWorld.tsx","webpack:///./src/pages/index.tsx"],"names":["className","src","alt","style","margin","maxWidth","maxHeight","href","StyleSheet","container","flex","backgroundColor","alignItems","justifyContent","App","data","display","flexDirection","flexWrap","paddingVertical","paddingHorizontal","flexBasis","fontSize","color","textAlign","host","width","borderRadius","fluid","centered","size","socials","lineHeight","blocks"],"mappings":"4PAKe,SAAS,IACtB,OACE,oCACE,6BAASA,UAAT,eACE,8BACE,6BAASA,UAAT,SACE,yBACEC,IADF,IAEEC,IAFF,GAGEC,MAAO,CAAEC,OAAF,OAAkBC,SAAlB,OAAoCC,UAJ/C,UAME,4JAGE,uBAAGC,KAAH,wBAHF,gCAIE,uBAAGA,KAAH,mCAJF,yBAVV,oEA0BaC,WAAkB,CAC/BC,UAAW,CACTC,KADS,EAETC,gBAFS,OAGTC,WAHS,SAITC,eALJ,gB,kECtBe,SAASC,EAAI,GAC1BC,MAMC,EANDA,KAOA,OACE,yBACE,yBACE,kBADF,MAEE,qBACEf,UADF,QAEEG,MAAO,CACLa,QADK,OAELC,cAFK,MAGLC,SAHK,OAILL,eAJK,eAKLM,gBALK,OAMLC,kBARJ,QAWGL,2BAA6B,mBAC5B,qBAAMf,UAAN,OAAuBG,MAAO,CAAEkB,UAAhC,SACE,qBACElB,MAAO,CAAEmB,SAAF,GAAgBC,MAAhB,UAAkCC,UAD3C,WAGGC,EAJL,MAOE,qBACEtB,MAAO,CACLuB,MADK,MAELrB,SAFK,QAGLsB,aAHK,MAILvB,OALJ,aAOEwB,MAAOH,iBAdX,QAgBE,qBACEI,UADF,EAEEC,KAFF,GAGEC,QAAO,cAAMN,EAAN,aAAuBA,EAHhC,UAIEF,MApBJ,4BAsBE,qBAAMpB,MAAO,CAAEmB,SAAF,GAAgBU,WAAhB,GAAgCT,MAA7C,YACE,qBAAcU,OAAQR,EAxBE,oB","file":"10-8e7b4787c3ead87c8dd8.js","sourcesContent":["import React from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\nimport GlobeImage from \"../../assets/seagazing-globe.png\";\nimport \"./HelloWorld.css\";\n\nexport default function HelloWorld() {\n  return (\n    <>\n      <article className=\"hello-world\">\n        <main>\n          <section className=\"intro\">\n            <img\n              src={GlobeImage}\n              alt=\"\"\n              style={{ margin: \"auto\", maxWidth: \"100%\", maxHeight: \"50vh\" }}\n            />\n            <p>\n              A podcast about the Scottish coast and the communities and\n              conservation work taking place along it. Each episode the hosts{\" \"}\n              <a href=\"https://nicolette.me\">Nicolette&nbsp;Macleod</a> and{\" \"}\n              <a href=\"https://www.gnrichardson.co.uk/\">\n                Graham&nbsp;Richardson\n              </a>{\" \"}\n              talk to a different guest about their experience of the sea.\n            </p>\n          </section>\n        </main>\n      </article>\n    </>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: \"#fff\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n});\n","import * as React from \"react\";\nimport { Text, View } from \"react-native\";\nimport HelloWorld from \"../components/HelloWorld\";\nimport { graphql } from \"gatsby\";\nimport { IHostFull } from \"../types/hosts\";\nimport SocialLinks from \"../components/SocialLinks\";\nimport BlockContent from \"@sanity/block-content-to-react\";\nimport Img from \"gatsby-image\";\nimport WebLayout from \"../components/WebLayout\";\n\nexport default function App({\n  data,\n}: {\n  data: {\n    sanityPodcast: { title: string; subtitle: string };\n    allSanityHost: { nodes: IHostFull[] };\n  };\n}) {\n  return (\n    <WebLayout>\n      <View>\n        <HelloWorld />\n        <View\n          className=\"hosts\"\n          style={{\n            display: \"flex\",\n            flexDirection: \"row\",\n            flexWrap: \"wrap\",\n            justifyContent: \"space-around\",\n            paddingVertical: \"10em\",\n            paddingHorizontal: \"2vw\",\n          }}\n        >\n          {data.allSanityHost.nodes.map((host) => (\n            <View className=\"host\" style={{ flexBasis: \"35em\" }}>\n              <Text\n                style={{ fontSize: 36, color: \"#122B29\", textAlign: \"center\" }}\n              >\n                {host.name}\n              </Text>\n\n              <Img\n                style={{\n                  width: \"60%\",\n                  maxWidth: \"700px\",\n                  borderRadius: \"50%\",\n                  margin: \" 1em auto\",\n                }}\n                fluid={host.headshot.asset.fluid}\n              />\n              <SocialLinks\n                centered\n                size={24}\n                socials={[...host.website, ...host.socials]}\n                color=\"rgba(237, 225, 173, 1) \"\n              />\n              <Text style={{ fontSize: 24, lineHeight: 36, color: \"#122B29\" }}>\n                <BlockContent blocks={host._rawBio} />\n              </Text>\n            </View>\n          ))}\n        </View>\n      </View>\n    </WebLayout>\n  );\n}\n\nexport const query = graphql`\n  query {\n    sanityPodcast(slug: { current: { eq: \"seagazing\" } }) {\n      title\n      subtitle\n    }\n    allSanityHost(sort: { fields: name, order: DESC }) {\n      nodes {\n        ...HostFull\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}