diff --git a/src/sections/Careers/careers.style.js b/src/sections/Careers/careers.style.js index 27ed6d5faff9..fbfad89b6a95 100644 --- a/src/sections/Careers/careers.style.js +++ b/src/sections/Careers/careers.style.js @@ -23,11 +23,12 @@ p { .videoText { flex-wrap: nowrap; margin: auto; - margin-top: 4rem; + margin-top: 8rem; + display: flex; + align-items: center; + gap: 2rem; } .introText{ - width: 50%; - clear:both; margin-top: 9rem; } .introText h1{ diff --git a/src/sections/Careers/img/layer5-culture.png b/src/sections/Careers/img/layer5-culture.png new file mode 100644 index 000000000000..4023ce4a8039 Binary files /dev/null and b/src/sections/Careers/img/layer5-culture.png differ diff --git a/src/sections/Careers/img/open-source.png b/src/sections/Careers/img/open-source.png new file mode 100644 index 000000000000..d4335fdbdf2f Binary files /dev/null and b/src/sections/Careers/img/open-source.png differ diff --git a/src/sections/Careers/index.js b/src/sections/Careers/index.js index d3a889febdb5..327a7ed94cb3 100644 --- a/src/sections/Careers/index.js +++ b/src/sections/Careers/index.js @@ -4,11 +4,12 @@ import { Container } from "../../reusecore/Layout"; import { Row } from "../../reusecore/Layout"; import PageHeader from "../../reusecore/PageHeader"; import InternshipPage from "./Careers-Internship-grid"; -import Lee_giveaway from "../../assets/images/careers/Lee-giving-away-free-t-shirts-at-UT-Austin.jpeg"; +import Five from "../../sections/Community/Community-pictures/community.png"; import JoinCommunity from "../Community/Join-community"; import CareersSectionWrapper from "./careers.style"; -const Lee_and_Rigs = "../../assets/images/careers/Lee-and-Rigs-Caballero-of-Google.jpeg"; +const Five_image = "./img/open-source.png"; +const Layer5_culture = "./img/layer5-culture.png"; const CareersPage = () => { return ( @@ -29,7 +30,7 @@ const CareersPage = () => {
You should... pay attention to detail and take pride in your work. Know when to prioritize and have the discipline to adhere to those priorities. Focus on the customer. Pay it forward and enable others. Bring solutions with the problems. Take out the trash (do grunt work) as needed.
-Open source contributors come in all shapes, sizes, colors and so on. All are welcome in the Layer5 projects and community!!
diff --git a/src/sections/Community/Community-pictures/community.png b/src/sections/Community/Community-pictures/community.png new file mode 100644 index 000000000000..efcd32598bb6 Binary files /dev/null and b/src/sections/Community/Community-pictures/community.png differ diff --git a/src/sections/Community/Community-pictures/five-finding-issue.png b/src/sections/Community/Community-pictures/five-finding-issue.png new file mode 100644 index 000000000000..6f14392a0c72 Binary files /dev/null and b/src/sections/Community/Community-pictures/five-finding-issue.png differ diff --git a/src/sections/Community/Community-pictures/five-working.png b/src/sections/Community/Community-pictures/five-working.png new file mode 100644 index 000000000000..6a5d2f019967 Binary files /dev/null and b/src/sections/Community/Community-pictures/five-working.png differ diff --git a/src/sections/Community/Community-pictures/five.svg b/src/sections/Community/Community-pictures/five.svg new file mode 100644 index 000000000000..6b8cb61418f9 --- /dev/null +++ b/src/sections/Community/Community-pictures/five.svg @@ -0,0 +1,62 @@ + diff --git a/src/sections/Community/Community-pictures/join-the-community.png b/src/sections/Community/Community-pictures/join-the-community.png new file mode 100644 index 000000000000..1f3b86acd201 Binary files /dev/null and b/src/sections/Community/Community-pictures/join-the-community.png differ diff --git a/src/sections/Community/Newcomers-guide/index.js b/src/sections/Community/Newcomers-guide/index.js index f9e880185ff9..e0a43154023c 100644 --- a/src/sections/Community/Newcomers-guide/index.js +++ b/src/sections/Community/Newcomers-guide/index.js @@ -4,17 +4,16 @@ import Button from "../../../reusecore/Button"; import { Col, Container, Row } from "../../../reusecore/Layout"; import PageHeader from "../../../reusecore/PageHeader"; import { NewcomersGuideWrapper } from "./NewcomersPageWrapper.style"; -import { ReactComponent as CommunityImage1 } from "../../../assets/images/newcomers-page-images/layer5-contributor.svg"; -import CommunityImage4 from "./community-image4.webp"; +import CommunityImage4 from "../Community-pictures/community.png"; import TutorialsTable from "./Tutorials-table"; import NewcomersMap from "./newcomers-map"; import JoinCommunity from "../Join-community"; import longArrow from "./long-arrow.svg"; import { StaticImage } from "gatsby-plugin-image"; -import badgeImage from "../../../assets/images/recognition-program/recognition-program.png"; -const CommunityImage2 = "../../../assets/images/newcomers-page-images/community-image3.webp"; +const CommunityImage2 = "../Community-pictures/five-finding-issue.png"; const CommunityImage3 = "../../../assets/images/newcomers-page-images/community-collage.webp"; +const FiveWorking = "../Community-pictures/five-working.png"; const NewcomersGuide = () => { const [hover, setHover] = useState(false); @@ -83,7 +82,7 @@ const NewcomersGuide = () => {