From 0e6b37d55a5874af822616f7f17e09ea6f309733 Mon Sep 17 00:00:00 2001 From: darkicewolf50 Date: Sat, 29 Mar 2025 15:09:01 -0600 Subject: [PATCH 1/5] feat(footer+aboutUs): added main content added, footer redesign started --- src/AboutUs/AboutUs.js | 59 ++++++++++++++++++++++++++-- src/Footer/Ender.css | 4 ++ src/Footer/Ender.js | 46 +++++++++++++++++++--- src/Footer/InBug-White.png | Bin 0 -> 10621 bytes src/Footer/email-white.png | Bin 0 -> 9194 bytes src/Footer/humans.txt | 27 +++++++++++++ src/Footer/instagram-white-icon.png | Bin 0 -> 19528 bytes 7 files changed, 127 insertions(+), 9 deletions(-) create mode 100644 src/Footer/InBug-White.png create mode 100644 src/Footer/email-white.png create mode 100644 src/Footer/humans.txt create mode 100644 src/Footer/instagram-white-icon.png diff --git a/src/AboutUs/AboutUs.js b/src/AboutUs/AboutUs.js index 77531ed..86fefbc 100644 --- a/src/AboutUs/AboutUs.js +++ b/src/AboutUs/AboutUs.js @@ -1,5 +1,56 @@ +import UpdateBanner from "../Header/UpdateBanner"; + export default function AboutsUs() { - return ( -

About Us

- ); -}; \ No newline at end of file + return ( + <> + +
+

Upcoming Events

+
+
+
+

Our Mission

+

+ More info about the club, expanding on what was on the home page. We + have students learn because we build so and so and incorporate all + these skills. +

+
+ + temp +
+
+ temp +
+

The Competition

+

what the competition is about

+
+
+
+
+

Static Events

+
+
+

Dynamic Events

+
+
+
+

Slight info about our car but also link that leads to history

+
+

+ Intersted in joining? email us +

+ + ); +} diff --git a/src/Footer/Ender.css b/src/Footer/Ender.css index 90b6db3..650a9ab 100644 --- a/src/Footer/Ender.css +++ b/src/Footer/Ender.css @@ -31,3 +31,7 @@ list-style-type: none; padding-right: 2%; } + +#ender a img { + height: 7svh; +} diff --git a/src/Footer/Ender.js b/src/Footer/Ender.js index e0a9cc8..d45ada0 100644 --- a/src/Footer/Ender.js +++ b/src/Footer/Ender.js @@ -1,4 +1,8 @@ import "./Ender.css"; +import linkedInLogo from "./InBug-White.png"; +import instagramLogo from "./instagram-white-icon.png"; +import emailLogo from "./email-white.png"; +import authors from "./humans.txt"; /** * @param {null} null - requires onthing * @returns {JSX.Element} Page - HTML tags and JS functionality @@ -6,23 +10,55 @@ import "./Ender.css"; * @author Brock * @todo add who helped developed the site and finalize css */ -const Ender = () => { +export default function Ender() { + const date = new Date(); + return (
-

© 2023 by Schulich Off-Road

+

© {date.getFullYear()} UCalgary Baja

window.open("https://www.morphgenix.com/", "_blank")} id="pointerCursor"> Partnered with Morphgenix

