@@ -28,37 +30,16 @@ const NewHome = () => {
-
+
+
+
-
-
-
- UPDATES
-
-
Latest Updates
-
-
-
-
- console.log({ele: ele})}/>
-
-
-
-
+
+
+
diff --git a/src/pages/Home/icons/BugIcon.js b/src/pages/Home/icons/BugIcon.js
new file mode 100644
index 0000000..62ec379
--- /dev/null
+++ b/src/pages/Home/icons/BugIcon.js
@@ -0,0 +1,136 @@
+import SvgIcon from '@material-ui/core/SvgIcon';
+import React from 'react';
+
+function Icon(props) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default Icon;
diff --git a/src/pages/Home/icons/CodeIcon.js b/src/pages/Home/icons/CodeIcon.js
new file mode 100644
index 0000000..ce5e3d1
--- /dev/null
+++ b/src/pages/Home/icons/CodeIcon.js
@@ -0,0 +1,19 @@
+import SvgIcon from '@material-ui/core/SvgIcon';
+import React from 'react';
+
+function Icon(props) {
+ return (
+
+
+ );
+}
+
+export default Icon;
diff --git a/src/pages/Home/icons/DonationIcon.js b/src/pages/Home/icons/DonationIcon.js
new file mode 100644
index 0000000..f35b5c3
--- /dev/null
+++ b/src/pages/Home/icons/DonationIcon.js
@@ -0,0 +1,19 @@
+import SvgIcon from '@material-ui/core/SvgIcon';
+import React from 'react';
+
+function Icon(props) {
+ return (
+
+
+
+
+ );
+}
+
+export default Icon;
diff --git a/src/pages/Home/icons/GithubIcon.js b/src/pages/Home/icons/GithubIcon.js
new file mode 100644
index 0000000..c295ae5
--- /dev/null
+++ b/src/pages/Home/icons/GithubIcon.js
@@ -0,0 +1,12 @@
+import SvgIcon from '@material-ui/core/SvgIcon';
+import React from 'react';
+
+function Icon(props) {
+ return (
+
+
+ );
+}
+
+export default Icon;
diff --git a/src/pages/Home/icons/HelpIcon.js b/src/pages/Home/icons/HelpIcon.js
new file mode 100644
index 0000000..9538022
--- /dev/null
+++ b/src/pages/Home/icons/HelpIcon.js
@@ -0,0 +1,16 @@
+import SvgIcon from '@material-ui/core/SvgIcon';
+import React from 'react';
+
+function Icon(props) {
+ return (
+
+
+ );
+}
+
+export default Icon;
diff --git a/src/pages/Home/icons/SlackIcon.js b/src/pages/Home/icons/SlackIcon.js
new file mode 100644
index 0000000..9217291
--- /dev/null
+++ b/src/pages/Home/icons/SlackIcon.js
@@ -0,0 +1,31 @@
+import SvgIcon from '@material-ui/core/SvgIcon';
+import React from 'react';
+
+function Icon(props) {
+ return (
+
+
+ );
+}
+
+export default Icon;
diff --git a/src/pages/Home/images/bug.svg b/src/pages/Home/images/bug.svg
deleted file mode 100644
index 3ce9146..0000000
--- a/src/pages/Home/images/bug.svg
+++ /dev/null
@@ -1,130 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/pages/Home/images/code.svg b/src/pages/Home/images/code.svg
deleted file mode 100644
index f06b96c..0000000
--- a/src/pages/Home/images/code.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/Home/images/donation.svg b/src/pages/Home/images/donation.svg
deleted file mode 100644
index 11619f2..0000000
--- a/src/pages/Home/images/donation.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/src/pages/Home/images/grey-bg.jpg b/src/pages/Home/images/grey-bg.jpg
new file mode 100644
index 0000000..8ef4eb7
Binary files /dev/null and b/src/pages/Home/images/grey-bg.jpg differ
diff --git a/src/pages/Home/images/handshake.svg b/src/pages/Home/images/handshake.svg
deleted file mode 100644
index d656a18..0000000
--- a/src/pages/Home/images/handshake.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
diff --git a/src/pages/Home/images/lightbulb.svg b/src/pages/Home/images/lightbulb.svg
new file mode 100644
index 0000000..ee47d14
--- /dev/null
+++ b/src/pages/Home/images/lightbulb.svg
@@ -0,0 +1,81 @@
+
+
image/svg+xml
\ No newline at end of file
diff --git a/src/pages/Home/images/wwc.jpeg b/src/pages/Home/images/wwc.jpeg
index 12a966d..25d8b76 100644
Binary files a/src/pages/Home/images/wwc.jpeg and b/src/pages/Home/images/wwc.jpeg differ
diff --git a/src/pages/Home/kwoc_logo.png b/src/pages/Home/kwoc_logo.png
deleted file mode 100644
index ec5503f..0000000
Binary files a/src/pages/Home/kwoc_logo.png and /dev/null differ
diff --git a/src/pages/JoinUs/JoinUs.js b/src/pages/JoinUs/JoinUs.js
deleted file mode 100644
index 30869fb..0000000
--- a/src/pages/JoinUs/JoinUs.js
+++ /dev/null
@@ -1,363 +0,0 @@
-import React, { useEffect } from "react";
-
-const JoinUs = () => {
- useEffect(()=>{
- window.scrollTo(0, 0);
- }, [])
- return (
-
-
-
-
-
-
- Get Involved
-
- Welcome to Newcomers !!!
-
-
-
-
-
-
-
-
-
- Join Us
-
-
- Codeuino is an Open Source organization that helps to bring
- amazing people together to create, develop, design and make things
- with Open Technologies and share work for the benefit of all.Our
- project is an important part of Free Software Ecosystem.We work
- with other free projects to create high - quality solutions that
- span the entire software stack.While the many Codeuino
- contributors develop code, smash bugs, write documentation, and
- help users, the Foundation acts as a guiding hand in the process
- and provides resources and infrastructure.It steers releases,
- determines what software is officially part of the project, and
- acts as an official face of the Codeuino Project to the outside
- world, through it delegates most of its authority to specialized
- teams.Therefore, this guide would help you to become an integral
- part of the Community.
-
-
-
-
-
-
-
-
-
- Working with Codeuino
-
-
- Everyone in the Codeuino community is expected to follow our Code
- of Conduct. To become part of the Codeuino developers team, there
- are a few steps you need to complete.
-
-
-
-
-
-
-
-
-
-
- 1. Read the issues.
-
-
- 2. Before Solving, leave a comment suggesting your
- will.
-
-
- 3. After being assigned the issue, solve the same.
-
-
- 4. Send the Pull Request to the “development” branch.
-
-
- 5. After the merge is successful, review the pull
- request.
-
-
-
-
- Make sure you follow the steps as mentioned, and hence it will
- make you familiar with the workflow of the organization.Also, you
- would successfully be able to contribute to the community.
-
-
- Step 1. Familiarize, Communicate and Get Involved with the
- Community
-
-
- To get started, the first step is to meet the community. We use
- Slack to communicate, and there the helpful community will guide
- you. Slack is an instant messaging service used by developers and
- users of Github. Slack uses chat rooms, where developers can join
- in and can talk about a particular topic. Codeuino has two types
- of chat rooms (channels) –{" "}
- Meeting channel and General channel.
- Meeting chat room is related to a specific
- details and General chat room is related to
- general discussion topics like conferences, workshops and it is
- here where we welcome Newcomers and guide them. This is the main
- chat room of Codeuino. Everything related to conferences and off
- topics are discussed here.
-
-
- The list of all available chat rooms are available here - channel
- list. But before joining the community, here are few things that
- you should keep in mind.
-
-
-
-
- 1. Only log into Slack using your GitHub account.
-
-
- 2. It will be appreciated if your Github username and
- slack username is same which will make easier for all to
- identify you.
-
-
- 3. Do not mention users unrelated to a particular
- issue/question. This also means you should not mention the
- person that was last online. For example, mentioning someone
- on a Github issue will subscribe them to that issue, even if
- they don’t want to be a part of the discussion. However,
- mentioning someone is okay if they really need to see your
- message.
-
-
- 4. Don’t repeatedly mention people in an ongoing
- conversation.
-
-
- 5. You should ask someone before mentioning them.
-
-
-
-
- Now you are ready to join Codeuino community at Codeuino Slack.
- The newcomers would be greeted by our Slack bot which will invite
- you to introduce yourself to the team.
- Note:- If you have questions, make sure they are
- precise and have the proper documentation style. You must feel
- free to contact us on Slack while you encounter any problem.
- Hangouts , to conduct our discussions
- and for video conferencing. So you must have an account on the
- same. Also, we recommend you that our Organization Team is always
- there for your help, but irrelevant doubts will create unnecessary
- confusion during discussions.
-
-
- Step 2. Proposing a Project
-
-
- If you have some interesting ideas about a new project that you
- think our organization should work upon, you are most welcome to
- do so. To propose a new project follow the steps mentioned below
- :-
-
-
-
-
- 1. We have created a different channel{" "}
- #chalk-outProposals on Slack for our
- organization where you can propose your project. In this
- channel we have the team which decides the projects that our
- organization should work upon.
-
-
- 2. If your project is unanimously accepted by the team
- then you will be allowed to create issues regarding your
- project. But until then, you cannot do so.
-
-
- 3. As soon the project is accepted you will be the
- official admin of that project and you will be free to create
- issues. You are allowed to assign the issue to anyone you feel
- worthy( if the one is interested to do it ). Please do not
- mention anyone without a reason.
-
-
- 4. Also, you can then label the issue as{" "}
- “Work In Progress” (wip) , so that others do
- not work on it.
-
-
-
-
- Step 3. Working on the Issue
-
-
- Help is always welcome, be it any form, whether it is working on
- the documentation process or solving an issue. It is the best way
- to get along with the community. You can view all the issues on
- our GitHub Organization.
- Important !! You need to be logged in before you
- follow the issues link. They will give you a glimpse of what it’s
- like to work with us and what the workflow is like.
- Cloning our GitHub repository:- The git clone
- command is used to copy an existing Git repository from a server
- to the local machine. To clone our git repository follow these
- steps in your terminals:-
-
-
-
-
- 1. cd path where you would like the clone to create a
- directory
-
-
- 2. copy and paste this code into your terminals for
- cloning our website code. Similarly just change the link to
- clone the other repositories{" "}
-
- git clone
- https://github.com/Codeuino/website-www.Codeuino.org.git
-
-
-
- 3. Now pick an issue which isn’t assigned and which you
- would like to fix. Leave a comment that you would like to work
- on that particular issue. This way we don’t have multiple
- people working on the same issue at the same time. After this,
- you can start working on it.
-
-
- 4.
- Caution:- You should never work on an issue
- without being assigned. Also take up the issue, only when you
- know what the problem is and how to solve it.
-
-
-
-
- Step 4. Forking and Testing the Modifications
-
-
- You should first fork the repository by visiting the official
- repository of Codeuino and clicking on the button Fork. This step
- is needed only once.
- Important !! It is important that you DO NOT make
- your changes on the master branch of your forked repository as you
- cannot have two pull requests using the same branch name.
- Therefore, if your fork’s master has been used in a pull request
- and you decide to work on a different issue you will have to
- branch eventually. Differently every new commit that you make on
- your master branch will get attached to the initial pull request
- and that will result in altering the purpose of that request.
- $ git checkout -b branchname where your branch
- name can be anything other than master. The scope is your forked
- repository. The branch name will be shown on pull request.Before
- pushing the pull request, you must test your changes with some
- concrete examples.
-
-
- Step 5. Sending a Pull Request
-
-
- Now that your commit has been sent to your fork, it is time to
- create a Pull Request. You can do this by accessing your fork on
- GitHub and clicking New Pull Request. Note:- Comments are always welcomed, as the
- readability of the code becomes easy for the other developers.{" "}
- Creating a Pull Request:- If you've forked a
- repository and made changes to the fork, you can ask that the
- upstream repository accept your changes by creating a pull
- request.
- Note: To open a pull request in a public
- repository, you must have write access to the head or the source
- branch or, for organization-owned repositories, you must be a
- member of the organization that owns the repository to open a pull
- request.
-
-
-
- 1. Navigate to the original repository you created your
- fork from.
-
-
- 2. To the right of the Branch menu, click
- New pull request.
-
-
- 3. Type a title and description for your pull request.
-
-
- 4. If you do not want to allow anyone with push access
- to the upstream repository to make changes to your PR,
- deselect Allow edits from maintainers.
-
-
- 5. Click Create pull request.
-
-
-
-
-
-
-
-
-
- );
-};
-
-export default JoinUs;
diff --git a/src/pages/NewBlog/NewBlog.js b/src/pages/NewBlog/NewBlog.js
deleted file mode 100644
index 2923f57..0000000
--- a/src/pages/NewBlog/NewBlog.js
+++ /dev/null
@@ -1,150 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import MdEditor from 'react-markdown-editor-lite'
-import MarkdownIt from 'markdown-it'
-import emoji from 'markdown-it-emoji'
-import subscript from 'markdown-it-sub'
-import superscript from 'markdown-it-sup'
-import footnote from 'markdown-it-footnote'
-import deflist from 'markdown-it-deflist'
-import abbreviation from 'markdown-it-abbr'
-import insert from 'markdown-it-ins'
-import mark from 'markdown-it-mark'
-import tasklists from 'markdown-it-task-lists'
-import hljs from 'highlight.js'
-import 'highlight.js/styles/atom-one-light.css'
-// import 'highlight.js/styles/github.css'
-// import './index.less';
-
-const MOCK_DATA = "Hello.\n\n * This is markdown.\n * It is fun\n * Love it or leave it."
-export default class Demo extends React.Component {
- mdEditor = null
- mdParser = null
- constructor(props) {
- super(props)
- // initial a parser
- this.mdParser = new MarkdownIt({
- html: true,
- linkify: true,
- typographer: true,
- highlight: function (str, lang) {
- if (lang && hljs.getLanguage(lang)) {
- try {
- return hljs.highlight(lang, str).value
- } catch (__) {}
- }
- return '' // use external default escaping
- }
- })
- .use(emoji)
- .use(subscript)
- .use(superscript)
- .use(footnote)
- .use(deflist)
- .use(abbreviation)
- .use(insert)
- .use(mark)
- .use(tasklists, { enabled: this.taskLists })
- this.renderHTML = this.renderHTML.bind(this)
- }
- handleEditorChange({html, text}, event) {
- console.log('handleEditorChange', html, text, event)
- }
- handleImageUpload(file, callback) {
- const reader = new FileReader()
- reader.onload = () => {
- const convertBase64UrlToBlob = (urlData) => {
- let arr = urlData.split(','), mime = arr[0].match(/:(.*?);/)[1]
- let bstr = atob(arr[1])
- let n = bstr.length
- let u8arr = new Uint8Array(n)
- while (n--) {
- u8arr[n] = bstr.charCodeAt(n)
- }
- return new Blob([u8arr], {type:mime})
- }
- const blob = convertBase64UrlToBlob(reader.result)
- setTimeout(() => {
- // setTimeout 模拟异步上传图片
- // 当异步上传获取图片地址后，执行calback回调（参数为imageUrl字符串），即可将图片地址写入markdown
- const uploadedUrl = 'https://avatars0.githubusercontent.com/u/21263805?s=40&v=4'
- callback(uploadedUrl)
- }, 1000)
- }
- reader.readAsDataURL(file)
- }
- onCustomImageUpload = () => {
- return new Promise((resolve, reject) => {
- const result = window.prompt('Please enter image url here')
- resolve({ url: result })
- // custom confirm message pseudo code
- // YourCustomDialog.open(() => {
- // setTimeout(() => {
- // // setTimeout 模拟oss异步上传图片
- // const url = 'https://avatars0.githubusercontent.com/u/21263805?s=80&v=4'
- // resolve({url: url, name: 'pic'})
- // }, 1000)
- // })
- })
- }
- renderHTML(text) {
- // 模拟异步渲染Markdown
- return new Promise((resolve) => {
- setTimeout(() => {
- resolve(this.mdParser.render(text))
- }, 1000)
- })
- }
- onBeforeClear = () => {
- return new Promise((resolve, reject) => {
- const result = window.confirm('Are you sure you want to clear your markdown :-)')
- const toClear = result ? true : false
- resolve(toClear)
- // custom confirm dialog pseudo code
- // YourCustomDialog.open(() => {
- // // confirm callback
- // resolve(true)
- // }, () => {
- // // cancel callback
- // resolve(false)
- // })
- })
- }
- handleGetMdValue = () => {
- this.mdEditor && alert(this.mdEditor.getMdValue())
- }
- handleGetHtmlValue = () => {
- this.mdEditor && alert(this.mdEditor.getHtmlValue())
- }
- render() {
- return (
-
-
- getMdValue
- getHtmlValue
-
-
- this.mdEditor = node}
- value={MOCK_DATA}
- style={{height: '400px'}}
- renderHTML={this.renderHTML}
- config={{
- view: {
- menu: true,
- md: true,
- html: true,
- fullScreen: true
- },
- imageUrl: 'https://octodex.github.com/images/minion.png'
- }}
- onChange={this.handleEditorChange}
- onImageUpload={this.handleImageUpload}
- // onCustomImageUpload={this.onCustomImageUpload} // if using onCustomImageUpload, onImageUpload will be not working
- onBeforeClear={this.onBeforeClear}
- />
-
-
- )
- }
-}
\ No newline at end of file
diff --git a/src/pages/Projects/Projects.js b/src/pages/Projects/Projects.js
deleted file mode 100644
index 539411b..0000000
--- a/src/pages/Projects/Projects.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import {Card,Button} from 'react-bootstrap'
-import Banner from './doughnut.png'
-
-class Projects extends Component {
- render() {
- return (
-
-
-
-
-
-
-
-
Projects
-
-
-
-
-
-
-
- Card Title
-
- Some quick example text to build on the card title and make up the bulk of
- the card's content.
-
- Go somewhere
-
-
-
-
-
-
- Card Title
-
- Some quick example text to build on the card title and make up the bulk of
- the card's content.
-
- Go somewhere
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-
-Projects.propTypes = {
-
-};
-
-
-export default Projects;
diff --git a/src/pages/Projects/banner.png b/src/pages/Projects/banner.png
deleted file mode 100644
index 0c7c41e..0000000
Binary files a/src/pages/Projects/banner.png and /dev/null differ
diff --git a/src/pages/Projects/doughnut.png b/src/pages/Projects/doughnut.png
deleted file mode 100644
index 3456e36..0000000
Binary files a/src/pages/Projects/doughnut.png and /dev/null differ
diff --git a/src/pages/Team/BoardMembers.js b/src/pages/Team/BoardMembers.js
index 221a45a..c5e8213 100644
--- a/src/pages/Team/BoardMembers.js
+++ b/src/pages/Team/BoardMembers.js
@@ -4,6 +4,7 @@ import jaskirat from "./Jaskirat.jpeg";
import devesh from "./Devesh.jpeg";
import vaibhav from "./Vaibhav.jpeg";
import "./TeamCardWrapper.css";
+
var BoardMembers = [
{
name: "Jaskirat Singh",
@@ -12,7 +13,7 @@ var BoardMembers = [
"Founder @Codeuino, Google summer of code & Code In mentor at @sugar_labs, @jbossorg, member at @OpenSourceOrg, Mentor at @kossiitkgp, @microsoft Educator Expert",
profile: jaskirat,
github: "https://github.com/jaskirat2000",
- linkedin: "",
+ linkedin: ""
},
{
name: "Devesh",
@@ -21,7 +22,7 @@ var BoardMembers = [
"foss contributor|board member@CODEUINO|software engineer@SHAW ACADEMY|ex-intern@SHAW ACADEMY|HASURA| INTERNSHALA|HIREINK|INDICIUMHUB|",
profile: devesh,
github: "",
- linkedin: "",
+ linkedin: ""
},
{
name: "Vaibhav D. Aren",
@@ -30,7 +31,7 @@ var BoardMembers = [
"SDE at HashedIn | GSOC 2018 Developer @SugarLabs | GSOC-19 Mentor @JBOSS(Codeuino)| GCI -18 Mentor @SugarLabs .",
profile: vaibhav,
github: "",
- linkedin: "",
+ linkedin: ""
},
{
name: "Ayush Nagar",
@@ -38,7 +39,7 @@ var BoardMembers = [
headline: "Student Mentor at Google Code-in",
profile: "https://avatars1.githubusercontent.com/u/32647423?s=460&v=4",
github: "https://github.com/ayushnagar123",
- linkedin: "",
+ linkedin: ""
},
{
name: "Siddharth",
@@ -46,13 +47,16 @@ var BoardMembers = [
headline: "Student Mentor at Google Code-in",
profile: "https://avatars1.githubusercontent.com/u/33068322?s=460&v=4",
github: "",
- linkedin: "",
- },
+ linkedin: ""
+ }
];
-const InjectedJSX = BoardMembers.map((member, index) => {
- return
;
-});
+
+const InjectedJSX = BoardMembers.map((member, index) => (
+
+));
+
const BoardMembersWrapper = () => {
return
{InjectedJSX}
;
};
+
export default BoardMembersWrapper;
diff --git a/src/pages/Team/CoreContributors.js b/src/pages/Team/CoreContributors.js
index 3137bfc..295a50d 100644
--- a/src/pages/Team/CoreContributors.js
+++ b/src/pages/Team/CoreContributors.js
@@ -1,42 +1,41 @@
-import React from 'react'
-import TeamCard from './TeamCard'
-import aselPeiris from './AselPeiris.png'
-import './TeamCardWrapper.css'
+import React from "react";
+import TeamCard from "./TeamCard";
+import aselPeiris from "./AselPeiris.png";
+import "./TeamCardWrapper.css";
var CoreContributors = [
- {
- name:"Rupeshiya",
- post:"Core Colaborator",
- headline:"GSoC '20 Codeuino",
- profile:'https://avatars0.githubusercontent.com/u/31209617?s=460&v=4',
- github:'https://github.com/Rupeshiya',
- linkedin:''
- },
- {
- name:"Asel Peiris",
- post:"Core Colaborator",
- headline:"GSoC '20 Codeuino",
- profile:aselPeiris,
- github:'https://github.com/AuraOfDivinity',
- linkedin:''
- },
- {
- name:"Devansh Agarwal",
- post:"Core Colaborator",
- headline:"Maintains Codeuino.org",
- profile:'https://avatars3.githubusercontent.com/u/48180687?s=460&v=4',
- github:'https://github.com/DevanshCodes',
- linkedin:'https://www.linkedin.com/in/devansh-agarwal-739702189/'
- }
-]
-const InjectedJSX = CoreContributors.map((member,index) => {
- return
-})
+ {
+ name: "Rupeshiya",
+ post: "Core Colaborator",
+ headline: "GSoC '20 Codeuino",
+ profile: "https://avatars0.githubusercontent.com/u/31209617?s=460&v=4",
+ github: "https://github.com/Rupeshiya",
+ linkedin: ""
+ },
+ {
+ name: "Asel Peiris",
+ post: "Core Colaborator",
+ headline: "GSoC '20 Codeuino",
+ profile: aselPeiris,
+ github: "https://github.com/AuraOfDivinity",
+ linkedin: ""
+ },
+ {
+ name: "Devansh Agarwal",
+ post: "Core Colaborator",
+ headline: "Maintains Codeuino.org",
+ profile: "https://avatars3.githubusercontent.com/u/48180687?s=460&v=4",
+ github: "https://github.com/DevanshCodes",
+ linkedin: "https://www.linkedin.com/in/devansh-agarwal-739702189/"
+ }
+];
+
+const InjectedJSX = CoreContributors.map((member, index) => (
+
- {InjectedJSX}
-
- )
-}
-export default CoreContributorsWrapper
\ No newline at end of file
+ return {InjectedJSX}
;
+};
+
+export default CoreContributorsWrapper;
diff --git a/src/pages/Team/Team.css b/src/pages/Team/Team.css
index 125cf9c..af9c8e6 100644
--- a/src/pages/Team/Team.css
+++ b/src/pages/Team/Team.css
@@ -1,22 +1,20 @@
-.teamimg{
- width:100%;
- height:100%;
+.teamimg {
+ width: 100%;
+ height: 100%;
}
-/* .teamcard{
- margin:1vh;
-} */
-img{
- width:75%;
+
+img {
+ width: 75%;
}
.team-heading {
- font-family: "Nunito Sans", sans-serif;
- font-size: 60px;
- font-weight: 600;
+ font-family: "Nunito Sans", sans-serif;
+ font-size: 60px;
+ font-weight: 600;
}
.team-sub-heading {
- font-family: "Nunito Sans", sans-serif;
- font-size: 40px;
- font-weight: 600;
-}
\ No newline at end of file
+ font-family: "Nunito Sans", sans-serif;
+ font-size: 40px;
+ font-weight: 600;
+}
diff --git a/src/pages/Team/Team.js b/src/pages/Team/Team.js
index c16ec80..b9a1c23 100644
--- a/src/pages/Team/Team.js
+++ b/src/pages/Team/Team.js
@@ -10,30 +10,31 @@ class Team extends Component {
super(props);
this.state = {
boardMembers: [],
- contributors: [],
+ contributors: []
};
}
componentDidMount() {
var jsonURL =
"https://s3.ap-south-1.amazonaws.com/pr-webhook-contributors-json/contributors.json";
- axios.get(jsonURL).then((res) => {
+ axios.get(jsonURL).then(res => {
this.setState({ contributors: res.data });
});
window.scrollTo(0, 0);
}
render() {
let contributors = this.state.contributors;
- var contrilist = contributors.map((contri) => {
+ var contrilist = contributors.map((contri, index) => {
return (
-
+
);
@@ -45,25 +46,28 @@ class Team extends Component {
-
+ id="gatsby-focus-wrapper"
+ >
+
Our Team
-
+
Our Backbone
+ className="container pt-8 pb-6 mb-10"
+ style={{ display: "flex", justifyContent: "space-evenly" }}
+ >
Our Awesome Contributors
+ className="row mt-7 mb-10"
+ style={{ display: "flex", justifyContent: "center" }}
+ >
{contrilist}
diff --git a/src/pages/Team/TeamCard.js b/src/pages/Team/TeamCard.js
index 567741e..5464915 100644
--- a/src/pages/Team/TeamCard.js
+++ b/src/pages/Team/TeamCard.js
@@ -1,32 +1,33 @@
import React from "react";
import { Card } from "react-bootstrap";
-const TeamCard = (props) => {
+const TeamCard = props => {
return (
-
- {props.member.name}
+
+ {props.member.name}
+
{props.member.post}
{props.member.headline}
-
-
- Github
+
+
+ Github
-
- Linkedin
+
+ Linkedin
);
};
+
export default TeamCard;
diff --git a/src/pages/Team/TeamCardWrapper.css b/src/pages/Team/TeamCardWrapper.css
index 93a19ec..4230fa6 100644
--- a/src/pages/Team/TeamCardWrapper.css
+++ b/src/pages/Team/TeamCardWrapper.css
@@ -1,25 +1,25 @@
.grid {
- display: grid;
- grid-template-columns: auto auto auto;
- grid-gap: 30px;
- grid-row-gap: 50px;
+ display: grid;
+ grid-template-columns: auto auto auto;
+ grid-gap: 30px;
+ grid-row-gap: 50px;
}
.team-card-name {
- font-family: "Open Sans", sans-serif;
- font-size: 24px;
- font-weight: 600;
+ font-family: "Open Sans", sans-serif;
+ font-size: 24px;
+ font-weight: 600;
}
.team-card-post {
- font-family: "Open Sans", sans-serif;
- font-size: 18px;
- letter-spacing: 2px;
- font-weight: 600;
+ font-family: "Open Sans", sans-serif;
+ font-size: 18px;
+ letter-spacing: 2px;
+ font-weight: 600;
}
-@media screen and (max-width:767px) {
- .grid {
- grid-template-columns: auto;
- }
-}
\ No newline at end of file
+@media screen and (max-width: 767px) {
+ .grid {
+ grid-template-columns: auto;
+ }
+}
diff --git a/test.js b/test.js
new file mode 100644
index 0000000..6e47b60
--- /dev/null
+++ b/test.js
@@ -0,0 +1,19 @@
+const axios = require('axios');
+
+const mediumURL = "https://medium.com/feed/codeuino";
+
+axios.interceptors.request.use(request => {
+ console.log('Starting Request', request)
+ return request
+ })
+
+ axios.interceptors.response.use(response => {
+ console.log('Response:', response)
+ return response
+ })
+
+axios
+ .get(`${mediumURL}`)
+ .then(res => {
+ // console.dir(res);
+ })
\ No newline at end of file
+ {props.icon}