add orcids to members

_data/members.yml

@@ -3,15 +3,19 @@
 - surname: Millar
   first-name: Paul
   facility: DESY
+  pic: "assets/images/open-peep-32.png"
+  orcid: 0000-0002-3957-1279
 
 - surname: Krahl
   first-name: Rolf
   facility: HZB
+  orcid: 0000-0002-1266-3819
   
 - surname: Konrad
   first-name: Uwe
   facility: HZDR
   pic: "assets/images/2017.06-RZ.jpg"
+  orcid: 0000-0001-8167-9411
 
 - surname: Spruce
   first-name: Darren
@@ -20,10 +24,12 @@
 - surname: Ounsy
   first-name: Majid
   facility: SOLEIL
+  orcid: 0000-0003-0661-7047
     
 - surname: Götz
   first-name: Andy
   facility: ESRF
+  orcid: 0000-0003-0705-6026
 
 - surname: Barty
   first-name: Anton
@@ -33,6 +39,7 @@
   first-name: Zdenek
   facility: MAX IV
   pic: "/assets/images/profile-pic-zm.jpg"
+  orcid: 0000-0002-2585-573X
     
 - surname: Pivetta
   first-name: Lorenzo
@@ -54,11 +61,13 @@
   first-name: Alun
   facility: PSI
   pic: "/assets/images/AlunAshton.png"
+  orcid: 0000-0002-1233-9752
   
 - surname: Servan
   first-name: Sophie
   facility: DESY
   pic: "/assets/images/profile-pic-sse.jpg"
+  orcid: 0000-0001-9191-2475
   
 - surname: Janousch
   first-name: Markus
@@ -68,3 +77,7 @@
   first-name: Peter
   facility: HZDR
   pic: "/assets/images/psteinbach.jpg"
+
+- surname: Favre-Nicolin
+  first-name: Vincent
+  facility: ESRF

_sass/main.scss

@@ -82,6 +82,10 @@ img.protected {
   user-select: none;
 }
 
+img.inline-orcid {
+  width: 16px;
+}
+
 // boxes
 .container {
   display: flex;

members.html

@@ -16,7 +16,11 @@ title: Members
           <img src='{{ "/assets/images/open-peep-" | append: RandomAvatar | append: ".png" | relative_url }}' alt="Profile Picture">
         {% endif %}
       </div>
-      <p><strong>{{ member.first-name }} {{ member.surname }}</strong></p>
+      <p><strong>{{ member.first-name }} {{ member.surname }}</strong> 
+        {% if member.orcid %}
+          <a href="https://orcid.org/{{ member.orcid }}"><img alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" class="inline-orcid"/></a>
+        {% endif %}
+      </p>
       <p>{{ member.facility }}</p>
     </div>
   {% endfor %}