{"version":3,"sources":["webpack:///./src/components/inner-page-layout.js","webpack:///./src/components/logo-card.js","webpack:///./src/components/image-card.js","webpack:///./src/components/official-card.js","webpack:///./src/pages/club-officials.js"],"names":["InnerPageLayout","children","className","href","image","src","target","hideLogo","download","category","title","LogoCard","props","linkHref","isDownload","to","style","maxWidth","margin","objectFit","ImageCard","undefined","imageClass","OfficialCard","member","email","icon","faEnvelope","telephone","faPhone","ClubOfficials"],"mappings":"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","file":"component---src-pages-club-officials-js-138b59d045445a4f46f5.js","sourcesContent":["import React from \"react\"\r\nimport ImageCard from \"../components/image-card\"\r\nimport LogoCard from \"../components/logo-card\"\r\n\r\nexport default function InnerPageLayout({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\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\">\r\n                    <ImageCard href=\"/policies\" image=\"stock-respect2.jpg\">Please see links to our clubs policies and other key documents.</ImageCard>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"row mb-4\">\r\n                <div className=\"col\">\r\n                    <ImageCard href=\"/contact\" image=\"stock-contactus.jpg\">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 mb-4\">\r\n                <div className=\"col\">\r\n                    <div className=\"card shadow-sm\">\r\n                    <div className=\"card-header\">Featured Sponsor</div>\r\n                    <img src=\"sponsor-kipmcgrath.jpg\" />\r\n                    <div className=\"card-body\">\r\n                        <p className=\"card-text\">Kip McGrath provides live and interactive lessons online or in centre, tailored to your child’s needs.</p>\r\n                        <div className=\"btn-group\">\r\n                        <a href=\"https://www.kipmcgrath.co.uk/\" target=\"_blank\" className=\"btn btn-sm btn-outline-secondary\">View Sponsor</a>\r\n                        </div>\r\n                    </div>\r\n                    </div>\r\n                </div>    \r\n            </div>\r\n\r\n            <div className=\"row mb-4\">\r\n                <div className=\"col\">\r\n                    <LogoCard hideLogo={true} download={true} category=\"LCJ News\" 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>\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 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 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 { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faEnvelope, faPhone } from '@fortawesome/free-solid-svg-icons'\r\n\r\nexport default function OfficialCard(props) {\r\n\r\n    return (\r\n        <div className=\"card text-dark bg-light mb-3 official-card\">\r\n           <div className=\"card-header\">{props.title}</div>\r\n           <div className=\"card-body\">\r\n               <h2 className=\"card-title\">{props.member}</h2>\r\n                <h5 className=\"card-subtitle\">\r\n                { props.email && <a className=\"mx-1\" href={'mailto:' + props.email}><FontAwesomeIcon icon={faEnvelope}></FontAwesomeIcon></a>}\r\n                { props.telephone && <a className=\"mx-1\" href={'tel:' + props.telephone}><FontAwesomeIcon icon={faPhone}></FontAwesomeIcon></a>}\r\n                </h5>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n","import React from \"react\"\r\nimport Layout from \"../components/layout\"\r\nimport InnerPageLayout from \"../components/inner-page-layout\"\r\nimport OfficialCard from \"../components/official-card\"\r\n\r\nexport default function ClubOfficials() {\r\n  return ( \r\n    <Layout>\r\n        <section className=\"container\">\r\n        <h1>Club Officials</h1>\r\n        <InnerPageLayout>\r\n            <img src=\"stock-football-3.jpg\" className=\"img-fluid mb-4 inner-page-hero\" />\r\n            <p className=\"lead\">Leeds City Juniors FC is run by volunteers.</p>\r\n            <p>If you are interested in getting involved then please contact our club secretary.</p>\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                <OfficialCard title=\"Chairperson\" member=\"Jonathan White\"></OfficialCard>\r\n              </div>\r\n              <div className=\"col\">\r\n                <OfficialCard title=\"Club Secretary\" member=\"Angeline McClelland\" email=\"secretary.leedscityjnrs@gmail.com\" telephone=\"07846 364141\"></OfficialCard>\r\n              </div>\r\n              <div className=\"col\">\r\n                <OfficialCard title=\"Child Welfare Officer\" member=\"Abigail White\" email=\"welfareofficer.leedscityjnrs@gmail.com\" telephone=\"07555 456439\"></OfficialCard>\r\n              </div>\r\n              <div className=\"col\">\r\n                <OfficialCard title=\"Treasurer\" member=\"Sinisa Savic\" email=\"treasurer.leedscityjnrs@gmail.com\"></OfficialCard>\r\n              </div>\r\n              <div className=\"col\">\r\n                <OfficialCard title=\"Coaches Representative\" member=\"Sinisa Savic\" email=\"sinisa_savic@hotmail.co.uk\"></OfficialCard>\r\n              </div>\r\n              <div className=\"col\">\r\n                <OfficialCard title=\"Vice Chair\" member=\"Mike Inman\"></OfficialCard>\r\n              </div>\r\n              <div className=\"col\">\r\n                <OfficialCard title=\"Enquiries\" member=\"General Enquiries\" email=\"leedscityjnrs@gmail.com\"></OfficialCard>\r\n              </div>\r\n              <div className=\"col\">\r\n                <OfficialCard title=\"Website Coordinator\" member=\"Chet Mistry\" email=\"web@leedscityjuniors.org.uk\"></OfficialCard>\r\n              </div>\r\n            </div>\r\n        </InnerPageLayout>\r\n      </section>\r\n    </Layout>\r\n  );\r\n}\r\n"],"sourceRoot":""}