+
+ + Linkedin Logo + + + Intragram Logo + + + humans txt + + + email us logo + + + Facebook Logo + +
  • Developed by:
  • Brock
); -}; - -export default Ender; +} diff --git a/src/Footer/InBug-White.png b/src/Footer/InBug-White.png new file mode 100644 index 0000000000000000000000000000000000000000..627f6b5a1c1cbfdbb0f43d6d72f64e8a2672268d GIT binary patch literal 10621 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%0D%mOf zZIl2rD_~Zsx#OW>cAc9IIx@@zi+-^`^CJ1YPt9TY^#^Qd-unUNgGnFRZRrQiGvw0ml_dx&u9Kx?zilp}|uVJ7YQa!>|`4DL* zaHU)9?an}iGDgHXj5BC|+-sFVy3W<^m#EO=^NQFlr+~U5=t|+xFTis*DO4Gv|UW1rxCrLJtN+T{s5oA|N`3 z9cu&xU?emu0Qz3T3;eu^(kKdx2?&jA^SF-|}JNQ6EIiU+W869SF9z44AcZ2*}KBksmtwoqLx zjQ?*v@@Yo9_=mu*Fs6{3CbMXo8BqVHz5X8w{6_-+?-IaXW5DHnUt5tKf>PhD#r1A) zn33~vl_Z{3uhkw`$RkjwRFa6i&eG!Tc17aS}<0?p>?YY({2 zHB3y%`O_|ug%Y;XuBBZo{p|V!I5UAaCCe#hQ&QwckD1u|xz+~q)`?ah$D$prrFPtT zk#%zEgv)R)1*#D(aw=Q#(^9?>P z^xgb&;umj7nowV50>#-&JWtMldHJr)sW;z=3c5yC)h!+vf}rH{z9C61WA@~?MbqX^ z3-V7 z7^C0if)=)^=|1J9rU3ys{ zg<+Q~sqnHvjMUO=E#ZGR098rjQx$7F z_r_=HMxbg0`N+H-bSX7a@`V-Eppdjp**@o)5A$wVSFV`TqW6Q!P*-nCL0wSF_!h|K z)S7FZ$-i_~Ht1BYoJ%AH8wKo4)w*zh{v-gEF%TNLN>FI~&eBrf;zyfc7w0YdR+sDO zI)ba>#)P4w6e!yHIWv7##?H|-#CKuaqsQ*Kb_({i{B;bfw2C#^n1?zNH6#9#+MTw?RK$-+?ONSgNPGC73XqNusrZoeYsc}|{ z+J@oC&co98F57=iwWWXi=8>j2=xNySVWU4YAl(%nB|r^E^{Kp?H`SRn!^t8y z>44dU)C>G+MzjXzl@Z7mlyATj0QEZLP)W&6A>FE{Ap@x^{Ub}QK6U>FrL@}fL2vqb zV_DMr&V4;jmF;T+BCS3lTZ=7z|Jg8r(*rJ*agE3iuvT zeZOdxZmzu4JBJC8a5W{@DNnK8;%aED;Ci2yOHcizI;1wxZf`v^5#6zq?G!aQ&QL;k z(Qo_l`&nE1hplrB{n(RKhgv0m>b8MhM9w-j)n#@2%t)K4+56s^@3Omag(ONN_n&aW zg5`hf$N&F}&mZ28kfD+V_x0?8B4YD8W|+P->?d|7p+D!hzm3J=)-zXyL2tRHV)72k zP4xu^@pDPK*rB(O;Ts$7>AKR52h%JxDi_SSeMMN(N;Eq9SkLy2i@6vEMEzat75*MOW3n!m7_OfvZKG`W-d!e3a@_yC6OwV8S# zvz>B$A$h2rpBYwfbruSWtTEw#TpwWvml@J2uAU5N_8NgVRC6B^hY4qA*DLO z3z~NopCK)625SHW{wk6~XlH=a9z0&lF?~%AF7=K!=x9}sKI6{H`eFPE`DUFCSl{fR z7i}!~uWoT7$w zl`drvw>_Fo(4=|XtDnOjk}Qj)MyoVJ7Q1+A?vqUWV3X=6>j*KY(r^l;w0sL_|L()v zVxLy-AS}|VG;t7~f;%ki@HMY|n{rHM4LA}c$O7}%_yJI&O3O@V8GI2%>d$)){X^I& z)=SF4%U)T&RmrTcKc~6V{s2>u_n6eg=sCBQ@ZOXQ#y*e6Bb_-wV6#nT`2x5?{Xf#0#jqIH#S z70pDT?iCe4UJcc|yv+bK)~v}FE`9jJ4CwyTi$75oh>wxtih zC~Sc5wW9y>(&X#cuT+EY*npi<-laE!^&qC`7odXUu~Zi!aUxwe0UkXEreyb^(6Dbw zu5o={ipReu46w=SJEW6iq%igH%djud;O9YiP@NRlsWuvcoa_rk~bq-F`ID8}rE z8MIgDHnwaKhrf|aH9db!l=9RRVssd`()>y1^2^VvZ>)eC zCRu#Dc(rEK6SX&1zUCv0pHC-jD3I8mzTc$Z`T?Oq?}UcJZPRS01e2a#>vX2Y;2oi3 XlE+2=tYd*UTZBkzx)%$7u?+t&pbJZR literal 0 HcmV?d00001 diff --git a/src/Footer/email-white.png b/src/Footer/email-white.png new file mode 100644 index 0000000000000000000000000000000000000000..a6d8708232a79a28ce02045673dc247af7c4cd9b GIT binary patch literal 9194 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 literal 0 HcmV?d00001 diff --git a/src/Footer/humans.txt b/src/Footer/humans.txt new file mode 100644 index 0000000..950c87a --- /dev/null +++ b/src/Footer/humans.txt @@ -0,0 +1,27 @@ +/* TEAM */ + Lead:Brock + Contact: hello [at] humanstxt.org + Github: darkicewolf50 + + UI developer: Maria Macias + Twitter: @maria_ux + + One eyed illustrator: Carlos Mañas + Twitter: @oneeyedman + + Standard Man: Abel Cabans + Twitter: @abelcabans + + Web designer: Abel Sutilo + Twitter: @abelsutilo + From:Sevilla, Andalucia, Spain + +/* THANKS */ + + + +/* SITE */ + Last update:2025/02/04 + Language: English + Doctype:HTML5 + IDE: VSCode \ No newline at end of file diff --git a/src/Footer/instagram-white-icon.png b/src/Footer/instagram-white-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..fe326bfd3588349fa1346238077f5e4d177fc23b GIT binary patch literal 19528 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 LkC1)BGVuQZ4nySH literal 0 HcmV?d00001 From 910bdf9367bdceabf5cdb3fa9092ff5b8ce42bdb Mon Sep 17 00:00:00 2001 From: darkicewolf50 Date: Sat, 29 Mar 2025 15:29:50 -0600 Subject: [PATCH 2/5] feat(header): started colouring in correctly --- src/Header/Header.css | 19 +++++++++++++------ src/Header/Header.js | 12 ++++++------ 2 files changed, 19 insertions(+), 12 deletions(-) diff --git a/src/Header/Header.css b/src/Header/Header.css index ddd558f..0ed71be 100644 --- a/src/Header/Header.css +++ b/src/Header/Header.css @@ -7,7 +7,7 @@ header { align-items: center; justify-content: space-between; - background-color: antiquewhite; + background-color: #1f1f1f; } header a { @@ -38,7 +38,9 @@ header div { #logo { height: 10svh; + /* width: 10svw; */ padding: 0.15rem; + margin-left: 3svw; } /* naviagation section */ @@ -55,8 +57,12 @@ nav a { } nav a li { - background-color: white; - padding: 0.5rem; + background-color: #1f1f1f; + color: whitesmoke; + padding: 1rem; + + font-size: larger; + /* border-left: solid 2px gray; */ } /* removes first divider */ @@ -66,7 +72,8 @@ nav a li { } nav a li:hover { - background-color: gray; + /* background-color: gray; */ + color: #a80029; } nav ul { @@ -143,9 +150,9 @@ creates dwon downs display: flex; width: fit-content; - margin-left: 3svw; + margin-left: 15svw; - font-size: xx-large; + font-size: xx-large; /* todo make larger */ font-weight: normal; background-color: white; diff --git a/src/Header/Header.js b/src/Header/Header.js index efc1812..d24f52c 100644 --- a/src/Header/Header.js +++ b/src/Header/Header.js @@ -93,19 +93,19 @@ export default function Header() {

