Merge pull request #712 from jasongrout/governance

Update for new governance

Author: Carreau

_includes/biocard.html

@@ -1,28 +1,36 @@
 <section class="biocard">
-  <img
-    class="biocard-photo"
-    alt="{{ include.name }}"
-    width=160
-    height=160
-    src="/assets/bios/{{ include.photo }}"
-    loading="{% if include.loading %}{{ include.loading }}{% else %}lazy{% endif %}" />
+  {% if include.photo %}
+    <img
+      class="biocard-photo"
+      alt="{{ include.name }}"
+      width=160
+      height=160
+      src="/assets/bios/{{ include.photo }}"
+      loading="{% if include.loading %}{{ include.loading }}{% else %}lazy{% endif %}" />
+    {% endif %}
   <div class="biocard-copy">
     <div class="biocard-header">{{ include.name }}</div>
     {% if include.affiliation %}
       <div class="biocard-affiliation">{{ include.affiliation }}</div>
     {% endif %}
     <div class='biocard-badges'>
       {% if include.personal %}
-        <a href="{{ include.personal }}" rel="noopener noreferrer">Web</a>
+        <a href="{{ include.personal }}" rel="noopener noreferrer"><img src="/assets/badges/1f310.svg" alt="Personal Website" title="Personal Website"></a>
       {% endif %}
       {% if include.gh_handle %}
-        <a href="https://github.com/{{ include.gh_handle }}" rel="noopener noreferrer">GitHub</a>
+        <a href="https://github.com/{{ include.gh_handle }}" rel="noopener noreferrer"><img src="/assets/badges/github.svg" alt="GitHub" title="GitHub"></a>
       {% endif %}
       {% if include.linkedin %}
-        <a href="{{ include.linkedin }}" rel="noopener noreferrer">LinkedIn</a>
+        <a href="{{ include.linkedin }}" rel="noopener noreferrer"><img src="/assets/badges/linkedin.png" alt="LinkedIn" title="LinkedIn"></a>
+      {% endif %}
+      {% if include.mastodon %}
+        <a href="{{ include.mastodon }}" rel="noopener noreferrer"><img src="/assets/badges/mastodon.svg" alt="Mastodon" title="Mastodon"></a>
       {% endif %}
       {% if include.twitter_handle %}
-        <a href="https://twitter.com/{{ include.twitter_handle }}" rel="noopener noreferrer">Twitter</a>
+        <a href="https://twitter.com/{{ include.twitter_handle }}" rel="noopener noreferrer"><img src="/assets/badges/twitter.svg" alt="Twitter" title="Twitter"></a>
+      {% endif %}
+      {% if include.subproject %}
+        <div class="biocard-subproject">{{ include.subproject }}</div>
       {% endif %}
     </div>
   </div>

_sass/components/_biocard.scss

@@ -13,7 +13,7 @@
     border-radius: 2px;
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
     display: inline-block;
-    height: 280px;
+    height: 300px;
     width: 160px;
     margin: 1em 1em 1em 0;
     .biocard-photo {
@@ -22,7 +22,7 @@
     }
     .biocard-copy {
         width: 100%;
-        padding: 0.85em;
+        padding: 0.85em 0.4em;
     }
     .biocard-header {
         font-size: 16px;
@@ -32,9 +32,19 @@
         font-size: 14px;
         font-style: italic;
     }
+    .biocard-subproject {
+        font-size: 16px;
+        text-align: left;
+    }
     .biocard-badges {
         margin-top: 0.5em;
         text-align: left;
         font-size: 14px;
+
+        img {
+            max-height: 22px;
+            max-width: 22px;
+            margin: 2px;
+        }
     }
 }