{"version":3,"sources":["webpack:///./src/pages/case-studies/rexford.js","webpack:///./src/data/rexford.js","webpack:///./src/images/landing-illustrations/rexford-illustration.svg"],"names":["RexfordPage","location","name","data","description","techUsed","sourceLinks","alt","images","main","demoLink","links","href","link","text","imageData","useStaticQuery","imageQuery","title","image","mainImg","fluid","oldWebsite","childImageSharp","reverse","productPage","figmaDesign","mobileTable","linkText","date","color","illustration","src","require","sub1","sub2","csLink","altMessage","api","frontend","module","exports"],"mappings":"4FAAA,iLAyHeA,UAzGK,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SACdC,EAA6CC,IAA7CD,KAAME,EAAuCD,IAAvCC,YAAaC,EAA0BF,IAA1BE,SAAUC,EAAgBH,IAAhBG,YAC7BC,EAAQJ,IAAKK,OAAOC,KAApBF,IAEAG,EAAaP,IAAbO,SAEFC,EACL,yBACC,mBAAGC,KAAMF,EAASG,MAAOH,EAASI,OAG9BC,EAAYC,YAAeC,GACjC,OACC,cAAC,IAAD,CAAQhB,SAAUA,GACjB,cAAC,IAAD,CAAKiB,MAAM,mBACX,cAAC,IAAD,CACCA,MAAOhB,EACPY,KAAMV,EACNe,MAAOJ,EAAUK,QACjBb,IAAKA,EACLI,MAAOA,EACPL,YAAaA,EACbD,SAAUA,IAEX,cAAC,IAAD,KACC,cAAC,IAAD,kDAGA,cAAC,IAAD,KACC,cAAC,IAAD,KACC,cAAC,IAAD,yBACA,0SASD,cAAC,IAAD,CACCgB,MAAON,EAAUO,WAAWC,gBAAgBF,MAC5Cd,IAAI,gCAGN,cAAC,IAAD,CAAkBiB,SAAO,GACxB,cAAC,IAAD,KACC,cAAC,IAAD,4BACA,4QAQD,cAAC,IAAD,CACCH,MAAON,EAAUU,YAAYF,gBAAgBF,MAC7Cd,IAAI,iCAGN,cAAC,IAAD,KACC,cAAC,IAAD,KACC,cAAC,IAAD,iCACA,wSASD,cAAC,IAAD,CACCc,MAAON,EAAUW,YAAYH,gBAAgBF,MAC7Cd,IAAI,iCAGN,cAAC,IAAD,CAAkBiB,SAAO,GACxB,cAAC,IAAD,KACC,cAAC,IAAD,oCACA,2UAUD,cAAC,IAAD,CACCH,MAAON,EAAUY,YAAYJ,gBAAgBF,MAC7Cd,IAAI,yCAGN,cAAC,IAAD,CACCW,MAAM,kCACNU,SAAS,mBASd,IAAMX,EAAU,c,kCC3HD,KACdf,KAAM,iBACNE,YACC,kOACDyB,KAAM,aACNC,MAAO,UACPtB,OAAQ,CACPuB,aAAc,CACbC,IAAKC,EAAQ,QACb1B,IAAK,wBAENE,KAAM,CACLuB,IAAK,GACLzB,IAAK,0BAEN2B,KAAM,CACLF,IAAKC,EAAQ,QACb1B,IAAK,eAEN4B,KAAM,CACLH,IAAKC,EAAQ,QACb1B,IAAK,gBAGP6B,OAAQ,CACPvB,KAAM,wBACNC,KAAM,cAEPJ,SAAU,CACTG,KAAM,gCACNC,KAAM,aAEPR,YAAa,CACZ+B,WAAY,gBACZC,IAAK,CACJzB,KAAM,GACNC,KAAM,OAEPyB,SAAU,CACT1B,KAAM,GACNC,KAAM,aAGRT,SAAU,CAAE,QAAS,UAAW,MAAO,W,mBC3CxCmC,EAAOC,QAAU","file":"component---src-pages-case-studies-rexford-js-be4a82fa62faedf35ff2.js","sourcesContent":["import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport SEO from '../../components/Layout/SEO';\nimport Layout from '../../components/Layout/Layout';\nimport CaseStudyHeader from '../../components/CaseStudy/CaseStudyHeader';\nimport SectionLight from '../../components/shared/SectionLight';\nimport CaseStudySectionHeader from '../../components/CaseStudy/CaseStudySectionHeader';\nimport CaseStudySection from '../../components/CaseStudy/CaseStudySection';\nimport CaseStudyText from '../../components/CaseStudy/CaseStudyText';\nimport CaseStudyImage from '../../components/CaseStudy/CaseStudyImage';\nimport HeadingArrow from '../../components/shared/HeadingArrow';\nimport Contact from '../../components/shared/Contact';\n\nimport data from '../../data/rexford';\n\nconst RexfordPage = ({ location }) => {\n\tconst { name, description, techUsed, sourceLinks } = data;\n\tconst { alt } = data.images.main;\n\n\tconst { demoLink } = data;\n\n\tconst links = (\n\t\t<div>\n\t\t\t<a href={demoLink.link}>{demoLink.text}</a>\n\t\t</div>\n\t);\n\tconst imageData = useStaticQuery(imageQuery);\n\treturn (\n\t\t<Layout location={location}>\n\t\t\t<SEO title='Rexford Knives' />\n\t\t\t<CaseStudyHeader\n\t\t\t\ttitle={name}\n\t\t\t\ttext={description}\n\t\t\t\timage={imageData.mainImg}\n\t\t\t\talt={alt}\n\t\t\t\tlinks={links}\n\t\t\t\tsourceLinks={sourceLinks}\n\t\t\t\ttechUsed={techUsed}\n\t\t\t/>\n\t\t\t<SectionLight>\n\t\t\t\t<CaseStudySectionHeader>\n\t\t\t\t\tA New Look for a Manufacturing Powerhouse\n\t\t\t\t</CaseStudySectionHeader>\n\t\t\t\t<CaseStudySection>\n\t\t\t\t\t<CaseStudyText>\n\t\t\t\t\t\t<HeadingArrow>Project Overview</HeadingArrow>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tThis project was a collaboration between fellow\n\t\t\t\t\t\t\tdeveloper Tyson Comer and I to revamp the digital\n\t\t\t\t\t\t\tpresence for Rexford Knives. The company already had\n\t\t\t\t\t\t\tan established brand, but their old website was\n\t\t\t\t\t\t\tlooking a bit dated and had some challenges with\n\t\t\t\t\t\t\tmobile responsiveness.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</CaseStudyText>\n\t\t\t\t\t<CaseStudyImage\n\t\t\t\t\t\tfluid={imageData.oldWebsite.childImageSharp.fluid}\n\t\t\t\t\t\talt='rexford knives old website'\n\t\t\t\t\t/>\n\t\t\t\t</CaseStudySection>\n\t\t\t\t<CaseStudySection reverse>\n\t\t\t\t\t<CaseStudyText>\n\t\t\t\t\t\t<HeadingArrow>Refreshing the View</HeadingArrow>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tWith the goal of mobile optimization in mind, we\n\t\t\t\t\t\t\tbuilt several gallery pages that showcase the\n\t\t\t\t\t\t\towner's product photography. Each page resizes\n\t\t\t\t\t\t\tresponsively based on the user's screen size without\n\t\t\t\t\t\t\tneeding to excessively rewrite the code base.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</CaseStudyText>\n\t\t\t\t\t<CaseStudyImage\n\t\t\t\t\t\tfluid={imageData.productPage.childImageSharp.fluid}\n\t\t\t\t\t\talt='rexford knives product page'\n\t\t\t\t\t/>\n\t\t\t\t</CaseStudySection>\n\t\t\t\t<CaseStudySection>\n\t\t\t\t\t<CaseStudyText>\n\t\t\t\t\t\t<HeadingArrow>Keeping Track of History</HeadingArrow>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tThe company owner also needed a way to display\n\t\t\t\t\t\t\tmanufacturing information to serve as a source of\n\t\t\t\t\t\t\tdocumentation of product quality and authenticity.\n\t\t\t\t\t\t\tWe solved this challenge by creating a manufacturing\n\t\t\t\t\t\t\thistory table that can be updated each time a new\n\t\t\t\t\t\t\tproduct launches.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</CaseStudyText>\n\t\t\t\t\t<CaseStudyImage\n\t\t\t\t\t\tfluid={imageData.figmaDesign.childImageSharp.fluid}\n\t\t\t\t\t\talt='rexford knives figma design'\n\t\t\t\t\t/>\n\t\t\t\t</CaseStudySection>\n\t\t\t\t<CaseStudySection reverse>\n\t\t\t\t\t<CaseStudyText>\n\t\t\t\t\t\t<HeadingArrow>Crafting a Responsive Table</HeadingArrow>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tBuilding data tables that display well on mobile\n\t\t\t\t\t\t\tphones can be a challenge, due to limited screen\n\t\t\t\t\t\t\tspace, and a horizontal data layout that's most\n\t\t\t\t\t\t\tcommonly used. I solved this challenge by\n\t\t\t\t\t\t\timplementing a mobile table pattern that lets the\n\t\t\t\t\t\t\tuser scroll horizontally without breaking the rest\n\t\t\t\t\t\t\tof the design.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</CaseStudyText>\n\t\t\t\t\t<CaseStudyImage\n\t\t\t\t\t\tfluid={imageData.mobileTable.childImageSharp.fluid}\n\t\t\t\t\t\talt='rexford knives mobile history table'\n\t\t\t\t\t/>\n\t\t\t\t</CaseStudySection>\n\t\t\t\t<Contact\n\t\t\t\t\ttitle='Interested in Working Together?'\n\t\t\t\t\tlinkText='Let Me Know'\n\t\t\t\t/>\n\t\t\t</SectionLight>\n\t\t</Layout>\n\t);\n};\n\nexport default RexfordPage;\n\nconst imageQuery = graphql`\n\tquery RexfordQuery {\n\t\tmainImg: file(\n\t\t\trelativePath: { eq: \"case-study/rexford/rexford-multi.png\" }\n\t\t) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(quality: 90) {\n\t\t\t\t\t...GatsbyImageSharpFluid_withWebp\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\toldWebsite: file(\n\t\t\trelativePath: { eq: \"case-study/rexford/rexford-old-website.png\" }\n\t\t) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(quality: 90) {\n\t\t\t\t\t...GatsbyImageSharpFluid_withWebp\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tproductPage: file(\n\t\t\trelativePath: {\n\t\t\t\teq: \"case-study/rexford/rexford-product-image-page.png\"\n\t\t\t}\n\t\t) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(quality: 90) {\n\t\t\t\t\t...GatsbyImageSharpFluid_withWebp\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tfigmaDesign: file(\n\t\t\trelativePath: { eq: \"case-study/rexford/rexford-figma-design.png\" }\n\t\t) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(quality: 90) {\n\t\t\t\t\t...GatsbyImageSharpFluid_withWebp\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tmobileTable: file(\n\t\t\trelativePath: { eq: \"case-study/rexford/rexford-mobile-table.png\" }\n\t\t) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(quality: 90) {\n\t\t\t\t\t...GatsbyImageSharpFluid_withWebp\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n","export default {\n\tname: 'Rexford Knives',\n\tdescription:\n\t\t'Collaborative project for a major custom knife manufacturer, Rexford Knives. The website features product galleries, event listings, and mobile responsive tables, to give the company full control over displaying their work.',\n\tdate: 'SEPT. 2019',\n\tcolor: '#E67E22',\n\timages: {\n\t\tillustration: {\n\t\t\tsrc: require(`../images/landing-illustrations/rexford-illustration.svg`),\n\t\t\talt: 'Rexford Illustration'\n\t\t},\n\t\tmain: {\n\t\t\tsrc: '',\n\t\t\talt: 'Rexford Knives Website'\n\t\t},\n\t\tsub1: {\n\t\t\tsrc: require(`../images/placeholder.svg`),\n\t\t\talt: 'placeholder'\n\t\t},\n\t\tsub2: {\n\t\t\tsrc: require(`../images/placeholder.svg`),\n\t\t\talt: 'placeholder'\n\t\t}\n\t},\n\tcsLink: {\n\t\tlink: '/case-studies/rexford',\n\t\ttext: 'Case Study'\n\t},\n\tdemoLink: {\n\t\tlink: 'https://www.rexfordknives.com',\n\t\ttext: 'View Site'\n\t},\n\tsourceLinks: {\n\t\taltMessage: 'Not Available',\n\t\tapi: {\n\t\t\tlink: '',\n\t\t\ttext: 'API'\n\t\t},\n\t\tfrontend: {\n\t\t\tlink: '',\n\t\t\ttext: 'Frontend'\n\t\t}\n\t},\n\ttechUsed: [ 'React', 'Node.js', 'AWS', 'Figma' ]\n};\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYwIDM2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMS41Ij4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiMyMTFmMmUiIHN0cm9rZS13aWR0aD0iMyI+CiAgICA8cGF0aCBkPSJNMTAxLjEzMSAyNTQuMjE4Yy0xMC4zNjggMS44NTYtMzYuODIxIDcuMjgzLTU4LjAzOCAxNS4zNDktNC44MDIgMS44MjctMTQuNDQ0LS45OTUtMjAuOTk0LTE2LjAxNS00LjE5My05LjYxMS01LjgzOC0yMy4xNjgtNS45NzEtMzAuNTIxLS4yMjMtMTIuMzQ5IDQuMzItMjQuNjEzIDYuNzU4LTI2LjgyNCA1LjcxMS01LjE4MSAxNy4zNjQtLjg0OCAzNS44MTEuOTk0IDEzLjI2MiAxLjMyNiAyNi4zMSAyLjYzMSAzMi44NDggMi4zODIgMjQuOTk1LS45NDkgNTkuMTQ5LTYuMTcyIDg2Ljk4OC05LjMyNCAyMy44NDMtMi43IDY3LjQ5OS04Ljk2MiA5Ny43MzItMTYuNDM1IDIyLjYyMy01LjU5MSAyOS4yNTMtMTAuMjY5IDMzLjI1OC0xMS42ODcgMTkuNzA5LTYuOTgxIDI3Ljk5NSA5LjQzNyAzMC42MyAyMi4yNzkgMi4yMzYgMTAuODk5IDEwLjI3IDM0LjgxMy0xNi42MzMgMzQuNjIzLTYuNzI0LS4wNDgtMzUuODI1IDMuMTk0LTM2LjUxMSAzLjMwNy0yOS41OTYgNC44NjMtNzEuMzIzIDExLjU0OC05OS4xMzMgMTYuNTI1LTM4LjY0NCA2LjkxNy03Ny4wNTggMTMuNjEzLTg2Ljc0NSAxNS4zNDd6Ii8+CiAgICA8cGF0aCBkPSJNOTEuNTQ1IDE5OS41ODNjLS43OCAzLjE2Ni0yLjY0NiAxMy40ODgtMS4wOTggMjUuMTU4IDEuOTA2IDE0LjM0OCA5LjY4NiAyOC40OTQgMTAuNjg0IDI5LjQ3N001Mi40NDMgMjY2LjI3NWMtMS4wMjktMy4yNTkgNC45NDktNy45NjYgMTMuMzc4LTEwLjI0OSA4Ljc4Ni0yLjM4IDE4LjMzOS0zLjM4NiAyMS4xMDMgMS4wNDJNMTMxLjEyOSAyMjAuOTE1Yy0xLjg3Ni0uOTMyLTQuMjUxLjQ1OC01LjExMiAyLjA1LTEuMDE3IDEuODc5LTEuMzMxIDQuMTYxIDEuMTg1IDUuMjA1IDIuNDU3IDEuMDIxIDQuOTE1Ljc2MiA2LjQ5My0yLjE1Mi45NTktMS43NzIuMDU1LTMuOC0yLjU2Ni01LjEwM3pNMjQwLjUzNiAyMDQuMDE2Yy0yLjI5Mi0xLjE0LTQuMjItLjA3OC01LjIwOCAxLjc0Ni0uOTg2IDEuODI0LjAzNSA0LjA3NSAxLjYyOSA0Ljg2NyAyLjc3OCAxLjM4MSA0Ljc5IDEgNi4yMDUtMS42MTMgMS4zMDQtMi40MTEtLjk1MS00LjE2OC0yLjYyNi01ek0yNzYuMjY1IDE3My44MjRjLS4yMjMuMzI4LTEuNDcgMTMuMzIzIDEuNTA4IDI1LjU4NSAyLjY0NSAxMC44OTEgOC4wNTUgMjEuMzQ3IDkuMjM2IDIyLjkzNyIvPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik0zMDkuNTIzIDE2Mi4xMzdjMS4zOTctNi4wODMgMi42NTMtMjIuNjQgMS4zNzktMjIuNzI3LTE1LjI5NC0xLjA1My0xMzIuMDU3LTE1LjQ3LTE2MC4wMS0xOS4xMzMtMTAuNTcgMi40MDItMzkuNDk0IDcuMjc1LTU4LjM4MiA5LjcyMi0zMi40ODcgNC4yMDctNjcuNCA0LjU1Ni02Ny4yOTkgNC44NDYgMS43MzIgNC45ODEgNDIuNjkxIDM0Ljc4MiAxMTAuNzU1IDM5Ljg4NSAyMi4wNCAxLjY1MiA5NC45NDYgNy4wMjUgOTkuNTM1IDcuMzU5Ii8+CiAgICAgIDxwYXRoIGQ9Ik0xODguMzI0IDEzMS40ODVzLTIuMSA0LjE2MS0xMC4wODYgMy40M2MtMy44NTEtLjM1My0yMC43MzUtMi4yMjItMjMuNjc0LTMuMTY5LTQuOTcyLTEuNjAyLTQuMi00LjY2NC00LjItNC42NjQgNi4zODguODIyIDI4LjY5OCAzLjIxMSAzNy45NiA0LjQwM3oiLz4KICAgIDwvZz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJNMjU3Ljc5OCAxMTQuMDM0YzMuMDM5LTUuMjc2IDcuMjQ1LTEwLjQxIDEyLjAxOS0xNS4xNzdNMTI1LjM3NiAxMDguNDE5Yy0zLjI2Ni02LjU5OC01LjczNC0xMS45NTYtOC45NjItMTguNjg4TTMyMy45ODQgMTMzLjExNmE0Ni4zNDMgNDYuMzQzIDAgMDA1LjI5OS0zLjEyNGMxLjgyNi0xLjI0MyAzLjUyMS0yLjU1NiA1Ljc4My00LjE2MS45MTEtLjY0Ni0xLjE0Ljc1NyAwIDBNMjA1LjM1MyA5MS43NzJhMjguOTk5IDI4Ljk5OSAwIDAwLTEuNzc2IDQuNDA2Yy0uNTIxIDEuNjU3LS45MjEgMy4zMjgtMS41MzIgNS40MzctLjI0Ni44NDkuMzM2LTEuMDE5IDAgME01Mi44ODkgMTIyLjE0NmMtNy4zMDMtNS4yNDYtNS42ODgtNC42MzMtMTMuNDQ1LTkuNjU5Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=\""],"sourceRoot":""}