chore(about): update board members

Author: janrebolledo

public/images/ally_nguyen.png

@@ -16,16 +16,27 @@ const board = [
     linkedin: 'https://linkedin.com/in/gloriele-mendoza',
   },
   {
-    name: 'Aashish Awadhani',
+    name: 'Jan Rebolledo',
+    position: 'Website Developer',
+    avatar: '../images/jan_rebolledo.JPG',
+    linkedin: 'https://linkedin.com/in/janrebolledo',
+    website: 'https://janrebolledo.com',
+  },
+  {
+    name: 'Yong Thu La Wong',
     position: 'Treasurer',
-    avatar: '../images/aashish_awadhani.jpg',
-    linkedin: 'https://linkedin.com/in/aashish-awadhani',
+    avatar: '../images/yong_thu_la_wong.jpg',
+    linkedin: 'https://www.linkedin.com/in/yongthulawong/',
+  },
+  {
+    name: 'Kerry Kong',
+    position: 'Scheduler',
+    avatar: '../images/kerry_kong.jpg',
   },
   {
-    name: 'Darren Banhthai',
-    position: 'Website Maintainer',
-    avatar: '../images/darren_banhthai.png',
-    linkedin: 'https://linkedin.com/in/darren-banhthai',
+    name: 'Ally Nguyen',
+    position: 'Secretary',
+    avatar: '../images/ally_nguyen.png',
   },
   {
     name: 'Yu Sun',
@@ -89,9 +100,11 @@ const founders = [
                 <h3>{member.name}</h3>
                 <p>{member.position}</p>
                 <div class='media-frame'>
-                  <a href={member.linkedin} target='_blank' rel='noopener'>
-                    <img class='social' src='../tokens/linkedin.svg' />
-                  </a>
+                  {member.linkedin && (
+                    <a href={member.linkedin} target='_blank' rel='noopener'>
+                      <img class='social' src='../tokens/linkedin.svg' />
+                    </a>
+                  )}
                   {member.website && (
                     <a href={member.website} target='_blank' rel='noopener'>
                       <img class='social' src='../tokens/website.svg' />
@@ -115,9 +128,11 @@ const founders = [
                 <h3>{member.name}</h3>
                 <p>{member.position}</p>
                 <div class='media-frame'>
-                  <a href={member.linkedin} target='_blank' rel='noopener'>
-                    <img class='social' src='../tokens/linkedin.svg' />
-                  </a>
+                  {member.linkedin && (
+                    <a href={member.linkedin} target='_blank' rel='noopener'>
+                      <img class='social' src='../tokens/linkedin.svg' />
+                    </a>
+                  )}
                   {member.website && (
                     <a href={member.website} target='_blank' rel='noopener'>
                       <img class='social' src='../tokens/website.svg' />

public/images/jan_rebolledo.JPG

@@ -52,6 +52,9 @@ board .media-frame {
 
 board .social {
   width: 20px;
+}
+
+.dark board .social {
   filter: invert();
 }