{"version":3,"sources":["webpack:///./src/components/homedefault/banner.js","webpack:///./src/components/homedefault/skill.js","webpack:///./src/elements/service/serviceOne.js","webpack:///./src/elements/counterup/counterupOne.js","webpack:///./src/components/homedefault/service.js","webpack:///./src/elements/project/projectcard.js","webpack:///./src/elements/project/projectOne.js","webpack:///./src/components/homedefault/project.js","webpack:///./src/elements/contact/contact.js","webpack:///./src/pages/index.js","webpack:///./src/elements/image.js"],"names":["Banner","banenrQueryData","useStaticQuery","PortfolioImages","file","childImageSharp","fixed","Title","homedefaultJson","title","SubTitle","subtitle","description","buttonText","buttonLink","className","id","dangerouslySetInnerHTML","__html","href","target","rel","Skill","ServiceOne","props","services","allServiceJson","edges","map","data","column","key","node","serviceStyle","number","CounterupOne","state","didViewCountUp","onVisibilityChange","isVisible","setState","render","countNum","countTitle","value","index","Component","Service","Projectcard","projectImg","image","category","url","alt","fluid","src","ProjectOne","projectsData","allProjectJson","portfolioStyle","featured_image","Project","portfolioData","Contact","IndexPage","NonStretchedImage","alignment","normalizedProps","aspectRatio","align","presentationWidth","style","maxWidth","margin"],"mappings":"oLA4EeA,EAvEA,WACX,IAAMC,EAAkBC,yBAAc,aA2BhCC,EAAkBF,EAAgBG,KAAKC,gBAAgBC,MACvDC,EAAQN,EAAgBO,gBAAgBC,MACxCC,EAAWT,EAAgBO,gBAAgBG,SAC3CC,EAAcX,EAAgBO,gBAAgBI,YAC9CC,EAAaZ,EAAgBO,gBAAgBK,WAC7CC,EAAab,EAAgBO,gBAAgBM,WACnD,OACI,yBAAKC,UAAU,iBAAiBC,GAAG,QAE/B,yBAAKD,UAAU,gDACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,0BACX,yBAAKA,UAAU,0DACX,yBAAKA,UAAU,uCACX,yBAAKA,UAAU,qBACX,0BAAMA,UAAU,wBAAwBL,GACxC,wBAAIK,UAAU,QAAQE,wBAAyB,CAAEC,OAAQX,KACzD,2BAAIK,GACJ,uBAAGG,UAAU,YAAYI,KAAML,EAAYM,OAAO,SAASC,IAAI,cAAa,8BAAOR,IACnF,wBAAIE,UAAU,gBACV,4BAAI,uBAAGI,KAAK,oCAAoCC,OAAO,SAASC,IAAI,cAAa,2CACjF,4BAAI,uBAAGF,KAAK,mCAAmCC,OAAO,SAASC,IAAI,cAAa,0CAChF,4BAAI,uBAAGF,KAAML,EAAYM,OAAO,SAASC,IAAI,cAAa,gDAK1E,yBAAKN,UAAU,0DACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,mBACX,kBAAC,IAAD,CAAKA,UAAU,mBAAmBT,MAAOH,aCoBlEmB,EAlFD,WACV,OACI,yBAAKP,UAAU,8CAA8CC,GAAG,YAC5D,yBAAKD,UAAU,aACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,iBACX,wBAAIA,UAAU,SAAd,kBAIZ,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,eACX,yBAAKA,UAAU,cACX,2BAAG,gDAEP,yBAAKA,UAAU,cACX,2BAAG,qDAEP,yBAAKA,UAAU,cACX,2BAAG,wDAIX,yBAAKA,UAAU,eACX,yBAAKA,UAAU,cACX,2BAAG,iEAEP,yBAAKA,UAAU,cACX,2BAAG,wDAEP,yBAAKA,UAAU,cACX,2BAAG,qDAIX,yBAAKA,UAAU,eACX,yBAAKA,UAAU,cACX,2BAAG,wDAEP,yBAAKA,UAAU,cACX,2BAAG,2EAEP,yBAAKA,UAAU,cACX,2BAAG,qDAIX,yBAAKA,UAAU,eACX,yBAAKA,UAAU,cACX,2BAAG,iEAEP,yBAAKA,UAAU,cACX,2BAAG,mEAEP,yBAAKA,UAAU,cACX,2BAAG,wEAIX,yBAAKA,UAAU,eACX,yBAAKA,UAAU,cACX,2BAAG,+CAEP,yBAAKA,UAAU,cACX,2BAAG,uDAEP,yBAAKA,UAAU,cACX,2BAAG,yDCnBxBQ,EAhDI,SAACC,GAChB,IAwBMC,EAxBiBvB,yBAAe,cAwBNwB,eAAeC,MAC/C,OACI,oCACKF,EAASG,KAAI,SAACC,GAAD,OACV,yBAAKd,UAAWS,EAAMM,OAAQC,IAAKF,EAAKG,KAAKhB,IACzC,yBAAKD,UAAS,WAAaS,EAAMS,cAC7B,yBAAKlB,UAAU,SACX,yBAAKA,UAAU,UACX,8BAAOc,EAAKG,KAAKE,SAGrB,yBAAKnB,UAAU,WACX,wBAAIA,UAAU,SAASc,EAAKG,KAAKvB,OACjC,uBAAGM,UAAU,eAAec,EAAKG,KAAKpB,sB,YC+FvDuB,E,oJArIXC,MAAQ,CACJC,gBAAgB,G,EAEpBC,mBAAqB,SAAAC,GACbA,GACA,EAAKC,SAAS,CAACH,gBAAgB,K,sCAIvCI,OAAA,WAuGI,OACI,wBAAI1B,UAAU,eAvGP,CACP,CACI2B,SAAW,GACXC,WAAY,mBAEhB,CACID,SAAU,GACVC,WAAY,MAEhB,CACID,SAAW,GACXC,WAAY,gBAEhB,CACID,SAAW,GACXC,WAAY,eAEhB,CACID,SAAW,GACXC,WAAY,UAEhB,CACID,SAAW,GACXC,WAAY,cAEhB,CACID,SAAW,GACXC,WAAY,uBAEhB,CACID,SAAW,GACXC,WAAY,aAEhB,CACID,SAAU,IACVC,WAAY,WAEhB,CACID,SAAU,GACVC,WAAY,SAEhB,CACID,SAAU,GACVC,WAAY,eAEhB,CACID,SAAU,GACVC,WAAY,WAEhB,CACID,SAAU,GACVC,WAAY,iBAEhB,CACID,SAAU,GACVC,WAAY,UAEhB,CACID,SAAU,GACVC,WAAY,cAEhB,CACID,SAAU,GACVC,WAAY,WAEhB,CACID,SAAU,GACVC,WAAY,sBAEhB,CACID,SAAU,GACVC,WAAY,gBAEhB,CACID,SAAU,GACVC,WAAY,yBAEhB,CACID,SAAU,GACVC,WAAY,UAEhB,CACID,SAAU,GACVC,WAAY,SAEhB,CACID,SAAU,GACVC,WAAY,SAEhB,CACID,SAAU,GACVC,WAAY,kBAEhB,CACID,SAAU,GACVC,WAAY,iBAEhB,CACID,SAAU,GACVC,WAAY,qBAKNf,KAAI,SAACgB,EAAOC,GAAR,OACN,wBAAId,IAAKc,GACL,yBAAK9B,UAAU,SACX,0BAAMA,UAAU,eAAe6B,EAAMD,mB,GAtHtCG,aCkEZC,EAhEC,WACZ,IAmBMxC,EAnBgBL,yBAAe,cAmBTM,gBAAgBC,MAE5C,OACI,yBAAKM,UAAU,iCAEX,yBAAKA,UAAU,kBAAkBC,GAAG,YAChC,yBAAKD,UAAU,aACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,wBACX,0BAAMA,UAAU,YAAhB,cACA,wBAAIA,UAAU,SAAQ,qEAIlC,yBAAKA,UAAU,eACX,kBAAC,EAAD,CAAYe,OAAO,2BAA2BG,aAAa,8BAOvE,yBAAKlB,UAAU,yDACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,6BACX,yBAAKA,UAAU,gBACX,wBAAIA,UAAU,QAAQE,wBAAyB,CAAEC,OAAQX,QAIrE,yBAAKQ,UAAU,cACX,yBAAKA,UAAU,UACX,kBAAC,EAAD,Y,YCnBbiC,EAnCK,SAAC,GAAgD,IAC7DC,EADcC,EAA8C,EAA9CA,MAAWzC,GAAmC,EAAvCO,GAAuC,EAAnCP,OAAO0C,EAA4B,EAA5BA,SAAUrB,EAAkB,EAAlBA,OAAQsB,EAAU,EAAVA,IAUtD,OAPIH,EADDC,EAAM5C,OAAgC,mBAAhB4C,EAAM5C,MACd,kBAAC,IAAD,CAAKA,MAAO4C,EAAM5C,MAAO+C,IAAK5C,IACrCyC,EAAMI,MACC,kBAAC,IAAD,CAAOA,MAAOJ,EAAMI,MAAOD,IAAK5C,IAEhC,yBAAK8C,IAAKL,EAAMK,IAAKF,IAAK5C,IAIvC,yBAAKM,UAAWe,GACZ,yBAAKf,UAAU,aACX,yBAAKA,UAAU,aAIX,uBAAGI,KAAMiC,EAAKhC,OAAO,SAASC,IAAI,cAAc4B,IAEpD,yBAAKlC,UAAU,WACX,yBAAKA,UAAU,SACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,WAGlBoC,GAAY,0BAAMpC,UAAU,YAAYoC,GAGxC1C,GAAS,wBAAIM,UAAU,oBAAmB,uBAAGI,KAAMiC,EAAKhC,OAAO,SAASC,IAAI,cAAcZ,SCapG+C,EA3CI,WACf,IAuBMC,EAvBcvD,yBAAe,cAuBFwD,eAAe/B,MAChD,OACI,yBAAKZ,UAAU,eACV0C,EAAa7B,KAAK,SAAAC,GAAI,OACnB,kBAAC,EAAD,CAAaE,IAAKF,EAAKG,KAAKhB,GACxBc,OAAO,2BACP6B,eAAe,oBAEf3C,GAAIa,EAAKG,KAAKhB,GACdkC,MAAOrB,EAAKG,KAAK4B,eAAevD,gBAChCI,MAAOoB,EAAKG,KAAKvB,MACjB0C,SAAUtB,EAAKG,KAAKmB,SACpBC,IAAKvB,EAAKG,KAAKoB,WCEpBS,EArCC,WACZ,IAAMC,EAAgB5D,yBAAe,cAU/BK,EAAQuD,EAActD,gBAAgBC,MACtCE,EAAWmD,EAActD,gBAAgBG,SAC/C,OACI,yBAAKI,UAAU,oEAAoEC,GAAG,aAClF,yBAAKD,UAAU,aACX,yBAAKA,UAAU,cACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,iBACX,0BAAMA,UAAU,YAAYJ,GAC5B,wBAAII,UAAU,QAASE,wBAAyB,CAAEC,OAAQX,QAItE,kBAAC,EAAD,MACA,yBAAKQ,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,kBACX,8GAAmF,6BAAnF,8DACA,uBAAGA,UAAU,YAAYI,KAAK,YAAW,qDCuCtD4C,EAnEC,WACZ,IAcMxD,EAdcL,yBAAe,cAcTM,gBAAgBC,MAG1C,OACI,yBAAKM,UAAU,uCAAuCC,GAAG,WACrD,yBAAKD,UAAU,aACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,wBACX,0BAAMA,UAAU,YAAhB,WACA,wBAAIA,UAAU,QAAQE,wBAAyB,CAAEC,OAAQX,QAKrE,yBAAKQ,UAAU,OAEX,yBAAKA,UAAU,sBAKnB,yBAAKA,UAAU,yBAEX,yBAAKA,UAAU,qCACX,yBAAKA,UAAU,gBACX,oCACA,wBAAIA,UAAU,SAAQ,uBAAGI,KAAK,qBAAR,qBACtB,wBAAIJ,UAAU,SAAQ,uBAAGI,KAAK,qBAAR,uBAI9B,yBAAKJ,UAAU,qCACX,yBAAKA,UAAU,gBACX,oCACA,wBAAIA,UAAU,SAAQ,uBAAGI,KAAK,8CAAR,qBAI9B,yBAAKJ,UAAU,mDACX,yBAAKA,UAAU,gBACX,oCACA,wBAAIA,UAAU,SAAQ,uBAAGI,KAAK,6BAAR,6BCnCnC6C,UAfG,kBAChB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKvD,MAAM,mBACX,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,MACA,kBAAC,EAAD,MAIA,kBAAC,EAAD,S,kCCvBJ,8CA6BewD,IA1BW,SAAAzC,GACtB,IAEI0C,EAFAC,EAAkB3C,EAsBtB,OArBA2C,EAAe,iBAAOA,EAAgBb,MAAvB,CAA8Bc,YAAa,IAGtDF,EADe,UAAhB1C,EAAM6C,MACO,aACU,SAAhB7C,EAAM6C,MACA,aAEA,SAGZ7C,EAAM8B,OAAS9B,EAAM8B,MAAMgB,oBAC3BH,EAAe,iBACR3C,EADQ,CAEX+C,MAAM,OAAD,UACG/C,EAAM+C,OAAS,GADlB,CAEDC,SAAUhD,EAAM8B,MAAMgB,kBACtBG,OAAQP,OAKb,kBAAC,IAAQC","file":"component---src-pages-index-js-3f7be981256340fc3e3e.js","sourcesContent":["import React from 'react';\r\nimport {useStaticQuery, graphql} from 'gatsby';\r\nimport Img from \"gatsby-image\";\r\n// import { FiFacebook } from \"react-icons/fi\";\r\n\r\nconst Banner = () => {\r\n    const banenrQueryData = useStaticQuery (graphql`\r\n        query BannerDefaultQuery {\r\n                homedefaultJson(id: {eq: \"main-banner\"}) {\r\n                title    \r\n                subtitle\r\n                description\r\n                buttonText\r\n                buttonLink\r\n                bgImage {\r\n                    childImageSharp {\r\n                        fluid(quality: 100, maxWidth: 1920, maxHeight: 850) {\r\n                            ...GatsbyImageSharpFluid_withWebp\r\n                            presentationHeight\r\n                            presentationWidth\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            file(relativePath: {eq: \"images/banner/mwanzi2.jpg\"}) {\r\n                childImageSharp {\r\n                  fixed (quality: 100, width: 640, height: 750) {\r\n                    ...GatsbyImageSharpFixed\r\n                  }\r\n                }\r\n            }\r\n        }\r\n    `);\r\n    const PortfolioImages = banenrQueryData.file.childImageSharp.fixed;\r\n    const Title = banenrQueryData.homedefaultJson.title;\r\n    const SubTitle = banenrQueryData.homedefaultJson.subtitle;\r\n    const description = banenrQueryData.homedefaultJson.description;\r\n    const buttonText = banenrQueryData.homedefaultJson.buttonText;\r\n    const buttonLink = banenrQueryData.homedefaultJson.buttonLink;\r\n    return (\r\n        <div className=\"rn-slider-area\" id=\"home\">\r\n            {/* Start Single Slider  */}\r\n            <div className=\"rn-slide slider-style-01 banner-fixed-height\">\r\n                <div className=\"wrapper\">\r\n                    <div className=\"container\">\r\n                        <div className=\"row align-items-center\">\r\n                            <div className=\"order-2 order-xl-1 col-xl-6 col-lg-12 col-md-12 col-12\">\r\n                                <div className=\"inner mt_lg--40 mt_md--40 mt_sm--40\">\r\n                                    <div className=\"content text-left\">\r\n                                        <span className=\"subtitle theme-color\">{SubTitle}</span>\r\n                                        <h1 className=\"title\" dangerouslySetInnerHTML={{ __html: Title }}></h1>\r\n                                        <p>{description}</p>\r\n                                        <a className=\"rn-button\" href={buttonLink} target=\"_blank\" rel=\"noreferrer\"><span>{buttonText}</span></a>\r\n                                        <ul className=\"social-icons\">\r\n                                            <li><a href=\"https://twitter.com/monsieurmeemy\" target=\"_blank\" rel=\"noreferrer\"><span>Twitter</span></a></li>\r\n                                            <li><a href=\"https://github.com/monsieurmeemy\" target=\"_blank\" rel=\"noreferrer\"><span>Github</span></a></li>\r\n                                            <li><a href={buttonLink} target=\"_blank\" rel=\"noreferrer\"><span>LinkedIn</span></a></li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"order-1 order-xl-2 col-xl-6 col-lg-12 col-md-12 col-12\">\r\n                                <div className=\"thumbnail\">\r\n                                    <div className=\"thumbnail-inner\">\r\n                                        <Img className=\"portfolio-images\" fixed={PortfolioImages} />\r\n                                    </div>\r\n                                </div>\r\n                            </div>   \r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            {/* End Single Slider  */}\r\n        </div>\r\n    )\r\n}\r\nexport default Banner;","import React from 'react';\r\n\r\nconst Skill = ( ) => {\r\n    return (\r\n        <div className=\"rn-about-area rn-section-gap line-separator\" id=\"timeline\">\r\n            <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                        <div className=\"section-title\">\r\n                            <h3 className=\"title\">My timeline</h3>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                        <div className=\"experience_inner\">\r\n                            <div className=\"single-list\">\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>2019 - Today</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>Software Engineer</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>Hubnyx Ltd, Nairobi</span></p>\r\n                                </div>\r\n                            </div>\r\n                            \r\n                            <div className=\"single-list\">\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>August, 2018 - December, 2018</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>Web Developer Intern</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>Legibra, Nairobi</span></p>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"single-list\">\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>May 2017 - July 2019</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>Part-time Systems Integration Developer</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>Muriash, Nairobi</span></p>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"single-list\">\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>September, 2014 - April, 2018</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>BSc in Maths & Computer Science</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>Kirinyaga University, Central Kenya</span></p>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"single-list\">\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>August 1995</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>It all Begins Here!</span></p>\r\n                                </div>\r\n                                <div className=\"list_inner\">\r\n                                    <p><span>Nairobi, Kenya</span></p>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Skill;\r\n","import React from 'react';\r\nimport {useStaticQuery, graphql} from 'gatsby';\r\n// import Image from \"../image\";\r\n// import Img from 'gatsby-image'\r\n\r\nconst ServiceOne = (props) => {\r\n    const aboutQueryData = useStaticQuery(graphql`\r\n        query serviceData {\r\n            allServiceJson {\r\n                edges {\r\n                    node {\r\n                        id\r\n                        number\r\n                        title\r\n                        description\r\n                        readmoreButton\r\n                        icon {\r\n                            childImageSharp {\r\n                                fluid(maxWidth: 1060, maxHeight: 600, quality: 100) {\r\n                                    ...GatsbyImageSharpFluid_withWebp\r\n                                    presentationWidth\r\n                                    presentationHeight\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    `);\r\n    const services = aboutQueryData.allServiceJson.edges;\r\n    return (\r\n        <>\r\n            {services.map((data) => (\r\n                <div className={props.column} key={data.node.id}>\r\n                    <div className={`service ${props.serviceStyle}`}>\r\n                        <div className=\"inner\">\r\n                            <div className=\"number\">\r\n                                <span>{data.node.number}</span>\r\n                                {/* <img src={data.node.number} width=\"40\"/> */}\r\n                            </div>\r\n                            <div className=\"content\">\r\n                                <h3 className=\"title\">{data.node.title}</h3>\r\n                                <p className=\"description\">{data.node.description}</p>\r\n                                {/* <a className=\"readmore-btn\" href=\"#service\">{data.node.readmoreButton}</a> */}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            ))}\r\n        </>\r\n    )\r\n}\r\nexport default ServiceOne\r\n","import React, {Component} from 'react';\r\n// import CountUp from 'react-countup';\r\n// import VisibilitySensor from 'react-visibility-sensor';\r\n\r\nclass CounterupOne extends Component {\r\n    state = {\r\n        didViewCountUp: false\r\n    };\r\n    onVisibilityChange = isVisible => {\r\n        if (isVisible) {\r\n            this.setState({didViewCountUp: true});\r\n        }\r\n    }\r\n\r\n    render() {\r\n        let Data = [\r\n            {\r\n                countNum : 95,\r\n                countTitle: 'Web Development',\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'C#'\r\n            },\r\n            {\r\n                countNum : 85,\r\n                countTitle: 'ASP.NET Core',\r\n            },\r\n            {\r\n                countNum : 70,\r\n                countTitle: 'ASP.NET MVC',\r\n            },\r\n            {\r\n                countNum : 75,\r\n                countTitle: 'Python',\r\n            },\r\n            {\r\n                countNum : 60,\r\n                countTitle: 'JavaScript',\r\n            },\r\n            {\r\n                countNum : 59,\r\n                countTitle: 'HTML5/CSS3/Bootsrap',\r\n            },\r\n            {\r\n                countNum : 89,\r\n                countTitle: 'WordPress',\r\n            },\r\n            {\r\n                countNum: 100,\r\n                countTitle: 'Umbraco'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Azure'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'NopCommerce'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'ReactJS'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Data Analysis'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Pandas'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Matplotlib'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Jupyter'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Data Visualization'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Azure DevOps'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Entity Framework Core'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Dapper'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'MSSQL'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'MySQL'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Windows Server'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Linux Servers'\r\n            },\r\n            {\r\n                countNum: 90,\r\n                countTitle: 'Containerization'\r\n            }\r\n        ];\r\n        return (\r\n            <ul className=\"counter-box\">\r\n                {Data.map((value, index) => (\r\n                    <li key={index}>\r\n                        <div className=\"inner\">\r\n                            <span className=\"description\">{value.countTitle}</span>\r\n                            {/* <label className=\"counter\">\r\n                                <VisibilitySensor onChange={this.onVisibilityChange} offset={{top:10}} delayedCall>\r\n                                    <CountUp end={this.state.didViewCountUp ? value.countNum : 0} />\r\n                                </VisibilitySensor>%\r\n                            </label> */}\r\n                        </div>\r\n                    </li>\r\n                ))}\r\n            </ul>\r\n\r\n        )\r\n    }\r\n    \r\n}\r\n\r\nexport default CounterupOne;","import React from 'react';\r\nimport {useStaticQuery, graphql} from 'gatsby';\r\n// import BackgroundImage from 'gatsby-background-image';\r\nimport ServiceOne from \"../../elements/service/serviceOne\";\r\nimport CounterupOne from \"../../elements/counterup/counterupOne\";\r\n\r\nconst Service = () => {\r\n    const bgshapeImages = useStaticQuery(graphql`\r\n        query BgshapeImagesQuery {\r\n            file(relativePath: {eq: \"bg/bg-image-1.jpg\"}) {\r\n                childImageSharp {\r\n                  fluid(quality: 100, maxWidth: 1920) {\r\n                    ...GatsbyImageSharpFluid_withWebp\r\n                    presentationHeight\r\n                    presentationWidth\r\n                  }\r\n                }\r\n            },\r\n            homedefaultJson(id: {eq: \"skill\"}) {\r\n                title\r\n                description\r\n            }\r\n        }\r\n    `);\r\n\r\n    // const BgshapeImages = bgshapeImages.file.childImageSharp.fluid;\r\n    const Title = bgshapeImages.homedefaultJson.title;\r\n    // const Description = bgshapeImages.homedefaultJson.description;\r\n    return (\r\n        <div className=\"rn-section-gap line-separator\">\r\n            {/* Start Service Area  */}\r\n            <div className=\"rn-service-area\" id=\"services\">\r\n                <div className=\"container\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-12\">\r\n                            <div className=\"section-title mb--40\">\r\n                                <span className=\"subtitle\">What I Do!</span>\r\n                                <h3 className=\"title\"><span>I offer some top notch services</span></h3>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"row row--35\">\r\n                        <ServiceOne column=\"col-lg-4 col-md-6 col-12\" serviceStyle=\"service-style-1 mt--30\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            {/* End Service Area  */}\r\n\r\n            {/* Start Skill Area  */}\r\n            <div className=\"rn-counterup-area counterup-style-1 rn-section-gapTop\">\r\n                <div className=\"container\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-lg-10 col-md-6 col-12\">\r\n                            <div className=\"left-content\">\r\n                                <h3 className=\"title\" dangerouslySetInnerHTML={{ __html: Title }}></h3>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"row mt--30\">\r\n                        <div className=\"col-12\">\r\n                            <CounterupOne />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            {/* End Skill Area  */}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Service;","import React from 'react';\r\n// import {Link} from 'gatsby'\r\nimport Image from \"../image\";\r\nimport Img from 'gatsby-image'\r\n\r\n\r\nconst Projectcard = ({image, id, title, category, column, url }) => {\r\n    let projectImg;\r\n    if(image.fixed && typeof image.fixed !== 'function'){\r\n        projectImg = <Img fixed={image.fixed} alt={title}/>;\r\n    } else if(image.fluid) {\r\n        projectImg = <Image fluid={image.fluid} alt={title}/>\r\n    } else {\r\n        projectImg = <img src={image.src} alt={title}/>\r\n    }\r\n    \r\n    return (\r\n        <div className={column}>\r\n            <div className=\"portfolio\">\r\n                <div className=\"thumbnail\">\r\n                    {/* <Link to={`/project${id}`}>\r\n                        {projectImg}\r\n                    </Link> */}\r\n                    <a href={url} target=\"_blank\" rel=\"noreferrer\">{projectImg}</a>\r\n                </div>\r\n                <div className=\"content\">\r\n                    <div className=\"inner\">\r\n                        <div className=\"title_abs\">\r\n                            <div className=\"layer\"></div>\r\n                        </div>\r\n                        {/* {category && <span className=\"category\"><Link to={`/project/${id}`}>{category}</Link></span>} */}\r\n                        {category && <span className=\"category\">{category}</span>}\r\n                        {/* {title && <h4 className=\"title\"><Link to={`/project/${id}`}>{title}</Link></h4>} */}\r\n                        {/* {title && <h4 className=\"title text-white\">{title}</h4>} */}\r\n                        {title && <h4 className=\"title text-white\"><a href={url} target=\"_blank\" rel=\"noreferrer\">{title}</a></h4>}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nexport default Projectcard;","import React from 'react';\r\nimport {useStaticQuery, graphql} from 'gatsby';\r\nimport Projectcard from \"./projectcard\";\r\n\r\nconst ProjectOne = () => {\r\n    const ProjectData = useStaticQuery(graphql`\r\n        query ProjectDataQuery {\r\n            allProjectJson(limit: 3) {\r\n                edges {\r\n                    node {\r\n                        id\r\n                        title\r\n                        category\r\n                        url\r\n                        featured_image {\r\n                            childImageSharp {\r\n                                fluid(maxWidth: 1060, maxHeight: 600, quality: 100) {\r\n                                    ...GatsbyImageSharpFluid_withWebp\r\n                                    presentationWidth\r\n                                    presentationHeight\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    `);\r\n    const projectsData = ProjectData.allProjectJson.edges;\r\n    return (\r\n        <div className=\"row row--25\">\r\n            {projectsData.map( data => (\r\n                <Projectcard key={data.node.id}\r\n                    column=\"col-lg-4 col-md-6 col-12\"\r\n                    portfolioStyle=\"portfolio-style-1\"\r\n                    // key={data.node.id} \r\n                    id={data.node.id}\r\n                    image={data.node.featured_image.childImageSharp}\r\n                    title={data.node.title}\r\n                    category={data.node.category}\r\n                    url={data.node.url}\r\n                />\r\n            ))}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ProjectOne;","import React from 'react';\r\nimport {useStaticQuery, graphql} from 'gatsby';\r\nimport ProjectOne from \"../../elements/project/projectOne\";\r\n\r\n\r\nconst Project = () => {\r\n    const portfolioData = useStaticQuery(graphql`\r\n        query portfolioDataQuery {\r\n            homedefaultJson(id: {eq: \"portfolio\"}) {\r\n            title\r\n            description\r\n            subtitle\r\n            }\r\n        }\r\n    `);\r\n    \r\n    const Title = portfolioData.homedefaultJson.title;\r\n    const subtitle = portfolioData.homedefaultJson.subtitle;\r\n    return (\r\n        <div className=\"rn-portfolio-area rn-section-gap portfolio-style-1 line-separator\" id=\"portfolio\">\r\n            <div className=\"container\">\r\n                <div className=\"row mb--10\">\r\n                    <div className=\"col-lg-12\">\r\n                        <div className=\"section-title\">\r\n                            <span className=\"subtitle\">{subtitle}</span>\r\n                            <h3 className=\"title\"  dangerouslySetInnerHTML={{ __html: Title }}></h3>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <ProjectOne />\r\n                <div className=\"ror\">\r\n                    <div className=\"col-lg-12\">\r\n                        <div className=\"project-bottom\">\r\n                            <p>Would you like any assistance on your next project? Don’t hesitate, request for <br /> a new project or contact me on any of the below channels.</p>\r\n                            <a className=\"rn-button\" href=\"#contact\"><span>Get in touch</span></a>\r\n                        </div>\r\n                    </div>\r\n                </div>   \r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nexport default Project\r\n","import { graphql, useStaticQuery } from 'gatsby'\r\nimport React from 'react';\r\n// import { FiMapPin, FiPhone, FiGlobe, FiTwitter,FiFacebook, FiInstagram, FiPhoneIncoming } from \"react-icons/fi\";\r\n// import Contactform from \"./contactform\";\r\n\r\n\r\nconst Contact = () => {\r\n    const contactData = useStaticQuery(graphql`\r\n        query contactDataQuery {\r\n            homedefaultJson(id: {eq: \"contactus\"}) {\r\n                title\r\n                subtitle\r\n            }\r\n            site {\r\n                siteMetadata {\r\n                    getform_url\r\n                }\r\n            }\r\n\r\n        }\r\n    `);\r\n    const Title = contactData.homedefaultJson.title;\r\n    // const Description = contactData.homedefaultJson.subtitle;\r\n    // const { site: { siteMetadata: { getform_url } } } = contactData;\r\n    return (\r\n        <div className=\"rn-contact-area rn-section-gapBottom\" id=\"contact\"> \r\n            <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-lg-12\">\r\n                        <div className=\"section-title mb--60\">\r\n                            <span className=\"subtitle\">Contact</span>\r\n                            <h3 className=\"title\" dangerouslySetInnerHTML={{ __html: Title }}></h3>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"row\">\r\n                    {/* Start Contact Form  */}\r\n                    <div className=\"col-lg-12 col-12\">\r\n                        {/* <Contactform url={getform_url} /> */}\r\n                    </div>\r\n                    {/* End Contact Form  */}\r\n                </div>\r\n                <div className=\"row rn-section-gapTop\">\r\n\r\n                    <div className=\"col-lg-4 col-md-4 col-sm-6 col-12\">\r\n                        <div className=\"contact-info\">\r\n                            <p>Phone</p>\r\n                            <h3 className=\"title\"><a href=\"tel:+254774248220\">+254 774 248 220</a></h3>\r\n                            <h3 className=\"title\"><a href=\"tel:+254706451438\">+254 706 451 438</a></h3>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-lg-4 col-md-4 col-sm-6 col-12\">\r\n                        <div className=\"contact-info\">\r\n                            <p>Skype</p>\r\n                            <h3 className=\"title\"><a href=\"https://join.skype.com/invite/lWqdNb7VoQTI\">stephen mwanzi</a></h3>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-lg-4 col-md-4 col-sm-6 col-12 mt_mobile--30\">\r\n                        <div className=\"contact-info\">\r\n                            <p>Email</p>\r\n                            <h3 className=\"title\"><a href=\"mailto:me@stevemwanzi.com\">me@stevemwanzi.com</a></h3>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Contact\r\n","import React from \"react\";\r\nimport Layout from \"../components/layout\";\r\nimport SEO from \"../components/seo\";\r\nimport Banner from \"../components/homedefault/banner\";\r\nimport Skill from \"../components/homedefault/skill\";\r\nimport Service from \"../components/homedefault/service\";\r\nimport Project from \"../components/homedefault/project\";\r\n// import Testimonial from \"../components/homedefault/testimonial\";\r\n// import Brand from \"../components/homedefault/brand\";\r\n// import Video from \"../components/video\";\r\n// import BlogPost from \"../components/blogPost\";\r\nimport Contact from \"../elements/contact/contact\";\r\n\r\nconst IndexPage = () => (\r\n  <Layout>\r\n    <SEO title=\"Stephen Mwanzi\" />\r\n    <Banner />\r\n    <Service />\r\n    <Skill />\r\n    <Project />\r\n    {/* <Testimonial /> */}\r\n    {/* <Video /> */}\r\n    {/* <BlogPost /> */}\r\n    <Contact />\r\n    {/* <Brand /> */}\r\n  </Layout>\r\n)\r\n\r\nexport default IndexPage;","import React from \"react\";\r\nimport Img from \"gatsby-image\";\r\n\r\nconst NonStretchedImage = props => {\r\n    let normalizedProps = props\r\n    normalizedProps = {...normalizedProps.fluid, aspectRatio: 1}\r\n    let alignment;\r\n    if(props.align === 'right'){\r\n        alignment = '0 0 0 auto'\r\n    } else if(props.align === 'left'){\r\n        alignment = '0 auto 0 0'\r\n    }else{\r\n        alignment = '0 auto'\r\n    }\r\n\r\n    if (props.fluid && props.fluid.presentationWidth) {\r\n        normalizedProps = {\r\n            ...props,\r\n            style: {\r\n                ...(props.style || {}),\r\n                maxWidth: props.fluid.presentationWidth,\r\n                margin: alignment, \r\n            },\r\n        }\r\n    }\r\n\r\n    return <Img {...normalizedProps} />\r\n}\r\n\r\nexport default NonStretchedImage;"],"sourceRoot":""}