{"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\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\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\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\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\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\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