diff --git a/_data/sponsors.yml b/_data/sponsors.yml index 97d62ff..8b95aee 100644 --- a/_data/sponsors.yml +++ b/_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/ \ No newline at end of file diff --git a/_sass/pages/sponsors.scss b/_sass/pages/sponsors.scss index 8918ad8..b879d21 100644 --- a/_sass/pages/sponsors.scss +++ b/_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 { diff --git a/pages/sponsors.html b/pages/sponsors.html index ac3a3a5..5f614b2 100644 --- a/pages/sponsors.html +++ b/pages/sponsors.html @@ -10,7 +10,55 @@
{{ section.title }}
{{ section.description }}
- + +
+
+ {%- for tier in section.tier -%} + + {%- endfor -%} +
+
+
+ {%- endfor -%} + + +{%- assign data = site.data.alumnisponsors -%} +
+ {%- for section in data.sections -%} +
+
{{ section.title }}
+
{{ section.description }}
+
{%- for tier in section.tier -%}