-
Notifications
You must be signed in to change notification settings - Fork 1.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' of https://github.com/layer5io/layer5
- Loading branch information
Showing
14 changed files
with
322 additions
and
4 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
18 changes: 18 additions & 0 deletions
18
src/collections/events/kickstarting-open-source-with-layer5-2023/index.mdx
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,18 @@ | ||
| d--- | ||
| title: "Kickstarting Open Source with Layer5" | ||
| date: 2023-08-19 | ||
| thumbnail: ./kickstarting_your_open_source_with_layer5.webp | ||
| darkthumbnail: ./kickstarting_your_open_source_with_layer5.webp | ||
| eurl: https://lu.ma/z5sjbqws | ||
| type: Event | ||
| published: true | ||
| product: MeshMap, Meshery | ||
| resource: true | ||
| upcoming: true | ||
| speakers: ["Yash Sharma", "Samyak Shah"] | ||
| --- | ||
|
|
||
|
|
||
| <h2>Kickstarting Open Source with Layer5</h2> | ||
| <p>Embark on your Open Source journey with an insightful session led by Layer5's community member Samyak . Joining him is Yash, our Intern, MeshMate and a valued member of the community. This dynamic duo will guide you through the realms of open-source, while providing valuable insights about Layer5's projects. Don't let this opportunity pass you by – seize the chance to embark on your open source adventure with us and explore the world of Layer5.</p> | ||
| <p><a href=" https://lu.ma/z5sjbqws">Register</a> for the event and join us in a live session on August 19th at 7 PM IST on <a href="https://discord.gg/newton-school-862937560359108609"> Newton's school discord</a> channel</p> |
Binary file added
BIN
+55.4 KB
.../kickstarting-open-source-with-layer5-2023/kickstarting_your_open_source_with_layer5.webp
Binary file not shown.
Binary file not shown.
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,13 @@ | ||
| --- | ||
| name: Hiren Timbadiya | ||
| position: Contributor | ||
| image_path: ./hiren-timbadiya1.webp | ||
| github: hirentimbadiya | ||
| twitter: heyhiru | ||
| linkedin: hirentimbadiya74 | ||
| layer5: 01da757f-4fee-448e-9ba1-1bb655b2b05a | ||
| location: Surat, India | ||
| bio: "I am Hiren Timbadiya, I consider myself an inquisitive developer, constantly seeking to expand my knowledge in various technologies and delve into the boundless possibilities they offer. I am interested in DevOps technologies like kubernates, docker, service meshes, ci/cd, cloud and also enthusiastic about opensource. I am a highly motivated individual who is continuously learning and during my spare time, I love playing cricket and preparing a meal for myself." | ||
| status: Active | ||
| published: true | ||
| --- |
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
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
55 changes: 55 additions & 0 deletions
55
...shmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar-light.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
52 changes: 52 additions & 0 deletions
52
...ons/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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 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,161 @@ | ||
| import React from "react"; | ||
| import styled from "styled-components"; | ||
| import Button from "../../reusecore/Button"; | ||
| import { Container } from "../../reusecore/Layout"; | ||
| import MesheryTitle from "./images/meshery-title.svg"; | ||
| import playgroundbgCTA from "./images/playground-bg-CTA.png"; | ||
| import smalldots from "./images/small-dots.png"; | ||
| import MesheryIcon from "../../assets/images/meshery/icon-only/meshery-logo.webp"; | ||
|
|
||
| const DockerExtensionCTAWrapper = styled.div` | ||
| p { | ||
| color: white; | ||
| } | ||
| .card-right{ | ||
| padding-top: 3rem; | ||
| padding-left: 1rem; | ||
| padding-bottom: 3rem; | ||
| text-align: left; | ||
| } | ||
| .playground{ | ||
| color:${(props) => props.theme.secondaryColor}; | ||
| font-size: 5rem; | ||
| padding-top: 1.5rem; | ||
| } | ||
| .card-left{ | ||
| padding-top: 3rem; | ||
| padding-left: 1rem; | ||
| padding-bottom: 3rem; | ||
| justify-content: center; | ||
| align-items: center; | ||
| } | ||
| .playground-callout { | ||
| background: #1E2117 url(${playgroundbgCTA}) no-repeat center; | ||
| background-size: cover; | ||
| border-radius: 4rem; | ||
| display: flex; | ||
| padding: 2rem; | ||
| text-align: center; | ||
| margin: 6rem auto 4rem; | ||
| overflow: hidden; | ||
| .dots-icon { | ||
| position: relative; | ||
| &::before { | ||
| content: ""; | ||
| position: absolute; | ||
| top: -2rem; | ||
| left: -2rem; | ||
| width: 5rem; | ||
| height: 7rem; | ||
| background-image: url(${smalldots}); | ||
| background-repeat: no-repeat; | ||
| background-size: contain; | ||
| } | ||
| } | ||
| .line { | ||
| position: relative; | ||
| width: 0.2rem; | ||
| height: 13rem; | ||
| margin: 2rem 2rem 0 2rem; | ||
| } | ||
| .line::before { | ||
| content: ""; | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| background-color: ${(props) => props.theme.caribbeanGreenColor}; | ||
| border-radius: 5%; | ||
| } | ||
| .meshery-title { | ||
| height: 5rem; | ||
| margin-right: 4rem; | ||
| padding: 2rem 0 0 4rem; | ||
| } | ||
| .meshery-icon { | ||
| position: relative; | ||
| &::before { | ||
| content: ""; | ||
| opacity: 40%; | ||
| position: absolute; | ||
| bottom: -4rem; | ||
| width: 8rem; | ||
| height: 8rem; | ||
| background-image: url(${MesheryIcon}); | ||
| background-repeat: no-repeat; | ||
| background-size: contain; | ||
| } | ||
| } | ||
| h4{ | ||
| color: #ffffff; | ||
| } | ||
| Button { | ||
| margin: 1rem 0; | ||
| } | ||
| @media screen and (max-width:1200px) { | ||
| .meshery-icon { | ||
| &::before { | ||
| right: -3rem; | ||
| } | ||
| } | ||
| .meshery-title{ | ||
| padding-right: 2rem; | ||
| } | ||
| } | ||
| @media screen and (max-width:1000px) { | ||
| .card-right{ | ||
| padding: 1rem 0 0 0; | ||
| text-align: center; | ||
| } | ||
| display: block; | ||
| .line { | ||
| display: none; | ||
| } | ||
| .card-left{ | ||
| padding: 1rem 0 1rem 0; | ||
| } | ||
| .playground{ | ||
| font-size: 3rem; | ||
| } | ||
| .meshery-title { | ||
| height: 4rem; | ||
| margin-right: 2rem; | ||
| padding: 2rem 1rem 0 4rem; | ||
| } | ||
| } | ||
| } | ||
| `; | ||
|
|
||
| const DockerExtensionCTA = () => { | ||
| return ( | ||
| <DockerExtensionCTAWrapper> | ||
| <Container> | ||
| <div className="playground-callout"> | ||
| <div className="dots-icon"/> | ||
| <div className="card-left"> | ||
| <img className="meshery-title" src={MesheryTitle} alt="Meshery Title" loading="lazy" /> | ||
| <div className="playground">Playground</div> | ||
| </div> | ||
| <div className="line"></div> | ||
| <div className="card-right"> | ||
| <div> | ||
| <h4>Connect to live clusters<br />Discover, validate, and visualize<br />Kubernetes infrastructure with ease.</h4> | ||
| </div> | ||
| <p></p> | ||
| <Button primary url="https://play.meshery.io/" external={true}> | ||
| Try Playground now! | ||
| </Button> | ||
| </div> | ||
| <div className="meshery-icon"/> | ||
| </div> | ||
| </Container> | ||
| </DockerExtensionCTAWrapper> | ||
| ); | ||
| }; | ||
|
|
||
| export default DockerExtensionCTA; |