{"version":3,"file":"component---src-templates-blog-post-js-b19c638c2779cfffaf10.js","mappings":"6KAEe,SAASA,EAAeC,GACrC,IAAMC,EAAQD,EAAME,WAAa,iBAMjC,OACI,uBAAKC,UAAU,kBAAkBC,MANvB,IAOR,uBAAKD,UAAU,aACb,sBAAIA,UAAU,oBAAoBF,O,uHCV7B,SAASI,IAEpB,OACI,yBAAOF,UAAU,WAEb,uBAAKA,UAAU,mBACX,sBAAIA,UAAU,gBAAd,WACA,uBAAKA,UAAU,iBACP,wJAEJ,0BACI,0BAAI,qBAAGG,KAAK,0DAAR,oCACJ,0BAAI,qBAAGA,KAAK,4CAAR,yCACJ,0BAAI,qBAAGA,KAAK,kCAAR,0EACJ,0BAAI,qBAAGA,KAAK,oCAAR,6CACJ,0BAAI,qBAAGA,KAAK,gCAAR,mCACJ,0BAAI,qBAAGA,KAAK,4CAAR,2CACJ,0BAAI,qBAAGA,KAAK,+BAAR,8BACJ,0BAAI,qBAAGA,KAAK,yCAAR,sDACJ,0BAAI,qBAAGA,KAAK,2BAAR,qCACJ,0BAAI,qBAAGA,KAAK,gCAAR,+BACJ,0BAAI,qBAAGA,KAAK,uCAAR,sCACJ,0BAAI,qBAAGA,KAAK,qCAAR,qCACJ,0BAAI,qBAAGA,KAAK,6BAAR,6BACJ,0BAAI,qBAAGA,KAAK,+CAAR,2DACJ,0BAAI,qBAAGA,KAAK,uCAAR,oDACJ,0BAAI,qBAAGA,KAAK,qDAAR,gDACJ,0BAAI,qBAAGA,KAAK,8CAAR,6CACJ,0BAAI,qBAAGA,KAAK,uCAAR,0CCrB5B,IA+MA,EA/MyB,SAAC,GAAwB,IAAD,EAArBC,EAAqB,EAArBA,KAAMC,EAAe,EAAfA,SAC1BC,EAAOF,EAAKG,eACZC,GAAY,UAAAJ,EAAKK,KAAKC,oBAAV,eAAwBZ,QAAxB,QACVa,EAAmBP,EAAnBO,SAAUC,EAASR,EAATQ,KAKlB,OACE,gBAAC,IAAD,CAAQP,SAAUA,EAAUP,MAAOU,GACjC,gBAAC,IAAD,CACEV,MAAOQ,EAAKO,YAAYf,MACxBgB,YAAaR,EAAKO,YAAYC,aAAeR,EAAKS,UAEpD,gBAACnB,EAAA,EAAD,CAAgBG,UAAWO,EAAKO,YAAYf,QAI1C,uBAAKE,UAAU,kCACX,uBAAKA,UAAU,aACX,uBAAKA,UAAU,OACX,uBAAKA,UAAU,YACX,uBAAKA,UAAU,uBACX,uBAAKA,UAAU,uBACX,uBAAKA,UAAU,kBACX,uBAAKgB,IAAI,8BAA8BC,IAAI,WAE/C,uBAAKjB,UAAU,aAaX,uBAAKA,UAAU,gBACX,sBAAIA,UAAU,4BAA4BM,EAAKO,YAAYf,OAK3D,2BACAE,UAAU,oBACxCkB,wBAAyB,CAAEC,OAAQb,EAAKc,MACxCC,SAAS,gBAMnB,2BACA,uBAAKrB,UAAU,iBACP,sBACEC,MAAO,CACLqB,QAAQ,OACRC,SAAS,OACTC,eAAe,gBACfC,UAAU,OACVC,QAAS,IAGX,0BACGf,GACC,gBAAC,EAAAgB,KAAD,CAAMC,GAAE,GAAKjB,EAASkB,OAAOC,KAAQC,IAAI,QAAzC,KACKpB,EAASE,YAAYf,QAI9B,0BACGc,GACC,gBAAC,EAAAe,KAAD,CAAMC,GAAE,GAAKhB,EAAKiB,OAAOC,KAAQC,IAAI,QAClCnB,EAAKC,YAAYf,MADpB,SAOR,2BAMkC,6BAUH,IAuBJ,KAoEb,uBAAKE,UAAU,YACnC,gBAACE,EAAD","sources":["webpack://gatsby-starter-blog/./src/components/HeroBreadcrumb.jsx","webpack://gatsby-starter-blog/./src/components/SideBar.jsx","webpack://gatsby-starter-blog/./src/templates/blog-post.js"],"sourcesContent":["import React from 'react';\n\nexport default function HeroBreadcrumb(props) {\n  const title = props.pageTitle || \"View blog post\"\n  const style = {\n    // backgroundColor: \"black\",\n    // background: \"url(/edgar-chaparro-sHfo3WOgGTU-unsplash.jpg)\",\n  }\n\n  return (\n      <div className=\"site-breadcrumb\" style={style}>\n        <div className=\"container\">\n          <h2 className=\"breadcrumb-title\">{title}</h2>\n          {/* <ul className=\"breadcrumb-menu\">\n            <li><a href=\"index.html\">Home</a></li>\n            <li className=\"active\">Blog Single</li>\n          </ul> */}\n        </div>\n      </div>\n  )\n}\n","import React from 'react';\n\nexport default function SideBar() {\n\n    return (\n        <aside className=\"sidebar\">\n\n            <div className=\"widget category\">\n                <h5 className=\"widget-title\">Welcome</h5>\n                <div className=\"category-list\">\n                        <p>Welcome to our site, which aims to give you the best guides and resources when it comes to working out and doing exercises.</p>\n\n                    <ul>\n                        <li><a href=\"/3-day-a-week-workout-routine-monday-wednesday-friday/\">3  times a week workout routine</a></li>\n                        <li><a href=\"/30-minute-bodyweight-home-workout-plan/\">30 Minute bodyweight workout at home</a></li>\n                        <li><a href=\"/5-day-a-week-workout-routine/\">5 Day a week workout  routine for muscle growth (5 day split workout)</a></li>\n                        <li><a href=\"/best-30-minute-workout-routine/\">Best full body 30 minute workout routine</a></li>\n                        <li><a href=\"/best-7-day-workout-routine/\">Complete 7 day workout routine</a></li>\n                        <li><a href=\"/best-abs-workout-routine-and-exercises/\">Best abs workout routine and exercises</a></li>\n                        <li><a href=\"/best-back-workout-routine/\">Best back workout routine</a></li>\n                        <li><a href=\"/best-warm-up-exercises-workout-plan/\">Best warm up exercises to do in your workout plan</a></li>\n                        <li><a href=\"/chest-workout-routine/\">How to start an exercise routine</a></li>\n                        <li><a href=\"/get-in-shape-without-a-gym/\">Get in shape without a gym</a></li>\n                        <li><a href=\"/how-to-build-your-workout-routine/\">How to build your workout routine</a></li>\n                        <li><a href=\"/how-to-start-exercising-routine/\">How to start an exercise routine</a></li>\n                        <li><a href=\"/leg-day-workout-routine/\">Best leg workout routine</a></li>\n                        <li><a href=\"/resistance-band-training-workout-routines/\">Resistance band training exercises and workout routine</a></li>\n                        <li><a href=\"/strength-training-workout-routine/\">Strength training workout routine for beginners</a></li>\n                        <li><a href=\"/top-shoulder-gym-workout-routines-and-exercises/\">Best shoulder gym workout exercise routines</a></li>\n                        <li><a href=\"/upper-body-workout-routine-for-beginners/\">Upper body workout routine for beginners</a></li>\n                        <li><a href=\"/workout-routine-for-gym-beginners/\">Workout routine for gym beginners</a></li>\n                        </ul>\n                </div>\n\n            </div>\n\n\n        </aside>\n    )\n    return (\n        <aside className=\"sidebar\">\n\n        {/*<div className=\"widget search\">*/}\n        {/*    <h5 className=\"widget-title\">Search</h5>*/}\n        {/*    <form className=\"search-form\">*/}\n        {/*        <input type=\"text\" className=\"form-control\" placeholder=\"Search Here...\" />*/}\n        {/*        <button type=\"submit\"><i className=\"far fa-search\"></i></button>*/}\n        {/*    </form>*/}\n        {/*</div>*/}\n\n        <div className=\"widget category\">\n            <h5 className=\"widget-title\">Category</h5>\n            <div className=\"category-list\">\n                <a href=\"#\"><i className=\"far fa-angle-double-right\"></i>Body\n                    Building<span>(10)</span></a>\n                <a href=\"#\"><i className=\"far fa-angle-double-right\"></i>GYM &\n                    Fitness<span>(15)</span></a>\n                <a href=\"#\"><i className=\"far fa-angle-double-right\"></i>Food &\n                    Medicine<span>(20)</span></a>\n                <a href=\"#\"><i className=\"far fa-angle-double-right\"></i>Cycling\n                    GYM<span>(25)</span></a>\n                <a href=\"#\"><i className=\"far fa-angle-double-right\"></i>Boxing &\n                    Caradio<span>(30)</span></a>\n            </div>\n        </div>\n\n        <div className=\"widget recent-post\">\n            <h5 className=\"widget-title\">Recent Post</h5>\n            <div className=\"recent-post-single\">\n                <div className=\"recent-post-img\">\n                    <img src=\"assets/img/blog/bs-1.jpg\" alt=\"thumb\" />\n                </div>\n                <div className=\"recent-post-bio\">\n                    <h6><a href=\"#\">It is a long established fact that a reader</a></h6>\n                    <span><i className=\"far fa-clock\"></i>25 July, 2021</span>\n                </div>\n            </div>\n            <div className=\"recent-post-single\">\n                <div className=\"recent-post-img\">\n                    <img src=\"assets/img/blog/bs-2.jpg\" alt=\"thumb\" />\n                </div>\n                <div className=\"recent-post-bio\">\n                    <h6><a href=\"#\">It is a long established fact that a reader</a></h6>\n                    <span><i className=\"far fa-clock\"></i>25 July, 2021</span>\n                </div>\n            </div>\n            <div className=\"recent-post-single\">\n                <div className=\"recent-post-img\">\n                    <img src=\"assets/img/blog/bs-3.jpg\" alt=\"thumb\" />\n                </div>\n                <div className=\"recent-post-bio\">\n                    <h6><a href=\"#\">It is a long established fact that a reader</a></h6>\n                    <span><i className=\"far fa-clock\"></i>25 July, 2021</span>\n                </div>\n            </div>\n        </div>\n\n        <div className=\"widget social-share\">\n            <h5 className=\"widget-title\">Follow Us</h5>\n            <div className=\"social-share-link\">\n                <a href=\"#\"><i className=\"fab fa-facebook-f\"></i></a>\n                <a href=\"#\"><i className=\"fab fa-twitter\"></i></a>\n                <a href=\"#\"><i className=\"fab fa-dribbble\"></i></a>\n                <a href=\"#\"><i className=\"fab fa-whatsapp\"></i></a>\n                <a href=\"#\"><i className=\"fab fa-youtube\"></i></a>\n            </div>\n        </div>\n\n        <div className=\"widget sidebar-tag\">\n            <h5 className=\"widget-title\">Popular Tags</h5>\n            <div className=\"tag-list\">\n                <a href=\"#\">Gym</a>\n                <a href=\"#\">Fitness</a>\n                <a href=\"#\">Body</a>\n                <a href=\"#\">Food</a>\n                <a href=\"#\">Medicine</a>\n                <a href=\"#\">Boxing</a>\n            </div>\n        </div>\n    </aside>\n    )\n}\n","import * as React from \"react\"\nimport { Link, graphql } from \"gatsby\"\n\n// import Bio from \"../components/bio\"\nimport Layout from \"../components/layout\"\nimport Seo from \"../components/seo\"\nimport HeroBreadcrumb from \"../components/HeroBreadcrumb\"\nimport SideBar from \"../components/SideBar\"\n\nconst BlogPostTemplate = ({ data, location }) => {\n  const post = data.markdownRemark\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const { previous, next } = data\n\n  // return <Layout location={location} title={siteTitle}>\n  // <h1>hi</h1></Layout>\n\n  return (\n    <Layout location={location} title={siteTitle}>\n      <Seo\n        title={post.frontmatter.title}\n        description={post.frontmatter.description || post.excerpt}\n      />\n      <HeroBreadcrumb pageTitle={post.frontmatter.title} />\n\n\n\n        <div className=\"blog-single-area pt-120 pb-120\">\n            <div className=\"container\">\n                <div className=\"row\">\n                    <div className=\"col-lg-8\">\n                        <div className=\"blog-single-wrapper\">\n                            <div className=\"blog-single-content\">\n                                <div className=\"blog-thumb-img\">\n                                    <img src=\"/assets/img/blog/single.jpg\" alt=\"thumb\" />\n                                </div>\n                                <div className=\"blog-info\">\n                                    {/*<div className=\"blog-meta\">*/}\n                                    {/*    /!*<div className=\"blog-meta-left\">*!/*/}\n                                    {/*    /!*    <ul>*!/*/}\n                                    {/*    /!*        <li><i className=\"far fa-user\"></i>Eleanor Walters</li>*!/*/}\n                                    {/*    /!*        <li><i className=\"far fa-comments\"></i>3.2k Comments</li>*!/*/}\n                                    {/*    /!*        <li><i className=\"far fa-thumbs-up\"></i>1.4k Like</li>*!/*/}\n                                    {/*    /!*    </ul>*!/*/}\n                                    {/*    /!*</div>*!/*/}\n                                    {/*    /!*<div className=\"blog-meta-right\">*!/*/}\n                                    {/*    /!*    <a href=\"#\" className=\"share-btn\"><i className=\"far fa-share-alt\"></i>Share</a>*!/*/}\n                                    {/*    /!*</div>*!/*/}\n                                    {/*</div>*/}\n                                    <div className=\"blog-details\">\n                                        <h3 className=\"blog-details-title mb-20\">{post.frontmatter.title}</h3>\n\n{/* <p>Posted {post.frontmatter.date} </p> */}\n\n\n                                        <section\n                                        className=\"blog-details-post\"\n          dangerouslySetInnerHTML={{ __html: post.html }}\n          itemProp=\"articleBody\"\n        />\n\n\n\n\n<hr />\n<nav className=\"blog-post-nav\">\n        <ul\n          style={{\n            display: `flex`,\n            flexWrap: `wrap`,\n            justifyContent: `space-between`,\n            listStyle: `none`,\n            padding: 0,\n          }}\n        >\n          <li>\n            {previous && (\n              <Link to={`${previous.fields.slug}`} rel=\"prev\">\n                ← {previous.frontmatter.title}\n              </Link>\n            )}\n          </li>\n          <li>\n            {next && (\n              <Link to={`${next.fields.slug}`} rel=\"next\">\n                {next.frontmatter.title} →\n              </Link>\n            )}\n          </li>\n        </ul>\n      </nav>\n      <hr />\n\n\n\n\n\n                                        <hr />\n                                        {/*<div className=\"blog-details-tags pb-20\">*/}\n                                        {/*    <h5>Tags : </h5>*/}\n                                        {/*    <ul>*/}\n                                        {/*        <li><a href=\"/blog/\">Health</a></li>*/}\n                                        {/*        <li><a href=\"/blog/\">Fitness</a></li>*/}\n                                        {/*        <li><a href=\"/blog/\">Personal Training</a></li>*/}\n                                        {/*    </ul>*/}\n                                        {/*</div>*/}\n                                    </div>\n                                    {false && (\n                                    <div className=\"blog-author\">\n                                        <div className=\"blog-author-img\">\n                                            <img src=\"/assets/img/blog/author.jpg\" alt=\"\" />\n\n                                        </div>\n                                        <div className=\"author-info\">\n                                            <h6>Author</h6>\n                                            <h3 className=\"author-name\">Roger D Duque</h3>\n                                            {/* <p>It is a long established fact that a reader will be distracted by the\n                                                readable content of a page when looking at its layout that it has a more\n                                                less.</p> */}\n                                            <div className=\"author-social\">\n                                                <a href=\"#\"><i className=\"fab fa-facebook-f\"></i></a>\n                                                <a href=\"#\"><i className=\"fab fa-twitter\"></i></a>\n                                                <a href=\"#\"><i className=\"fab fa-instagram\"></i></a>\n                                                <a href=\"#\"><i className=\"fab fa-whatsapp\"></i></a>\n                                                <a href=\"#\"><i className=\"fab fa-youtube\"></i></a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                )}\n                                </div>\n                                {false && (<div className=\"blog-comments\">\n                                    <h3>Comments (20)</h3>\n                                    <div className=\"blog-comments-wrapper\">\n                                        <div className=\"blog-comments-single\">\n                                            <img src=\"/assets/img/blog/com-1.jpg\" alt=\"thumb\" />\n                                            <div className=\"blog-comments-content\">\n                                                <h5>Jesse Sinkler</h5>\n                                                <span><i className=\"far fa-clock\"></i> 20 August, 2021</span>\n                                                <p>There are many variations of passages the majority have suffered in\n                                                    some injected humour or randomised words which don't look even\n                                                    slightly believable.</p>\n                                                <a href=\"#\"><i className=\"far fa-reply\"></i> Reply</a>\n                                            </div>\n                                        </div>\n                                        <div className=\"blog-comments-single blog-comments-reply\">\n                                            <img src=\"/assets/img/blog/com-2.jpg\" alt=\"thumb\" />\n                                            <div className=\"blog-comments-content\">\n                                                <h5>Daniel Wellman</h5>\n                                                <span><i className=\"far fa-clock\"></i> 20 August, 2021</span>\n                                                <p>There are many variations of passages the majority have suffered in\n                                                    some injected humour or randomised words which don't look even\n                                                    slightly believable.</p>\n                                                <a href=\"#\"><i className=\"far fa-reply\"></i> Reply</a>\n                                            </div>\n                                        </div>\n                                        <div className=\"blog-comments-single\">\n                                            <img src=\"/assets/img/blog/com-3.jpg\" alt=\"thumb\" />\n                                            <div className=\"blog-comments-content\">\n                                                <h5>Kenneth Evans</h5>\n                                                <span><i className=\"far fa-clock\"></i> 20 August, 2021</span>\n                                                <p>There are many variations of passages the majority have suffered in\n                                                    some injected humour or randomised words which don't look even\n                                                    slightly believable.</p>\n                                                <a href=\"#\"><i className=\"far fa-reply\"></i> Reply</a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div className=\"blog-comments-form\">\n                                        <h3>Leave A Comment</h3>\n                                        <form >\n                                            <div className=\"row\">\n                                                <div className=\"col-md-6\">\n                                                    <div className=\"form-group\">\n                                                        <input type=\"text\" className=\"form-control\"\n                                                            placeholder=\"Your Name*\" />\n                                                    </div>\n                                                </div>\n                                                <div className=\"col-md-6\">\n                                                    <div className=\"form-group\">\n                                                        <input type=\"email\" className=\"form-control\"\n                                                            placeholder=\"Your Email*\" />\n                                                    </div>\n                                                </div>\n                                                <div className=\"col-md-12\">\n                                                    <div className=\"form-group\">\n                                                        <textarea className=\"form-control\" rows=\"5\"\n                                                            placeholder=\"Your Comment*\"></textarea>\n                                                    </div>\n                                                    <button type=\"submit\" className=\"theme-btn\"><i\n                                                            className=\"far fa-paper-plane\"></i> Post Comment</button>\n                                                </div>\n                                            </div>\n                                        </form>\n                                    </div>\n                                </div>  )}\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"col-lg-4\">\n<SideBar />\n                    </div>\n                </div>\n            </div>\n        </div>\n\n\n\n\n\n\n\n\n    </Layout>\n  )\n}\n\nexport default BlogPostTemplate\n\nexport const pageQuery = graphql`\n  query BlogPostBySlug(\n    $id: String!\n    $previousPostId: String\n    $nextPostId: String\n  ) {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    markdownRemark(id: { eq: $id }) {\n      id\n      excerpt(pruneLength: 160)\n      html\n      frontmatter {\n        title\n        date(formatString: \"MMMM DD, YYYY\")\n        description\n      }\n    }\n    previous: markdownRemark(id: { eq: $previousPostId }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n      }\n    }\n    next: markdownRemark(id: { eq: $nextPostId }) {\n      fields {\n        slug\n      }\n      frontmatter {\n        title\n      }\n    }\n  }\n`\n"],"names":["HeroBreadcrumb","props","title","pageTitle","className","style","SideBar","href","data","location","post","markdownRemark","siteTitle","site","siteMetadata","previous","next","frontmatter","description","excerpt","src","alt","dangerouslySetInnerHTML","__html","html","itemProp","display","flexWrap","justifyContent","listStyle","padding","Link","to","fields","slug","rel"],"sourceRoot":""}