Anson/Redline-Racing-Website
1
0
Fork 0
mirror of https://gitlab.com/redline-racing-division/redline-racing-website.git synced 2025-06-16 07:06:50 +00:00
Code Releases Activity

added easy way to add sponsors

Browse Source
This commit is contained in:
Anson 2019-09-26 16:45:37 -07:00
parent b3c35cdcb9
commit 8dd5210d4b
6 changed files with 146 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
assets/css/main.css
View File

@ -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%;
}

BIN
images/sponsors/HUB_LOGO_OFFICIAL.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

95
images/sponsors/List.json Normal file
View File

@ -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"
}
]
}

BIN
images/sponsors/RedBullEnergy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

BIN
images/sponsors/mercedes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

30
sponsors.html
View File

@ -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>