Merge pull request #280 from DaveTheBearMan/AlumniSponsors

Alumni sponsors

Author: dlach1

_data/sponsors.yml

@@ -1,6 +1,9 @@
 sections:
   - title: Sponsors
     description:
+    buttons:
+      - text: "Become a Sponsor"
+        url: "assets/sponsorship.pdf"
 
     tier:
       # Titanium:
@@ -60,10 +63,6 @@ sections:
           image: /assets/images/sponsors/amex.png
           url: https://www.americanexpress.com/
 
-        - title: Sharad Khanna
-          image: /assets/images/sponsors/sharad.jpg
-          url: https://www.linkedin.com/in/khanna-sharad/
-
       Silver:
         - title: Travelers Insurance
           image: /assets/images/sponsors/travelers.png
@@ -102,3 +101,16 @@ sections:
           image: /assets/images/sponsors/fortra-logo-forest-green.png
           url: https://fortra.com/
 
+  - title: Alumni Sponsors
+    description: 
+    buttons:
+      - text: "Learn About Sponsorship"
+        url: "assets/sponsorship.pdf"
+      - text: "Become an Alumni Sponsor"
+        url: "https://tigers.rit.edu/site/Donation2?df_id=1960&mfc_pref=T&1960.donation=form1&set.SingleDesignee=2125"
+
+    tier:
+      Gold:
+        - title: Sharad Khanna
+          image: /assets/images/sponsors/sharad.jpg
+          url: https://www.linkedin.com/in/khanna-sharad/

_sass/pages/sponsors.scss

@@ -96,31 +96,34 @@
   text-overflow: ellipsis;
 }
 
+.sponsor-buttons {
+  display: flex;
+  justify-content: center;
+  gap: 1rem;
+  margin: 1rem 0;
+  flex-wrap: wrap;
+}
+
 .sponsor-button {
   text-align: center;
-  width: 8rem;
-  margin: auto;
-  padding: 0.5rem 0;
+  width: 16rem; 
+  padding: 1rem;
   background-color: var(--card-color);
   border: 1px solid var(--border-color);
   border-radius: 6px;
-  color: var(--text-color);
+  color: #e69138;
   opacity: 0.85;
   text-decoration: none;
   transition: all 0.15s ease-in-out;
-  font-size: 0.75rem;
+  font-size: 1.25rem;
   line-height: 1rem;
-
-  &:hover {
-    opacity: 1;
-  }
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
 }
 
-.become-a-sponsor {
-  font-size: 1.25rem;
-  width: 16rem;
-  padding: 1rem;
-  color: #e69138;
+.sponsor-button:hover {
+  opacity: 1;
 }
 
 .sponsor-image-container {

pages/sponsors.html

@@ -10,7 +10,55 @@
   <section class="sponsors-section">
     <div class="heading-title">{{ section.title }}</div>
     <div class="heading-description">{{ section.description }}</div>
-    <a class="sponsor-button become-a-sponsor" href="assets/sponsorship.pdf"> Become a Sponsor </a>
+    <div class="sponsor-buttons">
+      {%- for button in section.buttons -%}
+        <a class="sponsor-button" href="{{ button.url }}">
+          {{ button.text }}
+        </a>
+      {%- endfor -%}
+    </div>
+    <div class="sponsors-container">
+      <div class="sponsors-grid">
+        {%- for tier in section.tier -%}
+          <div class="sponsor-tier">
+            <div class="sponsor-tier-title {{ tier[0] | downcase }}">
+              {{ tier[0] }}
+            </div>
+            <div class="sponsor-tier-container">
+              {%- for sponsor in tier[1] -%}
+              <div class="sponsor">
+                <div class="sponsor-image-container">
+                  <a class="sponsor-image-wrapper" href="{{ sponsor.url }}">
+                    <img src="{{ sponsor.image | relative_url }}" alt="sponsor-image" class="sponsor-image">
+                  </a>
+                </div>
+                <div class="sponsor-info">
+                  <a href="{{ sponsor.url }}" class="sponsor-title">{{ sponsor.title }}</a>
+                </div>
+              </div>
+              {%- endfor-%}
+            </div>
+          </div>
+        {%- endfor -%}
+      </div>
+    </div>
+  </section>
+  {%- endfor -%}
+</div>
+
+{%- assign data = site.data.alumnisponsors -%}
+<div>
+  {%- for section in data.sections -%}
+  <section class="sponsors-section">
+    <div class="heading-title">{{ section.title }}</div>
+    <div class="heading-description">{{ section.description }}</div>
+    <div class="sponsor-buttons">
+      {%- for button in section.buttons -%}
+        <a class="sponsor-button" href="{{ button.url }}">
+          {{ button.text }}
+        </a>
+      {%- endfor -%}
+    </div>
     <div class="sponsors-container">
       <div class="sponsors-grid">
         {%- for tier in section.tier -%}