From 8a6539173a4e4cc0529017c3bc86c53f2a6ad8ef Mon Sep 17 00:00:00 2001
From: Eric Ma <ericmajinglong@gmail.com>
Date: Mon, 17 Aug 2020 21:59:44 -0400
Subject: [PATCH 1/3] Added in-line styling to make our images square

---
 templates/macros/teammate.html | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/templates/macros/teammate.html b/templates/macros/teammate.html
index 7692dad..5a4f31d 100644
--- a/templates/macros/teammate.html
+++ b/templates/macros/teammate.html
@@ -1,10 +1,18 @@
 {% macro render_teammate_card(teammate) %}
+<style>
+    .image-force-square {
+        width: 200px;
+        height: 200px;
+        object-fit: cover;
+    }
+
+</style>
 <div class="col-md-3 mb-5">
     <div class="card border-light h-100">
-        <a href="{{ teammate._slug }}/">
-            <img class="img-round card-img-top" src="{{ teammate.picture }}" alt="">
-        </a>
         <div class="card-body">
+            <a href="{{ teammate._slug }}/">
+                <img class="img-round card-img-top image-force-square" src="{{ teammate.picture }}" alt="">
+            </a>
             <h4 class="card-title text-center">{{ teammate.name }}</h4>
         </div>
         <div class="card-footer text-center">
@@ -38,10 +46,17 @@ <h4 class="card-title text-center">{{ teammate.name }}</h4>
 
 
 {% macro render_teammate_page(teammate) %}
+<style>
+    .square-image {
+        width: 300px;
+        height: 300px;
+    }
+
+</style>
 <div class="col-md-6 mb-5">
     <div class="card border-light h-100">
         <a href="{{ teammate.slug }}">
-            <img class="img-round card-img-top" src="{{ teammate.picture }}" alt="">
+            <img class="img-round card-img-top square-img" src="{{ teammate.picture }}" alt="">
         </a>
         <div class="card-body">
             <h4 class="card-title text-center">{{ teammate.name }}</h4>

From e374a4178112485dec4c48abdfc237cfdf7e7c00 Mon Sep 17 00:00:00 2001
From: Eric Ma <ericmajinglong@gmail.com>
Date: Mon, 17 Aug 2020 22:03:40 -0400
Subject: [PATCH 2/3] Sneaking in commit that adds my personal URL

---
 content/team/eric-ma/contents.lr | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/content/team/eric-ma/contents.lr b/content/team/eric-ma/contents.lr
index 912d12a..6f50370 100644
--- a/content/team/eric-ma/contents.lr
+++ b/content/team/eric-ma/contents.lr
@@ -13,3 +13,5 @@ twitter_url: https://twitter.com/ericmjl
 linkedin_url: https://www.linkedin.com/in/ericmjl/
 ---
 specializations: Deep learning, Graph theory, Bayesian statistics
+---
+personal_url: https://ericmjl.github.io/

From af37536b0cd1170040bf3b156d6146b14c2adeee Mon Sep 17 00:00:00 2001
From: Eric Ma <ericmajinglong@gmail.com>
Date: Mon, 17 Aug 2020 22:21:24 -0400
Subject: [PATCH 3/3] Center-aligned images

---
 templates/macros/teammate.html | 34 +++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/templates/macros/teammate.html b/templates/macros/teammate.html
index 5a4f31d..cd26b31 100644
--- a/templates/macros/teammate.html
+++ b/templates/macros/teammate.html
@@ -1,17 +1,22 @@
 {% macro render_teammate_card(teammate) %}
 <style>
     .image-force-square {
-        width: 200px;
-        height: 200px;
+        width: 10vw;
+        height: 10vw;
         object-fit: cover;
     }
 
+    .img-center {
+        display: block;
+        margin: 0 auto;
+    }
+
 </style>
 <div class="col-md-3 mb-5">
     <div class="card border-light h-100">
         <div class="card-body">
             <a href="{{ teammate._slug }}/">
-                <img class="img-round card-img-top image-force-square" src="{{ teammate.picture }}" alt="">
+                <img class="img-round card-img-top image-force-square img-center " src="{{ teammate.picture }}" alt="">
             </a>
             <h4 class="card-title text-center">{{ teammate.name }}</h4>
         </div>
@@ -47,20 +52,27 @@ <h4 class="card-title text-center">{{ teammate.name }}</h4>
 
 {% macro render_teammate_page(teammate) %}
 <style>
-    .square-image {
-        width: 300px;
-        height: 300px;
+    .image-force-square {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        justify-content: center;
+    }
+
+    .center {
+        display: block;
+        margin: 0 auto;
     }
 
 </style>
-<div class="col-md-6 mb-5">
+<div class="col-md-4 mb-5">
     <div class="card border-light h-100">
-        <a href="{{ teammate.slug }}">
-            <img class="img-round card-img-top square-img" src="{{ teammate.picture }}" alt="">
-        </a>
         <div class="card-body">
-            <h4 class="card-title text-center">{{ teammate.name }}</h4>
+            <div class="center">
+                <img class="img-round card-img-top image-force-square" src="{{ teammate.picture }}" alt="">
+            </div>
 
+            <h4 class="card-title text-center">{{ teammate.name }}</h4>
             {%if teammate.blurb %}
             <p>{{ teammate.blurb }}</p>
             {% endif %}