Merge pull request #10 from machine-learning-apps/dev

Dev author nick

_sass/custom.scss

@@ -176,9 +176,6 @@ li {
       &:hover {
         background: darken($background-color, 2%);
       }
-      .author_image {
-        width: 100%;
-      }
     }
   }
 }
@@ -207,16 +204,6 @@ li {
       left: 0;
       transform: rotate(180deg);
     }
-    img {
-      display: block;
-      margin: auto;
-      border: 3px solid $brand-color;
-      border-radius: 50%;
-      -webkit-border-radius: 50%;
-      -moz-border-radius: 50%;
-      -ms-border-radius: 50%;
-      -o-border-radius: 50%;
-    }
     &:nth-child(even) {
       direction: rtl;
     }
@@ -232,6 +219,27 @@ li {
   width: 100%;
   height: fit-content;
   position: relative;
+  .author_image {
+    display: block;
+    margin: auto;
+    border: 3px solid $brand-color;
+    border-radius: 50%;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    -ms-border-radius: 50%;
+    -o-border-radius: 50%;
+  }
+  .author_nick {
+    margin: 0 auto;
+    padding: 10px 0 10px 30px;
+    width: max-content;
+    background-image: url("/assets/images/favicon-32.png");
+    background-repeat: no-repeat;
+    background-position: left center;
+    background-size: 24px auto;
+    font-size: 20px;
+    direction: ltr;
+  }
 }
 
 .shape {
@@ -276,6 +284,12 @@ li {
     margin: 0;
   }
 }
+.social-media-list {
+  svg {
+    fill: $text-color-s;
+    vertical-align: middle;
+  }
+}
 /* Document style */
 .doc_page {
   .docs {

team.html

@@ -1,10 +1,10 @@
 ---
-layout     : default
-title      : Meet the team
-description: |
-  There is a growing team that maintains and builds the assets you find on this site.
-  Keep an eye on the <a href='https://github.com/about/careers'>GitHub Careers page</a> if you are interested in working with us.
-image      : "/assets/images/GitHub-for-teams.png"
+layout : default
+title : Meet the team
+description: "There is a growing team that maintains and builds the assets you find on this site.
+Keep an eye on the <a href='https://github.com/about/careers'>GitHub Careers page</a> if you are interested in working
+with us."
+image : "/assets/images/GitHub-for-teams.png"
 ---
 <section class="intro team_intro">
   <div class="image_box">
@@ -21,10 +21,12 @@ image      : "/assets/images/GitHub-for-teams.png"
   <div class="team_item">
     <a class="author_img_box" href="https://github.com/{{author.nick}}">
       <img class="author_image" src="{{author.image}}" alt="{{ author.title }}">
+      <p class="author_nick">
+        @{{author.nick}}
+      </p>
     </a>
     <div class="text_box">
       <h2>{{ author.title }}</h2>
-      <a href="https://github.com/{{author.nick}}">@{{author.nick}}</a>
       {{author.content}}
     </div>
   </div>