diff --git a/assets/css/main.css b/assets/css/main.css index 337589f..6642ef6 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -4248,3 +4248,27 @@ body.is-preload #banner p { padding: 2em 1.5em 0.1em 1.5em; } } + +img.gold { + width: 80%; + margin: 10%; + margin-left: auto; + margin-right: auto; + display: block; +} + +img.silver { + width: 30%; + margin: 5%; +} + +img.bronze { + width: 20%; + margin: 5%; +} + +h3.sponsor { + text-align: center; + margin: 10%; + font-size: 150%; +} diff --git a/images/sponsors/HUB_LOGO_OFFICIAL.png b/images/sponsors/HUB_LOGO_OFFICIAL.png new file mode 100644 index 0000000..b3c28dc Binary files /dev/null and b/images/sponsors/HUB_LOGO_OFFICIAL.png differ diff --git a/images/sponsors/List.json b/images/sponsors/List.json new file mode 100644 index 0000000..f2a38fe --- /dev/null +++ b/images/sponsors/List.json @@ -0,0 +1,95 @@ +{ + "Companies": [ + { + "companyName": "Red Bull Racing", + "CompanyURL": "https://redbullracing.redbull.com/", + "companyImg": "RedBullEnergy.png", + "SponsorLevel": "gold", + "altText": "Red Bull Formula 1 Racing" + }, + { + "companyName": "Mercedes AMG", + "CompanyURL": "https://www.mercedes-amg.com/en.html", + "companyImg": "mercedes.png", + "SponsorLevel": "bronze", + "altText": "Mercedes Benz AMG" + }, + { + "companyName": "The Hub Grill and Bar", + "CompanyURL": "https://www.hubgrill.com", + "companyImg": "HUB_LOGO_OFFICIAL.png", + "SponsorLevel": "silver", + "altText": "The Hub Grill and Bar Mesa, Az" + }, + { + "companyName": "The Hub Grill and Bar", + "CompanyURL": "https://www.hubgrill.com", + "companyImg": "HUB_LOGO_OFFICIAL.png", + "SponsorLevel": "silver", + "altText": "The Hub Grill and Bar Mesa, Az" + }, + { + "companyName": "The Hub Grill and Bar", + "CompanyURL": "https://www.hubgrill.com", + "companyImg": "HUB_LOGO_OFFICIAL.png", + "SponsorLevel": "silver", + "altText": "The Hub Grill and Bar Mesa, Az" + }, + { + "companyName": "Mercedes AMG", + "CompanyURL": "https://www.mercedes-amg.com/en.html", + "companyImg": "mercedes.png", + "SponsorLevel": "silver", + "altText": "Mercedes Benz AMG" + }, + { + "companyName": "The Hub Grill and Bar", + "CompanyURL": "https://www.hubgrill.com", + "companyImg": "HUB_LOGO_OFFICIAL.png", + "SponsorLevel": "silver", + "altText": "The Hub Grill and Bar Mesa, Az" + }, + { + "companyName": "The Hub Grill and Bar", + "CompanyURL": "https://www.hubgrill.com", + "companyImg": "HUB_LOGO_OFFICIAL.png", + "SponsorLevel": "silver", + "altText": "The Hub Grill and Bar Mesa, Az" + }, + { + "companyName": "Mercedes AMG", + "CompanyURL": "https://www.mercedes-amg.com/en.html", + "companyImg": "mercedes.png", + "SponsorLevel": "bronze", + "altText": "Mercedes Benz AMG" + }, + { + "companyName": "The Hub Grill and Bar", + "CompanyURL": "https://www.hubgrill.com", + "companyImg": "HUB_LOGO_OFFICIAL.png", + "SponsorLevel": "bronze", + "altText": "The Hub Grill and Bar Mesa, Az" + }, + { + "companyName": "Mercedes AMG", + "CompanyURL": "https://www.mercedes-amg.com/en.html", + "companyImg": "mercedes.png", + "SponsorLevel": "bronze", + "altText": "Mercedes Benz AMG" + }, + { + "companyName": "Mercedes AMG", + "CompanyURL": "https://www.mercedes-amg.com/en.html", + "companyImg": "mercedes.png", + "SponsorLevel": "bronze", + "altText": "Mercedes Benz AMG" + }, + { + "companyName": "Mercedes AMG", + "CompanyURL": "https://www.mercedes-amg.com/en.html", + "companyImg": "mercedes.png", + "SponsorLevel": "gold", + "altText": "Mercedes Benz AMG" + } + ] +} diff --git a/images/sponsors/RedBullEnergy.png b/images/sponsors/RedBullEnergy.png new file mode 100644 index 0000000..f75bbc7 Binary files /dev/null and b/images/sponsors/RedBullEnergy.png differ diff --git a/images/sponsors/mercedes.png b/images/sponsors/mercedes.png new file mode 100644 index 0000000..359342a Binary files /dev/null and b/images/sponsors/mercedes.png differ diff --git a/sponsors.html b/sponsors.html index 202838d..15b38b7 100644 --- a/sponsors.html +++ b/sponsors.html @@ -58,7 +58,7 @@ <!-- Content --> <div class="wrapper"> <div class="inner"> - <h3 class="major">How to Help</h3> + <h2 class="major">How to Help</h2> <p> Completion of our car and Success of our team is heavily dependent on sponsorships. All donations, both monetary, and material are @@ -76,8 +76,10 @@ </p> </div> <div class="inner"> - <h3 class="major">Thank You to This Years Sponsors</h3> - <p>idk how to approach this part yet.</p> + <h2 class="major">Thank You to This Years Sponsors</h2> + <div id="gold"><h3 class="sponsor">Gold Level Sponsors</h3></div> + <div id="silver"><h3 class="sponsor">Silver Level Sponsors</h3></div> + <div id="bronze"><h3 class="sponsor">Bronze Level Sponsors</h3></div> </div> <!-- --> @@ -155,6 +157,28 @@ <script src="assets/js/breakpoints.min.js"></script> <script src="assets/js/util.js"></script> <script src="assets/js/main.js"></script> + <script> + (function() { + var sponsorPath = "images/sponsors/"; + $.getJSON(sponsorPath + "List.json", {}).done(function(data) { + console.log("Sponsorship"); + $.each(data, function(i, item) { + for (var i = 0; i < item.length; i++) { + $("#" + item[i].SponsorLevel).append( + "<img src='" + + sponsorPath + + item[i].companyImg + + "'class = " + + item[i].SponsorLevel + + " alt='" + + item[i].altText + + "'>" + ); + } + }); + }); + })(); + </script> </div> </body> </html>