diff --git a/src/MockDB/sponsorship.yml b/src/MockDB/sponsorship.yml index b89946a..126e029 100644 --- a/src/MockDB/sponsorship.yml +++ b/src/MockDB/sponsorship.yml @@ -4,9 +4,9 @@ Diamond Tier: Url: https://schulich.ucalgary.ca/ DescriptionAboutSponsor: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu magna in diam consectetur rhoncus vel nec turpis. Sed finibus mi eu sem varius faucibus. Donec semper erat et bibendum pharetra. Suspendisse cursus lorem sed nisi semper, a rutrum nunc luctus. Nunc ullamcorper enim id orci interdum ultrices. Donec vestibulum nunc vel nisl pretium tempus. Morbi quis ante et ligula eleifend eleifend. Proin bibendum maximus elit vitae congue. Vivamus egestas, ex in tempor posuere, ligula nunc iaculis massa, in imperdiet dui justo eu dolor. Nullam placerat velit quis sem mattis, laoreet pharetra elit tempor. Platinum Tier: - - Platinum Sponsor Name: - LogoUrl: - Url: + - Morphgenix: + LogoUrl: Sam I need this + Url: https://www.morphgenix.com DescriptionAboutSponsor: Gold Tier: - Suri: @@ -21,6 +21,14 @@ Gold Tier: LogoUrl: https://wildrosemx.com/wp-content/uploads/2021/08/wild-rose-motocross-calgary-rasterized.png Url: https://wildrosemx.com/ DescriptionAboutSponsor: + - Trotec: + LogoUrl: https://www.troteclaser.com/_nuxt/img/logo-trotec.709e7ce.svg + Url: https://www.troteclaser.com/en-ca/ + DescriptionAboutSponsor: + - Solidworks: + LogoUrl: https://www.3ds.com/assets/3ds-navigation/3DS_corporate-logo_solidworks.svg + Url: https://www.solidworks.com/ + DescriptionAboutSponsor: Silver Tier: - Encore Metals: LogoUrl: https://www.encoremetals.com/assets/images/logos/encore-metals-logo.png @@ -30,6 +38,10 @@ Silver Tier: LogoUrl: https://cnoocinternational.com/img/cnooc-logo.png Url: https://cnoocinternational.com/ DescriptionAboutSponsor: + - Polaris: + LogoUrl: https://cdn1.polaris.com/globalassets/crp/2024/nav-bar-logos/nav-bar-logo-polaris.svg?v=c0e00521 + Url: https://www.polaris.com/en-ca/ + DescriptionAboutSponsor: Bronze Tier: - Redbull: LogoUrl: "https://img.redbull.com/redbullcom/static/redbullcom-logo_double-with-text.svg" diff --git a/src/OurSponsors/OurSponsors.css b/src/OurSponsors/OurSponsors.css index c9c80fe..a32ccbd 100644 --- a/src/OurSponsors/OurSponsors.css +++ b/src/OurSponsors/OurSponsors.css @@ -1,3 +1,12 @@ +:root { + --tableBackground: white; + --sponsorBorderWidth: 2px; + --sponsorBorderStyle: solid; + --sponsorBorderColour: black; + --sponsorBorder: var(--sponsorBorderWidth) var(--sponsorBorderStyle) + var(--sponsorBorderColour); +} + #OurSponsors { display: flex; flex-direction: column; @@ -12,19 +21,39 @@ } #BecomeASponsors div { + display: flex; + flex-direction: column; + padding-bottom: 4svh; + margin-left: 1svw; + margin-right: 1svw; +} + +#BecomeASponsors div div { display: flex; flex-direction: row; + border-bottom: none; + padding: 0px; } #BecomeASponsors a { color: inherit; text-decoration: none; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + transition: scale 0.3s; + border-radius: 5px; + margin-left: 1svw; + margin-right: 3svw; + width: fit-content; +} + +#BecomeASponsors a:hover { + cursor: pointer; + scale: 1.05; } #BecomeASponsors div a img { - height: 18rem; + height: 40svh; width: auto; - padding-right: 3rem; } #BecomeASponsors img { @@ -32,17 +61,83 @@ width: 60%; } +#BecomeASponsors table { + background-color: white; +} + +#BecomeASponsors table caption { + background-color: red; + color: white; + text-align: start; + padding-left: 4svw; + font-size: larger; +} + +#BecomeASponsors table thead { + background-color: black; + color: white; + padding: 10px; +} + +.evenRow { + background-color: lightgrey; +} + +.oddRow { + background-color: whitesmoke; +} + #Sponsor { background-color: white; + padding-bottom: 3svh; } #SponsorEnd { text-align: end; } -.SponsorsTitle { +#OurSponsors h1 { + position: relative; text-align: left; - border-bottom: 2px solid black; + border-bottom: var(--sponsorBorder); + border-top: var(--sponsorBorder); + width: fit-content; + padding-top: 2svh; + padding-bottom: 2svh; +} + +#OurSponsors #h1Exception { + border-top: none; +} + +/* this hurt me but we now have a border at the side*/ +#sideBorder { + display: flex; + flex-direction: row; + padding-top: 2svh; + padding-bottom: 2svh; + margin-top: 1svh; + margin-bottom: 3svh; + border-bottom: var(--sponsorBorder); + align-items: center; +} + +#sideBorder h1 { + padding-right: 2svw; + margin: 0px; + width: fit-content; + border: none; +} + +#sideBorder div { + background-color: var(--sponsorBorderColour); + flex: 1; + height: var(--sponsorBorderWidth); +} + +#Sponsor .Sponsors h1 { + width: 100%; + border: none; } .Sponsors { @@ -56,24 +151,69 @@ text-decoration: none; cursor: pointer; background-color: whitesmoke; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + transition: scale 0.3s; +} + +.Sponsors a:hover { + cursor: pointer; + scale: 1.05; } .Sponsors a div { display: flex; flex-direction: row; + height: inherit; + width: inherit; } -.Sponsors a h4 { - width: 30%; +.Sponsors a div div { + display: flex; + flex-direction: column; + padding-left: 5svw; +} + +.Sponsors a h3 { + display: flex; + width: fit-content; + border-bottom: var(--sponsorBorder); } .Sponsors a img { - max-height: 8rem; - max-width: 70%; + max-height: 24svh; + width: 24svw; + padding-top: 1svh; + padding-bottom: 1svh; } -.Sponsors a p { - padding: 2rem; - padding-top: 5px; - padding-bottom: 5px; +.sponsorCenter { + display: flex; + justify-content: center; +} + +.sponsorGridContainer { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + grid-gap: 20px; +} + +.sponsorGridItem { + background-color: aqua; + width: calc(100%- 20px); + height: 100%; +} + +.sponsorGridContainer .sponsorGridItem div div { + flex: 1; + padding-left: 1svw; +} + +.sponsorGridItem h3 { + text-align: center; + justify-content: center; + align-items: center; +} + +.sponsorGridItem { + grid-column: span 1; } diff --git a/src/OurSponsors/OurSponsors.js b/src/OurSponsors/OurSponsors.js index 87d6679..fd50b58 100644 --- a/src/OurSponsors/OurSponsors.js +++ b/src/OurSponsors/OurSponsors.js @@ -14,6 +14,8 @@ import yaml from "js-yaml"; const OurSponsors = () => { const [currentSponsorsDict, setCurrentSponsorsDict] = useState(); //variable states for the dictionary of sponsors const [pastSponsorsDict, setPastSponsorsDict] = useState(); + const LinktoSponsorOutreachForm = + "https://docs.google.com/forms/d/e/1FAIpQLSd8eR1es9QJWjlQfGtpJaf8Jwv63d6Ei2e4FSpoBdkB6OiT4g/viewform?usp=sf_link"; useEffect(() => { getCurrentSponsors(); @@ -60,38 +62,193 @@ const OurSponsors = () => { return (
-

