{"version":3,"sources":["webpack:///./src/pages/case-studies/vsainte.js","webpack:///./src/data/vsainte.js","webpack:///./src/images/landing-illustrations/vsainte-illustration.svg"],"names":["VsaintePage","location","name","data","description","techUsed","sourceLinks","alt","images","main","demoLink","links","href","link","text","imageData","useStaticQuery","imageQuery","title","image","mainImg","fluid","tablet","childImageSharp","reverse","logo","border","books","components","blog","businessCard","bookmarks","linkText","date","color","illustration","src","require","sub1","sub2","csLink","altMessage","api","frontend","module","exports"],"mappings":"4FAAA,iLAuKeA,UAvJK,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,GAEjC,OACC,cAAC,IAAD,CAAQhB,SAAUA,GACjB,cAAC,IAAD,CAAKiB,MAAM,oBACX,cAAC,IAAD,CACCA,MAAOhB,EACPY,KAAMV,EACNe,MAAOJ,EAAUK,QACjBb,IAAKA,EACLI,MAAOA,EACPL,YAAaA,EACbD,SAAUA,IAEX,cAAC,IAAD,KACC,cAAC,IAAD,6CAGA,cAAC,IAAD,KACC,cAAC,IAAD,KACC,cAAC,IAAD,yBACA,6UAUD,cAAC,IAAD,CACCgB,MAAON,EAAUO,OAAOC,gBAAgBF,MACxCd,IAAI,kCAGN,cAAC,IAAD,CAAkBiB,SAAO,GACxB,cAAC,IAAD,KACC,cAAC,IAAD,gCACA,oaAWD,cAAC,IAAD,CACCH,MAAON,EAAUU,KAAKF,gBAAgBF,MACtCd,IAAI,+BACJmB,QAAM,KAGR,cAAC,IAAD,KACC,cAAC,IAAD,KACC,cAAC,IAAD,kCACA,qUASD,cAAC,IAAD,CACCL,MAAON,EAAUY,MAAMJ,gBAAgBF,MACvCd,IAAI,2BAIN,cAAC,IAAD,CAAkBiB,SAAO,GACxB,cAAC,IAAD,KACC,cAAC,IAAD,qBACA,kTASD,cAAC,IAAD,CACCH,MAAON,EAAUa,WAAWL,gBAAgBF,MAC5Cd,IAAI,uCAGN,cAAC,IAAD,KACC,cAAC,IAAD,KACC,cAAC,IAAD,wBACA,kUASD,cAAC,IAAD,CACCc,MAAON,EAAUc,KAAKN,gBAAgBF,MACtCd,IAAI,+BAGN,cAAC,IAAD,CAAkBiB,SAAO,GACxB,cAAC,IAAD,KACC,cAAC,IAAD,8BACA,mTASD,cAAC,IAAD,CACCH,MAAON,EAAUe,aAAaP,gBAAgBF,MAC9Cd,IAAI,gCACJmB,QAAM,IAEP,cAAC,IAAD,CACCL,MAAON,EAAUgB,UAAUR,gBAAgBF,MAC3Cd,IAAI,4BACJmB,QAAM,KAGR,cAAC,IAAD,CACCR,MAAM,kCACNc,SAAS,mBASd,IAAMf,EAAU,a,kCCzKD,KACdf,KAAM,iCACNE,YACC,qNACD6B,KAAM,aACNC,MAAO,UACP1B,OAAQ,CACP2B,aAAc,CACbC,IAAKC,EAAQ,QACb9B,IAAK,gCAENE,KAAM,CACL2B,IAAK,GACL7B,IAAK,kCAEN+B,KAAM,CACLF,IAAKC,EAAQ,QACb9B,IAAK,eAENgC,KAAM,CACLH,IAAKC,EAAQ,QACb9B,IAAK,gBAGPiC,OAAQ,CACP3B,KAAM,wBACNC,KAAM,cAEPJ,SAAU,CACTG,KAAM,iCACNC,KAAM,aAEPT,SAAU,CACT,SACA,UACA,UACA,UACA,cACA,QACA,oBACA,kBAEDC,YAAa,CACZmC,WAAY,GACZC,IAAK,CACJ7B,KAAM,GACNC,KAAM,OAEP6B,SAAU,CACT9B,KAAM,6CACNC,KAAM,e,mBClDT8B,EAAOC,QAAU","file":"component---src-pages-case-studies-vsainte-js-a48278cee83a33cea9e9.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/vsainte';\n\nconst VsaintePage = ({ 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
\n\t\t\t{demoLink.text}\n\t\t
\n\t);\n\tconst imageData = useStaticQuery(imageQuery);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tHelping To Spread a Message of Worth\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tProject Overview\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tVladimir Sainte is a children's book author in\n\t\t\t\t\t\t\tKansas City that writes fantastic stories about\n\t\t\t\t\t\t\tdiversity and mental health in a way that's\n\t\t\t\t\t\t\trelatable for kids. Vladimir just completed a second\n\t\t\t\t\t\t\tbook and was looking to revamp his existing website\n\t\t\t\t\t\t\tand refine his branding to elevate his professional\n\t\t\t\t\t\t\tpresence.\n\t\t\t\t\t\t

