{"version":3,"sources":["webpack:///./src/components/logo-card.js","webpack:///./src/components/carousel.js","webpack:///./src/pages/index.js","webpack:///./src/components/image-card.js","webpack:///./src/components/sponsors-carousel.js","webpack:///./src/components/twitter-card.js","webpack:///./src/components/inner-page-twitter-layout.js"],"names":["LogoCard","props","linkHref","href","isDownload","download","className","category","title","children","target","to","hideLogo","src","style","maxWidth","margin","objectFit","Carousel","id","data-bs-ride","data-bs-target","data-bs-slide-to","role","data-bs-slide","aria-hidden","Home","image","imageClass","ImageCard","undefined","SponsorsCarousel","alt","TwitterCard","tweetCount","useEffect","scriptTag","document","createElement","async","body","appendChild","removeChild","data-chrome","data-tweet-limit","InnerPageTwitterLayout"],"mappings":"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","file":"component---src-pages-index-js-3024130f2b6c330a151e.js","sourcesContent":["import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nexport default function LogoCard(props) {\r\n\r\n    const linkHref = props.href || '/todo';\r\n    const isDownload = props.download || false;\r\n\r\n    return (\r\n        <div className=\"row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative\">\r\n            <div className=\"col p-4 d-flex flex-column position-static\">\r\n                <strong className=\"d-inline-block mb-2 lcj-color\">{props.category}</strong>\r\n                <h3 className=\"mb-0\">{props.title}</h3>\r\n                <p className=\"card-text mb-auto\">{props.children}</p>\r\n                { isDownload ?\r\n                    (<a href={linkHref} target=\"_blank\" className=\"stretched-link\">Read more</a>)\r\n                    :\r\n                    (<Link to={linkHref} className=\"stretched-link\">Read more</Link>)\r\n                }\r\n            </div>\r\n            { !props.hideLogo && <div className=\"col-auto d-none d-lg-block\">\r\n                <img src=\"logo.svg\" style={{maxWidth: '160px', margin: '0.5em', objectFit: 'cover'}} />\r\n            </div>}\r\n        </div>\r\n    );\r\n}\r\n","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nexport default function Carousel() {\r\n\r\n    return (\r\n    <div>\r\n        <div id=\"myCarousel\" className=\"carousel slide\" data-bs-ride=\"carousel\">\r\n        <ol className=\"carousel-indicators\">\r\n            <li data-bs-target=\"#myCarousel\" data-bs-slide-to=\"0\" className=\"active\"></li>\r\n            <li data-bs-target=\"#myCarousel\" data-bs-slide-to=\"1\"></li>\r\n            <li data-bs-target=\"#myCarousel\" data-bs-slide-to=\"2\"></li>\r\n        </ol>\r\n        <div className=\"carousel-inner\">\r\n            <div className=\"carousel-item active\">\r\n            <img src=\"hero2.jpg\" className=\"center img-fluid\" />\r\n            <div className=\"container\">\r\n                <div className=\"carousel-caption text-start\">\r\n                <h1>Leeds City Juniors FC.</h1>\r\n                <p>The Premier Junior Football Club in North Leeds.</p>\r\n                <p><Link className=\"btn btn-lg btn-primary\" to=\"/history\" role=\"button\">About Us</Link></p>\r\n                </div>\r\n            </div>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n            <img src=\"hero5.jpg\" className=\"center img-fluid\" />\r\n            <div className=\"container\">\r\n                <div className=\"carousel-caption\">\r\n                <h1>Grassroots Football.</h1>\r\n                <p>Leeds City Juniors provides boys and girls football for teams from age 7 to 17 with players progressing annually from the juniors to the senior teams..</p>\r\n                <p><Link className=\"btn btn-lg btn-primary\" to=\"/todo\">Learn more</Link></p>\r\n                </div>\r\n            </div>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n            <img src=\"hero3.jpg\" className=\"center img-fluid\" />\r\n            <div className=\"container\">\r\n                <div className=\"carousel-caption text-end\">\r\n                <h1>Join the team.</h1>\r\n                <p>If you are interested in joining us, we are always ready to welcome new players, coaches or assistants.</p>\r\n                <p><Link className=\"btn btn-lg btn-primary\" to=\"/contact\" role=\"link\">Contact Us</Link></p>\r\n                </div>\r\n            </div>\r\n            </div>\r\n        </div>\r\n        <a className=\"carousel-control-prev\" href=\"#myCarousel\" role=\"button\" data-bs-slide=\"prev\">\r\n            <span className=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\r\n            <span className=\"visually-hidden\">Previous</span>\r\n        </a>\r\n        <a className=\"carousel-control-next\" href=\"#myCarousel\" role=\"button\" data-bs-slide=\"next\">\r\n            <span className=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\r\n            <span className=\"visually-hidden\">Next</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n    );\r\n}\r\n","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\nimport Layout from \"../components/layout\"\r\nimport Carousel from \"../components/carousel\"\r\nimport ImageCard from \"../components/image-card\"\r\nimport InnerPageTwitterLayout from \"../components/inner-page-twitter-layout\"\r\nimport LogoCard from \"../components/logo-card\"\r\nimport SponsorsCarousel from \"../components/sponsors-carousel\"\r\n\r\nexport default function Home() {\r\n  return ( \r\n    <Layout>\r\n      <Carousel></Carousel>\r\n\r\n      <section className=\"container\">\r\n\r\n      <InnerPageTwitterLayout>\r\n        <div className=\"row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3\">\r\n          <div className=\"col\">\r\n            <ImageCard href=\"/history\" image=\"lcj-action1.jpg\" imageClass=\"object-fit-cover\">Learn more about Leeds City Junior FC, the premier junior football club in North Leeds.</ImageCard>\r\n          </div>\r\n          <div className=\"col\">\r\n            <ImageCard href=\"/team-girls/u13\" image=\"girls-u13.jpg\" imageClass=\"object-fit-cover\">PLAYERS WANTED - GIRLS U13s.<br/>We are looking for new players to join the team.</ImageCard>\r\n          </div>\r\n          <div className=\"col\">\r\n            <ImageCard href=\"/contact\" image=\"lcj-action3.jpg\" imageClass=\"object-fit-cover\">If you are interested in joining us, we are always ready to welcome new players, coaches or assistants.</ImageCard>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"row row-cols-1 row-cols-sm-2 row-cols-md-2 mt-4\">\r\n          <div className=\"col\">\r\n            <LogoCard category=\"LCJ News\" download={true} href=\"/LCJ Season Review 20_21.pdf\" title=\"2020-2021 Season Review\">Read the 2020-2021 season review</LogoCard>\r\n          </div>\r\n          <div className=\"col\">\r\n            <LogoCard category=\"LCJ News\" download={true} href=\"/Newsletter Term 3.pdf\" title=\"Newsletter Term 3\">Welcome to our 3rd newsletter of the season</LogoCard>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"row mb-4\">\r\n          <div className=\"col\">\r\n              <div className=\"card text-center\">\r\n                    <div className=\"card-header\">\r\n                      Our Current Sponsors\r\n                    </div>\r\n                    <div className=\"card-body\">\r\n                      <SponsorsCarousel></SponsorsCarousel>\r\n                    </div>\r\n                    <div className=\"card-footer\">\r\n                      <Link to=\"/sponsors\">Want to sponsor a team?</Link>\r\n                    </div>\r\n              </div>\r\n            </div>\r\n        </div>\r\n      </InnerPageTwitterLayout>\r\n\r\n      </section>\r\n\r\n    </Layout>\r\n  );\r\n}\r\n\r\n","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nexport default function ImageCard(props) {\r\n\r\n    const linkHref = props.href || undefined;\r\n\r\n    return (\r\n        <div className=\"card shadow-sm image-card h-100\">\r\n        <img src={props.image} className={props.imageClass} />\r\n        <div className=\"card-body\">\r\n          <p className=\"card-text\">{props.children}</p>\r\n          { linkHref &&\r\n            <div className=\"d-flex justify-content-between align-items-center\">\r\n              <div className=\"btn-group\">\r\n                <Link to={linkHref} className=\"btn btn-sm btn-outline-secondary\">View</Link>\r\n              </div>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n    );\r\n}","import React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nexport default function SponsorsCarousel(props) {\r\n\r\n    return (\r\n        <div className=\"carousel-sponsors\">\r\n        <div id=\"carouselSponsors\" className=\"carousel slide\" data-bs-ride=\"carousel\">\r\n          <div className=\"carousel-inner\">\r\n            <div className=\"carousel-item active\">\r\n              <img src=\"sponsor-kipmcgrath.jpg\" className=\"center\" alt=\"KipMcgrath\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-olianas.jpg\" className=\"center\" alt=\"Olianas\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-icongroup.jpg\" className=\"center\" alt=\"Icon Group\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-mstransportation.jpg\" className=\"center\" alt=\"MS Transportation\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-durkans.jpg\" className=\"center\" alt=\"Durkans & Sons Ltd\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-premiervision.jpg\" className=\"center\" alt=\"Premier Vision\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-copiercompany.png\" className=\"center\" alt=\"The Copier Company\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-gma.jpg\" className=\"center\" alt=\"GMA Technical Recruitment Ltd\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-mn-property-solutions.jpg\" className=\"center\" alt=\"MN Property Solutions\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-els.jpg\" className=\"center\" alt=\"ELS\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-sportsbulksuppliers.png\" className=\"center\" alt=\"Sports Bulk Suppliers\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-drakesplumbingheating.png\" className=\"center\" alt=\"Drakes Plumbing & Heating Services\"/>\r\n            </div>\r\n            <div className=\"carousel-item\">\r\n              <img src=\"sponsor-slipstreamdesign.jpg\" className=\"center\" alt=\"Slipstream Engineering Design\"/>\r\n            </div>\r\n          </div>\r\n          <a className=\"carousel-control-prev\" href=\"#carouselSponsors\" role=\"button\" data-bs-slide=\"prev\">\r\n            <span className=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\r\n            <span className=\"sr-only\">Previous</span>\r\n          </a>\r\n          <a className=\"carousel-control-next\" href=\"#carouselSponsors\" role=\"button\" data-bs-slide=\"next\">\r\n            <span className=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\r\n            <span className=\"sr-only\">Next</span>\r\n          </a>\r\n        </div>\r\n      </div>\r\n);\r\n}\r\n","import React, {useEffect} from \"react\"\r\n\r\nexport default function TwitterCard(props) {\r\n\r\n    const tweetCount = props.tweetCount || 3;\r\n\r\n    useEffect(() => {\r\n        const scriptTag = document.createElement('script');\r\n      \r\n        scriptTag.src = 'https://platform.twitter.com/widgets.js';\r\n        scriptTag.async = true;\r\n\r\n        document.body.appendChild(scriptTag);\r\n      \r\n        return () => {\r\n            document.body.removeChild(scriptTag);\r\n        }\r\n    })\r\n\r\n    return (\r\n        <div className=\"card shadow-sm\">\r\n            <div className=\"card-header\">Tweets <small><a href=\"https://twitter.com/LeedsCityJnrs\" title=\"tweets by ‎@LeedsCityJnrs\">by ‎@LeedsCityJnrs</a></small></div>\r\n            <div className=\"card-body\">\r\n            <a className=\"twitter-timeline\" href=\"https://twitter.com/LeedsCityJnrs?ref_src=twsrc%5Etfw\" data-chrome=\"noheader nofooter noborders\" data-tweet-limit={tweetCount}>Tweets by LeedsCityJnrs</a>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n","import React from \"react\"\r\nimport TwitterCard from \"./twitter-card\"\r\n\r\nexport default function InnerPageTwitterLayout({children}) {\r\n  return ( \r\n    <div className=\"row mb-2\">\r\n        <div className=\"col-md-9\">\r\n            {children}\r\n        </div>\r\n        <div className=\"col-md-3\">\r\n            <TwitterCard tweetCount=\"3\"></TwitterCard>\r\n        </div>\r\n    </div>      \r\n  );\r\n}\r\n"],"sourceRoot":""}