Merge branch 'main' of https://github.com/ubc-subbots/ubc_subbots_refreshed

Author: doruphin

package-lock.json

@@ -1,7 +1,7 @@
 [
   {
     "name": "Altium",
-    "logo": "altium.png",
+    "logo": "altium.svg",
     "website": "https://www.altium.com/",
     "description": "Altium Discover enables engineers to discover and explore solutions that align with real project needs and requirements—from design fit to downstream impact.",
     "tier": "gold",
@@ -11,13 +11,13 @@
     "name": "UBC Electrical and Computer Engineering",
     "logo": "ece.png",
     "website": "https://ece.ubc.ca/",
-    "description": "UBC Electrical and Computer Engineering focuses on the development of computer systems. This encapsulates the ability to design complete systems that include hardware and software elements, focusing not just on how computers work, but how to integrate them into larger systems.",
+    "description": "UBC ECE provides facilities, mentorship, and academic support that empower our electrical and software subteams to design and test cutting-edge autonomous systems.",
     "tier": "gold",
     "theme": "cyan"
   },
   {
     "name": "MatLab",
-    "logo": "matlab.png",
+    "logo": "matlab.svg",
     "website": "https://www.mathworks.com/products/matlab.html",
     "description": "MATLAB is a high-level data analysis and visualization environment that is specifically designed for engineering workflows. Its extended ecosystem allows engineers to design and develop workflows, turning ideas into innovative, advanced engineered systems.",
     "tier": "gold",
@@ -27,15 +27,15 @@
     "name": "UBC Applied Science",
     "logo": "ubc_apsc.jpg",
     "website": "https://apsc.ubc.ca/",
-    "description": "UBC Applied Science comprises a unique constellation of disciplines. Our core purpose is to discover, design, innovate, provide unwavering top-tier education and champion a community of responsible professionals.",
+    "description": "UBC Applied Science supports student engineering teams across disciplines, providing resources and a community for hands-on technical work.",
     "tier": "gold",
     "theme": "cyan"
   },
   {
     "name": "UBC Mechanical Engineering",
     "logo": "ubc_mech_eng.png",
     "website": "https://mech.ubc.ca/",
-    "description": "UBC's official Mechanical Engineering department. Mechanical Engineers use the science of movement to continuously innovate and advance solutions to the problems we face in our daily lives.",
+    "description": "UBC Mechanical Engineering gives our team access to fabrication facilities and expertise to bring physical designs to life.",
     "tier": "gold",
     "theme": "cyan"
   },
@@ -51,7 +51,7 @@
     "name": "UBC Integrated Engineering",
     "logo": "ubc_igen.png",
     "website": "https://www.integratedengineers.ca/",
-    "description": "UBC Integrated Engineering (IGEN) is a program that provides a multidisciplinary education by developing a core competency in all aspects of engineering fundamentals.",
+    "description": "UBC Integrated Engineering (IGEN) connects students across engineering domains, reflecting the same cross-disciplinary approach that defines Subbots.",
     "tier": "gold",
     "theme": "cyan"
   },

public/data/sponsors.json

@@ -50,9 +50,12 @@
 
 
                     img {
-                        width: 60%;
-                        height: min-content;
-                        object-fit: cover;
+                        width: 65%;
+                        height: 140px;
+                        object-fit: contain;
+                        padding: 12px;
+                        /* height: min-content;
+                        object-fit: cover; */
                     }
 
                     .underline {

public/images/logos/altium.svg

@@ -57,10 +57,11 @@
                 aspect-ratio: 1 / 1;
                 z-index: -1;
                 color: var(--dark-green);
-                opacity: 0.15;
+                opacity: 0.12;
                 transform-origin: center;
                 left: -20%;
                 top: -80%;
+                
             }
 
             .divider {
@@ -70,15 +71,28 @@
             }
 
             .content {
-                display: grid;
-                grid-template-columns: repeat(2, 1fr);
+                /* display: grid;
+                grid-template-columns: repeat(2, 1fr); */
 
+                display: grid;
+                grid-template-columns: 1fr auto;
+                align-items: center;
+                gap: 48px;
 
-                button {
+                a.button-primary {
                     align-self: start;
                     justify-self: start;
+                    width: fit-content !important;
+                    height: auto !important;
+                    padding: 14px 44px;
+                    font-size: 1.2rem;
+                    display: inline-flex;
+                    align-items: center;
+                    gap: 8px;
+                    aspect-ratio: unset !important;
                 }
 
+
                 > h4 {
                     font-weight: 400;
                 }

public/images/logos/matlab.svg

@@ -1,7 +1,7 @@
 import SponsorCatalog from '../../components/SponsorCatalog/SponsorCatalog.tsx';
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faEnvelope } from '@fortawesome/free-solid-svg-icons';
+import { faArrowUpRightFromSquare } from '@fortawesome/free-solid-svg-icons';
 import SubbotsLogo from '../../assets/icons/subbots.svg?react';
 
 import './Sponsors.css';
@@ -41,10 +41,15 @@ function Sponsors() {
                     <div className="divider" />
 
                     <div className="content">
-                        <button className="button-primary">
-                            Email Us
-                            <FontAwesomeIcon icon={faEnvelope} />
-                        </button>
+                        {/* <button className="button-primary">
+                            Make A Donation
+                            <FontAwesomeIcon icon={faArrowUpRightFromSquare} />
+                        </button> */}
+
+                        <a href = "https://donate.give.ubc.ca/page/80953/donate/1?transaction.dirgift=UBC%20Subbots%20Design%20team%20G2561" target="_blank" rel="noopener noreferror" className="button-primary">
+                            Donate
+                            <FontAwesomeIcon icon={faArrowUpRightFromSquare} />
+                        </a>
 
                         <p className="content-text-large">
                             Your contributions directly support design teams in BC.