{"version":3,"sources":["webpack:///./src/pages/projects.js"],"names":["getLinkIcon","linkIcon","faWindowMaximize","faGithub","Error","projects","name","uses","image","links","link","icon","description","ProjectsPage","location","title","keywords","className","map","item","idx","key","join","linkIdx","href","target","rel","alt","src","dangerouslySetInnerHTML","__html"],"mappings":"6FAAA,4FAQMA,EAAc,SAACC,GACnB,OAAQA,GACN,IAAK,UACH,OAAOC,IACT,IAAK,SACH,OAAOC,IACT,QACE,MAAM,IAAIC,MAAJ,aAAuBH,EAAvB,wBAINI,EAAW,CACf,CACEC,KAAM,SACNC,KAAM,CAAC,WAAY,QAAS,QAAS,cACrCC,MAAO,8BACPC,MAAO,CACL,CACEC,KAAM,wCACNC,KAAM,UAER,CAAED,KAAM,yBAA0BC,KAAM,YAE1CC,YAAY,4NAEd,CACEN,KAAM,aACNC,KAAM,CAAC,QAAS,oBAAqB,SAAU,cAC/CC,MAAO,+BACPC,MAAO,CACL,CACEC,KAAM,sCACNC,KAAM,UAER,CAAED,KAAM,0BAA2BC,KAAM,YAE3CC,YAAY,qLAEd,CACEN,KAAM,WACNC,KAAM,CAAC,SAAU,wBAAyB,SAAU,QACpDC,MAAO,+BACPC,MAAO,CACL,CACEC,KAAM,4DACNC,KAAM,UAER,CAAED,KAAM,2BAA4BC,KAAM,YAE5CC,YAAY,6PAEd,CACEN,KAAM,YACNC,KAAM,CAAC,QAAS,MAAO,aAAc,QACrCC,MAAO,gCACPC,MAAO,CACL,CACEC,KAAM,2CACNC,KAAM,UAER,CAAED,KAAM,yBAA0BC,KAAM,YAE1CC,YAAY,wJAEd,CACEN,KAAM,SACNC,KAAM,CAAC,kBAAmB,UAAW,iBAAkB,OAAQ,aAC/DC,MAAO,8BACPC,MAAO,CACL,CACEC,KAAM,wCACNC,KAAM,UAER,CACED,KAAM,+DACNC,KAAM,YAGVC,YAAY,qVAEd,CACEN,KAAM,UACNC,KAAM,CAAC,MAAO,QAAS,SACvBC,MAAO,8BACPC,MAAO,GACPG,YAAY,iPAEd,CACEN,KAAM,kCACNC,KAAM,CAAC,MAAO,QAAS,SACvBC,MAAO,8BACPC,MAAO,CACL,CACEC,KAAM,iDACNC,KAAM,UAER,CACED,KAAM,2CACNC,KAAM,YAGVC,YAAY,qFAEd,CACEN,KAAM,cACNC,KAAM,CAAC,kBAAmB,UAAW,kBAAmB,kBACxDC,MAAO,iCACPC,MAAO,GACPG,YAAY,kLA6CDC,UAzCM,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAH,OACnB,kBAAC,IAAD,CAAQA,SAAUA,GAChB,kBAAC,IAAD,CACEC,MAAM,WACNC,SAAS,gKAGX,yBAAKC,UAAU,sBACb,yBAAKA,UAAU,QACb,wBAAIA,UAAU,0BAAd,YAECZ,EAASa,KAAI,SAACC,EAAMC,GAAP,OACZ,yBAAKH,UAAS,UAAmB,IAARG,EAAY,OAAS,IAAMC,IAAG,WAAaD,GAClE,yBAAKH,UAAU,wBACb,yBAAKA,UAAU,iBACb,yBAAKA,UAAU,UACb,wBAAIA,UAAU,yBAAyBE,EAAKb,MAE5C,yBAAKW,UAAU,qBAAqBE,EAAKZ,KAAKe,KAAK,QAGrD,6BACGH,EAAKV,MAAMS,KAAI,SAACR,EAAMa,GAAP,OACd,uBAAGC,KAAMd,EAAKA,KAAMW,IAAG,gBAAkBE,EAAWE,OAAO,SAASC,IAAI,uBACtE,kBAAC,IAAD,CAAiBf,KAAMX,EAAYU,EAAKC,MAAOM,UAAU,eAMjE,6BAAME,EAAKX,OAAS,yBAAKS,UAAU,eAAeU,IAAKR,EAAKb,KAAMsB,IAAKT,EAAKX,UAG9E,yBAAKS,UAAU,OAAOY,wBAAyB,CAAEC,OAAQX,EAAKP","file":"component---src-pages-projects-js-f701da7c3f999259606a.js","sourcesContent":["import React from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faWindowMaximize } from '@fortawesome/free-regular-svg-icons';\nimport { faGithub } from '@fortawesome/free-brands-svg-icons';\n\nimport { Layout } from '../components/Layout';\nimport { SEO } from '../components/Seo';\n\nconst getLinkIcon = (linkIcon) => {\n  switch (linkIcon) {\n    case 'browser':\n      return faWindowMaximize;\n    case 'github':\n      return faGithub;\n    default:\n      throw new Error(`Icon name ${linkIcon} is not supported.`);\n  }\n};\n\nconst projects = [\n  {\n    name: 'Gitify',\n    uses: ['Electron', 'React', 'Redux', 'TypeScript'],\n    image: '/images/projects/gitify.png',\n    links: [\n      {\n        link: 'https://www.github.com/manosim/gitify',\n        icon: 'github',\n      },\n      { link: 'https://www.gitify.io/', icon: 'browser' },\n    ],\n    description: `GitHub Notifications on your menu bar. A desktop app based on <a href=\"http://electron.atom.io/\" target=\"_blank\">Electron</a> that brings your GitHub notitifications on your menu bar. Currently supports only Mac OSX.`,\n  },\n  {\n    name: 'UIColor.io',\n    uses: ['React', 'Styled Components', 'Rebass', 'TypeScript'],\n    image: '/images/projects/uicolor.png',\n    links: [\n      {\n        link: 'https://github.com/manosim/ui-color',\n        icon: 'github',\n      },\n      { link: 'https://www.uicolor.io/', icon: 'browser' },\n    ],\n    description: `UIColor is a website used to convert HEX & RGB colors to UIColor for both Objective-C and Swift featuring a colorpicker and copy to clipboard functionality making things easier.`,\n  },\n  {\n    name: 'DRF Docs',\n    uses: ['Django', 'Django Rest Framework', 'Python', 'Pypi'],\n    image: '/images/projects/drfdocs.png',\n    links: [\n      {\n        link: 'https://www.github.com/manosim/django-rest-framework-docs',\n        icon: 'github',\n      },\n      { link: 'https://www.drfdocs.com/', icon: 'browser' },\n    ],\n    description: `Django Rest Framework Docs (DRF Docs) allows you to document Web APIs made with <a href=\"http://www.django-rest-framework.org/\" target=\"_blank\">Django Rest Framework</a>. Available on PyPi. Supports Python 2 and 3, Django Rest Framework 3 and above.`,\n  },\n  {\n    name: 'NPM Click',\n    uses: ['React', 'NPM', 'Browserify', 'LESS'],\n    image: '/images/projects/npmclick.png',\n    links: [\n      {\n        link: 'https://www.github.com/manosim/npm-click',\n        icon: 'github',\n      },\n      { link: 'https://www.npm.click/', icon: 'browser' },\n    ],\n    description: `Compare your project's NPM dependencies. Copy and paste or upload your \"package.json\" to see which of your (dev)dependencies are up to date or not.`,\n  },\n  {\n    name: 'Trevor',\n    uses: ['Ionic Framework', 'Angular', 'Apache Cordova', 'Gulp', 'Travis CI'],\n    image: '/images/projects/trevor.png',\n    links: [\n      {\n        link: 'https://www.github.com/manosim/trevor',\n        icon: 'github',\n      },\n      {\n        link: 'https://blog.travis-ci.com/2015-04-06-meet-trevor-hybrid-app',\n        icon: 'browser',\n      },\n    ],\n    description: `Trevor is a mobile app that brings Travis CI to your phone and tablet. You can download it for free from the App Store and Google Play. It is a hybrid app based on <a href=\"http://www.ionicframework.com/\" target=\"_blank\">Ionic Framework</a> that utilizes the amazing <a href=\"http://www.travis-ci.org/\" target=\"_blank\">Travis CI</a> API.`,\n  },\n  {\n    name: 'Go Back',\n    uses: ['iOS', 'Swift', 'UIKit'],\n    image: '/images/projects/goback.png',\n    links: [],\n    description: `A native iOS app written in Swift. Can't remember the address of your hotel? Too bothered to enter an address every time you want to return back to a particular place? Hassling trying to find your car? The app will make your life easier!`,\n  },\n  {\n    name: 'CSS Edit Groups for Atom Editor',\n    uses: ['iOS', 'Swift', 'UIKit'],\n    image: '/images/projects/goback.png',\n    links: [\n      {\n        link: 'https://www.github.com/manosim/css-edit-groups',\n        icon: 'github',\n      },\n      {\n        link: 'https://atom.io/packages/css-edit-groups',\n        icon: 'browser',\n      },\n    ],\n    description: `An Atom editor package to jump to CSS, LESS and SASS @group markers like CSSEdit.`,\n  },\n  {\n    name: 'Back to Car',\n    uses: ['Ionic Framework', 'Angular', 'Google Maps API', 'Apache Cordova'],\n    image: '/images/projects/backtocar.png',\n    links: [],\n    description: `My first mobile app! A hybrid application available for free on the App Store & Google Play Store with thousands downloads. Get back to your car by pressing a single button.`,\n  },\n];\n\nconst ProjectsPage = ({ location }) => (\n  <Layout location={location}>\n    <SEO\n      title=\"Projects\"\n      keywords=\"projects,gitify,github,notifications,open source,code,django,rest,framework,drfdocs,trevor,backtocar,uicolor,convert,hex,rgb,goback,mobile apps,mobile apps\"\n    />\n\n    <div className=\"container flex-col\">\n      <div className=\"mt-6\">\n        <h2 className=\"font-semibold text-2xl\">Projects</h2>\n\n        {projects.map((item, idx) => (\n          <div className={`my-10 ${idx === 0 ? 'mt-6' : ''}`} key={`project-${idx}`}>\n            <div className=\"flex justify-between\">\n              <div className=\"flex flex-col\">\n                <div className=\"flex-1\">\n                  <h2 className=\"font-semibold text-xl\">{item.name}</h2>\n\n                  <div className=\"text-sm break-all\">{item.uses.join(', ')}</div>\n                </div>\n\n                <div>\n                  {item.links.map((link, linkIdx) => (\n                    <a href={link.link} key={`project-link-${linkIdx}`} target=\"_blank\" rel=\"noopener noreferrer\">\n                      <FontAwesomeIcon icon={getLinkIcon(link.icon)} className=\"mr-3\" />\n                    </a>\n                  ))}\n                </div>\n              </div>\n\n              <div>{item.image && <img className=\"project-logo\" alt={item.name} src={item.image} />}</div>\n            </div>\n\n            <div className=\"mt-2\" dangerouslySetInnerHTML={{ __html: item.description }} />\n          </div>\n        ))}\n      </div>\n    </div>\n  </Layout>\n);\n\nexport default ProjectsPage;\n"],"sourceRoot":""}