Update SIGPLAN-AV page

* Members are now stored in YAML and rendered with templates
* Update members as of last conference
* Add pictures
* Misc. restructuring and rewording of the text

AV/index.md

@@ -3,37 +3,33 @@ layout: default
 title: "SIGPLAN-AV"
 ---
 
-SIGPLAN-AV is a subcommitee of SIGPLAN whose goal is to centralize the efforts of finding innovative and cost effective ways to:
-  1. enable remote participation (hybridization of conferences), and;
-  2. record conference talks for archival
+### About us
 
-#### Current Members
+SIGPLAN-AV is a volunteer-led team that operates within SIGPLAN. Our goal is to centralize the efforts of finding innovative and cost effective ways to enable remote participation (hybridization of conferences) and record conference talks for archival. We are able to manage the entire pipeline --- from setting up the rooms pre-conference, to uploading the recorded content post-conference.
 
-1. Bhakti Shah
-2. Chris Lam
-3. Jan-Paul Ramos
-4. John Hui
-5. Zixian Cai
-6. Guilherme Espada
-7. Apoorv Ingle
+Every event we cover is available at no cost in the [ACM SIGPLAN YouTube channel](https://www.youtube.com/@acmsigplan).
 
-#### Past Members
+### For General Chairs
 
-1. Lief Anderson
-2. Benjamin Chung (and many more)
-
-
-#### For general chairs
+We manage enough equipment for recording and streaming up to 8 parallel events.
+It is recommended to include the team at least 3 months in advance, before the contract with the conference venue is finalized to enable smooth functioning.
 
 <p>
-If you are a general chair of a SIGPLAN conference and are interested in working with SIGPLAN-AV, please email <script>document.write("<a href='"+atob("bWFpbHRvOnNpZ3BsYW4tYXZAZ29vZ2xlZ3JvdXBzLmNvbQ==")+"'>"+atob("c2lncGxhbi1hdkBnb29nbGVncm91cHMuY29t")+"</a>.")</script><noscript><img src="mail.png" border="0" height="28" width="240"><font face="Arial" size="3"><br>&nbsp;</font></noscript>
+If you are a General Chair of a SIGPLAN-associated conference and are interested in working with SIGPLAN-AV, please email us at <script>document.write("<a href='"+atob("bWFpbHRvOnNpZ3BsYW4tYXZAZ29vZ2xlZ3JvdXBzLmNvbQ==")+"'>"+atob("c2lncGxhbi1hdkBnb29nbGVncm91cHMuY29t")+"</a>.")</script><noscript><img src="mail.png" border="0" height="28" width="240"><font face="Arial" size="3"><br>&nbsp;</font></noscript>
 </p>
 
-SIGPLAN owns enough hardware (laptops, cameras and microphones) which can be used to setup streaming and recording of upto 8 parallel co-located events.
+### For Prospective Members
+
+We are always looking for highly motivated volunteers to join the team! If you are interested in helping contact us using the email above.
+
+### Active Members
 
-It is advisable to include the AV team atleast 3 months in advance, ideally before the contract with the conference venue is finalized to enable smooth functioning.
+{% include av-committee.liquid group="active" header=true %}
 
+### Members Emeritus
 
-#### For Prospective members
+{% include av-committee.liquid group="emeritus" header=true %}
 
-If you are interested in helping us, we are always looking for more volunteers to help us at conferences! Please get in touch with us using the above email.
+<i style="text-align: center; display: inline-block; width: 100%;">
+We would also like to thank all who contributed to AV before it adopted the structure we have today.
+</i>

_data/AVCommittee.yaml

@@ -0,0 +1,32 @@
+active:
+  - name: Eduardo Madeira
+    image: https://conf.researchr.org/getProfileImage/eduardomadeira/42073539-cbf3-4609-b04b-0a63287afd82/small.jpg
+  - name: Alexander Bai
+    image: https://conf.researchr.org/getProfileImage/alexanderbai/dc1a164a-690d-4c08-926d-de8f9ab476d5/small.jpg
+  - name: Jessica Foster
+    image: https://icfp24.sigplan.org/getProfileImage/jessicafoster/447e864c-9571-4c54-9f51-0e78d5d07ea4/small.jpg
+  - name: Ethan Range
+    image: https://conf.researchr.org/getProfileImage/ethanrange/a82e09a2-116a-4794-a499-13496f915d0a/small.jpg
+  - name: Chris Lam
+    image: https://conf.researchr.org/getProfileImage/christopherlam1/00386a60-bf17-48da-8942-0d2815d7fa08/small.jpg
+  - name: Jan-Paul Ramos
+    image: https://conf.researchr.org/getProfileImage/janpaulramosdavila/156687da-3cdb-4157-b31e-636bb71b31dc/small.jpg
+  - name: Max Sun
+    image: https://conf.researchr.org/getProfileImage/maxsun/7f927b55-626c-4c5c-9ac8-e10beb3d0b76/small.jpg
+  - name: John Hui
+    image: https://conf.researchr.org/getProfileImage/johnhui/54a9a819-59d8-4b2c-96f8-76f813666876/small.jpg
+  - name: Zixian Cai
+    image: https://conf.researchr.org/getProfileImage/zixiancai/22d210bf-85c3-49e6-8278-4ea50f3290dd/small.jpg
+  - name: Guilherme Espada
+    image: https://conf.researchr.org/getProfileImage/guilhermeespada/221aa9ee-6215-4712-b6df-a5a09d269e04/small.jpg
+  - name: Apoorv Ingle
+    image: https://conf.researchr.org/getProfileImage/apoorvingle/76632b78-6d6b-4f2e-9c36-af0a9e1a5fdb/small.jpg
+
+emeritus:
+  - name: Bhakti Shah
+    image: https://conf.researchr.org/getProfileImage/bhaktishah/624a5a4c-260a-43c9-b37a-eff79a3654f5/small.jpg
+  - name: Leif Andersen
+    image: https://conf.researchr.org/getProfileImage/leifandersen/022e7f05-2a9a-4e3d-8be9-418b798e00c0/small.jpg
+  - name: Benjamin Chung
+    image: https://conf.researchr.org/getProfileImage/benjaminchung/30978af0-bcee-4c1e-9dd1-f2588ea14f38/small.jpg
+

_includes/av-committee.liquid

@@ -0,0 +1,20 @@
+{% if include.header == true %}
+  <h3>{{ include.title }}</h3>
+{% endif %}
+
+<p>
+  <span style="display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px;">
+    {% for member in site.data.AVCommittee[include.group] %} 
+      {% comment %}
+        This extracts the researchr username from the image link.
+      {% endcomment %}
+      {% assign user = member.image | split: '/' | slice: 4 %}
+      <a href="https://conf.researchr.org/profile/conf/{{ user }}" style="display: block; text-align: center; width: 180px; border: 1px solid #0093d0; border-radius: 10px; box-sizing: border-box; overflow: hidden;">
+        <span style="display: block; height: 180px; width: 180px; overflow: hidden;">
+          <img style="object-fit: cover;width: 100%; height: 100%;" src="{{ member.image }}" alt="{{ member.name }}">
+        </span>
+        <span style="display: block;">{{ member.name }}</span>
+      </a>
+    {% endfor %}
+  </span>
+</p>