\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tCreating an Iconic Logo\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tStarting with the logo, I borrowed inspiration from\n\t\t\t\t\t\t\ta hand-signed illustration that Vladimir includes in\n\t\t\t\t\t\t\teach of his books. I created a vector representation\n\t\t\t\t\t\t\tand spent time refining each of the letterforms for\n\t\t\t\t\t\t\tconsistency and legibility. This ensures that the\n\t\t\t\t\t\t\tlogo reads well on digital platforms as well as on\n\t\t\t\t\t\t\tother media. The result was something personal and\n\t\t\t\t\t\t\tdistinct for Vladimir's brand.\n\t\t\t\t\t\t

\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tDesigning for Superheroes\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tI designed a landing page utilizing images from\n\t\t\t\t\t\t\tVladimir's new book as a central focus. I included\n\t\t\t\t\t\t\tsupport elements such as paper texture backgrounds\n\t\t\t\t\t\t\tand borders that resemble comic book panels to unify\n\t\t\t\t\t\t\tthe theme. The page is built with Gatsby, which is\n\t\t\t\t\t\t\tgreat for speed and easy hosting solutions.\n\t\t\t\t\t\t

\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tGoing Custom\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tFor this website build, I created a custom thumbnail\n\t\t\t\t\t\t\timage viewer and a testimonial/image carousel to\n\t\t\t\t\t\t\tshow off Vladimir's work. These components made more\n\t\t\t\t\t\t\tefficient use of space, while still providing great\n\t\t\t\t\t\t\tdepth of information and adding a fun touch of\n\t\t\t\t\t\t\tinteraction to the site.\n\t\t\t\t\t\t

\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tBuilding a Blog\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tI built a custom blog page connected to Netlify CMS,\n\t\t\t\t\t\t\tso Vladimir could keep his audience updated with\n\t\t\t\t\t\t\tevent notifications and mental health tips. Once\n\t\t\t\t\t\t\tVladimir creates a post, it's automatically saved to\n\t\t\t\t\t\t\tthe website's Github code repository, which triggers\n\t\t\t\t\t\t\ta new website build and deploy cycle.\n\t\t\t\t\t\t

\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tExtending the Message\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tTo finish up the project, I created a custom\n\t\t\t\t\t\t\tbusiness card for Vladimir that incorporates design\n\t\t\t\t\t\t\telements from his website and books. I also designed\n\t\t\t\t\t\t\tbookmarks in collaboration with Vladimir to provide\n\t\t\t\t\t\t\ta fun marketing resource that he can share at\n\t\t\t\t\t\t\tspeaking events and book fairs.\n\t\t\t\t\t\t

