From 7696efabb8b2c51300d131e70cfbcc46c03af725 Mon Sep 17 00:00:00 2001 From: darkicewolf50 Date: Sat, 31 May 2025 15:30:13 -0600 Subject: [PATCH] feat(homepage): started colouring and layout --- src/Footer/Ender.css | 6 ++-- src/Footer/Ender.js | 14 +++------ src/Footer/email-white.png | Bin 9194 -> 0 bytes src/Header/Header.css | 7 +++-- src/Header/Header.js | 6 +++- src/Home/Home.css | 62 ++++++++++++------------------------- src/Home/Home.jsx | 11 ++++--- src/index.js | 1 - 8 files changed, 44 insertions(+), 63 deletions(-) delete mode 100644 src/Footer/email-white.png diff --git a/src/Footer/Ender.css b/src/Footer/Ender.css index 650a9ab..05313c1 100644 --- a/src/Footer/Ender.css +++ b/src/Footer/Ender.css @@ -4,7 +4,8 @@ padding-top: 10px; padding-bottom: 10px; justify-content: center; - background-color: lightgrey; + background-color: #a80029; + color: white; } #pointerCursor { @@ -15,6 +16,7 @@ display: flex; flex-direction: row; justify-content: center; + column-gap: 2svw; } #ender p { padding-left: 2%; @@ -33,5 +35,5 @@ } #ender a img { - height: 7svh; + height: 3svh; } diff --git a/src/Footer/Ender.js b/src/Footer/Ender.js index d45ada0..00abc47 100644 --- a/src/Footer/Ender.js +++ b/src/Footer/Ender.js @@ -1,7 +1,6 @@ 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 @@ -36,21 +35,18 @@ export default function Ender() { alt="Intragram Logo" /> - - humans txt - + email us logo Facebook Logo diff --git a/src/Footer/email-white.png b/src/Footer/email-white.png deleted file mode 100644 index a6d8708232a79a28ce02045673dc247af7c4cd9b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9194 zcmZu%2|U#4|Nok%m|YcPqb<27M~?1@GKzBKsFWiiDV2({8TS~fC2hzg~7dpsxAtE&D}?zQ8lrax^T*4KJ) z#{Q>O8*Xe@+4DO05AhX;eu}6^)%Uuh`qe}0O*B;A4rXk- z)RyP;*uS>ZCZNG)DxsvUys@<5wJwaC`X^s^(mBg7-Ak3%o$F5u**p-S7SmhD)Kghr zNxfb8(M#RV)YNqAzNyrh9m^YCO$inmQBhHG?4X^3=H;IwnLaAsbo<=|GgH&7Vo$x< zj3KKgVL%c>7PVQ0@!@uu_GC!o!}xXa=j|pB*M6&~a!nbqc!!?j#I$ynrsHF`Ezko{XMaqlnpVW6!6Pw+#g;@_H0ze_4h9 zzI4E!^RU=!hs9S|9sPRrk9&Eg8soil_1i+bZcJ}oF1=r}=w$QV(&l#mAlENp{p}sq zgNbZ@Wx&w{3jNmGQ*x&a8EA}C#a>6B3(UTnvZx)u!*ozd2oupW9aEosvq>#ZB)Ytd zAkBQHjLFqhG^@Z=GFN&u-`(QP%{!rJsCZ+_=eR}Rord7!FNGbX@4$IZ-Zm4JBd5Q1 z?y}_H$Vs^#vSQ|Ze(V`@Bxu9($)lVLfzl7RY2OB{?_K-X?ACdHFO#O? zrON4LqdH0 zK^uS*#>QNmcb4T7U2nMPQ3-B0j6x+bEW>WQ!-v48F2N5w z=Hy943{zr=3*M;*rTfW!xuroH?-{Kk4@5HMSo$w8jA}B;^XPA_jIMU3)p=GMnh?Y= z%)D=2+;{tcT>Qb?=^WIMoS|SFswwEar&=-thsgVZhI~1>l;09=M@;|v5BWB~DL+(HDFc)ld9jU}RLVT<%WKP*gVc}D1 zg;_JzM|LdV-aXe{taqqX#vD17bk>o;842F-tRnPPN}o9yZ#z3sP&-pyRxJJ{jDwO2 z_>mn;i92Nta*!}fzN>DvQc9gm8J=8E%6qi(;$XPk@T>iP5i%phyD~&9LxH3nDj0ty zR_$kK$WW8QusHTr%0#%_s5rE-#2u5kjvkXFH0-BAO5qKr)a;zVL3yfSG3yw4T8!6n zyO#y3C?v`3Tkh#&5=eX6EpXv5N5&e-($f?}M-k#6^ z8jTk@&!x+RerA2*_dX!M>94Or1LdhOF4(%-lWJ}HhHbAEgRgS4i5}{{^Xfwl##%dy zBoP63XPiKhjzV%Od&Ouv2tXyUsz0zced4>hzI}>1%tdCD7}QuHC$2OTJkVmqv1f4# z;nI}CL~_Fe^55_KBGWaHe}-kN&sZt>6MhW*l?hRhdyw!@hw+9aFE~nopv>?f<=sOj zQzFekg76bfZeJ);0b50O4!nDDpFMf6WZyKyN} zhKxUV7NK-vDl?jIgRz&q{75in7e{<@m{266KVE|mUBYt%Xy$k@KeEgqHw+`1f2DgO zAla-TEuf{nn-FaK1lfMyk}(6d;OIyaNbS(@l2Iw;AY%lRP{0LrfwSjkM$@6@Q9nFIsjI{h$z5ZBI~!>I{rq z9uTz{l6s7t%hJZ{>}18TzKP&0q}O&zAum${G@ar z!xn6J^{X8KSlRG$6!EWE?wc+@Y-b zzN*{>oHIm%g@Ypa%l8)fV61_+7}tJv0t%XNvbicybVp{G_?Tz;*aiSJ+OtUXtcFUF zd4`Coj+-PXl_B_83CW|z(6>YEGQ@!UX%T3N1*5rhs|rM96oOikWQgIj`J)g! zKo07D93G_pgbSa|c7tmZgV#8q7?nDL2felw%F?n#k) zL#oXZzYSAhlF&I%WCqAVQ${LvA6**aDf~k|3z=~p%v39kDmH&{50uGu1yF@Ih_m`D zkISE;+&0s_V=ZR)N9kb_(I31LFYY4k7jYqDtk$eCMJe1lzsORl5W)&41X%=dHFzHP zfX!Ps+gnsB1gi?gce2=gr(LjkUa>@Y9YmVMlUv}>;}0THygy-G)nc$A7F<4?=+C6| zi5a3=k?22)BNbH|q~ja#K~r@u@MHhgZb6ZXqoNt=IL@p=O&qW3xci#3Hoh^bD7KEfePmMIA=NyzN%pd0g=!+9$x-5ZH=)y+ zXZf0paLB_vWyb1TW=p2^9i5154G=8C0A-5fuM7zOj70A{WQh@IcGeg3*{rTVVFSf6 z+`8bHNaPLoP({)}i148v$J~e46qf=f5?X0b99y+XMKx4DPn+Pb0{~1;qoC0K;(l0G z%x-pzCGJ9{Jw~~)DKaVU>QE}#0`COTh%a=I?3Q1ZUdhV@K<+O;#*rnUOw?W{Pg9*d ze~pa<3EPz^Qrdfv(07;l0(ZZo!H7GA{5Se7iZEY`5BH?>)gnJq4cq0B>q=yz$P_f* zD^ZN7Nu6*>0aMp6gzm=`cMK<1tx^0I1Yc>70?-~NsP$)z|F$)IY37Zz+S>lzf}zEY zNR)F06eP+ibtx-+M%WEi2c+vH)fVf%114?d=QVJ}?bQ&mHZ)(nQiEE#Cq_L2`X9<) zvCw}-6SDVPzVyPgjyZb%1xhbO{3tQ=WlSZ^P-f|$v;h+Gtd+nJEr<3!Bmb{z&W zN@OJRv?HPUj-e804q5LWiehRw0nY;T`XU!*wZuSy7S7P!8@-m*g7{Ygf=jjRP(-mG zt)MV5Ms2kL=ykvSBx0eA#EZ26iyblqO1rB|CAmR9h0jnxC-m;ZCMYS{2E9xw21&a= z1%;{%a!O$uN}iQNo(E;ce&10K@6nR54ynGLUw)5BK$-1$1GRsT+JkA0nQSN_XK4zW z3=Ae5k0J#6tR@g-Pa(bBpUHq9-i&lX@St?DS4F^vhpwaEam37>NRYPMpcg7EwFhi} z->c%F;`UO%Jxe>{04L$5rBdK%Q%_(r=l$LaXC;6GHI_t#Kqo4ES3Nyr-)MF8-POqx zvw@q^?dOJgYhB((e_vBsY~B^nY;_Ptm?bK zYmy!oWc_zDCIp76zwlY|??1*@%dPZ_Na7l4!agLoG(@4=lyD4X3zZ;7mVh!QVWdQ# zxq9J|-OMKSC<9Icc}RHpD67q|x|tLKSiqHuc%+y3)_wJz^B86VgoI zG^Q)T>C)&PT3Ee7zIMbrirofc(n(&y=NV&sP^VUYx`7GGKzt~0jR}+r-$K651py~T zDSNwZqLI+cMheaA@D~jTkfO5d^uly2iJ96F8#oEhmP(B(juk|$tJrVjg4Y{S`{OC< zTV4w9$XrH?0zmg~*S7wGK{WWADWlWJ&=^QoR8-Lz$iBU1*r&%?-8kMV6tSO7M_{GwZ%~L?WW|<~*+eb}nPt{*+1U{zLJ{?dj~=XtkKNuVDh=j9&@YX(!CpD2PgmJ zh|2)KcS-vCAF7Gjf25$k=lzXuC%anrkMet^e4Ir!1E?cM zh`LMtD9>K5!;t^MU5l}As*`Ci`&>BRKK4vT?w*5+v9-Y;_cDhBrv2r7eOA4E?3~Z0 z71DP#7-yAW-qhFyZm_Fko#N8X8r?PhBIam|SrzeI9{w(Pyf>lGThQ~An5>A>w_yn~yJ={fIc z&#N5-JM;!8_wpRy&A`Oqlm#=2I|waV^R8!2vhYZWWTL)$5;wH5EM6F0VZ^gJJZ=zN z&I=x$Py6687b?aI8x&rx9Kb$&KNEH~$%yyQG<5Xz>UGTtt>s!`gM~d^7rg`p8QW?GiO6#(2>*4Y`xfy*B}yFQ znzE(R`>HldqS*~+*7u4v{vK0-vonFuTIMz9dFibjs}DnptsLX5^l>A#>Skf8pltk- zg)mfezM|{ioN%P|xf^fXEL)qXfi{9r9}XdZeP+3G>DCSI&;24Iv-`S@xbzcltD8x` z;v257An@4E8zOiKmRqIDoV6x23s+2^gv}mg@4rx?RmSb|=}6xaa>J53DN5YN8__PZ zA3BSD{G;0k_XvUm7AKk=c3oH4RW#hm>;5QJP)FbUQj76oEkd&op?Se_;?kpz_nVG$ za$RD(3T5=)cK+1!abi3^;l`_uf}c_OUJyp45(=S2`d=G`KVG_#oDe^@e52b>aqQD= zlic|;VQb{$n*tA>g9+=hRbvOjH&ALm(5vhTg@``HH_Ay$nm4+}HoO!9mS;ptK-}b0kcG zKGN`j*Ib55Q5;oH>7Uq!CCx;n_Y}FIs@lh2CzE)fw`l4YsT#$-k)=&YR$eQ#^?P%q$TTqav2!XF^)C9=y^yLdSg6Z#|mk6okr zl#74b^rcA+4XGL%bM!s#K3$uP>LrZ6`s?U7mXf3X(%U>Jv>Pt!ko%3J>gJ%$aN{Wq zh5qHIt1tHg79HphUhz;8JlP&6yPsgf+Ez8);Uk?M`$Ky)?awO@np}5pU9;P5PkjF% z;hOTc_o_X5tX|_{UO;Q7Pf#p3>|?uiBFeyOBy0=q76==6{Hfm6ant;%!9mMj65lGM z?(MCf@o`Rt`)h9yi42Q*+^hJ+WlkuXU0lmoJY(FJ9>v!laER~SqkAueJmcLzsO5Hy z*5XiFSO08A=ru0fc9g33MNr8f7itS#U6rrToa{*v)xLiwQ}W*#z~Ny1T(r6RQQN() zQ5A1w9&b~T%Z&S!+;b^6eOvHz?-@G%XPz)YNOv2V51#3zs~}^N8ld!2s|*i`tzl)S z1j`*~_y!6W@-kl?f0Y7Db9{F$THeGFpRG?4E(#y){hTbbkU?<9j`EFtZMhUh3Oj{P z;8w*`>!k8N>$dO}vCTBS_3EeoJqf|%e@ptrpb*2>om-alzs)RGkhE07(B8x;YZp|u z3m(bBMOa=C=l@!YmuV#4kcrIwa7N{3eyGUlRl83Rsdekdjq{O189e z^(LV>mh`uRrwuG`|I>``H5m?=$@trvv|t7fq;QSSe~N(J24)F6qWE2~+RJLCIU)L2 zx*xtEEkIeo{Wir8y*YH&bwL=y0!TPmwuPg&!XIE()ucjFXa(>*1ZN#)HVS%`2*1DUZp5jG1LbvJA@HWop|YL6U^pE1U$1F*0Xae)(X(9wMn z8G-=L&qQK~SQPq`jB<&sOS2J^Rj?h6mqtwbXod){XA24x=nThsC>HKnWq@VuYRBdc z{{@1G*Xt+D&gH&02qVO3`2fv7TLP5ESz41&q6^(0x zZa?0n5fwI1--m$54qvzm=VEvDt|F+|>c+mzAzV^4`rCLa8rz+!?9#O$LpZTb2X?OT zqZ-M@#VPB)M-)Q6zF1QCq)p*#2n{$WH+LTu1=b6t%l9~6QM-qdr=OwMNhSm19$=ZM*7#AgG5?T6VZNIB2LX1$9K2frGl{zeWkg4@iGC}08UC8k-`7&*UeD0EKo?-?dX6|u!` z9NM6sG(W~awj95V+N{Aq*NV6U^j#!wZ$>XA(LhQJp5m(yOgB?R7F%|kUB@&F3Zu;y zieFM0h{lx<|K)@)l%bAsn>f^l9MHFjC0~9X0e7b;YoE562%0Ltq==h4Wk=|Za?zm@ zgz|xgq8r!u$47Kye|M`{8x8Hvp9h!lmU?#>DvZyVPbHKkgv=Xkq;2SbKjQas=Nm7T zaoN^y#wINq4dWljdj+Ta2{k5je_MfJFs;;cX=76r@5|F-M`oUnjg6`A@VRqIef_-d z_{nrt&=!Mrgn0M7^_`gb>X@ikNfAQ!L%3wld&Ekt9PN5CXhkr)Omu#Hve`M3JpF^{ zE}C`vX|!Z%o8qZ%UVHN+r)1AZ%<8{=(B1cuylxxg>W{75Cpk}UvFRT|mk18^8@8&e z^wc^b8ymcPzZmHRzr6q#_qzy>oF4BXl#zek6hG!SXehl+N?MtLzERl9=}e0q9UH5< zz2jV7&}O(jC!a#rms+|DSo%W;cV2tS(3e=TJ5TefBUtT}^tKS}944QCGIaX5u%>ow z`SL2Va=6Mn>lDPK`Eg?C$esIwGh6>L^vI%br*equ#k!P?s5mOLaas)*iI!6Z<<(a3 zL4^dV1br&7gfdayP;js(w(G{o(`d(ol115~8~)V=qgm(RHj}x zls5DpIG^41l*cK^eS1L$ePba)xG6NbKDFT|-PDI!>Fv+d{$O=dQr6B{Po=tjHp;Dv z4J+ewH+qfFbAzLeuZP^dxMMQ3mbM}$YTE^nE&2GU4QKBZU(KR7XNS*o1wa4&^ua6t fxFv`(AruR`e6m|@#CjJ5FlJ$9W17FqJ>q`=CKEEu diff --git a/src/Header/Header.css b/src/Header/Header.css index 79c3e68..ff8a2f1 100644 --- a/src/Header/Header.css +++ b/src/Header/Header.css @@ -164,7 +164,7 @@ nav ul { background: linear-gradient( to bottom, rgba(0, 0, 0, 0) var(--fade-starts-at-bottom, 70%), - whitesmoke 100% + #1f1f1f 100% ); pointer-events: none; z-index: 1; @@ -193,7 +193,10 @@ nav ul { /* used to postiion title and sub title */ #BannerHeader div { margin-top: 40svh; - padding-left: 60svw; + margin-left: auto; + margin-right: 8svw; + /* padding-left: 60svw; */ + /* text-align: end; */ } #BannerHeader h1 { diff --git a/src/Header/Header.js b/src/Header/Header.js index 3d0d575..f349430 100644 --- a/src/Header/Header.js +++ b/src/Header/Header.js @@ -139,7 +139,11 @@ export default function Header() { style={{ backgroundImage: `url(${bannerInfo.imgUrl})` }}>

