-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into dj/update-landing-page
- Loading branch information
Showing
5 changed files
with
233 additions
and
31 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,5 @@ | ||
| { | ||
| "_variables": { | ||
| "lastUpdateCheck": 1737331465164 | ||
| "lastUpdateCheck": 1737324768199 | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| --- | ||
| import { VolunteerCard } from '~components'; | ||
| import { founders, volunteers } from '~data'; | ||
| import { BaseLayout } from '~layouts'; | ||
| const firstHeadingId = 'mentors'; | ||
| --- | ||
|
|
||
| <BaseLayout title="Mentors" skipTargetId={firstHeadingId}> | ||
| <div | ||
| style={{ | ||
| backgroundColor: 'var(--color-black-dark)', | ||
| color: 'var(--color-black-light)', | ||
| }} | ||
| > | ||
| <div class="l-center--wide"> | ||
| <h1 id={firstHeadingId} class="h2">The People Who Made It Happen</h1> | ||
| <div class="l-grid"> | ||
| <p> | ||
| Our team comprised dedicated volunteers from all over the globe who | ||
| took on various roles. We were 100% remote, and fully aligned on our | ||
| vision of helping early career engineers! | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <div class="l-center--wide"> | ||
| <h2 id="founders" style="text-align: center;">Our founders</h2> | ||
|
|
||
| <div class="l-grid c-volunteers-grid"> | ||
| { | ||
| founders.map((founder) => ( | ||
| <VolunteerCard volunteer={founder} hideRoles /> | ||
| )) | ||
| } | ||
| </div> | ||
| </div> | ||
| <div class="l-center--wide"> | ||
| <h2 id="volunteers" style="text-align: center;">Our volunteers</h2> | ||
|
|
||
| <div class="l-grid c-volunteers-grid"> | ||
| {volunteers.map((volunteer) => <VolunteerCard volunteer={volunteer} />)} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </BaseLayout> | ||
|
|
||
| <style> | ||
| details { | ||
| border-top: 2px solid var(--color-black-mid); | ||
| } | ||
| details:last-of-type { | ||
| border-bottom: 2px solid var(--color-black-mid); | ||
| } | ||
|
|
||
| details[open] { | ||
| padding-block-end: 1.2em; | ||
| } | ||
|
|
||
| details > :last-child { | ||
| margin-block-end: 0; | ||
| } | ||
| summary { | ||
| cursor: pointer; | ||
| font-weight: 700; | ||
| font-size: 1.2em; | ||
| padding: 0.8em 0; | ||
| } | ||
|
|
||
| summary ~ * { | ||
| margin-inline-start: 1.6em; | ||
| } | ||
|
|
||
| .role-title { | ||
| display: inline-block; | ||
| margin-inline-start: 0.5em; | ||
| } | ||
|
|
||
| .l-grid.c-volunteers-grid { | ||
| column-gap: 7.7rem; | ||
| } | ||
|
|
||
| .c-callout { | ||
| padding: 1.6em; | ||
| background-color: var(--color-pink-mid); | ||
| font-size: 0.8em; | ||
| margin-block-start: 1.6em; | ||
| } | ||
|
|
||
| .c-callout > a { | ||
| color: inherit; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,138 @@ | ||
| --- | ||
| import { BaseLayout } from '~layouts'; | ||
| const firstHeadingId = 'our-processes'; | ||
| --- | ||
|
|
||
| <BaseLayout title="Our Processes" skipTargetId={firstHeadingId}> | ||
| <div class="l-center--wide"> | ||
| <h1 id={firstHeadingId} class="h2">Our Processes</h1> | ||
| <div class="c-processes"> | ||
| <p> | ||
| The Collab Lab's mission doesn't have to end here! If you're inspired by | ||
| the work we've done to create inclusive opportunities and support | ||
| early-career developers, we encourage you to carry it forward. | ||
| </p> | ||
| <p> | ||
| We've made all of our materials freely available so that anyone can | ||
| build on the foundation we've laid. Whether you're interested in running | ||
| a similar program, mentoring new developers, or simply leveraging the | ||
| resources we've created, you're more than welcome to use them. | ||
| </p> | ||
| <p>Here's how you can get started:</p> | ||
| <ul class="processes-list"> | ||
| <li> | ||
| <p> | ||
| Explore Our GitHub OrganizationAccess all our project materials, | ||
| collaboration tools, and templates: | ||
| </p> | ||
| <p> | ||
| 👉 | ||
| <a | ||
| class="processes-link" | ||
| href="https://github.com/the-collab-lab" | ||
| >The Collab Lab GitHub Org</a | ||
| > | ||
| </p> | ||
| </li> | ||
| <li> | ||
| <p> | ||
| Job Search ResourcesFind helpful guides and resources to support | ||
| early-career developers in their job search: | ||
| </p> | ||
| <p> | ||
| 👉 | ||
| <a | ||
| class="processes-link" | ||
| href="https://github.com/the-collab-lab/job-search-resources" | ||
| >Job Search Resources</a | ||
| > | ||
| </p> | ||
| </li> | ||
| <li> | ||
| <p> | ||
| Historical Website ContentSee links below for our historical website | ||
| content, which may be helpful as a reference or inspiration: | ||
| </p> | ||
| <ul class="historical-list"> | ||
| <li> | ||
| 👉 <a class="processes-link" href="/participate"> Participate </a> | ||
| </li> | ||
| <li> | ||
| 👉 <a class="processes-link" href="/volunteer">Volunteer </a> | ||
| </li> | ||
| <li> | ||
| 👉 <a class="processes-link" href="/code-of-conduct" | ||
| >Code of Conduct | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| <p></p> | ||
| </li> | ||
| </ul> | ||
| <p> | ||
| We wish you the best of luck as you take these resources and continue | ||
| creating opportunities for early-career developers! | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <ul class="l-center--wide l-grid"> | ||
| {(<li class="c-talk" />)} | ||
| </ul> | ||
| </BaseLayout> | ||
| <style> | ||
| iframe { | ||
| max-width: 100%; | ||
| } | ||
|
|
||
| .c-box { | ||
| font-size: 1.35em; | ||
| padding: 1em; | ||
| } | ||
|
|
||
| .c-box.pink { | ||
| background-color: var(--color-pink-mid); | ||
| } | ||
| .c-box.pink a, | ||
| .c-box.yellow a { | ||
| color: var(--color-black-dark); | ||
| } | ||
| .c-box.yellow { | ||
| background-color: var(--color-yellow-mid); | ||
| } | ||
| .c-talk { | ||
| font-size: 0.8em; | ||
| line-height: 1.4; | ||
| } | ||
|
|
||
| .c-talk > * + * { | ||
| margin-block-start: 1em; | ||
| } | ||
|
|
||
| .c-talk--title { | ||
| font-size: 1.25em; | ||
| } | ||
|
|
||
| .c-talk--date { | ||
| font-style: italic; | ||
| margin-block-end: 1em; | ||
| } | ||
|
|
||
| .c-processes { | ||
| max-width: 60vw; | ||
| } | ||
|
|
||
| .processes-list { | ||
| list-style-type: disc; | ||
| padding-left: 2em; | ||
| } | ||
|
|
||
| .processes-link { | ||
| color: #000; | ||
| } | ||
|
|
||
| .historical-list { | ||
| display: flex; | ||
| gap: 1.5em; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters