Feature: Added Arista, FortisBC and Gatekeeper to Tech Fair (#183)

* Added Arista, FortisBC and Gatekeeper to the Tech Fair companies participating list
* Adjusted the width of the company list gallery
* Added full descriptions to each card and gave them a scrollbar when overflowing

Author: jbriones1

public/tech-fair/images/companies/arista.jpg

@@ -207,6 +207,7 @@ <h2>Who's coming?</h2>
                 <a href="https://www.icbc.com/about-icbc" target="_blank">Learn more</a>
               </div>
             </li>
+
             <li class="company-card chat">
               <div class="company-card__img">
                 <img src="./images/companies/kardium.png" alt="Kardium" />
@@ -215,32 +216,44 @@ <h2>Who's coming?</h2>
                 <p>
                   Kardium Inc. is a rapidly growing medical solutions company that has developed an
                   advanced system for the treatment of atrial fibrillation (AF), which affects more
-                  than 59 million people worldwide. Learn about the Globe® Mapping and Ablation
-                  System and join Kardium's next step in their upcoming commercial launch.
+                  than 59 million people worldwide. The Globe® Mapping and Ablation System is the
+                  most complete solution for AF, offering single-shot pulmonary vein isolation,
+                  high-definition mapping, and atrial ablation – all in a single catheter. Kardium
+                  is now preparing for their upcoming commercial launch. This is an exciting and
+                  significant milestone in Kardium's journey to bring this ground-breaking
+                  technology to patients.
                 </p>
               </div>
               <div class="company-card__footer">
                 <p class="company-card__chip--medical">Medical</p>
                 <a href="https://kardium.com/careers/" target="_blank">Learn more</a>
               </div>
             </li>
+
             <li class="company-card chat">
               <div class="company-card__img">
                 <img src="./images/companies/planview.png" alt="Planview" />
               </div>
               <div class="company-card__descriptor">
                 <p>
-                  A global leader in work and resource management software, Planview makes it easy
-                  for all organizations to achieve their goals. They provide the industry’s most
-                  comprehensive solutions designed for businesses around the world. Join Planview's
-                  more than 700 employees and serve over 5,000 customers worldwide.
+                  As the global leader in work and resource management software, Planview makes it
+                  easier for all organizations to achieve their business goals. We provide the
+                  industry’s most comprehensive solutions designed for strategic planning, portfolio
+                  and resource management, product innovation, capability and technology management,
+                  Lean and Agile delivery, and collaborative work management. Our solutions span
+                  every class of work, resource, and organization to address the varying needs of
+                  diverse and distributed teams, departments, and enterprises. Headquartered in
+                  Austin, Texas, Planview’s more than 700 employees serve 5,000 customers worldwide
+                  through a culture of innovative technology leadership, market expertise, and
+                  highly engaged communities.
                 </p>
               </div>
               <div class="company-card__footer">
                 <p class="company-card__chip--software">Software</p>
                 <a href="https://www.planview.com/about-us/" target="_blank">Learn more</a>
               </div>
             </li>
+
             <li class="company-card chat">
               <div class="company-card__img">
                 <img src="./images/companies/telus.png" alt="Telus" />
@@ -262,23 +275,100 @@ <h2>Who's coming?</h2>
                 >
               </div>
             </li>
+
             <li class="company-card chat">
               <div class="company-card__img">
                 <img src="./images/companies/safe.png" alt="Safe Software" />
               </div>
               <div class="company-card__descriptor">
                 <p>
                   Safe Software transforms organizations with FME, the only All-Data Any-AI
-                  Enterprise Integration Platform connecting all your data, anywhere. With over 30
-                  years of expertise and over 25,000 enterprise customers across 125 countries, Safe
-                  will simplify your data's journey.
+                  Enterprise Integration Platform connecting all your data, anywhere, at any
+                  velocity. With over 30 years of expertise and 25,000+ enterprise customers across
+                  125+ countries, we simplify your data journey, wherever it leads. Founded in 1993,
+                  Safe is headquartered in Surrey, BC with over 300 team members and counting.
                 </p>
               </div>
               <div class="company-card__footer">
                 <p class="company-card__chip--data-analytics">Data Analytics</p>
                 <a href="https://www.safe.com/careers/" target="_blank">Learn more</a>
               </div>
             </li>
+
+            <li class="company-card chat">
+              <div class="company-card__img">
+                <img src="./images/companies/fortisBC.jpg" alt="Fortis BC" />
+              </div>
+              <div class="company-card__descriptor">
+                <p>
+                  FortisBC is a Canadian-owned, B.C - based energy provider committed to delivering
+                  safe, reliable, and increasingly sustainable energy solutions. With over 2,700
+                  employees, FortisBC serves approximately 1.3 million customers across 135
+                  communities and 58 First Nations communities throughout 150 Traditional
+                  Territories. The company supplies natural gas, electricity, propane, and renewable
+                  energy through an extensive network of more than 51,600 km of gas lines and 7,300
+                  km of power lines.
+                  <br />
+                  <br />
+                  FortisBC is recognized as one of BC’s Top Employers and fosters a culture of
+                  safety, inclusion, and innovation. FortisBC is deeply invested in building a
+                  resilient and forward-thinking workforce and infrastructure. We’re looking for
+                  people of all skills and backgrounds—especially those passionate about technology
+                  and information systems—to help us execute on our strategic initiatives and drive
+                  meaningful change. Whether your expertise lies in cybersecurity, cloud
+                  architecture, business systems, or application development, FortisBC offers a
+                  dynamic environment where your contributions directly impact how we serve our
+                  communities.
+                </p>
+              </div>
+              <div class="company-card__footer">
+                <p class="company-card__chip--energy">Energy</p>
+                <a href="https://careers.fortisbc.com/" target="_blank">Learn more</a>
+              </div>
+            </li>
+
+            <li class="company-card chat">
+              <div class="company-card__img">
+                <img src="./images/companies/gatekeeper.png" alt="Gatekeeper" />
+              </div>
+              <div class="company-card__descriptor">
+                <p>
+                  Gatekeeper is a leading provider of video and data solutions for a safer
+                  transportation environment for children, passengers, and drivers on public
+                  transportation fleets. Gatekeeper has provided solutions to more than 60 transit
+                  agencies and 3,500 school districts throughout North America and has installed
+                  more than 57,000 Mobile Data Collectors for customers which record video and data
+                  daily from over 200,000 onboard devices. The Company’s hosted software
+                  applications facilitate AI-assisted video analytics for incident management and
+                  storage.
+                </p>
+              </div>
+              <div class="company-card__footer">
+                <p class="company-card__chip--data-analytics">Data Analytics</p>
+                <a href="https://gatekeeper-systems.com" target="_blank">Learn more</a>
+              </div>
+            </li>
+
+            <li class="company-card chat">
+              <div class="company-card__img">
+                <img src="./images/companies/arista.jpg" alt="Arista Networks" />
+              </div>
+              <div class="company-card__descriptor">
+                <p>
+                  Arista Networks is an industry leader in data-driven, client-to-cloud networking
+                  for large data center, campus and routing environments. We have shipped over 20
+                  million cloud networking ports worldwide with CloudVision and EOS, an advanced
+                  network operating system. Arista’s award-winning platforms, ranging in Ethernet
+                  speeds up to 800G bits per second, redefine scalability, agility, and resilience.
+                </p>
+              </div>
+              <div class="company-card__footer">
+                <p class="company-card__chip--networking">Networking</p>
+                <a href="https://www.arista.com/en/company/company-overview" target="_blank"
+                  >Learn more</a
+                >
+              </div>
+            </li>
           </ul>
         </section>
 

public/tech-fair/images/companies/fortisBC.jpg

@@ -11,17 +11,15 @@
   --photo-w: 460px;
 
   /* Colours */
-  --medical: hsl(124 47.4% 50%);
   --insurance: hsl(356 49.5% 49.3%);
   --telecom: hsl(41 49.5% 49.3%);
+  --energy: hsl(65 100% 35.5%);
+  --medical: hsl(124 47.4% 50%);
   --software: hsl(194 59.3% 50%);
+  --networking: hsl(235 100% 35.5%);
   --data-analytics: hsl(284 59.3% 50%);
 }
 
-[class*='--medical'] {
-  --clr-main: var(--medical);
-}
-
 [class*='--insurance'] {
   --clr-main: var(--insurance);
 }
@@ -30,10 +28,22 @@
   --clr-main: var(--telecom);
 }
 
+[class*='--energy'] {
+  --clr-main: var(--energy);
+}
+
+[class*='--medical'] {
+  --clr-main: var(--medical);
+}
+
 [class*='--software'] {
   --clr-main: var(--software);
 }
 
+[class*='--networking'] {
+  --clr-main: var(--networking);
+}
+
 [class*='--data-analytics'] {
   --clr-main: var(--data-analytics);
 }
@@ -277,18 +287,20 @@ ul.section__main {
 .company__gallery {
   display: flex;
   gap: 4vw;
-  padding: 1rem;
+  padding: 1rem 5rem;
   flex-wrap: wrap;
   justify-content: center;
 }
 
 .company-card {
-  display: grid;
   flex: 0 0 auto;
+
+  display: grid;
   place-items: center;
-  grid-template-rows: 40% 55% 5%;
+  grid-template-rows: 35% 60% 5%;
   padding: 1.5rem;
   width: 20.75rem;
+  height: calc(700px - 5rem);
 }
 
 .company-card__img {
@@ -302,12 +314,18 @@ ul.section__main {
   }
 }
 
+.company-card__descriptor {
+  overflow: auto;
+  height: 100%;
+}
+
 .company-card__footer {
   display: flex;
   justify-content: space-between;
   width: 100%;
   position: relative;
   bottom: 0;
+  margin-top: 1rem;
 
   & > * {
     color: white;
@@ -366,7 +384,7 @@ footer {
 /* Media queries */
 @media (max-width: 400px) {
   header > nav {
-    /* These will ensure the nav links will be pushed to the right so CSSS icon will become 
+    /* These will ensure the nav links will be pushed to the right so CSSS icon will become
      * part of the nav's flow again */
     & > a {
       position: relative;