{"version":3,"sources":["webpack:///../components/SocialProfile/SocialProfile.style.tsx","webpack:///../components/SocialProfile/SocialProfile.tsx","webpack:///./src/containers/About/style.tsx","webpack:///./src/containers/About/index.tsx","webpack:///./src/pages/about.tsx"],"names":["SocialProfileWrapper","styled","ul","Tooltip","div","SocialProfileItem","li","themeGet","SocialProfile","items","props","map","item","index","key","href","url","aria-label","icon","tooltip","AboutWrapper","AboutPageTitle","AboutImage","AboutDetails","SocialProfiles","SocialLinks","About","Data","fluid","avatar","childImageSharp","alt","AboutPage","title","description"],"mappings":"wPAGaA,EAAuBC,IAAOC,GAAV,2FAAGD,CAAH,iCAIpBE,EAAUF,IAAOG,IAAV,8EAAGH,CAAH,6rBAgCPI,EAAoBJ,IAAOK,GAAV,wFAAGL,CAAH,mXAQxBE,EAQOI,YAAS,mBAAoB,YCtC1C,IAkBeC,EAlBoD,SAAC,GAG9D,IAFJC,EAEI,EAFJA,MACGC,E,oIACC,cACJ,OACE,gBAACV,EAAyBU,EACvBD,EAAME,KAAI,SAACC,EAAMC,GAAP,OACT,gBAACR,EAAD,CAAmBS,IAAKD,GACtB,qBAAGE,KAAMH,EAAKI,IAAKC,aAAW,kBAC3BL,EAAKM,MAAQ,QAEhB,gBAACf,EAAD,KAAUS,EAAKO,SAAW,qB,YCzBvBC,EAAenB,IAAOG,IAAV,0EAAGH,CAAH,wMAWZoB,EAAiBpB,IAAOG,IAAV,4EAAGH,CAAH,sXAQdM,YAAS,mBAAoB,YAa7Be,EAAarB,IAAOG,IAAV,wEAAGH,CAAH,4JAUVsB,EAAetB,IAAOG,IAAV,0EAAGH,CAAH,sUAQZM,YAAS,mBAAoB,YAW7BiB,EAAiBvB,IAAOG,IAAV,4EAAGH,CAAH,uUC9CrBwB,EAAc,CAClB,CACEP,KAAM,gBAAC,IAAD,MACNF,IAAK,yCACLG,QAAS,YAEX,CACED,KAAM,gBAAC,IAAD,MACNF,IAAK,sCACLG,QAAS,aAEX,CACED,KAAM,gBAAC,IAAD,MACNF,IAAK,mCACLG,QAAS,YA8EEO,EAxEoC,SAAAhB,GACjD,IAAMiB,EAAO,OAkBb,OACE,gBAACP,EAAD,KACE,gBAACC,EAAD,KACE,oDACA,uKAOF,gBAACC,EAAD,KACE,gBAAC,IAAD,CAAOM,MAAOD,EAAKE,OAAOC,gBAAgBF,MAAOG,IAAI,YAGvD,gBAACR,EAAD,KACE,wCACA,iSAMA,sCACA,0CACA,oeASA,0CACA,sbAUA,gBAACC,EAAD,KACE,gBAAC,EAAD,CAAef,MAAOgB,QCnFjBO,UAb4C,SAAAtB,GACzD,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEuB,MAAM,WACNC,YAAY,0GAGd,kBAAC,EAAD,S","file":"component---src-pages-about-tsx-05d8cfb7abde844c08c8.js","sourcesContent":["import styled from 'styled-components';\nimport { themeGet } from 'styled-system';\n\nexport const SocialProfileWrapper = styled.ul`\n display: inline-flex;\n`;\n\nexport const Tooltip = styled.div`\n position: absolute;\n background-color: #fff;\n pointer-events: none;\n padding: 0.4rem 0.8rem;\n border-radius: 3px;\n color: #333;\n font-size: 13px;\n bottom: 90%;\n left: 50%;\n opacity: 0;\n white-space: nowrap;\n visibility: hidden;\n z-index: 999;\n box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);\n transform: translate3d(-50%, 0, 0);\n transition: 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);\n\n &:after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-top: 6px solid #fff;\n border-right: 6px solid transparent;\n border-left: 6px solid transparent;\n bottom: -6px;\n left: 50%;\n transform: translateX(-50%);\n }\n`;\n\nexport const SocialProfileItem = styled.li`\n list-style: none;\n position: relative;\n margin-right: 20px;\n &:last-child {\n margin-right: 0;\n }\n &:hover {\n ${Tooltip} {\n opacity: 1;\n visibility: visible;\n bottom: calc(100% + 5px);\n }\n }\n\n a {\n color: ${themeGet('colors.textColor', '#292929')};\n font-size: 22px;\n padding: 0.2em;\n display: block;\n svg {\n display: block;\n }\n }\n`;\n","import * as React from 'react';\nimport {\n SocialProfileWrapper,\n SocialProfileItem,\n Tooltip,\n} from './SocialProfile.style';\n\ntype SocialProfileProps = {\n items: Socialitem[];\n};\n\ntype Socialitem = {\n url: string;\n icon: React.ReactChild;\n tooltip: string;\n};\n\nconst SocialProfile: React.FunctionComponent = ({\n items,\n ...props\n}) => {\n return (\n \n {items.map((item, index) => (\n \n \n {item.icon || 'icon'}\n \n {item.tooltip || 'Social Link'}\n \n ))}\n \n );\n};\n\nexport default SocialProfile;\n","import styled from \"styled-components\"\nimport { themeGet } from \"styled-system\"\n\nexport const AboutWrapper = styled.div`\n position: relative;\n padding: 90px 75px 0 75px;\n @media (max-width: 990px) {\n padding: 80px 45px 30px 45px;\n }\n @media (max-width: 575px) {\n padding: 60px 25px 0 25px;\n }\n`\n\nexport const AboutPageTitle = styled.div`\n margin-bottom: 45px;\n @media (max-width: 767px) {\n margin-bottom: 30px;\n }\n h2 {\n font-size: 30px;\n font-weight: 700;\n color: ${themeGet(\"colors.textColor\", \"#292929\")};\n line-height: 1.53;\n margin-bottom: 10px;\n @media (max-width: 990px) {\n font-size: 26px;\n }\n @media (max-width: 767px) {\n font-size: 22px;\n margin-bottom: 10px;\n }\n }\n`\n\nexport const AboutImage = styled.div`\n margin-bottom: 90px;\n @media (max-width: 990px) {\n margin-bottom: 60px;\n }\n @media (max-width: 767px) {\n margin-bottom: 40px;\n }\n`\n\nexport const AboutDetails = styled.div`\n width: 870px;\n max-width: 100%;\n margin: 0 auto;\n\n h2 {\n font-size: 21px;\n font-weight: 500;\n color: ${themeGet(\"colors.textColor\", \"#292929\")};\n margin-bottom: 40px;\n @media (max-width: 990px) {\n margin-bottom: 30px;\n }\n @media (max-width: 767px) {\n font-size: 18px;\n margin-bottom: 25px;\n }\n }\n`\nexport const SocialProfiles = styled.div`\n margin-top: 60px;\n position: relative;\n @media (max-width: 767px) {\n margin-top: 40px;\n }\n\n &:before {\n content: \"\";\n width: 30px;\n height: 1px;\n background: #292929;\n display: block;\n margin-bottom: 60px;\n @media (max-width: 767px) {\n margin-bottom: 40px;\n }\n }\n`\n","import * as React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Image from \"gatsby-image\"\nimport SocialProfile from \"components/SocialProfile/SocialProfile\"\nimport {\n IoLogoFacebook,\n IoLogoTwitter,\n IoLogoInstagram,\n IoLogoLinkedin,\n} from \"react-icons/io\"\nimport {\n AboutWrapper,\n AboutImage,\n AboutPageTitle,\n AboutDetails,\n SocialProfiles,\n} from \"./style\"\n\nconst SocialLinks = [\n {\n icon: ,\n url: \"https://www.facebook.com/oddlystudios/\",\n tooltip: \"Facebook\",\n },\n {\n icon: ,\n url: \"https://www.instagram.com/oddlytim/\",\n tooltip: \"Instagram\",\n },\n {\n icon: ,\n url: \"https://twitter.com/maker_skills\",\n tooltip: \"Twitter\",\n },\n]\n\ninterface AboutProps {}\n\nconst About: React.FunctionComponent = props => {\n const Data = useStaticQuery(graphql`\n query {\n avatar: file(absolutePath: { regex: \"/about.jpg/\" }) {\n childImageSharp {\n fluid(maxWidth: 1770, quality: 90) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n site {\n siteMetadata {\n author\n about\n }\n }\n }\n `)\n\n return (\n \n \n

About MakerSkills Club

\n

\n MakerSkills Club is a place to find instruction, fun activities,\n professional development, and like-minded creative people to learn\n with.\n

\n \n\n \n \"author\"\n \n\n \n

Who We Are

\n

\n MakerSkills Club helps creative people find local clubs that will help\n them practice and develop their skills in both traditional and\n high-tech fields. We list and assist both free and paid clubs. Some\n are ongoing, others are for limited time or project-based.\n

\n

Partners

\n

ProjectBoard

\n

\n Engineering.com is a large online community for engineers and the\n engineering-minded. In Fall of 2019 we’ll be hosting all of our\n programs using ProjectBoard, their ideation platform, custom-made for\n exploring, developing and sharing ideas! You’ll be able to see updates\n from programs, get to know the mentors, and help us shape the\n experience. You can follow along online, or download either the\n Android or iOS apps to get notifications about activities.\n

\n

OddlyStudios

\n

\n Oddly, a well-known creative development partner for many global\n brands is the provider for much of the equipment that lets us teach\n tech-programs. Single-board computers, micro-controllers, motor\n drivers, networking equipment, and much of the audio-visual equipment\n in the space has been donated by them. We’re pleased to be\n well-equipped with the same gear they have used in their award-winning\n productions.\n

\n\n \n \n \n \n \n )\n}\n\nexport default About\n","import React from \"react\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport About from \"../containers/About\"\n\ntype AboutPageProps = {}\n\nconst AboutPage: React.FunctionComponent = props => {\n return (\n \n \n\n \n \n )\n}\n\nexport default AboutPage\n"],"sourceRoot":""}