{"version":3,"file":"component---src-pages-job-listings-js-cb7c8cd5bc236fab217d.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/buttons/ApplyButton.js","webpack://gatsby-starter-default/./src/data/jobs.js","webpack://gatsby-starter-default/./src/pages/JobListings.js"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { ButtonText } from \"../styles/TextStyles\"\n\nexport default function GetStarted(props) {\n const { title, className } = props\n \n return (\n \n \n {title || \"Download\"}\n \n \n )\n}\n\nconst Wrapper = styled.div`\n display: flex;\n padding: 16px 20px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 9px;\n border-radius: 8px;\n background: var(--hi-vis, #54C5C0);\n cursor: pointer;\n\n @media (max-width: 1354px) {\n margin-bottom: 32px;\n }\n\n @media (max-width: 480px) {\n width: 100%;\n margin-bottom: 24px;\n\n *,\n & {\n transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);\n }\n\n :hover {\n /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1),\n 0px 30px 60px rgba(23, 0, 102, 0.5),\n inset 0px 0px 0px 0.5px rgba(255, 255, 255, 0.5); */\n transform: translateY(-3px);\n }\n`\n\nconst TextWrapper = styled.div`\n display: grid;\n gap: 4px;\n`\n\nconst Title = styled(ButtonText)`\n color: var(--white, #FFF);\n font-size: 13px;\n font-family: Montserrat;\n letter-spacing: 1px;\n font-weight: bold !important;\n text-transform: uppercase;\n`","const jobs = [\n { id: 'Senior-Engineer',\n icon: \"/images/logos/gt-logo.jpeg\",\n title: 'Senior Engineer - Backend / DevOps Technologies',\n location: 'Colombo, Western Province, Sri Lanka (Remote)',\n subtitleOne: 'About the job',\n description: 'GoTradie is a Product-led Tech Startup based in Sydney, Australia. We are looking for a Senior Engineer in Colombo to join our growing engineering team.',\n headingOne: 'Highlights',\n bulletListOne: '',\n headingTwo: 'The Right Candidate',\n bulletListTwo: '',\n headingThree: 'Perks',\n bulletListThree: '',\n conclusion: 'If you think that you are the right engineer, drop you CV, LinkedIn, GitHub Profile, Personal Blog or anything else that could showcase yourself to sajith@gotradie.com.au.'\n },\n { id: 'sales-intern',\n icon: \"/images/logos/gt-logo.jpeg\",\n title: 'Internship - Sales & Customer Success',\n location: 'Sydney, NSW, Australia (Hybrid)',\n subtitleOne: 'About the job',\n description: 'GoTradie is a Product-led Tech Startup based in Sydney, Australia. As we continue to expand our reach and grow our customer base, we are seeking a Sales Intern to join our dynamic team. This internship offers a unique opportunity to gain valuable real-world experience in the tech sector, work closely with our founding team, and potentially transition into a permanent paid role based on your performance.',\n headingOne: 'Key Responsibilities',\n bulletListOne: '',\n headingTwo: 'The Right Candidate',\n bulletListTwo: '',\n headingThree: 'Perks',\n bulletListThree: '',\n conclusion: 'If you think that you are the right person for the jon, drop you CV, LinkedIn or anything else that could showcase yourself to adam@gotradie.com.au.'\n },\n];\n\nmodule.exports = jobs;","import React from 'react';\nimport { Link } from 'gatsby';\nimport styled, { keyframes } from \"styled-components\";\nimport ApplyButton from \"../components/buttons/ApplyButton\"\nimport { H2, MediumText } from \"../components/styles/TextStyles\";\nimport { themes } from \"../components/styles/ColorStyles\";\nimport jobs from '../data/jobs';\nimport Layout from '../components/layout/layout';\n\nconst JobListings = () => {\n return (\n \n \n \n \n Ready to get your hands dirty?\n \n Join our product-led team at one of Australia's fastest growing trade and construction startups 👍\n \n \n \n {jobs.map((job) => (\n \n \n \n \n

{job.title}

\n {job.location}\n
\n
\n

{job.description}

\n \n \n \n \n \n View Details\n \n \n
\n ))}\n
\n
\n
\n
\n );\n};\n\nexport default JobListings;\n\nconst animation = keyframes`\n 0% { opacity: 0; transform: translateY(-10px); filter: blur(10px); }\n //80% { opacity: 0.5; transform: translateY(-10px); filter: blur(10px); }\n 100% { opacity: 1; transform: translateY(0px); filter: blur(0px); }\n`\n\nconst Wrapper = styled.div`\n //background: linear-gradient(180deg, #4316db 0%, #9076e7 100%);\n overflow: visible;\n`\nconst ContentWrapper = styled.div`\n max-width: 960px;\n margin: 0 auto;\n padding: 120px 0px 340px 0px;\n display: block;\n gap: 48px;\n\n @media (max-width: 1354px) {\n max-width: 640px;\n margin: 0 auto;\n padding: 54px 0px 120px 0px;\n display: block;\n gap: 48px;\n }\n\n @media (max-width: 480px) {\n width: 100%;\n margin: 0 auto;\n padding: 32px 24px;\n display: block;\n gap: 48px;\n }\n`\nconst TextWrapper = styled.div`\n max-width: 960px;\n display: grid;\n padding-top: 60px;\n padding-bottom: 48px;\n gap: 32px;\n margin: auto;\n\n @media (max-width: 1354px) {\n padding-top: 0px;\n max-width: 588px;\n }\n\n @media (max-width: 480px) {\n margin-top: 0px;\n max-width: 345px;\n justify-content: center;\n text-align: center;\n padding: 0 8px;\n }\n\n > * {\n opacity: 0;\n animation: ${animation} 1s forwards;\n\n :nth-child(1) {\n animation-delay: 0.s;\n }\n }\n`\n\nconst Title = styled(H2)`\n color: ${themes.dark.text1};\n line-height: 45px;\n text-align: center;\n span {\n background: linear-gradient(90deg, #54C5C0 0%, #789BB6 100%);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n }\n\n @media (max-width: 480px) {\n font-size: 40px;\n text-align: center;\n }\n`\n\nconst Body = styled(MediumText)`\n text-align: center;\n color: ${themes.dark.text1};\n max-width: 780px;\n margin: auto;\n`\nconst JobList = styled.div`\n max-width: 960px;\n margin: 0 auto;\n display: block;\n gap: 32px;\n\n > * {\n opacity: 0;\n animation: ${animation} 1s forwards;\n\n :nth-child(1) {\n animation-delay: 0s;\n }\n :nth-child(2) {\n animation-delay: 0.2s;\n }\n :nth-child(3) {\n animation-delay: 0.4s;\n }\n :nth-child(4) {\n animation-delay: 0.6s;\n }\n }\n\n @media (max-width: 1354px) {\n margin-top: 24px;\n }\n\n @media (max-width: 480px) {\n margin-top: 24px;\n }\n\n`\n\nconst JobTile = styled.div`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 16px;\n align-self: stretch;\n width: 100%;\n padding: 48px;\n border-radius: 16px;\n border: 1px solid var(--slate, #789BB6);\n background: var(--blue-collar, #153549);\n margin-bottom: 32px;\n\nimg {\n width: 45px;\n height: 45px;\n border-radius: 8px;\n}\n\nh3 {\n color: var(--white, #FFF);\n font-size: 24px;\n font-family: Montserrat;\n font-weight: 700;\n line-height: 29px;\n letter-spacing: -0.48px;\n}\n\np{\n color: var(--white, #FFF);\n font-size: 14px;\n font-family: Montserrat;\n font-weight: 500;\n line-height: 140%;\n}\nspan{\n color: var(--white, #789BB6);\n font-size: 12px;\n font-family: Montserrat;\n font-weight: 500;\n line-height: 13px;\n}\n\n@media (max-width: 1354px) {\n padding: 32px;\n\n h3 {\n font-size: 24px;\n }\n}\n\n@media (max-width: 480px) {\n h3 {\n font-size: 18px;\n line-height: 22px;\n }\n img {\n margin-top: 4px;\n }\n}\n`\nconst InnerContainer = styled.div`\n display: flex;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n\n @media (max-width: 480px) {\n align-items: flex-start;\n }\n`\nconst InnerHeader = styled.div`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n flex: 1 0 0;\n`\nconst ButtonWrapper = styled.div`\n display: flex;\n align-items: center;\n gap: 24px;\n padding-top: 8px;\n\n @media (max-width: 1354px) {\n padding: 0px;\n display: block;\n width: 100%;\n }\n \n @media (max-width: 480px) {\n padding: 0px;\n display: block;\n width: 100%;\n }\n \n`\n\nconst PrimaryButton = styled.div`\n display: flex;\n padding: 16px 20px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 9px;\n border-radius: 8px;\n background: var(--hi-vis, #54C5C0);\n`\n\nconst SecondaryButton = styled.div`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n`\nconst TextLink = styled.div`\n display: flex;\n justify-content: center;\n`"],"names":["GetStarted","props","title","className","React","Wrapper","TextWrapper","Title","styled","div","withConfig","displayName","componentId","ButtonText","module","exports","id","icon","location","subtitleOne","description","headingOne","bulletListOne","headingTwo","bulletListTwo","headingThree","bulletListThree","conclusion","JobListings","Layout","ContentWrapper","Body","JobList","jobs","job","JobTile","key","InnerContainer","src","InnerHeader","ButtonWrapper","href","encodeURIComponent","target","rel","ApplyButton","TextLink","Link","to","animation","keyframes","H2","themes","dark","text1","MediumText"],"sourceRoot":""}