From 406c69644b4f857b79a0167dea83dcfaef28ee22 Mon Sep 17 00:00:00 2001 From: lakshya Date: Wed, 29 Jan 2020 01:03:08 +0530 Subject: [PATCH] removed hardcode html to component and added favicon --- public/favicon.ico | Bin 3870 -> 3758 bytes src/pages/Team/BoardMembers.js | 72 ++++++++++ src/pages/Team/CoreContributors.js | 41 ++++++ src/pages/Team/Team.js | 206 ++--------------------------- src/pages/Team/TeamCard.js | 28 ++++ src/pages/Team/TeamCardWrapper.css | 11 ++ 6 files changed, 162 insertions(+), 196 deletions(-) create mode 100644 src/pages/Team/BoardMembers.js create mode 100644 src/pages/Team/CoreContributors.js create mode 100644 src/pages/Team/TeamCard.js create mode 100644 src/pages/Team/TeamCardWrapper.css diff --git a/public/favicon.ico b/public/favicon.ico index a11777cc471a4344702741ab1c8a588998b1311a..3d7adea969e74947768390d9fc6bb497b596a2d5 100644 GIT binary patch literal 3758 zcmeHKO-rIt7`^?0S+;5s%%)ZA{zvo&hH4YhClS$ywJf!wfu!0D4a1BDCM_zpq%SI= z+*D``nT3;J9AAVe7eZ9Y zRVi1ETzsxVzWZAJyq+Hj0W(YnOa=@wpr_M#yuUY;TZ|;_UkvkIoe25Ykj-R@0a*~n z^?4M|_EvaoR(S0;Tt}k?<-d3HgQmef(1+chv)G@XgR`Rz!37u6snmO+-^|ZtvxtYo zxQayJ8?$3^(1MeVb-4Tcu+ZCs2QB#~hS3eT@i@Grb~x&4k&MNV)ph*c-oknC03PcI zW*h7AKansBpEpmJ8awi=;8$}KeB-0|(eMp77Z+-OBoM%#wic|8kKuH82dTT;yf_8F z$mJx@r&t`az}eZ3W1kmm-zVVe>6V&1!@6Tq>F{uQ37a$1_}$VB?eenVWAY^siZu&1EOJ@0^b!8_sI=$Uk}j(x?U zmZ+%}>#))owMNY)rT;%nil|2-o+rCuEF-(I%-F}ijC~o(k~HKAkr0)!FCj~d>`RtpD?8b; zXOC1OD!V*IsqUwzbMF1)-gEDD=A573Z-&G7^LoAC9|WO7Xc0Cx1g^Zu0u_SjAPB3vGa^W|sj)80f#V0@M_CAZTIO(t--xg= z!sii`1giyH7EKL_+Wi0ab<)&E_0KD!3Rp2^HNB*K2@PHCs4PWSA32*-^7d{9nH2_E zmC{C*N*)(vEF1_aMamw2A{ZH5aIDqiabnFdJ|y0%aS|64E$`s2ccV~3lR!u<){eS` z#^Mx6o(iP1Ix%4dv`t@!&Za-K@mTm#vadc{0aWDV*_%EiGK7qMC_(`exc>-$Gb9~W!w_^{*pYRm~G zBN{nA;cm^w$VWg1O^^<6vY`1XCD|s_zv*g*5&V#wv&s#h$xlUilPe4U@I&UXZbL z0)%9Uj&@yd03n;!7do+bfixH^FeZ-Ema}s;DQX2gY+7g0s(9;`8GyvPY1*vxiF&|w z>!vA~GA<~JUqH}d;DfBSi^IT*#lrzXl$fNpq0_T1tA+`A$1?(gLb?e#0>UELvljtQ zK+*74m0jn&)5yk8mLBv;=@}c{t0ztT<v;Avck$S6D`Z)^c0(jiwKhQsn|LDRY&w(Fmi91I7H6S;b0XM{e zXp0~(T@k_r-!jkLwd1_Vre^v$G4|kh4}=Gi?$AaJ)3I+^m|Zyj#*?Kp@w(lQdJZf4 z#|IJW5z+S^e9@(6hW6N~{pj8|NO*>1)E=%?nNUAkmv~OY&ZV;m-%?pQ_11)hAr0oAwILrlsGawpxx4D43J&K=n+p3WLnlDsQ$b(9+4 z?mO^hmV^F8MV{4Lx>(Q=aHhQ1){0d*(e&s%G=i5rq3;t{JC zmgbn5Nkl)t@fPH$v;af26lyhH!k+#}_&aBK4baYPbZy$5aFx4}ka&qxl z$=Rh$W;U)>-=S-0=?7FH9dUAd2(q#4TCAHky!$^~;Dz^j|8_wuKc*YzfdAht@Q&ror?91Dm!N03=4=O!a)I*0q~p0g$Fm$pmr$ zb;wD;STDIi$@M%y1>p&_>%?UP($15gou_ue1u0!4(%81;qcIW8NyxFEvXpiJ|H4wz z*mFT(qVx1FKufG11hByuX%lPk4t#WZ{>8ka2efjY`~;AL6vWyQKpJun2nRiZYDij$ zP>4jQXPaP$UC$yIVgGa)jDV;F0l^n(V=HMRB5)20V7&r$jmk{UUIe zVjKroK}JAbD>B`2cwNQ&GDLx8{pg`7hbA~grk|W6LgiZ`8y`{Iq0i>t!3p2}MS6S+ zO_ruKyAElt)rdS>CtF7j{&6rP-#c=7evGMt7B6`7HG|-(WL`bDUAjyn+k$mx$CH;q2Dz4x;cPP$hW=`pFfLO)!jaCL@V2+F)So3}vg|%O*^T1j>C2lx zsURO-zIJC$^$g2byVbRIo^w>UxK}74^TqUiRR#7s_X$e)$6iYG1(PcW7un-va-S&u zHk9-6Zn&>T==A)lM^D~bk{&rFzCi35>UR!ZjQkdSiNX*-;l4z9j*7|q`TBl~Au`5& z+c)*8?#-tgUR$Zd%Q3bs96w6k7q@#tUn`5rj+r@_sAVVLqco|6O{ILX&U-&-cbVa3 zY?ngHR@%l{;`ri%H*0EhBWrGjv!LE4db?HEWb5mu*t@{kv|XwK8?npOshmzf=vZA@ zVSN9sL~!sn?r(AK)Q7Jk2(|M67Uy3I{eRy z_l&Y@A>;vjkWN5I2xvFFTLX0i+`{qz7C_@bo`ZUzDugfq4+>a3?1v%)O+YTd6@Ul7 zAfLfm=nhZ`)P~&v90$&UcF+yXm9sq!qCx3^9gzIcO|Y(js^Fj)Rvq>nQAHI92ap=P z10A4@prk+AGWCb`2)dQYFuR$|H6iDE8p}9a?#nV2}LBCoCf(Xi2@szia7#gY>b|l!-U`c}@ zLdhvQjc!BdLJvYvzzzngnw51yRYCqh4}$oRCy-z|v3Hc*d|?^Wj=l~18*E~*cR_kU z{XsxM1i{V*4GujHQ3DBpl2w4FgFR48Nma@HPgnyKoIEY-MqmMeY=I<%oG~l!f<+FN z1ZY^;10j4M4#HYXP zw5eJpA_y(>uLQ~OucgxDLuf}fVs272FaMxhn4xnDGIyLXnw>Xsd^J8XhcWIwIoQ9} z%FoSJTAGW(SRGwJwb=@pY7r$uQRK3Zd~XbxU)ts!4XsJrCycrWSI?e!IqwqIR8+Jh zlRjZ`UO1I!BtJR_2~7AbkbSm%XQqxEPkz6BTGWx8e}nQ=w7bZ|eVP4?*Tb!$(R)iC z9)&%bS*u(lXqzitAN)Oo=&Ytn>%Hzjc<5liuPi>zC_nw;Z0AE3Y$Jao_Q90R-gl~5 z_xAb2J%eArrC1CN4G$}-zVvCqF1;H;abAu6G*+PDHSYFx@Tdbfox*uEd3}BUyYY-l zTfEsOqsi#f9^FoLO;ChK<554qkri&Av~SIM*{fEYRE?vH7pTAOmu2pz3X?Wn*!ROX ztd54huAk&mFBemMooL33RV-*1f0Q3_(7hl$<#*|WF9P!;r;4_+X~k~uKEqdzZ$5Al zV63XN@)j$FN#cCD;ek1R#l zv%pGrhB~KWgoCj%GT?%{@@o(AJGt*PG#l3i>lhmb_twKH^EYvacVY-6bsCl5*^~L0 zonm@lk2UvvTKr2RS%}T>^~EYqdL1q4nD%0n&Xqr^cK^`J5W;lRRB^R-O8b&HENO||mo0xaD+S=I8RTlIfVgqN@SXDr2&-)we--K7w= zJVU8?Z+7k9dy;s;^gDkQa`0nz6N{T?(A&Iz)2!DEecLyRa&FI!id#5Z7B*O2=PsR0 zEvc|8{NS^)!d)MDX(97Xw}m&kEO@5jqRaDZ!+%`wYOI<23q|&js`&o4xvjP7D_xv@ z5hEwpsp{HezI9!~6O{~)lLR@oF7?J7i>1|5a~UuoN=q&6N}EJPV_GD`&M*v8Y`^2j zKII*d_@Fi$+i*YEW+Hbzn{iQk~yP z>7N{S4)r*!NwQ`(qcN#8SRQsNK6>{)X12nbF`*7#ecO7I)Q$uZsV+xS4E7aUn+U(K baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/src/pages/Team/BoardMembers.js b/src/pages/Team/BoardMembers.js new file mode 100644 index 0000000..08520b4 --- /dev/null +++ b/src/pages/Team/BoardMembers.js @@ -0,0 +1,72 @@ +import React from 'react' +import TeamCard from './TeamCard' +import jaskirat from './Jaskirat.jpeg'; +import devesh from './Devesh.jpeg'; +import shivam from './Shivam.jpeg'; +import vaibhav from './Vaibhav.jpeg'; +import './TeamCardWrapper.css' +var BoardMembers = [ + { + name:"Jaskirat Singh", + post:"Founder", + headline:'Matthew is a musician living in Nashville.', + profile:jaskirat, + github:'', + linkedin:'' + }, + { + name:"Devesh", + post:"Donut Maintainer", + headline:'Matthew is a musician living in Nashville.', + profile:devesh, + github:'', + linkedin:'' + }, + { + name:"Vaibhav D. Aren", + post:"Co-Founder", + headline:'Matthew is a musician living in Nashville.', + profile:vaibhav, + github:'', + linkedin:'' + + }, + { + name:"Shivam Luthra", + post:"CodeBadge Maintainer", + headline:'Matthew is a musician living in Nashville.', + profile:shivam, + github:'', + linkedin:'' + + }, + { + name:"Ayush Nagar", + post:"CodeBadge Maintainer", + headline:'Matthew is a musician living in Nashville.', + profile:'https://avatars1.githubusercontent.com/u/32647423?s=460&v=4', + github:'', + linkedin:'' + + }, + { + name:"Siddharth", + post:"Designer", + headline:'Matthew is a musician living in Nashville.', + profile:'https://avatars1.githubusercontent.com/u/33068322?s=460&v=4', + github:'', + linkedin:'' + + }, +] +const InjectedJSX = BoardMembers.map((member,index) => { + return +}) +const BoardMembersWrapper = () => { + return ( +
+ {InjectedJSX} +
+ ) +} +export default BoardMembersWrapper \ No newline at end of file diff --git a/src/pages/Team/CoreContributors.js b/src/pages/Team/CoreContributors.js new file mode 100644 index 0000000..5e833f4 --- /dev/null +++ b/src/pages/Team/CoreContributors.js @@ -0,0 +1,41 @@ +import React from 'react' +import TeamCard from './TeamCard' +import './TeamCardWrapper.css' + +var CoreContributors = [ + { + name:"Rupeshiya", + post:"Core Colaborator", + headline:'Matthew is a musician living in Nashville.', + profile:'https://avatars0.githubusercontent.com/u/31209617?s=460&v=4', + github:'', + linkedin:'' + }, + { + name:"Tushar", + post:"Core Colaborator", + headline:'Matthew is a musician living in Nashville.', + profile:'https://avatars2.githubusercontent.com/u/34160672?s=460&v=4', + github:'', + linkedin:'' + }, + { + name:"Shivansh", + post:"Core Colaborator", + headline:'Matthew is a musician living in Nashville.', + profile:'https://avatars3.githubusercontent.com/u/43990819?s=460&v=4', + github:'', + linkedin:'' + }, +] +const InjectedJSX = CoreContributors.map((member,index) => { + return +}) +const CoreContributorsWrapper = () => { + return ( +
+ {InjectedJSX} +
+ ) +} +export default CoreContributorsWrapper \ No newline at end of file diff --git a/src/pages/Team/Team.js b/src/pages/Team/Team.js index a9bf9a3..1f7c26a 100644 --- a/src/pages/Team/Team.js +++ b/src/pages/Team/Team.js @@ -1,19 +1,19 @@ import React, { Component } from 'react'; + import PropTypes from 'prop-types'; // import {Card,Button} from 'react-bootstrap' -import jaskirat from './Jaskirat.jpeg'; -import devesh from './Devesh.jpeg'; -import shivam from './Shivam.jpeg'; -import vaibhav from './Vaibhav.jpeg'; + import './Team.css'; +import BoardMembersWrapper from './BoardMembers' +import CoreContributorsWrapper from './CoreContributors' import axios from 'axios'; import $ from 'jquery'; -import { Card, Icon, Image } from 'semantic-ui-react' class Team extends Component { constructor(props){ super(props); this.state={ + boardMembers:[], contributors:[] } } @@ -47,198 +47,12 @@ class Team extends Component {

