Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-16 05:44:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

added sponsors: css boxes or clickable links now have shadows, are more interactive

Browse Source
This commit is contained in:
darkicewolf50 2024-03-26 13:47:59 -06:00
parent 9a69de2dd2
commit ba57b95db6
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/OurSponsors/OurSponsors.css
View File

@ -19,12 +19,21 @@
#BecomeASponsors a { #BecomeASponsors a {
color: inherit; color: inherit;
text-decoration: none; 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: 1rem;
margin-right: 3rem;
}
#BecomeASponsors a:hover {
cursor: pointer;
scale: 1.05;
} }
#BecomeASponsors div a img { #BecomeASponsors div a img {
height: 18rem; height: 18rem;
width: auto; width: auto;
padding-right: 3rem;
} }
#BecomeASponsors img { #BecomeASponsors img {
@ -56,6 +65,14 @@ h1 {
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
background-color: whitesmoke; 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;
margin: 1rem;
}
.Sponsors a:hover {
cursor: pointer;
scale: 1.05;
} }
.Sponsors a div { .Sponsors a div {

6
src/OurSponsors/OurSponsors.js
View File

@ -14,7 +14,7 @@ import yaml from "js-yaml";
const OurSponsors = () => { const OurSponsors = () => {
const [currentSponsorsDict, setCurrentSponsorsDict] = useState(); //variable states for the dictionary of sponsors const [currentSponsorsDict, setCurrentSponsorsDict] = useState(); //variable states for the dictionary of sponsors
const [pastSponsorsDict, setPastSponsorsDict] = useState(); const [pastSponsorsDict, setPastSponsorsDict] = useState();
const LinktoSponsorOutForm = "https://google.com"; const LinktoSponsorOutreachForm = "https://google.com";
useEffect(() => { useEffect(() => {
getCurrentSponsors(); getCurrentSponsors();
@ -84,7 +84,7 @@ const OurSponsors = () => {
<h1>Become a sponsor</h1> <h1>Become a sponsor</h1>
<div> <div>
<a <a
href={LinktoSponsorOutForm} href={LinktoSponsorOutreachForm}
target="_blank" target="_blank"
rel="noreferrer"> rel="noreferrer">
<img <img
@ -129,7 +129,7 @@ const OurSponsors = () => {
</li> </li>
</ul> </ul>
<a <a
href={LinktoSponsorOutForm} href={LinktoSponsorOutreachForm}
target="_blank" target="_blank"
rel="noreferrer"> rel="noreferrer">
<table> <table>