Use real staffer data, add image height, width

_config.yml

@@ -48,7 +48,9 @@ defaults:
       type: staffers
     values:
       layout: staffer
+      height: 300
       subpath: '/assets/images/'
+      width: 300
   - scope:
       path: ''
       type: modules

_layouts/staffer.html

 <div class="staffer">
   {% if page.photo %}
-  <img class="staffer-image" src="{{ site.baseurl }}{{ page.subpath }}{{ page.photo }}" alt="">
+  <img class="staffer-image" src="{{ site.baseurl }}{{ page.subpath }}{{ page.photo }}" alt="" width="{{ page.width }}" height="{{ page.height }}">
   {% endif %}
   <div>
     <h3 class="staffer-name">

_sass/custom/staffer.scss

@@ -6,6 +6,7 @@
     border-radius: 50%;
     height: 100px;
     margin-right: $sp-4;
+    width: auto;
   }
 
   p,

_staffers/evil-kevin.md

----
-name: Evil Kevin
-role: Teaching Assistant
-email: me@example.com
-website: https://kevinl.info
-photo: kevin.jpg
----
-
-I like teaching Computer Science!

_staffers/kevin.md → _staffers/kevin-lin.md

 ---
 name: Kevin Lin
 role: Instructor
-email: me@example.com
+email: kevinl@cs.uw.edu
 website: https://kevinl.info
-photo: kevin.jpg
+photo: kevin-lin.jpg
+pronouns: he/him
 ---
 
-[Schedule an appointment](#){: .btn .btn-outline }
+[Schedule a meeting](https://kevinl.info/meet/){: .btn .btn-outline }

_staffers/more-evil-kevin.md

----
-name: More Evil Kevin
-role: Teaching Assistant
-email: me@example.com
-website: https://kevinl.info
-photo: kevin.jpg
----
-
-I like teaching Computer Science!

_staffers/really-evil-kevin.md

----
-name: Really Evil Kevin
-role: Teaching Assistant
-email: me@example.com
-website: https://kevinl.info
-photo: kevin.jpg
----
-
-I like teaching Computer Science!