getinvolved.html: Bio ends in three lines now. String-length restrict…

…ed to 80.
coala · Feb 8, 2017 · d5d7c49 · d5d7c49
1 parent 70c0f0c
commit d5d7c49
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/partials/tabs/getinvolved.html b/partials/tabs/getinvolved.html
@@ -44,7 +44,7 @@
                    <img class="profile-img center" height="100" ng-src="https://avatars.githubusercontent.com/{{ member.login }}">
                    <div class="person-name">{{ member.name }}</div>
                    <div class="person-github-id">@{{member.login}}</div>
-                   <div class="person-github-bio"> {{member.bio }}</div>
+                   <div class="person-github-bio"> {{member.bio | limitTo:80}}{{member.bio.length > 80 ? '...' : ''}}</div>
                    <div class="center person-contributions-details">
                       <div class="row">
                         <div class="contribution-container">

diff --git a/resources/css/style.css b/resources/css/style.css
@@ -496,7 +496,7 @@ a:hover > .card{
   opacity: 0.2;
 }
 .person-contributions{
-  margin-top: 0.3em;
+  margin-top: 2em;
   text-align: center;
   letter-spacing: 0.1em;
 }
@@ -507,9 +507,9 @@ a:hover > .card{
   padding: 0.5em;
 }
 .person-github-bio{
-  font-size: 0.7em;
+  font-size: 0.8em;
   text-align: center;
-  padding-top: 0.1em;
+  padding-top: 0.5em;
 }
 .github-link{
   bottom:0;
@@ -532,7 +532,7 @@ a:hover > .card{
   text-align: center;
   bottom: 0;
   position: absolute;
-  padding-bottom: 0.5em;
+  padding-bottom: 1em;
   left: 0;
   right: 0;
   word-wrap:break-word;