{"version":3,"file":"component---src-pages-work-simple-goals-tracker-js-53b6c3dd521be17685c8.js","mappings":"qJAkEA,IA9DiB,SAAC,GAAe,IAAdA,EAAa,EAAbA,QACjB,OACE,2BACE,uBAAKC,MAAM,0CACT,sBACEC,UAAU,uBACVC,MAAO,CAACC,SAAU,WAAYC,IAAK,SAEjCL,EAAQM,OAId,uBAAKJ,UAAU,mDACb,sBAAIA,UAAU,iBAAd,eACA,qBAAGA,UAAU,4CAA6CF,EAAQO,aAElE,sBAAIL,UAAU,uBAAd,iBACA,qBAAGA,UAAU,4CAA6CF,EAAQQ,WAElE,sBAAIN,UAAU,uBAAd,gBACA,qBAAGA,UAAU,4CAA6CF,EAAQS,UAElE,uBAAKP,UAAU,0CACb,uBAAKA,UAAU,8CAEXF,EAAQU,OAAOC,KAAI,SAAAC,GACjB,OACE,uBAAKV,UAAU,QACb,uBAAKW,IAAG,qBAAuBD,UAQ3C,uBAAKV,UAAU,SACb,uBAAKA,UAAU,aACb,sBAAIA,UAAU,gBAAd,aACA,uBAAKA,UAAU,aACb,qBAAGY,KAAOd,EAAQe,KAAOf,EAAQe,OAGrC,uBAAKb,UAAU,QACb,sBAAIA,UAAU,gBAAd,cAEEF,EAAQgB,KAAKL,KAAI,SAAAM,GACf,OACE,uBAAKf,UAAU,mDACXe,Y,4FCjCtB,UAXkB,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAEnB,OACE,gBAAC,IAAD,CAAQA,SAAUA,GAChB,gBAAC,IAAD,CAAKC,MAAM,4DACX,gBAAC,IAAD,CAAUnB,QAASoB,EAAAA,O,qDCdlB,IAAMA,EAAqB,CAChCd,KAAM,uBACNe,QAAS,oCACTT,MAAO,yBACPU,SAAU,uBACVP,IAAK,IACLR,YAAa,qOACbC,UAAW,2PACXC,SAAU,wMACVO,KAAM,CAAC,UAAW,gBAAiB,WACnCN,OAAQ,CAAC,yBAA0B,yBAA0B","sources":["webpack://gatsby-starter-blog/./src/components/workPage.js","webpack://gatsby-starter-blog/./src/pages/work/simple-goals-tracker.js","webpack://gatsby-starter-blog/./src/portfolio/simpleGoalsTracker.js"],"sourcesContent":["import * as React from \"react\"\nimport { Link } from \"gatsby\"\n\n\nconst WorkPage = ({project}) => {\n  return (\n    <div>\n      <div class=\"py-24 subHeader text-white text-center\">\n        <h1\n          className=\"text-4xl header-bold\"\n          style={{position: \"relative\", top: \"32px\"}}\n        >\n          { project.name }\n        </h1>\n      </div>\n\n      <div className=\"text-center py-28 max-w-5xl m-auto px-4 md:px-0\">\n        <h2 className=\"text-5xl pb-8\">The Project</h2>\n        <p className=\"text-xl pb-8 border-b-2 border-secondary\">{ project.description }</p>\n\n        <h2 className=\"text-5xl pb-8 pt-28\">The Challenge</h2>\n        <p className=\"text-xl pb-8 border-b-2 border-secondary\">{ project.challenge }</p>\n\n        <h2 className=\"text-5xl pb-8 pt-28\">The Solution</h2>\n        <p className=\"text-xl pb-8 border-b-2 border-secondary\">{ project.solution }</p>\n\n        <div className=\"pt-28 pb-8 border-b-2 border-secondary\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-3 text-white\">\n            {\n              project.images.map(image => {\n                return (\n                  <div className=\"px-2\">\n                    <img src={`/images/portfolio/${image}`} />\n                  </div>\n                )\n              })\n            }\n          </div>\n        </div>\n\n        <div className=\"pt-28\">\n          <div className=\"flex pb-4\">\n            <h3 className=\"text-xl pt-1\">Live Url:</h3>\n            <div className=\"pl-2 pt-2\">\n              <a href={ project.url }>{project.url}</a>\n            </div>\n          </div>\n          <div className=\"flex\">\n            <h3 className=\"text-xl pt-1\">Tech Used:</h3>\n            {\n              project.tech.map(item => {\n                return (\n                  <div className=\"mx-4 px-4 text-white py-2 rounded-xl bg-primary\">\n                    { item }\n                  </div>\n                )\n              })\n            }\n          </div>\n        </div>\n      </div>\n\n    </div>\n  )\n}\n\nexport default WorkPage\n","import * as React from \"react\"\nimport { Link, graphql } from \"gatsby\"\n\nimport Layout from \"../../components/layout\"\nimport WorkPage from \"../../components/workPage\"\nimport Seo from \"../../components/seo\"\n\nimport { simpleGoalsTracker } from '../../portfolio/simpleGoalsTracker'\n\nconst BlogIndex = ({ location }) => {\n\n  return (\n    <Layout location={location}>\n      <Seo title=\"Total Web Connections | Our Work | Simple Goals Tracker\" />\n      <WorkPage project={simpleGoalsTracker} />\n\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n","export const simpleGoalsTracker = {\n  name: \"Simple Goals Tracker\",\n  excerpt: \"Manage Your Goals From Your Phone\",\n  image: \"simpleLeadTracker.webp\",\n  localUrl: \"simple-goals-tracker\",\n  url: \"#\",\n  description: \"Simple Goals Tracker does exactly what it says; it lets you plan goals as quickly and easily as possible. The app lets you define goals, track progress agaisnt them, and gives you data on how often you complete or fail a goal.\",\n  challenge: \"The main challenge was building a very easy to use UI. We wanted the app to be quick to use, and then get out of the way. Too many apps take too long to figure out, and that defeats the purpose of an app that's meant to help you be more productive.\",\n  solution: \"Another hybrid app, we built this one with Clojurescript and pacakges with Cordova. The app is currently available for IOS, but we have plans in the future to make it available for Android as well.\",\n  tech: [\"Reagent\", \"Clojurescript\", \"Cordova\"],\n  images: [\"simpleLeadTracker.webp\", \"simpleLeadTracker.webp\", \"simpleLeadTracker.webp\"]\n}\n"],"names":["project","class","className","style","position","top","name","description","challenge","solution","images","map","image","src","href","url","tech","item","location","title","simpleGoalsTracker","excerpt","localUrl"],"sourceRoot":""}