InfoBlox Tech Fair and Executive Administration Update (#211)

* Feat(Tech Fair): InfoBlox information added
* Feat(Officers): Fall 2025 executive update
    * Removed Aiya Bowman and Alexander Ng as Executives at Large
    * Added Arielle Felicia and Barsin Tafazzoli as Executives at Large
    * Added Mengna Ma and Laurenzo Maddatu as First-Year Representatives
    * Made the placeholder images deterministic

Author: jbriones1

public/images/placeholders/cappucino-asassino.png renamed to public/images/placeholders/cappucino-assassino.png

@@ -388,6 +388,28 @@ <h2>Who's coming?</h2>
                 <a href="https://careers.henryscheinone.co.uk/jobs" target="_blank">Learn more</a>
               </div>
             </li>
+
+            <li class="company-card chat">
+              <div class="company-card__img">
+                <img src="./images/companies/infoblox.png" alt="InfoBlox" />
+              </div>
+              <div class="company-card__descriptor">
+                <p>
+                  Join cybersecurity leader Infoblox and discover how far your bold “what if” can
+                  take the world, your community, and your career in a current new grad opportunity
+                  or future co-op opportunity in 2026 as we continue to expand the Engineering team
+                  at our Centre of Excellence in Burnaby. Our cloud-first networking and security
+                  solutions already protect 70% of the Fortune 500, and we’re looking for creative
+                  thinkers ready to push that influence even further. Bring your creativity, drive,
+                  your daring spirit, and feel what it’s like to thrive on a team big enough to make
+                  an impact, yet small enough to make a difference.
+                </p>
+              </div>
+              <div class="company-card__footer">
+                <p class="company-card__chip--cybersecurity">Cybersecurity</p>
+                <a href="https://www.infoblox.com/company/careers/" target="_blank">Learn more</a>
+              </div>
+            </li>
           </ul>
         </section>
 

public/tech-fair/2025/images/companies/infoblox.png

@@ -18,6 +18,7 @@
   --software: hsl(194 59.3% 50%);
   --networking: hsl(235 100% 35.5%);
   --data-analytics: hsl(284 59.3% 50%);
+  --cybersecurity: hsl(13 100% 60%);
 }
 
 [class*='--insurance'] {
@@ -48,6 +49,10 @@
   --clr-main: var(--data-analytics);
 }
 
+[class*='--cybersecurity'] {
+  --clr-main: var(--cybersecurity);
+}
+
 body {
   font-family: 'Questrial';
   background-image: url('images/mountain-landscape.svg');

public/tech-fair/2025/index.html

@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, computed, signal } from '@angular/c
 import { ArticleComponent } from '@csss-code/article/article.component';
 import { CardComponent } from '@csss-code/card/card.component';
 import { NgxFadeComponent } from '@omnedia/ngx-fade';
-import { ExecutiveAdministration, executives, getRandomExecImage } from './officers.data';
+import { ExecutiveAdministration, executives } from './officers.data';
 
 @Component({
   selector: 'cs-officers',
@@ -30,7 +30,7 @@ export class OfficersComponent {
       newAdmin.members = newAdmin.members.map(exec => {
         return {
           ...exec,
-          photoName: this.toLocalUrl('')
+          photoName: this.toLocalUrl(exec.photoName)
         };
       });
       // end of FIXME:
@@ -52,8 +52,7 @@ export class OfficersComponent {
    * @param fileName - The file name to change. Must be in the `public/images/` folder
    * @returns File name in the CSS URL form.
    */
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   private toLocalUrl(fileName: string): string {
-    return `images/placeholders/${getRandomExecImage()}`;
+    return `images/placeholders/${fileName}`;
   }
 }

public/tech-fair/2025/style.css

@@ -152,6 +152,82 @@ export const ELECTED_DESCRIPTIONS: Array<ExecDescription> = [
 ];
 
 export const executives: ExecutiveAdministration[] = [
+  {
+    startYear: 2025,
+    endYear: 2026,
+    members: [
+      {
+        name: 'Mabel Ling',
+        position: 'President',
+        photoName: 'ballerina-cappuccina.png'
+      },
+      {
+        name: 'Karen Yao',
+        position: 'Vice President',
+        photoName: 'bobritto-bandito.png'
+      },
+      {
+        name: 'Matthew Liu',
+        position: 'Treasurer',
+        photoName: 'tralalero-tralala.png'
+      },
+      {
+        name: 'Michael Ho',
+        position: 'Director of Resources',
+        photoName: 'bombombini-gusini.png'
+      },
+      {
+        name: 'Samantha Gan',
+        position: 'Director of Events',
+        photoName: 'brr-brr-patapim.png'
+      },
+      {
+        name: 'Ilia Mosaddegh',
+        position: 'Director of Educational Events',
+        photoName: 'lirili-larila.png'
+      },
+      {
+        name: 'Nathan Huynh',
+        position: 'Assistant Director of Events',
+        photoName: 'chimpanzini-bananini.png'
+      },
+      {
+        name: 'Chloe Shen',
+        position: 'Director of Communications',
+        photoName: 'glorbo-fruttodrillo.png'
+      },
+      {
+        name: 'Chloe Xie',
+        position: 'Director of Multimedia',
+        photoName: 'tung-tung-tung-sahur.png'
+      },
+      {
+        name: 'Dina Zeng',
+        position: 'Director of Archives',
+        photoName: 'tric-trac-baraboom.png'
+      },
+      {
+        name: 'Arielle Felicia',
+        position: 'Executive at Large',
+        photoName: 'trippi-troppi.png'
+      },
+      {
+        name: 'Barsin Tafazzoli',
+        position: 'Executive at Large',
+        photoName: 'giraffa-celeste.png'
+      },
+      {
+        name: 'Laurenzo Maddatu',
+        position: 'First-Year Representative',
+        photoName: 'frigo-camelo.png'
+      },
+      {
+        name: 'Mengna Ma',
+        position: 'First-Year Representative',
+        photoName: 'cappucino-assassino.png'
+      }
+    ]
+  },
   {
     startYear: 2025,
     endYear: 2026,