{bannerInfo.titleText}

-

{bannerInfo.subtitleText}

+ {bannerInfo.subtitleText === "" ? ( + <> + ) : ( +

{bannerInfo.subtitleText}

+ )}
diff --git a/src/Home/Home.css b/src/Home/Home.css index 6deaf2a..4a71577 100644 --- a/src/Home/Home.css +++ b/src/Home/Home.css @@ -1,45 +1,11 @@ -#HomeTop { - display: flex; - position: relative; - - justify-content: flex-end; - align-items: center; -} - -#HomeTop img { - height: 76svh; - width: 100%; - background-image: url(https://picsum.photos/200); - background-size: cover; - background-position: center; - - position: relative; - z-index: 0; -} - -#HomeTop div { - display: flex; - flex-direction: column; - - position: absolute; - z-index: 1; - - margin-right: 25svw; - margin-bottom: 25svh; -} - -#HomeTop div h1 { - margin: 0px; -} - -/* #HomeTop div h2 { -} */ - .HomePageLayout { margin-left: auto; margin-right: auto; - width: 70svw; - margin-top: 2svh; + padding: 0svh 15svw; + /* width: 70svw; */ + padding-top: 2svh; + background-color: #1f1f1f; + color: white; } .HomePageLayout div { @@ -64,7 +30,7 @@ /* text-decoration: none; */ color: inherit; - border: solid 2px black; + /* border: solid 2px white; */ border-radius: 1rem; padding: 10px; margin: 0svh 8svw; @@ -72,14 +38,15 @@ text-decoration: none; text-align: center; margin-top: 2svh; + background-color: #a80029; } .HomePageLayout a:hover { - background-color: grey; + background-color: rgba(128, 128, 128, 0.4); } .HomePageLayout h2 { - border-bottom: solid 3px black; + border-bottom: solid 3px white; /* padding-left: 2svw; */ padding-bottom: 0.5svh; font-size: 36px; @@ -115,7 +82,7 @@ flex-direction: column; border-radius: 15px; - border: solid 2px black; + border: solid 2px white; padding: 30px; margin-top: 4svh; @@ -160,6 +127,10 @@ margin: 1svh 0svw; } +.HomePageLayout > div:nth-child(4) > img { + height: 40svh; +} + #HomeSponsorLinks { display: flex; flex-direction: row; @@ -179,3 +150,8 @@ text-wrap: nowrap; text-align: center; } + +#HomeBottomGallery img { + width: 100%; + height: 100%; +} diff --git a/src/Home/Home.jsx b/src/Home/Home.jsx index a0c4d5c..6670dc1 100644 --- a/src/Home/Home.jsx +++ b/src/Home/Home.jsx @@ -108,11 +108,12 @@ export default function Home() {

Sponsor Us

- UCalgary Baja is a student organization responsible for designing, - building, and racing an off-road vehicle in the Baja SAE - intercollegiate competition organized by the Society of Automotive - Engineers (SAE) every year. Schulich Off-Road's cars are tough, - dependable, competitive, and extremely fun to drive. + We appreciate all the help we get from sponsors because it helps + fund our Baja team with essential parts, materials, manufacturing + support, and ability to go to competitions. Their contributions + make it possible for us to design, build, and compete at a high + level. From donated components to financial backing, our sponsors + are a key part of what drives our team forward.

Learn More
diff --git a/src/index.js b/src/index.js index 393b81f..f5c9ec4 100644 --- a/src/index.js +++ b/src/index.js @@ -12,7 +12,6 @@ import Gallery from "./Gallery/Gallery"; import "./index.css"; import MockPage from "./MockDB/MockPage"; import Home from "./Home/Home"; -import Home from "./Home/Home"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render(