#14 Setting info of members as a link to github and adding phrases to…

… each member

public/css/members.css

@@ -2,14 +2,15 @@
     position: relative;
     width: 14em !important;
     margin: 1em;
-    height: 15em;
+    height: 25em;
     background-size: cover;
     overflow: hidden;
 }
 
-.card-member img {
+.img-member {
     display: flex;
     width: 15em;
+    height: 15em;
     transform: translateY(-10%);
 }
 

src/components/structures/homePage/Home.js

@@ -16,56 +16,65 @@ class Home extends Component {
       {
         img: "amanda.jpeg",
         name: "Amanda Muniz",
-        git: "@AmandaMuniz",
-        email: "[email protected]"
+        git: "AmandaMuniz",
+        email: "[email protected]",
+        frase: '"FRASE"'
       },
       {
         img: "bruno.jpeg",
         name: "Bruno Dantas",
-        git: "@brunooliveiradantas",
-        email: "[email protected]"
+        git: "brunooliveiradantas",
+        email: "[email protected]",
+        frase: '"FRASE"'
       },
       {
         img: "calebe.jpeg",
         name: "Calebe Rios",
-        git: "@caleberios",
-        email: "[email protected]"
+        git: "caleberios",
+        email: "[email protected]",
+        frase: '"FRASE"'
       },
       {
         img: "indiara.jpeg",
         name: "Indiara Duarte",
-        git: "@inddiara",
-        email: "[email protected]"
+        git: "inddiara",
+        email: "[email protected]",
+        frase: '"FRASE"'
       },
       {
         img: "isaque.jpeg",
         name: "Isaque Alves",
-        git: "@alvesisaque",
-        email: "[email protected]"
+        git: "alvesisaque",
+        email: "[email protected]",
+        frase: '"Cria uma issue."'
       },
       {
         img: "joao.jpg",
         name: "João Vitor",
-        git: "@joaovitor3",
-        email: "[email protected]"
+        git: "joaovitor3",
+        email: "[email protected]",
+        frase: '"FRASE"'
       },
       {
         img: "luciana.jpeg",
-        name: "Luciana",
-        git: "@lucianaribeiro",
-        email: "[email protected]"
+        name: "Luciana Ribeiro",
+        git: "lucianaribeiro",
+        email: "[email protected]",
+        frase: '"FRASE"'
       },
       {
         img: "martha.jpg",
         name: "Martha Dantas",
-        git: "@MarthaDs",
-        email: "[email protected]"
+        git: "MarthaDs",
+        email: "[email protected]",
+        frase: '"FRASE"'
       },
       {
         img: "vitor.jpeg",
         name: "Vitor Cardoso",
-        git: "@vitorcx",
-        email: "[email protected]"
+        git: "vitorcx",
+        email: "[email protected]",
+        frase: '"FRASE"'
       }
     ];
 
@@ -124,6 +133,7 @@ class Home extends Component {
                   name={member.name}
                   git={member.git}
                   email={member.email}
+                  frase={member.frase}
                 />
               );
             })}

src/components/structures/homePage/members.js

@@ -6,14 +6,17 @@ class Members extends Component {
         return(
             <div className="row">
             <div className="col s12 m7">
-              <div className="card small card-member">
+              <div className="card card-member">
                 <div className="card-image">
-                  <img src={require(`../../../assets/imgs/members/${this.props.img}`)} alt=""/>
-                  <span className="card-title">{this.props.name}</span>
+                  <a className="img-member" href={`https://www.github.com/${this.props.git}`} target="_blank">
+                    <img src={require(`../../../assets/imgs/members/${this.props.img}`)} alt=""/>
+                  </a>
                 </div>
                 <div className="card-content" id="card-info">
-                  <label>{this.props.git}</label><br />
-                  <label>{this.props.email}</label>
+                  <a href={`https://www.github.com/${this.props.git}`} target="_blank" className="card-title black-text">{this.props.name}</a>
+                  <label>@{this.props.git}</label><br />
+                  <label>{this.props.email}</label><br />
+                  <h6>{this.props.frase}</h6>
                 </div>
               </div>
             </div>