\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t
\n\t);\n};\n\nexport default VsaintePage;\n\nconst imageQuery = graphql`\n\tquery VsainteQuery {\n\t\tmainImg: file(\n\t\t\trelativePath: { eq: \"case-study/vsainte/vsainte-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\ttablet: file(\n\t\t\trelativePath: { eq: \"case-study/vsainte/vsainte-tablet.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\tlogo: file(\n\t\t\trelativePath: { eq: \"case-study/vsainte/vsainte-logo.jpg\" }\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\tbooks: file(\n\t\t\trelativePath: { eq: \"case-study/vsainte/vsainte-books.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\tblog: file(\n\t\t\trelativePath: { eq: \"case-study/vsainte/vsainte-blog.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\tcomponents: file(\n\t\t\trelativePath: { eq: \"case-study/vsainte/vsainte-components.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\tbusinessCard: file(\n\t\t\trelativePath: { eq: \"case-study/vsainte/vsainte-business-card.jpg\" }\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\tbookmarks: file(\n\t\t\trelativePath: { eq: \"case-study/vsainte/vsainte-bookmarks.jpg\" }\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: 'Vladimir Sainte Author Website',\n\tdescription:\n\t\t'Professional website for children’s book author, Vladimir Sainte. The site backend includes a content management system based on Netlify CMS, which lets the owner maintain a blog, post events, and share photos.',\n\tdate: 'SEPT. 2019',\n\tcolor: '#81E4DA',\n\timages: {\n\t\tillustration: {\n\t\t\tsrc: require(`../images/landing-illustrations/vsainte-illustration.svg`),\n\t\t\talt: 'Vladimir Sainte Illustration'\n\t\t},\n\t\tmain: {\n\t\t\tsrc: '',\n\t\t\talt: 'Vladimir Sainte Author 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/vsainte',\n\t\ttext: 'Case Study'\n\t},\n\tdemoLink: {\n\t\tlink: 'https://www.vladimirsainte.com',\n\t\ttext: 'View Site'\n\t},\n\ttechUsed: [\n\t\t'Gatsby',\n\t\t'GraphQL',\n\t\t'Node.js',\n\t\t'Netlify',\n\t\t'Netlify CMS',\n\t\t'Figma',\n\t\t'Affinity Designer',\n\t\t'Affinity Photo'\n\t],\n\tsourceLinks: {\n\t\taltMessage: '',\n\t\tapi: {\n\t\t\tlink: '',\n\t\t\ttext: 'API'\n\t\t},\n\t\tfrontend: {\n\t\t\tlink: 'https://github.com/bcorey85/vsainte-gatsby',\n\t\t\ttext: 'Frontend'\n\t\t}\n\t}\n};\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzYwIDM2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMS41Ij4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiMyMTFmMmUiIHN0cm9rZS13aWR0aD0iMyI+CiAgICA8cGF0aCBkPSJNNTYuOTExIDIwNS42MDdjLjQ2MiAzLjgzOCA0LjQ3NyA3LjAwMyAyMS4yMzcgNC4yODkgNi4wNy0uOTgyIDEyLjcwMS0zLjgzNyAxMi43MDEtMy44MzdzLjc1Mi0zLjkwOC44NTEtNC43NjVtLS44NTEgNC43NjVjNTIuOTc5IDEwLjI4NyA3Mi4zMTcgNS42NDggMTIyLjY5NSA3LjA0OG00MS41NTctMzIuNDI4Yy0xLjQzNS01LjkzMi00LjgxNS0yMC45NTYgMy43MTMtMzIuODMgNC41NDctNi4zMzEgMzEuNTUxLTYuMzMxIDM0Ljk2NSAyLjM0NCA2LjMxOSAxNi4wNi42NTQgMzEuNTQzLTMuMDEgMzcuNTgtNi40MjkgMTAuNTkzLTMyLjI5NSA2Ljg0MS0zNS42NjgtNy4wOTR6Ii8+CiAgICA8cGF0aCBkPSJNOTEuNyAyMDEuMjk0Yy42MzYtNS40OTMuNDc0LTYuMTU4IDEuMTE3LTExLjcwMiAwIDAtOC4yMTgtOS4zMzMtMTAuNjY4LTkuMzMzLTIuNjkzIDAtMzEuNDcgMTYuNzU4LTMxLjQ3IDE4Ljg4MiAwIDIuMTIzIDUuMzk0IDcuMzUzIDE4LjcyMiA3LjM1MyAxMC40MzkgMCAxNS41MDUtMi44NjQgMjIuMjk5LTUuMnptMTU3LjY0OS0yNC4yNzFjLTEuNzEzLTMuMjE4LTEwLjUyNy0xNC43OTItMjIuMDA0LTIwLjAxNy0xMS44NzItNS40MDYtMjkuOTA0LTYuMTQyLTM3LjY3Ny0zLjQzMS0xNi4yMzEgNS42NjItMjguODg5IDEwLjEzNy00MS44MjcgMTEuNjY3LTcuODgyLjkzMi0xNC45MS00LjE5My0xOS42NTMtNi4yNjMtMjUuMDYtMTAuOTM0LTM4LjcyMiAxMy44ODctNDQuODI4IDEzLjg4Ny0zLjE0OCAwLTEwLjUwMS0xMy42MzQtMjUuMjQxLTIzLjE3Ni0xMy44NDctOC45NjItMzEuMjQxLTEwLjIxOS0zMC4zOTYtMTIuMDMgMS4yMjEtMi42MTUgNDAuMTQ0LTE5Ljk5NyA0Ni41NzctMjIuNjU1IDI5LjAxOC0xMS45OTcgNDguMjQzIDMuNTA3IDU5LjQxIDUuMzA2IDM2LjY2IDUuOTA4IDYxLjUwMi0xNC4wOSA4Ni4xOTQgMy4xOCAxMi41MTggOC43NTUgMjguMTMxIDI5Ljk4OCAzMy45MDkgNTAuODA5Ii8+CiAgICA8cGF0aCBkPSJNOTIuODE3IDE4OS41OTJjNS40NjggMy4yMiA1OC45NDktMi4zNDMgMTAyLjA0Ni04LjI3MSAxNy4wNjktMi4zNDggMzAuODgyLTMuNjc1IDQwLjg2Ny00LjMxNyAxNS4yNDQtLjk3OCAxOC4yOS41NzYgMTkuMjcxIDMuMjU1bS0yOC41MTYgNi4xNDZjLTEuNTUtMS44OTItMi45NTYtNi4wNjMtMS41NS04LjU1OU05MS43IDIwMS4yOTRjMTUuNzQxIDMuNjA3IDkxLjk2IDExLjU3MSAxMDYuMzE2IDExLjUybTI2LjkxOS4yNzVjMy45NTQuMzYgOS4zNTUuMDE4IDE1LjE5NC4wMTggNi40NjMgMCA0MS4zMi05LjM2NyA0Ny40NTktMTEuODEzIDAgMCA3LjgzNy0yLjI5MiAyMC42MzMtMy40MjcgNC4zODQtLjM4OSA3LjM5Ny0xLjUwMSAxMi4yNTUtMS41NzUgNC44MTEtLjA3MiAxMi42OSAwIDIwLjY4OSAwIDQuNDc4IDAgNi4wNjIgNy42MTggMTMuMjA3IDcuNjE4IDMuMjU1IDAgNi4zODktMTIuMzgxIDEuOTIzLTE1LjAxNC0yLjk0MS0xLjczMi01LjIxMi0yLjUzLTM3LjM5OS0zLjIwMS0yMC43NzQtLjQzNC0yMi4wNzMuNTMtMjcuMzI5LjY0NG0xNC4yNzItLjczM2MtMS4xNjEgMi43MDYtLjQ0MyAxMC40MDUuMTY2IDEyLjQ3NCIvPgogICAgPHBhdGggZD0iTTI0OS44NDMgMTkxLjk0NGMtNC44MzcgMi41MTktMTUuMjI4IDUuOTQtMjEuNDMxIDguMzU5LTMuNzQgMS40NTktNi4zNTIgMy4zMS02LjAyMiA1LjIyOC42MjEgMy42MDEgOS41NzMgMjYuNzEzIDExLjIwNSAyOC44NzQgMS4xMjIgMS40ODQgNC40NTIgMy41ODEgNS40NjcgNC43NjcgMS4wMyAxLjIwNSAyLjgzNyA0LjMwNCAyLjgzNyA3LjUwMiAwIDMuNDY1LTkuNjQgNC4wODYtMTIuMDIzIDAtMi41MTQtNC4zMS0xOC43Mi0zNy44MzktMjEuMTU2LTQ0LjY2LTMuNDAxLTkuNTIyIDMzLjIwNS0yMS45MDEgMzYuODA3LTIzLjA5NCAxMC45ODktMy42NDIgMTMuODgzIDguMDQyIDQuMzE2IDEzLjAyNHptLTE1LjQ2Ny04LjkyNGMtMS43MyAxLjQ1NSAzLjEzNCAxNC4wNjMgNS4xNjIgMTMuMTc5Ii8+CiAgICA8cGF0aCBkPSJNMjI4Ljg3NyAyMDAuMTIxYy0xLjI1NS41ODMuODI0IDQuNjM5IDIuNjM4IDMuODc1IDEzLjEyNC01LjUzMyAyNy44NzItOC41NzkgMjYuNjE2LTE3LjU5MW0tMjYuNDc0IDE3LjUyOWMuNDcgMy4yNiA1LjcyNCA5LjA2MiA4LjQ2NyA5LjE3M20yOS40NTYtMjAuMTZjLS43NTcgMy45NTMtMjEuNjc1IDE4LjUwNi0yOS40NTEgMjAuMTZtMTIuNDAyLTIuMTk1YzguMDA1LTIuNDEzIDIyLjM4Mi0xNC4zNjggMjIuOTI0LTE3LjA3Nm0tMTI3LjAzNCAzMi43OTNjLTE0LjExNCA1LjA2MS01Ny45NDMgMjEuNTAxLTY1LjYxOCAyMi44ODFtNy44ODItMjcuNTUyYy0xMi4wNzUgMy44NzQtNDcuNzgyIDEyLjUzMS01NS45OTMgMTMuNDFtMTguNjA4LTU1LjNjLTYuNzU4IDAtMjUuODI1LTEuNDMxLTM2LjA3OS0xLjQzMW0yMS40MzggMjkuMTcxYy0xNC4wMDggMS42MzUtMjYuMTUxIDEuNjM1LTM3LjE3MSA0LjMzOCIvPgogIDwvZz4KPC9zdmc+\""],"sourceRoot":""}