Add new board members to leadership page [fix mozilla#13884] (mozilla…

…#13945)

Add Ian Carmichael’s bio [fix mozilla#13969]

bedrock/mozorg/templates/mozorg/about/leadership/includes/boards.html

@@ -313,7 +313,7 @@ <h2 class="group-title" id="board-foundation">Mozilla Foundation</h2>
         {{ resp_img(
           url='img/mozorg/about/leadership/brian-behlendorf.jpg',
           srcset={
-            'img/mozorg/about/leadership/brian-behlendorf-high-res.jpg': '2x'
+            'img/mozorg/about/leadership/brian-behlendorf-high-res.jpg': '1.5x'
           },
           optional_attributes={
             'width': '160',
@@ -348,6 +348,24 @@ <h2 class="group-title" id="board-foundation">Mozilla Foundation</h2>
       </div>
     </article>
 
+    <article id="zain-habboo" data-id="zain-habboo" class="vcard" itemscope itemtype="http://schema.org/Person">
+      <figure class="headshot">
+        {{ resp_img(
+          url='img/mozorg/about/leadership/zain-habboo.jpg',
+          srcset={
+            'img/mozorg/about/leadership/zain-habboo-high-res.jpg': '1.5x'
+          },
+          optional_attributes={
+            'width': '160',
+            'height': '160',
+            'class': 'photo',
+            'itemprop': 'image'
+          }
+        ) }}
+        <figcaption><h4 class="fn" itemprop="name">Zain Habboo</h4></figcaption>
+      </figure>
+    </article>
+
     <article id="amy-keating" data-id="amy-keating" class="vcard" itemscope itemtype="http://schema.org/Person">
       <figure class="headshot">
         {{ resp_img(
@@ -366,6 +384,112 @@ <h2 class="group-title" id="board-foundation">Mozilla Foundation</h2>
       </figure>
     </article>
 
+    <article id="raffi-krikorian" data-id="raffi-krikorian" class="vcard has-bio" itemscope itemtype="http://schema.org/Person">
+      <figure class="headshot">
+        {{ resp_img(
+          url='img/mozorg/about/leadership/raffi-krikorian.jpg',
+          srcset={
+            'img/mozorg/about/leadership/raffi-krikorian-high-res.jpg': '2x'
+          },
+          optional_attributes={
+            'width': '160',
+            'height': '160',
+            'class': 'photo',
+            'itemprop': 'image'
+          }
+        ) }}
+        <figcaption><h4 class="fn" itemprop="name">Raffi Krikorian</h4></figcaption>
+      </figure>
+
+      <div class="person-info">
+        <ul class="utility">
+          <li><a class="link" href="{{ url('mozorg.about.leadership.index') }}#raffi-krikorian">Link to this bio</a></li>
+        </ul>
+      </div>
+
+      <div class="person-bio">
+        <p>Raffi believes that when technology is used both strategically and intentionally, it
+          has the power to impact people’s lives — and the world — for the better. This belief has
+          guided him throughout his career as an engineer and tech leader, and drives his work
+          enabling technological innovation across and beyond Emerson Collective.</p>
+
+        <p>Over the past decades, Raffi has helped companies and organizations build teams
+          and tech infrastructure designed for impact. He was an executive at Twitter running a
+          global engineering team focused on making Twitter available and performant for the
+          world. At Uber, he helped start and run the self-driving efforts tasked with building
+          and deploying the first-ever self-driving and passenger carrying fleet in record time.
+          His experiences at these industry- and world- changing companies gave him deep
+          insight into the importance of thoughtful design and implementation within the
+          social media, artificial intelligence, and commercial landscapes.</p>
+
+        <p>When Trump was elected in 2016, Raffi pivoted to put his technological know-how to
+          use in the political realm. He joined the Democratic National Committee, as their
+          first-ever Chief Technology Officer, to create a unique team fused with campaign and
+          industry veterans, to secure the party after its breach by Russian state actors in the
+          last presidential election, and to entirely revamp its tech infrastructure — all to
+          enable Democrats to win the next few elections.</p>
+
+        <p>Over his four years at Emerson Collective, Raffi has brought his unique ability to
+          harness tech talent to the social sector. He works across all teams — and with
+          Emerson partners — to consider data, tools, and product design with the aim of
+          empowering them to achieve their goals, and making EC a truly data-curious
+          organization along the way.</p>
+
+        <p>Raffi is also the host of the Technically Optimistic podcast where he explores the
+          intersection of technology with our society. He's had actors, senators, congress
+          people, civil society directors, a nobel laureate, and industry professionals as guests.
+          In its inaugural season, Technically Optimistic ranked #2 on Apple Podcasts
+          technology list while reaching tens of thousands of unique listeners on the release
+          day of each episode. Technically Optimistic is now also available as a Substack
+          newsletter while Season 2 of the podcast is in production for release in early 2024.</p>
+
+        <p>Raffi is a graduate of M.I.T. He currently serves on numerous boards including TUMO,
+          an Armenia-based organization focused on bringing cutting edge STEAM education,
+          through an innovative free after-school program, to 50,000 kids in centers in
+          Armenia, Lebanon, France, Switzerland, Germany, Ukraine, Albania, and others; the
+          Community Tech Alliance, who works to break the cycle of time-intensive patchwork
+          solutions that get rebuilt by progressive organizations election cycle to cycle; and
+          Medic, a nonprofit organization founded to improve health and health outcomes in
+          the world’s hardest-to-reach communities.</p>
+      </div>
+    </article>
+
+    <article id="edwin-macharia" data-id="edwin-macharia" class="vcard" itemscope itemtype="http://schema.org/Person">
+      <figure class="headshot">
+        {{ resp_img(
+          url='img/mozorg/about/leadership/edwin-macharia.jpg',
+          srcset={
+            'img/mozorg/about/leadership/edwin-macharia-high-res.jpg': '2x'
+          },
+          optional_attributes={
+            'width': '160',
+            'height': '160',
+            'class': 'photo',
+            'itemprop': 'image'
+          }
+        ) }}
+        <figcaption><h4 class="fn" itemprop="name">Edwin Macharia</h4></figcaption>
+      </figure>
+    </article>
+
+    <article id="alondra-nelson" data-id="alondra-nelson" class="vcard" itemscope itemtype="http://schema.org/Person">
+      <figure class="headshot">
+        {{ resp_img(
+          url='img/mozorg/about/leadership/alondra-nelson.jpg',
+          srcset={
+            'img/mozorg/about/leadership/alondra-nelson-high-res.jpg': '1.5x'
+          },
+          optional_attributes={
+            'width': '160',
+            'height': '160',
+            'class': 'photo',
+            'itemprop': 'image'
+          }
+        ) }}
+        <figcaption><h4 class="fn" itemprop="name">Alondra Nelson</h4></figcaption>
+      </figure>
+    </article>
+
     <article class="vcard" itemscope itemtype="http://schema.org/Person">
       <figure class="headshot">
         {{ resp_img(

bedrock/mozorg/templates/mozorg/about/leadership/includes/executive.html

@@ -118,7 +118,7 @@ <h4 class="fn" itemprop="name">Mitchell Baker</h4>
       </div>
     </article>
 
-      <article id="ian-carmichael" data-id="ian-carmichael" class="vcard" itemscope itemtype="http://schema.org/Person">
+      <article id="ian-carmichael" data-id="ian-carmichael" class="vcard has-bio" itemscope itemtype="http://schema.org/Person">
     <figure class="headshot">
       {{ resp_img(
         url='img/mozorg/about/leadership/ian-carmichael.jpg',
@@ -142,6 +142,29 @@ <h4 class="fn" itemprop="name">Mitchell Baker</h4>
         <li><a class="link" href="{{ url('mozorg.about.leadership.index') }}#ian-carmichael">Link to this bio</a></li>
       </ul>
     </div>
+
+    <div class="person-bio">
+      <p>In his role as Senior Vice President for Firefox and Web at Mozilla, Ian is
+        responsible for guiding the strategic direction, development, and innovation
+        of Firefox and Mozilla’s web technologies. His commitment lies in enhancing
+        user experience, fostering open-source collaboration, and prioritizing privacy
+        and security, aligning with Mozilla’s mission to ensure the Internet is a
+        global public resource, open and accessible to all. This mission resonates
+        deeply with Ian’s professional ethos — creating an internet that truly puts people
+        first, empowering individuals to shape their own experiences while ensuring
+        their safety and independence.</p>
+
+      <p>Ian’s journey in the technology sector began at IBM, working on early C++ compilers,
+        and continued at Cygnus Solutions with the gcc toolchains for PlayStation 2.
+        During his tenure at Microsoft, he contributed to a diverse range of products
+        including .NET, Visual Studio, IoT, Windows, Xbox, and HoloLens. At Meta, Ian
+        led performance and reliability efforts, helped deliver Oculus Quest 2, and
+        led Engineering for Privacy Infrastructure.</p>
+
+      <p>Originally from Kingston, Ontario, Ian has made the Seattle area his home for many
+        years, living there with his family. Outside of work, he enjoys exploring new trails,
+        traveling, and spending quality time with his wife, two grown children, and their dog.</p>
+    </div>
   </article>
 
     <article id="dani-chehak" data-id="dani-chehak" class="vcard" itemscope itemtype="http://schema.org/Person">