{"version":3,"file":"component---src-pages-work-my-daily-fortune-js-be7e9c08a8ae02abcade.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,0FCjCtB,UAXkB,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAEnB,OACE,gBAAC,IAAD,CAAQA,SAAUA,GAChB,gBAAC,IAAD,CAAKC,MAAM,wDACX,gBAAC,IAAD,CAAUnB,QAASoB,EAAAA,O,qDCdlB,IAAMA,EAAiB,CAC5Bd,KAAM,mBACNe,QAAS,iBACTT,MAAO,yBACPU,SAAU,mBACVP,IAAK,IACLQ,aAAc,IACdhB,YAAa,iJACbC,UAAW,4VACXC,SAAU,0TACVO,KAAM,CAAC,UAAW,UAAW,UAC7BN,OAAQ,CAAC,yBAA0B,yBAA0B","sources":["webpack://gatsby-starter-blog/./src/components/workPage.js","webpack://gatsby-starter-blog/./src/pages/work/my-daily-fortune.js","webpack://gatsby-starter-blog/./src/portfolio/myDailyFortune.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 { myDailyFortune } from '../../portfolio/myDailyFortune'\n\nconst BlogIndex = ({ location }) => {\n\n  return (\n    <Layout location={location}>\n      <Seo title=\"Total Web Connections | Our Work | My Daily Fortune\" />\n      <WorkPage project={myDailyFortune} />\n\n    </Layout>\n  )\n}\n\nexport default BlogIndex\n","export const myDailyFortune = {\n  name: \"My Daily Fortune\",\n  excerpt: \"Daily Fortunes\",\n  image: \"simpleLeadTracker.webp\",\n  localUrl: \"my-daily-fortune\",\n  url: \"#\",\n  alternateUrl: \"#\",\n  description: \"My Daily Fortune is a mobile app that lets users generate a new fortune every day. It is currently available for both IOS and Android devices.\",\n  challenge: \"This was one of our first mobile app projects, so it involved a lot of learning on how to actually deploy a mobile app. We wanted to deploy for both Android and IOS devices, and each process is slightly different. This was also a good opportunity for us to create a framework for deploying mobile apps as we wanted to release more in the future.\",\n  solution: \"We built My Daily Fortune as a Javascript based web app, and then packaged it for deployment with Cordova. This allowed us to write in a farmiliar language, while still making our deploy target mobile devices. We also used thus project as a test to build our first API in Clojure since it's a fairly simple one.\",\n  tech: [\"Cordova\", \"Clojure\", \"jQuery\"],\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","myDailyFortune","excerpt","localUrl","alternateUrl"],"sourceRoot":""}