{"version":3,"file":"component---src-pages-open-houses-js-22a9c66b97df26d745ec.js","mappings":"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","sources":["webpack://gatsby-theme-forty/./src/components/BannerLanding.js","webpack://gatsby-theme-forty/./src/components/SEO.js","webpack://gatsby-theme-forty/./src/pages/open-houses.js"],"sourcesContent":["import React from 'react'\n\nconst BannerLanding = (props) => {\n    const bannerColor = props.bannerColor ? props.bannerColor : 'style2';\n    return (\n        <section id=\"banner\" className={props.style ? `${props.style} ${bannerColor}` : 'style2'}>\n            <div className=\"inner\">\n                <header className=\"major\">\n                    <h1>{props.title}</h1>\n                </header>\n                <div className=\"content\">\n                    <p>{props.description}</p>\n                </div>\n            </div>\n        </section>\n    )\n};\n\nexport default BannerLanding\n","import React from 'react'\nimport Helmet from 'react-helmet'\n\nfunction SEO({ pageTitle }) {\n    return (\n        <Helmet htmlAttributes={{\n            lang: 'en',\n        }}>\n            <title>{`Garfield-Clarendon Model Railroad Club, Chicago IL - ${pageTitle}`}</title>\n            <meta name=\"description\" content=\"Generic Page\" />\n            <meta charSet=\"utf-8\" />\n            <link rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/favicon.ico.png\" />\n            <link rel=\"canonical\" href=\"http://www.garfieldcentral.org\" />\n            <meta property=\"og:site_name\" content=\"Garfield-Clarendon Model Railroad Club  \" />\n            <meta property=\"og:title\" content={pageTitle} />\n            <meta property=\"og:url\" content=\"http://www.garfieldcentral.org\" />\n            <meta property=\"og:type\" content=\"website\" />\n            <meta property=\"og:description\" content=\"The Garfield-Clarendon Model Railroad Club is a Chicago based HO scale model railroad club. We meet in the Clarendon Park Community Center in the Uptown neighborhood.\" />\n            <meta property=\"og:image\" content=\"/garfieldClarendonSocialMedia.png\" />\n            <meta property=\"og:image:width\" content=\"426\" />\n            <meta property=\"og:image:height\" content=\"425\" />\n            <meta itemprop=\"name\" content=\"Garfield-Clarendon Model Railroad Club  \" />\n            <meta itemprop=\"url\" content=\"http://www.garfieldcentral.org\" />\n            <meta itemprop=\"description\" content=\"The Garfield-Clarendon Model Railroad Club is a Chicago based HO scale model railroad club. We meet in the Clarendon Park Community Center in the Uptown neighborhood.\" />\n            <meta itemprop=\"thumbnailUrl\" content=\"/garfieldClarendonSocialMedia.png\" />\n            <link rel=\"image_src\" href=\"/garfieldClarendonSocialMedia.png\" />\n            <meta itemprop=\"image\" content=\"/garfieldClarendonSocialMedia.png\" />\n            <meta name=\"twitter:title\" content={pageTitle} />\n            <meta name=\"twitter:image\" content=\"/garfieldClarendonSocialMedia.png\" />\n            <meta name=\"twitter:url\" content=\"http://www.garfieldcentral.org\" />\n            <meta name=\"twitter:card\" content=\"summary\" />\n            <meta name=\"twitter:description\" content=\"The Garfield-Clarendon Model Railroad Club is a Chicago based HO scale model railroad club. We meet in the Clarendon Park Community Center in the Uptown neighborhood.\" />\n            <meta name=\"description\" content=\"The Garfield-Clarendon Model Railroad Club is a Chicago based HO scale \n            model railroad club. We meet in the Clarendon Park Community Center in the \n            Uptown neighborhood.\"/>\n        </Helmet>\n    )\n}\n\nexport default SEO","import React from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport { format, toDate } from 'date-fns'\nimport SEO from '../components/SEO'\nimport Layout from '../components/layout'\nimport BannerLanding from '../components/BannerLanding'\n\nconst Landing = () => {\n  const data = useStaticQuery(\n    graphql`\n      query OpenHouses {\n        allContentfulOpenHouses {\n          nodes {\n            date\n            description {\n              description\n            }\n            title\n            startTime\n            endTime\n            link {\n              link\n            }\n          }\n        }\n      }\n    `\n  )\n  const futureDates = data.allContentfulOpenHouses.nodes.filter(\n    (item) => toDate(new Date(item.date)) > new Date()\n  )\n  const pastEvents = data.allContentfulOpenHouses.nodes.filter(\n    (item) => toDate(new Date(item.date)) < new Date()\n  )\n  return (\n    <Layout>\n      <SEO pageTitle=\"Open Houses  and Events\" />\n      <BannerLanding\n        style=\"openHouses\"\n        title=\"Open Houses and Events\"\n        description=\"Vist us soon or browse photos from a prior events.\"\n      />\n\n      <div id=\"main\">\n        <section id=\"one\">\n          <div className=\"inner\">\n            <header className=\"major\">\n              <h2>Upcoming Events</h2>\n            </header>\n            <p>\n              All our events are free, (donations accepted). Our permenant\n              layout or our traveling layout are great destinations for the\n              whole family. Stop by and stay a while.\n            </p>\n            <div className=\"grid-wrapper\">\n              {futureDates.length === 0 && (\n                <p className=\"col-6\">\n                  <em>No events schedule, please check back.</em>\n                </p>\n              )}\n              {futureDates &&\n                futureDates.map((openHouse) => {\n                  const theDate = toDate(new Date(openHouse.date))\n                  return (\n                    <div className=\"col-6\">\n                      <h3>\n                        {openHouse.title} -{' '}\n                        {format(theDate, 'EEEE MMM-do yyyy')}\n                      </h3>\n                      <h4>\n                        Open From {openHouse.startTime} - {openHouse.endTime}\n                      </h4>\n                      <p>{openHouse.description.description}</p>\n                      {openHouse.link && (\n                        <ul className=\"actions\">\n                          <li>\n                            <a href={openHouse.link.link} className=\"button\">\n                              View Details\n                            </a>\n                          </li>\n                        </ul>\n                      )}\n                    </div>\n                  )\n                })}\n            </div>\n            <header className=\"major\">\n              <h2>Past Events</h2>\n            </header>\n            <div className=\"grid-wrapper\">\n              {pastEvents &&\n                pastEvents.map((openHouse) => {\n                  const theDate = toDate(new Date(openHouse.date))\n                  return (\n                    <div className=\"col-6\">\n                      <h3>\n                        {openHouse.title} -{' '}\n                        {format(theDate, 'EEEE MMM-do yyyy')}\n                      </h3>\n                      <h4>\n                        Open From {openHouse.startTime} - {openHouse.endTime}\n                      </h4>\n                      <p>{openHouse.description.description}</p>\n                    </div>\n                  )\n                })}\n            </div>\n          </div>\n        </section>\n      </div>\n    </Layout>\n  )\n}\n\nexport default Landing\n"],"names":["props","bannerColor","React","id","className","style","title","description","_ref","pageTitle","Helmet","htmlAttributes","lang","name","content","charSet","rel","type","href","property","itemprop","Landing","data","useStaticQuery","futureDates","allContentfulOpenHouses","nodes","filter","item","toDate","Date","date","pastEvents","Layout","SEO","BannerLanding","length","map","openHouse","theDate","format","startTime","endTime","link"],"sourceRoot":""}