From 3cb3eb9b196858df022e9fc0ac857957f0e87f5a Mon Sep 17 00:00:00 2001 From: darkicewolf50 Date: Sat, 26 Apr 2025 13:58:35 -0600 Subject: [PATCH 3/5] feat(title, bannerimg): tab title changed and fading of banner image, title of page changed as well --- public/index.html | 2 +- src/Header/Header.css | 6 ++++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/public/index.html b/public/index.html index 6953fab..8898912 100644 --- a/public/index.html +++ b/public/index.html @@ -33,7 +33,7 @@ work correctly both with client-side routing and a non-root public URL. Learn how to configure a non-root public URL by running `npm run build`. --> - Schulich Off-Road + UCalgary Baja diff --git a/src/Header/Header.css b/src/Header/Header.css index 0ed71be..a3d2fd0 100644 --- a/src/Header/Header.css +++ b/src/Header/Header.css @@ -138,7 +138,9 @@ creates dwon downs background-size: cover; background-position: center; - z-index: -1; + z-index: -2; + -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent); + mask-image: linear-gradient(to bottom, black 80%, transparent); } /* used to postiion title and sub title */ @@ -152,7 +154,7 @@ creates dwon downs margin-left: 15svw; - font-size: xx-large; /* todo make larger */ + font-size: 80px; /* todo make larger */ font-weight: normal; background-color: white; From 079c6908ef32868074fd8594a3d756db978eface Mon Sep 17 00:00:00 2001 From: darkicewolf50 Date: Sat, 26 Apr 2025 14:22:56 -0600 Subject: [PATCH 4/5] feat(dev): css errors fixed, and homepage set up before realizing that there was a homepage branch --- src/Header/Header.css | 41 ++++++++++++++++++++++++++--------------- src/Home/Home.jsx | 14 ++++++++++++++ 2 files changed, 40 insertions(+), 15 deletions(-) create mode 100644 src/Home/Home.jsx diff --git a/src/Header/Header.css b/src/Header/Header.css index a3d2fd0..75d841a 100644 --- a/src/Header/Header.css +++ b/src/Header/Header.css @@ -45,37 +45,36 @@ header div { /* naviagation section */ -/* determines spacing and total amount of page it takes up*/ -nav { - width: 50%; -} - nav a { text-decoration: none; color: inherit; cursor: pointer; -} - -nav a li { background-color: #1f1f1f; color: whitesmoke; padding: 1rem; font-size: larger; - /* border-left: solid 2px gray; */ + /* border-left: solid 2px white; */ } /* removes first divider */ /* can be removed if no borders from above */ -#FirstNav { +nav a:first-child { border-left: none; } +/* #FirstNav { + +} */ nav a li:hover { - /* background-color: gray; */ color: #a80029; } +/* correct colour of links in dark mode */ +.darkmode nav a li::hover { + filter: hue-rotate(180deg); +} + nav ul { display: flex; flex-direction: row; @@ -84,8 +83,7 @@ nav ul { margin: 0px; padding: 0px; } -creates dwon downs -/* */ +/* creates drop downs */ /* makes it so that the tags look the same whist having removing browser error */ .DropDownHeader { display: inline-block; @@ -129,6 +127,10 @@ creates dwon downs /* border-bottom: solid 1px black; */ } +:root { + --fade-starts-at: 80%; +} + #BannerHeader img { position: absolute; height: 100svh; @@ -139,8 +141,17 @@ creates dwon downs background-position: center; 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 */ diff --git a/src/Home/Home.jsx b/src/Home/Home.jsx new file mode 100644 index 0000000..851bcf6 --- /dev/null +++ b/src/Home/Home.jsx @@ -0,0 +1,14 @@ +import UpdateBanner from "../Header/UpdateBanner"; + +export default function AboutsUs() { + return ( + <> + + + ); +} From a45058b8e5347ec0d194def8eaa8ee6988e4e898 Mon Sep 17 00:00:00 2001 From: darkicewolf50 Date: Sat, 31 May 2025 13:40:15 -0600 Subject: [PATCH 5/5] feat(home): banner started on final touches --- src/Header/Header.css | 103 +++++++++++++++++++++++++++--------------- src/Header/Header.js | 68 +++++++++------------------- src/Home/Home.jsx | 2 +- src/index.js | 4 ++ 4 files changed, 93 insertions(+), 84 deletions(-) diff --git a/src/Header/Header.css b/src/Header/Header.css index 75d841a..40ca068 100644 --- a/src/Header/Header.css +++ b/src/Header/Header.css @@ -4,10 +4,16 @@ header { margin: 1%; margin-top: 1svh; padding-right: 0.5svw; + /* width: 100%; */ align-items: center; justify-content: space-between; background-color: #1f1f1f; + /* position: absolute; */ + z-index: 1; + top: 0; + left: 0; + right: 0; } header a { @@ -45,13 +51,22 @@ header div { /* naviagation section */ +nav ul { + display: flex; + flex-direction: row; + justify-content: space-between; + list-style: none; + margin: 0px; + padding: 0px; + column-gap: 2svw; +} + nav a { text-decoration: none; color: inherit; cursor: pointer; background-color: #1f1f1f; color: whitesmoke; - padding: 1rem; font-size: larger; @@ -62,9 +77,6 @@ nav a { nav a:first-child { border-left: none; } -/* #FirstNav { - -} */ nav a li:hover { color: #a80029; @@ -75,14 +87,6 @@ nav a li:hover { filter: hue-rotate(180deg); } -nav ul { - display: flex; - flex-direction: row; - justify-content: space-between; - list-style: none; - margin: 0px; - padding: 0px; -} /* creates drop downs */ /* makes it so that the tags look the same whist having removing browser error */ .DropDownHeader { @@ -123,16 +127,49 @@ nav ul { width: 100%; display: flex; - /* bebug border, use margin to advantage, may cause error later */ - /* border-bottom: solid 1px black; */ + position: relative; + z-index: 0; + top: 0; + left: 0; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + + /* -webkit-mask-image: linear-gradient( + to bottom, + black var(--fade-starts-at-bottom), + transparent + ); + mask-image: linear-gradient( + to bottom, + black var(--fade-starts-at-bottom), + transparent + ); */ +} + +#BannerHeader::after { + content: ""; + position: absolute; + inset: 0; + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0) var(--fade-starts-at-bottom, 70%), + whitesmoke 100% + ); + pointer-events: none; + z-index: 1; } :root { - --fade-starts-at: 80%; + --fade-starts-at-bottom: 90%; + --fade-starts-at-top: 96%; + --banner-text-background: rgba(31, 31, 31, 0.8); + --banner-text-padding: 2svh 2svw; + --banner-text-rounding: 1rem; } -#BannerHeader img { - position: absolute; +/* #BannerHeader img { + position: relative; height: 100svh; width: inherit; top: 0; @@ -141,46 +178,40 @@ nav ul { background-position: center; z-index: -2; - - -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 */ #BannerHeader div { - margin-top: 15%; + margin-top: 40svh; + padding-left: 60svw; } #BannerHeader h1 { display: flex; width: fit-content; - - margin-left: 15svw; + margin: 0px; font-size: 80px; /* todo make larger */ font-weight: normal; - background-color: white; + color: white; + background-color: var(--banner-text-background); + padding: var(--banner-text-padding); + border-radius: var(--banner-text-rounding); + font-weight: bolder; } #BannerHeader h2 { display: flex; width: fit-content; - margin-left: 3svw; - font-size: xx-large; font-weight: normal; - background-color: white; + color: white; + background-color: var(--banner-text-background); + padding: var(--banner-text-padding); + border-radius: var(--banner-text-rounding); } /* for dark mode */ diff --git a/src/Header/Header.js b/src/Header/Header.js index d24f52c..3d0d575 100644 --- a/src/Header/Header.js +++ b/src/Header/Header.js @@ -3,7 +3,7 @@ import lightDark from "./light-dark.webp"; import { Outlet, Link } from "react-router-dom"; import "./Header.css"; import Ender from "../Footer/Ender"; -import { useEffect, useState } from "react"; +import { useState } from "react"; /** * @param {null} nothing - Takes in nothing @@ -17,11 +17,7 @@ export default function Header() { titleText: "UCalgary Baja", subtitleText: "Hello", imgUrl: "https://picsum.photos/200", - imgAlt: "Lorem picsum", - }); - - useEffect(() => { - HeaderBannerHeight(); + headerPostion: "absolute", }); /** @@ -53,36 +49,15 @@ export default function Header() { } }); - /** - * @param {null} nothing - This takes in nothing - * @returns {null} nothing - This returns nothing - * @description This makes it so that the banner will always be 100% of the page at the top - * @author Brock - */ - const HeaderBannerHeight = () => { - if (bannerInfo.titleText === "" && bannerInfo.imgUrl === "") { - // return early to avoid error when no banner is desired - return; - } - const headerTop = document.getElementsByTagName("header")[0]; - const headerTopStyle = getComputedStyle(headerTop); - const headerTopInnerHeight = headerTop.offsetHeight; - // 2 is used to align bottom of div with img - const headerTopMarginTop = parseFloat(headerTopStyle.marginTop) * 2; - const headerTopMarginHeight = parseFloat(headerTopStyle.marginBottom); - - const headerTopTotalHeight = - headerTopInnerHeight + headerTopMarginHeight + headerTopMarginTop; - - const HomeBannerTop = document.getElementById("BannerHeader"); - - // 1svh is to gget the div close enough to the image - HomeBannerTop.style.height = `calc(100svh + -${headerTopTotalHeight}px)`; - }; - return ( <> -
+
  • HOME
    • - +
  • ABOUT
    • - -
  • TEAM
    • + +
  • OUR VEHICLES
  • HISTORY
    • @@ -158,17 +133,16 @@ export default function Header() { {bannerInfo.titleText === "" && bannerInfo.imgUrl === "" ? ( <> ) : ( -
    - {bannerInfo.imgAlt} -
    -

    {bannerInfo.titleText}

    -

    {bannerInfo.subtitleText}

    + <> +
    +
    +

    {bannerInfo.titleText}

    +

    {bannerInfo.subtitleText}

    +
    -
    + )} diff --git a/src/Home/Home.jsx b/src/Home/Home.jsx index 851bcf6..5099227 100644 --- a/src/Home/Home.jsx +++ b/src/Home/Home.jsx @@ -6,7 +6,7 @@ export default function AboutsUs() { diff --git a/src/index.js b/src/index.js index 0865c43..d03acf5 100644 --- a/src/index.js +++ b/src/index.js @@ -11,6 +11,7 @@ import UpcomingEvents from "./Club Membership & Upcoming Events/UpcominEvents/Up import Gallery from "./Gallery/Gallery"; import "./index.css"; import MockPage from "./MockDB/MockPage"; +import Home from "./Home/Home"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( @@ -20,6 +21,9 @@ root.render( }> }> + }>