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

feat(dev): css errors fixed, and homepage set up before realizing that there was a homepage branch

Browse Source
This commit is contained in:
darkicewolf50 2025-04-26 14:22:56 -06:00
parent 3cb3eb9b19
commit 079c6908ef
2 changed files with 40 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/Header/Header.css
View File

@ -45,37 +45,36 @@ header div {
/* naviagation section */ /* naviagation section */
/* determines spacing and total amount of page it takes up*/
nav {
width: 50%;
}
nav a { nav a {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
cursor: pointer; cursor: pointer;
}
nav a li {
background-color: #1f1f1f; background-color: #1f1f1f;
color: whitesmoke; color: whitesmoke;
padding: 1rem; padding: 1rem;
font-size: larger; font-size: larger;
/* border-left: solid 2px gray; */ /* border-left: solid 2px white; */
} }
/* removes first divider */ /* removes first divider */
/* can be removed if no borders from above */ /* can be removed if no borders from above */
#FirstNav { nav a:first-child {
border-left: none; border-left: none;
} }
/* #FirstNav {
} */
nav a li:hover { nav a li:hover {
/* background-color: gray; */
color: #a80029; color: #a80029;
} }
/* correct colour of links in dark mode */
.darkmode nav a li::hover {
filter: hue-rotate(180deg);
}
nav ul { nav ul {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -84,8 +83,7 @@ nav ul {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
creates dwon downs /* creates drop downs */
/* */
/* makes it so that the tags look the same whist having removing browser error */ /* makes it so that the tags look the same whist having removing browser error */
.DropDownHeader { .DropDownHeader {
display: inline-block; display: inline-block;
@ -129,6 +127,10 @@ creates dwon downs
/* border-bottom: solid 1px black; */ /* border-bottom: solid 1px black; */
} }
:root {
--fade-starts-at: 80%;
}
#BannerHeader img { #BannerHeader img {
position: absolute; position: absolute;
height: 100svh; height: 100svh;
@ -139,8 +141,17 @@ creates dwon downs
background-position: center; background-position: center;
z-index: -2; z-index: -2;
-webkit-mask-image: linear-gradient(to bottom, black 80%, transparent);
mask-image: linear-gradient(to bottom, black 80%, transparent); -webkit-mask-image: linear-gradient(
to bottom,
black var(--fade-starts-at),
transparent
);
mask-image: linear-gradient(
to bottom,
black var(--fade-starts-at),
transparent
);
} }
/* used to postiion title and sub title */ /* used to postiion title and sub title */

14
src/Home/Home.jsx Normal file
View File

@ -0,0 +1,14 @@
import UpdateBanner from "../Header/UpdateBanner";
export default function AboutsUs() {
return (
<>
<UpdateBanner
updatedTitleText="UCalgary Baja"
updatedSubtitleText=""
updatedImgUrl="https://picsum.photos/200"
updatetdImgAlt="Lorem Picsum"
/>
</>
);
}