Sponsor

-

(How our team uses what's given by and benefits from sponsors)

- - QR code to contanct us form -

Click on this to open the contact form

- +

How sponsors help us

- Talk about how you can reach out to sponsor us. (Maybe also include - a link to the form as well) + Schulich Off-Road expresses deep appreciation for sponsors' crucial + support in various team operations, from sourcing parts to + participating in competitions. Tailored sponsorship agreements + acknowledge each sponsor's unique contributions. As a student-led + team, every form of support, whether monetary or in goods and + services, is essential for success. Past sponsor assistance + includes: +

+
    +
  • Design fabrication
    • +
  • Material procurement
    • +
  • Design consultations
    • +
  • Software provision Travel funding for competitions
    • +
+

+ These partnerships signify a commitment to excellence and innovation + in engineering.

-

- (Talk about what we can offer our sponsors for helping us briefly or - in a listing format. We can also mention how they can find more on the - sponsorship package - plus provide some way they can access the - package from here) -

- Our sponsorship package +
+

Become a sponsor

+
+ + QR code to contanct us form +

Click on this to open the contact form

+ +

+ Talk about how you can reach out to sponsor us. (Maybe also + include a link to the form as well) +

+
+
+
+

Why Sponsor Us?

+
    +
  • + Objective: Connect sponsors with next generation of Canadian + engineers +
    • +
  • + Opportunity to work with Schulich Off-Road team and wider + undergraduate community at University of Calgary who are a part of + the Schulich Off-Road team +
    • +
  • + Build mutually beneficial relationships with dedicated and + ambitious students +
    • +
  • + Benefits include perks for advertising and promoting services and + company to team members +
    • +
  • + Collaboration with leading companies to ensure members learn + sought-after skills +
    • +
  • + Mitigate frictional unemployment for graduating team members +
    • +
  • + Networking opportunities for members with potential employers +
    • +
  • + Employers can build connections with new generation of engineers + to secure jobs and potential employees +
    • +
+ {/* the sponsorship package replicated */} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Sponsor Packages

+
{/*blank on purpose to add spcae for a black box */}Diamond $10,000+Platinum $5000Gold $1000Silver $500Bronze $200
Skill Development842
Shop Visits✓
Interviews✓
Portfolios✓ (Detailed)✓
Company Into to team✓✓✓
Custom Gift✓✓✓
Branding on Apperal (single colour)On full sleeveOn Sleeve ForearmMedium on backSmall on backSmall on back
Logo on Vehicle + 36in2 + + 28in2 + + 20in2 + + 10in2 +
Social Media (Min.)Once/2 WeeksOnce/MonthOnce/3 MonthOnce/6 MonthOnce/12 Month
+ +