Board

- -
- -
- - - - - Jaskirat Singh - - Founder - - - Open Source Enthusiast. - - - -
- - -
- - -
-
- - - - Devesh - - Donut Maintainer - - - Matthew is a musician living in Nashville. - - - -
- - -
- - -
-
- - - - Vaibhav D. Aren - - Co-Founder - - - Matthew is a musician living in Nashville. - - - -
- - -
- - -
-
- - - - Shivam Luthra - - CodeBadge Maintainer - - - Matthew is a musician living in Nashville. - - - -
- - -
- - -
-
- - - - Ayush Nagar - - CodeBadge Maintainer - - - Matthew is a musician living in Nashville. - - - -
- - -
- - -
-
- - - - Siddharth - - Designer - - - Matthew is a musician living in Nashville. - - - -
- - -
- - -
-
-
-

Our Backbone

-
-
-
- - - - - Rupeshiya - - Core Colaborator - - - Matthew is a musician living in Nashville. - - - -
- - -
- - -
-
- - - - Tushar - - Core Colaborator - - - Matthew is a musician living in Nashville. - - - -
- - -
- - -
-
- - - - Shivansh - - Core Colaborator - - - Matthew is a musician living in Nashville. - - - -
- - + +
+

Our Backbone

+
+
- - -
-
-

Our Awesome Contributors

diff --git a/src/pages/Team/TeamCard.js b/src/pages/Team/TeamCard.js new file mode 100644 index 0000000..f26b23c --- /dev/null +++ b/src/pages/Team/TeamCard.js @@ -0,0 +1,28 @@ +import React from 'react' +import { Card, Image } from 'semantic-ui-react' + + +const TeamCard = (props) => { + console.log(props) + return ( + + + + {props.member.name} + + {props.member.post} + + + {props.member.headline} + + + +
+ + +
+ + + ) +} +export default TeamCard \ No newline at end of file diff --git a/src/pages/Team/TeamCardWrapper.css b/src/pages/Team/TeamCardWrapper.css new file mode 100644 index 0000000..1a962f1 --- /dev/null +++ b/src/pages/Team/TeamCardWrapper.css @@ -0,0 +1,11 @@ +.grid { + display: grid; + grid-template-columns: auto auto auto; + grid-gap: 30px; + grid-row-gap: 50px; +} +@media screen and (max-width:767px) { + .grid { + grid-template-columns: auto; + } +} \ No newline at end of file