{"version":3,"sources":["webpack:///./src/components/projectLink.js","webpack:///./src/pages/projects.js","webpack:///./src/components/gallery.js","webpack:///./src/components/header.js"],"names":["ProjectLink","project","Container","Project","to","frontmatter","title","Thumbnail","fluid","image","childImageSharp","alt","imageAlt","Title","date","Excerpt","excerpt","base","colors","secondaryColor","primaryColor","tertiaryColor","mediaQuery","Link","Img","projectsQuery","ProjectPage","Projects","data","projects","edges","map","edge","key","node","id","Gallery","children","AlbumGallery","Header","StyledHeader"],"mappings":"8PAuBeA,EAhBK,SAAC,GAAiB,IAAfC,EAAc,EAAdA,QACtB,OACC,YAACC,EAAD,KACC,YAACC,EAAD,CAASC,GAAIH,EAAQI,YAAYC,OAChC,YAACC,EAAD,CACCC,MAAOP,EAAQQ,MAAMC,gBAAgBF,MACrCG,IAAKV,EAAQI,YAAYO,UAAYX,EAAQI,YAAYC,QAE1D,YAACO,EAAD,KAAQZ,EAAQI,YAAYC,OAC5B,YAAC,IAAD,KAAOL,EAAQI,YAAYS,MAC3B,YAACC,EAAD,KAAUd,EAAQe,YAQhBd,EAAS,sjBAwBTW,EAAK,uCACRI,IADQ,4DAKDC,IAAOC,eALN,kCAQAD,IAAOE,aARP,kBAWAF,IAAOC,eAXP,mBAcAD,IAAOG,cAdP,KAgBRC,IAAW,GAhBH,wBAmBRA,IAAW,GAnBH,sBAsBRA,IAAW,GAtBH,sBAyBRA,IAAW,GAzBH,sBA4BRA,IAAW,GA5BH,uBAiCLnB,EAAU,YAAOoB,OAAP,sBAAH,kEAGHL,IAAOG,cAHJ,mBAKVC,IAAW,GALD,oBAQVA,IAAW,GARD,uBAaPP,EAAO,4JAMHG,IAAOG,cANJ,uCASVC,IAAW,GATD,sBAYVA,IAAW,GAZD,sBAeVA,IAAW,GAfD,sBAkBVA,IAAW,GAlBD,sBAqBVA,IAAW,GArBD,uBA0BPf,EAAY,YAAOiB,IAAP,sBAAH,2G,wBC3GFC,EAAa,aAmDXC,UAnBK,SAAC,GAId,IAEAC,EAFD,EAHLC,KACCC,SAAYC,MAIUC,KAAI,SAAAC,GAAI,OAC9B,YAAC,EAAD,CAAaC,IAAKD,EAAKE,KAAKC,GAAIlC,QAAS+B,EAAKE,UAG/C,OACC,YAAC,IAAD,KACC,YAAC,IAAD,CAAK5B,MAAM,aACX,YAAC,IAAD,iBACA,YAAC,IAAD,KAAUqB,M,sFCnDES,IAJC,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAClB,OAAO,YAACC,EAAD,KAAeD,IAKvB,IAAMC,EAAY,wOAQfhB,IAAW,GARI,kHAafA,IAAW,GAbI,gHAkBfA,IAAW,GAlBI,kHAuBfA,IAAW,GAvBI,+HA6BfA,IAAW,GA7BI,iI,sFCDHiB,IAJA,SAAC,GAAkB,IAAhBF,EAAe,EAAfA,SACjB,OAAO,YAACG,EAAD,KAAeH,IASvB,IAAMG,EAAY,gHAGRtB,IAAOE,aAHC,uGASfE,IAAW,GATI,sBAYfA,IAAW,GAZI","file":"component---src-pages-projects-js-6b03495b718c2a5f835f.js","sourcesContent":["import React from \"react\";\nimport { Link } from \"gatsby\";\nimport Img from \"gatsby-image\";\n\nimport styled from \"@emotion/styled\";\nimport { mediaQuery, base, Date, colors } from \"../styles/global.js\";\n\nconst ProjectLink = ({ project }) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t{project.frontmatter.title}\n\t\t\t\t{project.frontmatter.date}\n\t\t\t\t{project.excerpt}\n\t\t\t\n\t\t\n\t);\n};\n\nexport default ProjectLink;\n\nconst Container = styled.article`\n\tbox-shadow: 0 4px 8px 0 rgba(121, 139, 228, 0.2),\n\t\t0 6px 20px 0 rgba(121, 139, 228, 0.15);\n\t:hover {\n\t\tbox-shadow: 0 4px 8px 0 rgba(121, 139, 228, 0.4),\n\t\t\t0 6px 20px 0 rgba(121, 139, 228, 0.35);\n\t}\n\t:focus {\n\t\tbox-shadow: 0 4px 8px 0 rgba(188, 150, 18, 0.4),\n\t\t0 6px 20px 0 rgba(188, 150, 18, 0.35);\n\t}\n\t:active {\n\t\tbox-shadow: 0 4px 8px 0 rgba(188, 150, 18, 0.4),\n\t\t0 6px 20px 0 rgba(188, 150, 18, 0.35);\n\t}\n\twidth: 95%;\n\tmargin: 5px auto;\n\tborder-radius: 25px;\n\tbox-shadow: 0 4px 8px 0;\n\tborder-radius: 25px;8px 0 rgba(188, 150, 18, 0.4),\n\t\t\t0 6px 20px 0 rgba(188, 150, 18, 0.35);\n\t}\n`;\n\nconst Title = styled.h2`\n\t${base}\n\ttext-align: left;\n\tfont-size: 1.4rem;\n\tfont-weight: bold;\n\tcolor: ${colors.secondaryColor};\n\tmargin-left: 10px;\n\t:hover {\n\t\tcolor: ${colors.primaryColor};\n\t}\n\t:focus {\n\t\tcolor: ${colors.secondaryColor};\n\t}\n\t:active {\n\t\tcolor: ${colors.tertiaryColor};\n\t}\n\t${mediaQuery[0]} {\n\t\tborder-radius: 25px;\n\t}\n\t${mediaQuery[1]} {\n\t\tfont-size: 1.7rem;\n\t}\n\t${mediaQuery[2]} {\n\t\tfont-size: 1.8rem;\n\t}\n\t${mediaQuery[3]} {\n\t\tfont-size: 1.9rem;\n\t}\n\t${mediaQuery[4]} {\n\t\tfont-size: 2.2rem;\n\t}\n`;\n\nconst Project = styled(Link)`\n\tfont-family: \"acumin-pro\", sans-serif;\n\ttext-decoration: none;\n\tcolor: ${colors.tertiaryColor};\n\tcursor: pointer;\n\t${mediaQuery[1]} {\n\t\tfont-size: 2rem;\n\t}\n\t${mediaQuery[4]} {\n\t\tfont-size: 2.5rem;\n\t}\n`;\n\nconst Excerpt = styled.p`\n\tfont-family: \"acumin-pro\", sans-serif;\n\tfont-size: 1rem;\n\ttext-align: left;\n\ttext-decoration: none;\n\tdisplay: inline-block;\n\tcolor: ${colors.tertiaryColor};\n\tmargin: 0px 10px;\n\tmargin-bottom: 20px;\n\t${mediaQuery[0]} {\n\t\tfont-size: 1.1rem;\n\t}\n\t${mediaQuery[1]} {\n\t\tfont-size: 1.2rem;\n\t}\n\t${mediaQuery[2]} {\n\t\tfont-size: 1.3rem;\n\t}\n\t${mediaQuery[3]} {\n\t\tfont-size: 1.4rem;\n\t}\n\t${mediaQuery[4]} {\n\t\tfont-size: 1.6rem;\n\t}\n`;\n\nconst Thumbnail = styled(Img)`\n\tmax-width: 100%;\n\tmax-height: 200px;\n\tborder-radius: 25px 25px 0 0;\n\tobject-fit: contain;\n`;\n","import React from \"react\";\n\nimport { graphql } from \"gatsby\";\n\n// components\nimport Layout from \"../components/layout\";\nimport SEO from \"../components/seo\";\nimport ProjectLink from \"../components/projectLink\";\nimport Header from \"../components/header\";\n\n// styling imports\nimport Gallery from \"../components/gallery\";\n\n// query for projects\nexport const projectsQuery = graphql`\n\tquery {\n\t\tprojects: allMarkdownRemark(\n\t\t\tfilter: { frontmatter: { draft: { eq: false } } }\n\t\t\tsort: { order: DESC, fields: [frontmatter___date] }\n\t\t) {\n\t\t\tedges {\n\t\t\t\tnode {\n\t\t\t\t\tid\n\t\t\t\t\texcerpt(pruneLength: 100)\n\t\t\t\t\tfrontmatter {\n\t\t\t\t\t\tdate(formatString: \"MMMM DD, YYYY\")\n\t\t\t\t\t\ttitle\n\t\t\t\t\t\timageAlt\n\t\t\t\t\t}\n\t\t\t\t\timage {\n\t\t\t\t\t\tchildImageSharp {\n\t\t\t\t\t\t\tfluid(\n\t\t\t\t\t\t\t\tmaxWidth: 500\n\t\t\t\t\t\t\t\tsrcSetBreakpoints: [320, 480, 768, 992, 1200]\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t...GatsbyImageSharpFluid_withWebp\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n\n// component\nconst ProjectPage = ({\n\tdata: {\n\t\tprojects: { edges },\n\t},\n}) => {\n\t// create ProjectLink components for each project returned from query\n\tconst Projects = edges.map(edge => (\n\t\t\n\t));\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t{Projects}\n\t\t\n\t);\n};\n\nexport default ProjectPage;\n","import React from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { mediaQuery } from \"../styles/global.js\";\n\nconst Gallery = ({ children }) => {\n\treturn {children};\n};\n\nexport default Gallery;\n\nconst AlbumGallery = styled.section`\n\tbackground-color: rgba( 0, 0, 0, 0.75);\n\tborder-radius: 25px;\n\tdisplay: grid;\n\tpadding: 10px;\n\tgrid-gap: 1px;\n\tgrid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n\tgrid-auto-rows: minmax(125px, auto);\n\t${mediaQuery[0]} {\n\t\tfont-size: 1.8rem;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n\t\tgrid-auto-rows: minmax(250px, auto);\n\t}\n\t${mediaQuery[1]} {\n\t\tfont-size: 2rem;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(275px, 1fr));\n\t\tgrid-auto-rows: minmax(275px, auto);\n\t}\n\t${mediaQuery[2]} {\n\t\tfont-size: 2.3rem;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n\t\tgrid-auto-rows: minmax(300px, auto);\n\t}\n\t${mediaQuery[3]} {\n\t\tfont-size: 2.5rem;\n\t\tgrid-gap: 5px;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n\t\tgrid-auto-rows: minmax(350px, auto);\n\t}\n\t${mediaQuery[4]} {\n\t\tfont-size: 3.5rem;\n\t\tgrid-gap: 5px;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(400px, 1fr));\n\t\tgrid-auto-rows: minmax(400px, auto);\n\t}\n`;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport styled from \"@emotion/styled\";\nimport { mediaQuery, colors } from \"../styles/global\";\n\nconst Header = ({ children }) => {\n\treturn {children};\n};\n\nexport default Header;\n\nHeader.propTypes = {\n\tchildren: PropTypes.node.isRequired,\n};\n\nconst StyledHeader = styled.h1`\n\tborder-radius: 25px;\n\tfont-family: \"astounder-squared-bb\", sans-serif;\n\tcolor: ${colors.primaryColor};\n\tfont-size: 1.4rem;\n\tbackground-color: rgba(0, 0, 0, 0.75);\n\tdisplay: inline-block;\n\tpadding: 0 20px;\n\tmargin: 10px;\n\t${mediaQuery[1]} {\n\t\tfont-size: 1.8rem;\n\t}\n\t${mediaQuery[4]} {\n\t\tfont-size: 2.3rem;\n\t}\n`;\n"],"sourceRoot":""}