{"version":3,"sources":["webpack:///./src/pages/index.js"],"names":["AboutCard","props","className","href","title","message","to","destination","action","ArticleCard","icon","description","xmlns","viewBox","d","BlogIndex","render","data","this","siteTitle","site","siteMetadata","allMarkdownRemark","edges","location","width","height","shape-rendering","text-rendering","image-rendering","fill-rule","clip-rule","fixed","avatar","childImageSharp","alt","author","React","Component","pageQuery"],"mappings":"kQASA,SAASA,EAAUC,GACjB,OACE,yBAAKC,UAAU,2DACb,yBAAKA,UAAU,mEACb,uBAAGC,KAAK,IAAID,UAAU,iEAEpB,yBAAKA,UAAU,qDACZD,EAAMG,OAET,uBAAGF,UAAU,iDACVD,EAAMI,WAIb,yBAAKH,UAAU,kFACb,yBAAKA,UAAU,mCACb,kBAAC,OAAD,CAAMI,GAAIL,EAAMM,aACd,6BAASL,UAAU,gHAChBD,EAAMO,YASrB,SAASC,EAAYR,GACnB,OACE,wBAAIC,UAAU,oDACZ,yBAAKA,UAAU,qBACZD,EAAMS,KACP,wBAAIR,UAAU,oCAAoCD,EAAMG,QAE1D,uBAAGF,UAAU,WAAWD,EAAMU,aAC9B,yBAAKT,UAAU,0BACb,yBAAKA,UAAU,sCACbU,MAAM,6BAA6BC,QAAQ,aAC3C,0BAAMC,EAAE,4GAEV,kBAAC,OAAD,CAAMR,GAAIL,EAAMM,YAAaL,UAAU,uDAAvC,e,IAMFa,E,kGACJC,OAAA,WAAU,IACAC,EAASC,KAAKjB,MAAdgB,KACFE,EAAYF,EAAKG,KAAKC,aAAajB,MAC3Ba,EAAKK,kBAAkBC,MAErC,OACE,kBAAC,IAAD,CAAQC,SAAUN,KAAKjB,MAAMuB,SAAUpB,MAAOe,GAC5C,kBAAC,IAAD,CACEf,MAAM,wBAER,yBAAKF,UAAU,+BACb,wBAAIA,UAAU,kEAAd,0BAGA,uBAAGA,UAAU,sEACX,uDADF,iFAIF,6BAASA,UAAU,6BACjB,yBAAKA,UAAU,yDACb,kBAACF,EAAD,CACEI,MAAM,SACNC,QAAQ,+MACRG,OAAO,WACPD,YAAY,QACZG,KACE,yBAAKE,MAAM,6BAA6Ba,MAAM,KAAKC,OAAO,KAAKC,kBAAgB,qBAAqBC,iBAAe,qBAAqBC,kBAAgB,kBAAkBC,YAAU,UAAUC,YAAU,UAAUlB,QAAQ,eAAc,0BAAMC,EAAE,uoBAGpP,kBAACd,EAAD,CACEI,MAAM,gBACNC,QAAQ,6LACRG,OAAO,WACPD,YAAY,QACZG,KACE,yBAAKE,MAAM,6BAA6Ba,MAAM,KAAKC,OAAO,KAAKb,QAAQ,sBAAsBc,kBAAgB,qBAAqBC,iBAAe,qBAAqBC,kBAAgB,kBAAkBC,YAAU,UAAUC,YAAU,WAAU,0BAAMjB,EAAE,wsDAAwsDgB,YAAU,iBAKl9D,6BAAS5B,UAAU,iBACjB,yBAAKA,UAAU,kEACb,kBAACO,EAAD,CACEL,MAAM,6BACNG,YAAY,6BACZI,YAAY,8GACZD,KACE,yBAAKR,UAAU,uCACbU,MAAM,6BAA6BC,QAAQ,aAC3C,0BAAMC,EAAE,uGAId,kBAACL,EAAD,CACEL,MAAM,wBACNG,YAAY,wBACZI,YAAY,qFACZD,KACE,yBAAKR,UAAU,uCACbU,MAAM,6BAA6BC,QAAQ,aAC3C,0BAAMC,EAAE,iKAId,kBAACL,EAAD,CACEL,MAAM,sCACNG,YAAY,gCACZI,YAAY,wIACZD,KACE,yBAAKR,UAAU,uCACbU,MAAM,6BAA6BC,QAAQ,aAC3C,0BAAMC,EAAE,mGAMlB,6BAASZ,UAAU,iBACjB,yBAAKA,UAAU,wEACb,yBAAKA,UAAU,6DACb,kBAAC,IAAD,CAAaE,MAAO,UACpB,yBAAKF,UAAU,4BACb,kBAAC,IAAD,CACE8B,MAAOf,EAAKgB,OAAOC,gBAAgBF,MACnCG,IAAKlB,EAAKG,KAAKC,aAAae,OAC5BlC,UAAU,8CAGd,yBAAKA,UAAU,8BACb,yBAAKA,UAAU,kCACb,yCAAc,gCAASe,EAAKG,KAAKC,aAAae,QAA9C,gHACA,sCAAW,mDAAX,yF,GA5FMC,IAAMC,WAiNfvB,YAER,IAAMwB,EAAS","file":"component---src-pages-index-js-16f20f8c72f10c6280f3.js","sourcesContent":["import React from \"react\"\r\nimport { Link, graphql } from \"gatsby\"\r\nimport Img from \"gatsby-image\"\r\n\r\nimport Bio from \"../components/bio\"\r\nimport Layout from \"../components/layout\"\r\nimport SEO from \"../components/seo\"\r\nimport BlockHeader from \"../components/blockheader\"\r\n\r\nfunction AboutCard(props) {\r\n  return (\r\n    <div className=\"w-full md:w-1/3 p-4 flex flex-col flex-grow flex-shrink\">\r\n      <div className=\"flex-1 bg-white rounded-t rounded-b-none overflow-hidden shadow\">\r\n        <a href=\"#\" className=\"flex flex-wrap no-underline hover:no-underline justify-center\">\r\n\r\n          <div className=\"w-full font-bold text-2xl text-gray-800 px-6 mt-2\">\r\n            {props.title}\r\n          </div>\r\n          <p className=\"w-full text-gray-600 text-base px-6 mb-5 mt-2\">\r\n            {props.message}\r\n          </p>\r\n        </a>\r\n      </div>\r\n      <div className=\"flex-none mt-auto bg-white rounded-b rounded-t-none overflow-hidden shadow p-6\">\r\n        <div className=\"flex items-center justify-start\">\r\n          <Link to={props.destination}>\r\n            <buttons className=\"mx-auto lg-mx-0 cursor-pointer hover:underline text-gray-800 font-extrabold rounded my-7 py-4 px-8 shadow-lg\">\r\n              {props.action}\r\n            </buttons>\r\n          </Link>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction ArticleCard(props){\r\n  return(\r\n    <ul className=\"md:w-1/2 px-4 border-gray-600 border-b pb-6 pt-6\">\r\n      <div className=\"flex items-center\">\r\n        {props.icon}\r\n        <h3 className=\"font-bold text-xl text-bold mb-2\">{props.title}</h3>\r\n      </div>\r\n      <p className=\"text-sm\">{props.description}</p>\r\n      <div className=\"flex items-center py-3\">\r\n        <svg className=\"h-6 pr-3 fill-current text-blue-300\"\r\n          xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\r\n          <path d=\"M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zm-2 0a8 8 0 1 0-16 0 8 8 0 0 0 16 0zm-8 2H5V8h5V5l5 5-5 5v-3z\"/>\r\n        </svg>\r\n        <Link to={props.destination} className=\"bold border-b-2 border-blue-300 hover:text-blue-300\">Read more</Link>\r\n      </div>\r\n    </ul>\r\n  )\r\n}\r\n\r\nclass BlogIndex extends React.Component {\r\n  render() {\r\n    const { data } = this.props\r\n    const siteTitle = data.site.siteMetadata.title\r\n    const posts = data.allMarkdownRemark.edges\r\n\r\n    return (\r\n      <Layout location={this.props.location} title={siteTitle}>\r\n        <SEO\r\n          title=\"Landing Last Minute\"\r\n        />\r\n        <div className=\"container mx-auto max-w-5xl\">\r\n          <h1 className=\"my-4 text-2xl md:text-3xl lg:text-5xl font-black leading-tight\">\r\n            Helping People Connect\r\n          </h1>\r\n          <p className=\"leading-normal text-gray-800 text-base md:text-xl lg:text-2xl mb-8\">\r\n            <strong>Landing last minute</strong> aims to make it easy for people to connect through travel and communication\r\n          </p>\r\n        </div>\r\n        <section className=\"bg-gray-100 border-b py-8\">\r\n          <div className=\"container mx-auto max-w-5xl flex flex-wrap pt-4 pb-12\">\r\n            <AboutCard\r\n              title=\"Travel\"\r\n              message=\"Making it easy to stay in touch with people by travelling. I feel there's nothing better than meeting someone face to face. This means travel. My name's Chris and I write guides to make travelling easier.\"\r\n              action=\"See More\"\r\n              destination=\"/read\"\r\n              icon={\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"64\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" viewBox=\"0 0 640 640\"><path d=\"M198.652 621.563c0-55.1 30.284-81.036 70.123-110.93V366.478L7.145 482.712c0-100.608-34.24-93.237 47.116-144.356l.803-.496v-62.871h58.418v26.48l42.922-26.74v-70.442h58.418v34.052l53.953-33.615V55.891c0-20.93 22.737-38.043 50.528-38.043h.012c27.792 0 50.528 17.15 50.528 38.043v148.833l54.532 33.97v-34.407h58.418v70.796l42.934 26.73v-26.824h58.406v63.213c81.025 50.34 50.068 40.513 50.068 144.51L369.843 366.325V509.95c42.39 28.3 70.11 49.985 70.11 111.616l-66.697.58c-15.26-12.001-25.854-21.096-33.98-27.391-6.142 2.008-12.898 3.118-19.961 3.118h-.012c-7.985 0-15.58-1.417-22.312-3.933-8.752 6.378-20.338 15.815-37.547 28.205l-60.792-.579z\"/></svg>\r\n              }\r\n            />\r\n            <AboutCard\r\n              title=\"Communication\"\r\n              message=\"Staying in touch, particularly when travelling, is important. I write guides here to demistify what it means to communicate across borders and how to stay in touch even when on the move.\"\r\n              action=\"See More\"\r\n              destination=\"/read\"\r\n              icon={\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 1333.34 1332.32\" shape-rendering=\"geometricPrecision\" text-rendering=\"geometricPrecision\" image-rendering=\"optimizeQuality\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><path d=\"M323.23 644.52c39.44 71.14 84.87 139.46 144.04 201.8 59.17 62.69 132.77 119.74 228.21 168.34 7.04 3.52 13.73 3.52 19.72 1.06 9.16-3.52 18.32-10.92 27.47-20.07 7.05-7.05 15.85-18.32 25-30.64 36.63-48.25 82.06-108.12 146.15-78.19 1.41.7 2.47 1.41 3.87 2.11l213.77 122.91c.7.35 1.41 1.06 2.11 1.41 28.17 19.37 39.8 49.31 40.15 83.12 0 34.51-12.68 73.25-31.34 106-24.65 43.31-60.93 71.84-102.83 90.85-39.8 18.31-84.17 28.18-126.79 34.52-66.91 9.86-129.6 3.52-193.69-16.2-62.69-19.36-125.73-51.42-194.75-94.03l-4.93-3.17c-31.69-19.72-65.85-40.85-99.31-65.85-122.91-92.63-247.93-226.45-329.28-373.66C22.47 651.22-14.86 517.74 5.57 390.61c11.28-69.73 41.2-133.12 93.33-175.03 45.43-36.63 106.71-56.7 185.95-49.66 9.16.7 17.25 5.99 21.48 13.73l137 231.73c20.08 26.06 22.54 51.78 11.62 77.48-9.16 21.13-27.47 40.5-52.48 58.82-7.39 6.34-16.2 12.68-25.35 19.37-30.64 22.19-65.5 47.89-53.54 78.18l-.35-.7zm847.74-449.2c28.14 0 50.95 22.82 50.95 50.96s-22.81 50.95-50.95 50.95c-28.14 0-50.96-22.81-50.96-50.95 0-28.14 22.82-50.96 50.96-50.96zm-349.6-.19c28.21 0 51.07 22.86 51.07 51.06 0 28.2-22.87 51.05-51.07 51.05-28.21 0-51.05-22.85-51.05-51.05 0-28.2 22.83-51.06 51.05-51.06zm181.06 0c28.21 0 51.07 22.86 51.07 51.06 0 28.2-22.87 51.05-51.07 51.05-28.21 0-51.05-22.85-51.05-51.05 0-28.2 22.84-51.06 51.05-51.06zM792.23 0c-38.16 0-70.83 13.43-98 40.3-27.17 26.87-40.3 59.53-40.3 98v242.71c0 38.46 13.43 71.13 40.3 98 26.87 26.87 59.53 40.3 98 40.3h113.63c-7.93 30.53-17.7 59.53-29.91 86.7-11.91 27.48-32.36 53.73-60.45 78.77 54.04-14.04 101.97-35.11 144.41-62.89 42.13-27.48 78.77-61.98 108.99-102.58h126.15c38.16 0 70.83-13.74 98-40.3 27.17-26.87 40.29-59.54 40.29-98V138.3c0-38.17-13.43-70.83-40.29-98-26.87-27.17-59.53-40.3-98-40.3H792.24z\" fill-rule=\"nonzero\"/></svg>\r\n              }\r\n            />\r\n          </div>\r\n        </section>\r\n        <section className=\"border-b py-8\">\r\n          <div className=\"container mx-auto max-w-5xl flex flex-wrap justify-center mx-2\">\r\n            <ArticleCard\r\n              title=\"Australian SIM Cards Guide\"\r\n              destination=\"/australian-sim-card-guide\"\r\n              description=\"A guide for tourists, students, and business travellers on which SIM card to buy when arriving in Australia\"\r\n              icon={\r\n                <svg className=\"h-8 mb-3 mr-3 fill-current text-gray\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\r\n                  <path d=\"M2 4v14h14v-6l2-2v10H0V2h10L8 4H2zm10.3-.3l4 4L8 16H4v-4l8.3-8.3zm1.4-1.4L16 0l4 4-2.3 2.3-4-4z\"/>\r\n                </svg>\r\n              }\r\n            />\r\n            <ArticleCard\r\n              title=\"Japan SIM Cards Guide\"\r\n              destination=\"/japan-sim-card-guide\"\r\n              description=\"A map to each of Japan's popular airports to help anyone arriving find a SIM card.\"\r\n              icon={\r\n                <svg className=\"h-8 mb-3 mr-3 fill-current text-gray\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\r\n                  <path d=\"M9 12H1v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6h-8v2H9v-2zm0-1H0V5c0-1.1.9-2 2-2h4V2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1h4a2 2 0 0 1 2 2v6h-9V9H9v2zm3-8V2H8v1h4z\"/>\r\n                </svg>\r\n              }\r\n            />\r\n            <ArticleCard\r\n              title=\"How to Receive Calls While Overseas\"\r\n              destination=\"/receive-calls-overseas-guide\"\r\n              description=\"There are many ways to receive calls while travelling to another country. This guide is a detailed how-to with costs for each option.\"\r\n              icon={\r\n                <svg className=\"h-8 mb-3 mr-3 fill-current text-gray\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\r\n                  <path d=\"M3 6c0-1.1.9-2 2-2h8l4-4h2v16h-2l-4-4H5a2 2 0 0 1-2-2H1V6h2zm8 9v5H8l-1.67-5H5v-2h8v2h-2z\"/>\r\n                </svg>\r\n              }\r\n            />\r\n          </div>\r\n        </section>\r\n        <section className=\"border-b py-8\">\r\n          <div className=\"container mx-auto max-w-5xl flex flex-wrap pt-4 pb-12 justify-center\">\r\n            <div className=\"md:w-1/2 rounded rounded-t-lg overflow-hidden shadow my-3\">\r\n              <BlockHeader title={\"About\"}/>\r\n              <div className=\"flex justify-center mt-3\">\r\n                <Img\r\n                  fixed={data.avatar.childImageSharp.fixed}\r\n                  alt={data.site.siteMetadata.author}\r\n                  className=\"border-solid border-white border-2 -mt-1\"\r\n                />\r\n              </div>\r\n              <div className=\"text-center px-3 pb-6 pt-2\">\r\n                <div className=\"mt-2 font-light text-grey-dark\">\r\n                  <p>Written by <strong>{data.site.siteMetadata.author}</strong> who travels frequently for work and understands what it can be like to arrive somewhere new and unfamiliar.</p>\r\n                  <p>I wrote <em>Landing Last Minute</em> to help the hurried traveler get necessary information about any destination.</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n        \r\n          </div>\r\n        </section>\r\n      </Layout>\r\n    )\r\n\r\n    /*\r\n\r\n    \r\n        {Row 1}\r\n        <div className=\"flex items-center h-10\">\r\n\r\n          <div className=\"flex-none md:w-10/12\">\r\n          </div>\r\n\r\n        </div>\r\n\r\n        {/*Row 2}\r\n        <div className=\"flex items-center h-48\">\r\n          <div className=\"md:flex-none md:w-2/12\">\r\n          </div>\r\n\r\n          <div className=\"md:flex-none md:w-3/12 border-l-4 border-indigo pl-2\">\r\n            <header>\r\n              <h1 className=\"leading-tight text-4xl font-semibold p-1\">Landing Last Minute</h1>\r\n              <p className=\"p-1\"><em>Helping people travel easily</em></p>\r\n            </header>\r\n          </div>\r\n\r\n          <div className=\"md:flex-none md:w-1/12\">\r\n          </div>\r\n\r\n          \r\n\r\n        </div>\r\n\r\n        {/*Row 3}\r\n        <div className=\"flex items-center h-10\">\r\n\r\n          <div className=\"md:flex-none md:w-10/12\">\r\n          </div>\r\n\r\n        </div>\r\n        \r\n        {/*Row 4}\r\n        <div className=\"flex flex-wrap h-64 md:h-48\">\r\n          <div className=\"md:flex-none md:w-2/12\">\r\n          </div>\r\n\r\n          <div className=\"w-full md:flex-none md:w-4/12 pl-2 mt-1 pr-2\">\r\n            <h3 className=\"p-1 font-bold\">Recent</h3>\r\n            {posts.map(( {node} ) => {\r\n              const title = node.frontmatter.title || node.fields.slug\r\n              return(\r\n                <Link to={node.fields.slug}>\r\n                  <h2 className=\"text-xl p-1 border-l-4 border-indigo mt-1 cursor-pointer\">\r\n                    {title}\r\n                  </h2>\r\n                </Link>\r\n              )\r\n            })}\r\n            \r\n          </div>\r\n\r\n          <div className=\"w-full md:flex-none md:w-4/12 mt-1 md:ml-1 pl-2\">\r\n            <h3 className=\"p-1 font-bold\">Guides</h3>\r\n            <div className=\"text-xl mt-1 p-1 cursor-pointer border-l-4 border-indigo\">\r\n              <Link to={\"/australian-sim-card-guide\"}>Australia SIM Cards Guide</Link>\r\n            </div>\r\n            <div className=\"text-xl mt-1 p-1 cursor-pointer border-l-4 border-indigo\">\r\n              <Link to={\"/new-zealand-sim-card-guide\"}>New Zealand SIM Cards Guide</Link>\r\n            </div>\r\n            <div className=\"text-xl mt-1 p-1 cursor-pointer border-l-4 border-indigo\">\r\n              <Link to={\"/japan-sim-card-guide\"}>Japan SIM Cards Guide</Link>\r\n            </div>\r\n            \r\n          </div>\r\n\r\n        </div>\r\n\r\n        {/*Row 5}\r\n        <div className=\"flex items-center h-48\">\r\n\r\n          <div className=\"w-full md:flex-none md:w-10/12\">\r\n          </div>\r\n\r\n        </div>\r\n\r\n        {/*Row 6}\r\n        <div className=\"flex items-center h-60\">\r\n\r\n          <div className=\"md:flex-none md:w-2/12\">\r\n          </div>\r\n\r\n          <div className=\"md:flex-none w-full md:w-4/12 pr-1\">\r\n            <Img\r\n              fluid={data.back_one.childImageSharp.fluid}\r\n              alt=\"Taiwan\"\r\n            />\r\n          </div>\r\n\r\n          <div className=\"md:flex-none w-full md:w-4/12 pl-1\">\r\n            <Img\r\n              fluid={data.back_two.childImageSharp.fluid}\r\n              alt=\"Sydney\"\r\n            />\r\n          </div>\r\n\r\n        </div>\r\n*/\r\n  }\r\n}\r\n\r\nexport default BlogIndex\r\n\r\nexport const pageQuery = graphql`\r\n  query {\r\n    avatar: file(absolutePath: { regex: \"/me_hkg__43_750.jpg/\" }) {\r\n      childImageSharp {\r\n        fixed(width: 132, height: 86) {\r\n          ...GatsbyImageSharpFixed\r\n        }\r\n      }\r\n    }\r\n    site {\r\n      siteMetadata {\r\n        title\r\n        siteUrl\r\n        author\r\n      }\r\n    }\r\n    file(absolutePath: { regex: \"/splash.jpg/\" }) {\r\n      childImageSharp {\r\n        fluid (maxWidth: 786){\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    back_one: file(absolutePath: { regex: \"/background_one.jpg/\" }) {\r\n      childImageSharp {\r\n        fluid (maxHeight: 240) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    back_two: file(absolutePath: { regex: \"/background_two.jpg/\" }) {\r\n      childImageSharp {\r\n        fluid (maxHeight: 240) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    allMarkdownRemark(sort: { fields: [frontmatter___date], order: DESC } limit:3) {\r\n      edges {\r\n        node {\r\n          excerpt\r\n          fields {\r\n            slug\r\n          }\r\n          frontmatter {\r\n            date(formatString: \"MMMM DD, YYYY\")\r\n            title\r\n            cover_image {\r\n              childImageSharp {\r\n                resize (width:1500, height: 1500) {\r\n                  src\r\n                }\r\n                fluid (maxWidth: 786) {\r\n                  ...GatsbyImageSharpFluid\r\n                }\r\n              }\r\n            }\r\n            cover_image_caption\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"sourceRoot":""}