Merge pull request #51 from pycalendar/copilot/add-avatars-to-team-page

Show GitHub profile pictures on the Team page

Author: SashankBhamidi

assets/css/style.css

@@ -646,6 +646,14 @@ code {
   color: var(--stone-600);
   font-family: var(--font-mono);
   letter-spacing: 0;
+  overflow: hidden;
+}
+
+.member-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
 }
 
 .member-info {

assets/img/team/SashankBhamidi.jpg

@@ -12,7 +12,15 @@
 
       {% for member in site.data.team %}
       <div class="member-card">
-        <div class="member-avatar">{{ member.avatar }}</div>
+        {%- assign avatar_path = "/assets/img/team/" | append: member.github | append: ".jpg" -%}
+        {%- assign avatar_file = site.static_files | where: "path", avatar_path | first %}
+        <div class="member-avatar">
+          {%- if avatar_file -%}
+          <img src="{{ avatar_path }}" alt="" loading="lazy">
+          {%- else -%}
+          {{ member.avatar }}
+          {%- endif -%}
+        </div>
         <div class="member-info">
           <div class="member-header">
             {% include heading.html title=member.name class="member-name" %}