-
Notifications
You must be signed in to change notification settings - Fork 1.5k
feat: open source program form #6132
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
vishalvivekm
merged 11 commits into
layer5io:master
from
vishalvivekm:open-source-program
Jan 5, 2025
Merged
Changes from 8 commits
Commits
Show all changes
11 commits
Select commit
Hold shift + click to select a range
7655196
feat: sign-up form for open source program
vishalvivekm 4e2b488
Create index.js
vishalvivekm ae6736b
Create index.style.js
vishalvivekm dd4a104
Create layer5-products-overview-dark.svg
vishalvivekm 61f0150
Create layer5-products-overview.svg
vishalvivekm ba0e793
add additional fields for open-source form
vishalvivekm 7591d6b
add open-source-program page
vishalvivekm 00b34a9
Update src/sections/Community/Open-Source-Program/signup-form.js
vishalvivekm 0d4f6d9
Update src/components/CommonForm/index.js
vishalvivekm d22800c
Update src/sections/Community/Open-Source-Program/signup-form.js
vishalvivekm b110642
Merge branch 'master' into open-source-program
vishalvivekm File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or 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 hidden or 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,17 @@ | ||
| import React from "react"; | ||
| import SEO from "../../components/seo"; | ||
| import OpenSourcePricingPage from "../../sections/Community/Open-Source-Program"; | ||
|
|
||
| const OpenSourcePricingProgramPage = () => { | ||
| return ( | ||
| <> | ||
| <OpenSourcePricingPage /> | ||
| </> | ||
| ); | ||
| }; | ||
| export default OpenSourcePricingProgramPage; | ||
| export const Head = () => { | ||
| return <SEO title="Layer5 Open Source Program" | ||
| description="Layer5, empowerer of engineers. At Layer5, we believe collaboration enables innovation, and infrastructure enables collaboration." | ||
| image="/images/Layer5-overview.svg" />; | ||
| }; |
94 changes: 94 additions & 0 deletions
94
...sections/Community/Open-Source-Program/images/layer5-products-overview-dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
95 changes: 95 additions & 0 deletions
95
src/sections/Community/Open-Source-Program/images/layer5-products-overview.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or 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,38 @@ | ||
| import React from "react"; | ||
| import { Container, Row, Col } from "../../../reusecore/Layout"; | ||
| import OpenSourcePricingWrapper from "./index.style"; | ||
| import productsImageColor from "./images/layer5-products-overview.svg"; | ||
| import productsImageWhite from "./images/layer5-products-overview-dark.svg"; | ||
| import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode"; | ||
| import SignupForm from "./signup-form"; | ||
|
|
||
| const OpenSourcePricing = () => { | ||
| const { isDark } = useStyledDarkMode(); | ||
| return ( | ||
| <OpenSourcePricingWrapper style={{ position: "relative" }}> | ||
| <Container className="open-source-container"> | ||
| <img className="dotsimage" src="https://layer5.io/static/background-dots-pattern.e9f0ea60.svg" /> | ||
| <Row className="hero"> | ||
| <Col $sm={12} $lg={6}> | ||
| <h1>Layer5-Sponsored Open Source Program</h1> | ||
| <p> | ||
| The open source community is at the heart of modern development. Developers around the world create new technology using open source and we're here to help make those innovations a reality. | ||
| In the Layer5 Open Source program, non-commercial open source developers can continue to collaborate, innovate, and push their projects forward — all with the support of Layer5 offered tools | ||
| </p> | ||
| </Col> | ||
| <Col className="products-logo-wrapper" $sm={12} $lg={6}> | ||
| <img | ||
| src={isDark ? productsImageWhite : productsImageColor} | ||
| alt="Layer5 products" | ||
| /> | ||
| </Col> | ||
| </Row> | ||
| <div className="signup-form"> | ||
| <SignupForm/> | ||
| </div> | ||
| </Container> | ||
| </OpenSourcePricingWrapper> | ||
| ); | ||
| }; | ||
|
|
||
| export default OpenSourcePricing; |
This file contains hidden or 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,51 @@ | ||
| import styled from "styled-components"; | ||
|
|
||
| const OpenSourcePricingWrapper = styled.div` | ||
|
|
||
| .open-source-container { | ||
| padding-top: 11rem; | ||
| .dotsimage{ | ||
| position: absolute; | ||
| top: -0.125rem; | ||
| left: 0; | ||
| } | ||
| } | ||
| .hero{ | ||
| p{ | ||
| margin: 1.875rem auto 1rem auto; | ||
| } | ||
| .products-logo-wrapper{ | ||
| display: flex; | ||
| justify-content: center; | ||
| img{ | ||
| max-height: 25rem; | ||
| } | ||
| svg { | ||
| height: 25rem; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .signup-form{ | ||
| margin: 8.25rem auto 2.75rem auto; | ||
| h2{ | ||
| margin-bottom: 1.875rem; | ||
| } | ||
| p{ | ||
| margin-bottom: 1.875rem; | ||
| } | ||
| } | ||
| @media only screen and (max-width: 480px){ | ||
| .signup-form{ | ||
| margin: 3.125rem auto 1.875rem auto; | ||
| p{ | ||
| margin-bottom: 0.625rem; | ||
| } | ||
| } | ||
| .open-source-container { | ||
| padding-top: 5rem; | ||
| } | ||
| } | ||
| `; | ||
|
|
||
| export default OpenSourcePricingWrapper; |
This file contains hidden or 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,68 @@ | ||
| import React from "react"; | ||
| import styled from "styled-components"; | ||
| import { Container, Row, Col } from "../../../reusecore/Layout"; | ||
|
|
||
| import CommonForm from "../../../components/CommonForm"; | ||
|
|
||
| const SignupFormWrapper = styled.div` | ||
| h4 { | ||
| font-weight: 700; | ||
| } | ||
| `; | ||
| const SignupForm = () => { | ||
| return ( | ||
| <SignupFormWrapper> | ||
| <div> | ||
| <Container style={{ marginBottom: "4rem", padding: "0" }}> | ||
| <Row className="description"> | ||
| <Col $lg={7} $md={6} $sm={12} > | ||
| <h4>Who can Apply?</h4> | ||
| <p style={{ fontWeight: "700" }}>Layer5-Sponsored Open Source program is ideal for developers working on projects without a path to commercialization.</p> | ||
| <h4 style={{ marginBottom: "1.5rem" }}>Why join the Layer5-Sponsored Open Source program?</h4> | ||
| <p> | ||
| <strong>Unlock Free Access to Advanced Cloud Native Design Tools</strong><br /> | ||
| Gain access to Layer5's drag-and-drop cloud-native infrastructure designer, which includes 350+ built-in models and public catalog patterns, starting templates, enabling teams to design, configure, and deploy their workloads effortlessly. | ||
| </p> | ||
| <p> | ||
| <strong>Collaborative Infrastructure Design</strong><br/> | ||
| Access advanced tools like real-time collaborative infrastructure design and team workspaces. Enhance productivity with shared environments that allow multiple contributors to design, edit, and review infrastructure configurations simultaneously. | ||
| </p> | ||
| <p> | ||
| <strong>Comprehensive Cloud Native Support</strong><br/> | ||
| Leverage tools for discovering existing infrastructure, visualizing Kubernetes applications, and managing multi-cloud clusters. Layer5 provides built-in components, public catalogs, and performance profiling to streamline your project's development. | ||
| </p> | ||
| <h4>Qualification Criteria</h4> | ||
| <p style={{ marginBottom: "0" }}> | ||
| To qualify for the Layer5-Sponsored Open Source program, your project namespace must: | ||
| </p> | ||
| <ul> | ||
| <li>Be shared in public repositories on Github or GitLab etc. and the source code must also be publicly accessible on its respective repository.</li> | ||
| <li>Meet the <a href="https://opensource.org/docs/osd">Open Source Initiative definition.</a></li> | ||
| <li>Not have a pathway to commercialization. Your organization must not seek to make a profit through services or by charging for higher tiers. Accepting donations to sustain your efforts is permissible.</li> | ||
| </ul> | ||
| <h4>Layer5-Sponsored Open Source program Terms of Agreement</h4> | ||
| <ul> | ||
| <li>Program benefits are provided only to project leads and core project committers.</li> | ||
| <li>Program status and benefits are valid for one year and can be renewed if your project still meets the program requirements.</li> | ||
| <li>You may use the program benefits solely for developing non-commercial open-source projects.</li> | ||
| <li>Layer5 licenses are for use only by project collaborators and cannot be shared with any third party.</li> | ||
| </ul> | ||
| </Col> | ||
|
|
||
| <Col $lg={5} $md={6} $sm={12} style={{ padding: "0" }}> | ||
| <CommonForm | ||
| title="Apply Today" | ||
| form="open-source-pricing" | ||
| account_desc="Selected program participants will receive a free access to tools offered by Layer5. Layer5 team may reach out to selected participants." | ||
| submit_title="Thank you for your interest in Layer5-Sponsored Open Source Program" | ||
| submit_body="You are now signed up for the Layer5-Sponsored Open Source Program and your position on the waiting list is confirmed. Please patiently await your acceptance and start of the program. We are working through a growing waitlist" | ||
vishalvivekm marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
| /> | ||
| </Col> | ||
| </Row> | ||
| </Container> | ||
| </div> | ||
| </SignupFormWrapper> | ||
| ); | ||
| }; | ||
|
|
||
| export default SignupForm; | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.