Merge pull request layer5io#1346 from Tanuj22/Tanuj22/newcomers

feat: newcomers page
Mehdi-Messaadi · Jan 14, 2021 · bfeb14a · bfeb14a
2 parents ce73f2f + 25bbcbf
commit bfeb14a
Show file tree

Hide file tree

Showing 20 changed files with 475 additions and 614 deletions.
diff --git a/src/assets/data/tutorials/index.js b/src/assets/data/tutorials/index.js
@@ -36,7 +36,7 @@ const data = [
  },
  presenters: [
  {
- link: "community/members/ruth-ikegah",
+ link: "/community/members/ruth-ikegah",
  name: "Ruth Ikegah",
  },
  ],
@@ -50,7 +50,7 @@ const data = [
  },
  presenters: [
  {
- link: "community/members/lee-calcote",
+ link: "/community/members/lee-calcote",
  name: "Lee Calcote",
  },
  ],
@@ -64,15 +64,15 @@ const data = [
  },
  presenters: [
  {
- link: "community/members/jash-patel",
+ link: "/community/members/jash-patel",
  name: "Jash Patel",
  },
  {
- link: "community/members/tanuj-agarwal",
+ link: "/community/members/tanuj-agarwal",
  name: "Tanuj Agarwal"
  }
  ]
  },
 ];
 
-export default data;
+export default data;
diff --git a/src/assets/images/newcomers/Rectangle 399.svg b/src/assets/images/newcomers/Rectangle 399.svg
diff --git a/src/assets/images/newcomers/Rectangle 401.svg b/src/assets/images/newcomers/Rectangle 401.svg
diff --git a/src/assets/images/newcomers/Rectangle 402.svg b/src/assets/images/newcomers/Rectangle 402.svg
diff --git a/src/assets/images/newcomers/Rectangle 403.svg b/src/assets/images/newcomers/Rectangle 403.svg
diff --git a/src/assets/images/newcomers/welcome_newcomers.svg b/src/assets/images/newcomers/welcome_newcomers.svg
diff --git a/src/pages/community/newcomers.js b/src/pages/community/newcomers.js
@@ -6,7 +6,7 @@ import SEO from "../../components/seo";
 import Navigation from "../../sections/Navigation";
 import Footer from "../../sections/Footer";
 import Layout from "../../components/layout";
-import NewcomersPage from "../../sections/Community/Newcomers/NewcomersPage";
+import NewcomersGuide from "../../sections/Community/Newcomers-guide";
 
 const newComers = () => {
  return (
@@ -15,7 +15,7 @@ const newComers = () => {
  <GlobalStyle />
  <SEO title="Newcomers" />
  <Navigation />
- <NewcomersPage />
+ <NewcomersGuide />
  <Footer />
  </Layout>
  </ThemeProvider>

diff --git a/src/sections/Community/Newcomers-guide/NewcomersPageWrapper.style.js b/src/sections/Community/Newcomers-guide/NewcomersPageWrapper.style.js
@@ -0,0 +1,53 @@
+import styled from "styled-components";
+
+export const NewcomersGuideWrapper = styled.section`
+ .newcomers-welcome{
+ text-align: center;
+ .newcomers-journey{
+ display: flex;
+ align-items: center;
+ margin: 2rem 0;
+ h2{
+ margin-bottom: 2rem;
+ }
+ }
+ .how-to-contribute{
+ h3{
+ margin: auto;
+ font-weight: 600;
+ }
+ p {
+ margin: 2rem 0;
+ }
+ }
+ }
+ 
+ .instructions{
+ .step{
+ display: flex;
+ align-items: center;
+ margin-bottom: 2rem;
+ }
+ h3{
+ display:inline;
+ padding-bottom: 0.3rem;
+ border-bottom: 2px solid ${props => props.theme.primaryLightColorTwo};
+ }
+ li{
+ margin-bottom: 1rem;
+ }
+ p{
+ margin-top: 1rem;
+ }
+ img{
+ display: block;
+ margin: 0 auto;
+ max-width: 21.875rem
+ }
+ }
+ 
+ .table-wrapper{
+ text-align: center;
+ }
+`;
+
diff --git a/src/sections/Community/Newcomers-guide/community-image1.png b/src/sections/Community/Newcomers-guide/community-image1.png
diff --git a/src/sections/Community/Newcomers-guide/community-image2.png b/src/sections/Community/Newcomers-guide/community-image2.png
diff --git a/src/sections/Community/Newcomers-guide/community-image3.png b/src/sections/Community/Newcomers-guide/community-image3.png
diff --git a/src/sections/Community/Newcomers-guide/community-image4.png b/src/sections/Community/Newcomers-guide/community-image4.png