From d75898e7e1b7b810e086c40af08db19045d9c81f Mon Sep 17 00:00:00 2001 From: vikrant0563 Date: Mon, 30 Sep 2024 21:46:02 +0530 Subject: [PATCH 1/2] toggle theme (dark,light) --- frontend/components/Carousel.jsx | 154 ++++++++++++++++++------ frontend/components/Events.jsx | 8 +- frontend/components/Footer.jsx | 16 +-- frontend/components/TeamSection.jsx | 10 +- frontend/components/Testimonials.jsx | 16 +-- frontend/components/style/carousel.css | 2 +- frontend/components/style/carousel2.css | 12 +- frontend/public/image/moon-light.png | Bin 0 -> 16223 bytes frontend/public/image/sun-light.png | Bin 0 -> 15685 bytes frontend/src/App.jsx | 2 +- frontend/tailwind.config.js | 2 + 11 files changed, 154 insertions(+), 68 deletions(-) create mode 100644 frontend/public/image/moon-light.png create mode 100644 frontend/public/image/sun-light.png diff --git a/frontend/components/Carousel.jsx b/frontend/components/Carousel.jsx index 264e3bd..df387c2 100644 --- a/frontend/components/Carousel.jsx +++ b/frontend/components/Carousel.jsx @@ -63,15 +63,65 @@ // }; // export default Carousel; -import React, { useState, useEffect, useRef } from 'react'; -import './style/carousel2.css'; +import React, { useState, useEffect, useRef } from "react"; +import "./style/carousel2.css"; +import sunImg from "../public/image/sun-light.png"; +import moonImg from "../public/image/moon-light.png"; const Carousel = () => { + // toggle button + const [theme, setTheme] = useState("light"); + + const toggleTheme = (newTheme) => { + setTheme(newTheme); + + if (newTheme === "dark") { + document.documentElement.classList.add("dark"); + } else { + document.documentElement.classList.remove("dark"); + } + }; + + useEffect(() => { + // Set theme based on system preference + const prefersDark = window.matchMedia( + "(prefers-color-scheme: dark)" + ).matches; + if (prefersDark) { + setTheme("dark"); + document.documentElement.classList.add("dark"); + } + }, []); + const [carouselItems, setCarouselItems] = useState([ - { id: 1, image: '../image/event.JPG', author: '', title: 'devXsphere gaianet', topic: 'meetup' }, - { id: 2, image: '../image/event 2.JPG', author: 'Author 2', title: 'Title 2', topic: 'Topic 2' }, - { id: 3, image: '../image/event 3.JPG', author: 'Author 3', title: 'Title 3', topic: 'Topic 3' }, - { id: 4, image: '../image/event4.jpg', author: 'Author 4', title: 'Title 4', topic: 'Topic 4' } + { + id: 1, + image: "../image/event.JPG", + author: "", + title: "devXsphere gaianet", + topic: "meetup", + }, + { + id: 2, + image: "../image/event 2.JPG", + author: "Author 2", + title: "Title 2", + topic: "Topic 2", + }, + { + id: 3, + image: "../image/event 3.JPG", + author: "Author 3", + title: "Title 3", + topic: "Topic 3", + }, + { + id: 4, + image: "../image/event4.jpg", + author: "Author 4", + title: "Title 4", + topic: "Topic 4", + }, ]); const timeRunning = 1000; @@ -82,57 +132,83 @@ const Carousel = () => { useEffect(() => { const runNextAuto = setTimeout(() => { - showSlider('next'); + showSlider("next"); }, timeAutoNext); return () => clearTimeout(runNextAuto); }, [carouselItems]); const showSlider = (type) => { - if (type === 'next') { + if (type === "next") { setCarouselItems((prevItems) => [...prevItems.slice(1), prevItems[0]]); - carouselRef.current.classList.add('next'); + carouselRef.current.classList.add("next"); } else { - setCarouselItems((prevItems) => [prevItems[prevItems.length - 1], ...prevItems.slice(0, -1)]); - carouselRef.current.classList.add('prev'); + setCarouselItems((prevItems) => [ + prevItems[prevItems.length - 1], + ...prevItems.slice(0, -1), + ]); + carouselRef.current.classList.add("prev"); } clearTimeout(timeRef.current); timeRef.current = setTimeout(() => { - carouselRef.current.classList.remove('next'); - carouselRef.current.classList.remove('prev'); + carouselRef.current.classList.remove("next"); + carouselRef.current.classList.remove("prev"); }, timeRunning); }; return ( -
- {/* Title Section */} -
-

- devXsphere - -

-
- - {/* Carousel Section */} -
-
- {carouselItems.map((item, index) => ( -
- {`Carousel -
-
{item.author}
-
{item.title}
-
{item.topic}
-
-
- ))} +
+
+
+ {theme === "light" ? ( + Switch to Dark Mode toggleTheme("dark")} + className="w-12 h-12 cursor-pointer bg-none" + /> + ) : ( + Switch to Light Mode toggleTheme("light")} + className="w-12 h-12 cursor-pointer" + /> + )} +
+ {/* Title Section */} +
+

+ devXsphere + +

- {/* Carousel Controls */} -
- - + {/* Carousel Section */} +
+
+ {carouselItems.map((item, index) => ( +
+ {`Carousel +
+
{item.author}
+
{item.title}
+
{item.topic}
+
+
+ ))} +
+ + {/* Carousel Controls */} +
+ + +
diff --git a/frontend/components/Events.jsx b/frontend/components/Events.jsx index 9598511..ff0a6b6 100644 --- a/frontend/components/Events.jsx +++ b/frontend/components/Events.jsx @@ -18,10 +18,10 @@ const Events = () => {
Upcoming
-
+
Intro to React.js: Building Modern Web Apps
-
+
June 15, 2023 6:30 PM - 8:30 PM
@@ -39,10 +39,10 @@ const Events = () => {
Upcoming
-
+
Advanced React.js Workshop: State Management & Performance
-
+
July 10, 2023 5:00 PM - 7:00 PM
diff --git a/frontend/components/Footer.jsx b/frontend/components/Footer.jsx index 7e0fc1e..d3f4004 100644 --- a/frontend/components/Footer.jsx +++ b/frontend/components/Footer.jsx @@ -3,7 +3,7 @@ import { IconBrandLinkedin, IconBrandFacebook, IconBrandX, IconBrandInstagram, I export default function Footer() { return ( -
+
{/* Social Media Section */} @@ -12,32 +12,32 @@ export default function Footer() { {/* LinkedIn */} - + {/* Facebook */} - + {/* X (Twitter) */} - + {/* Instagram */} - + {/* Mastodon */} - + {/* Zulip */} - +
@@ -48,7 +48,7 @@ export default function Footer() { {/* Copyright Section */}
-

Copyright © 2024 devxsphere

+

Copyright © 2024 devxsphere

diff --git a/frontend/components/TeamSection.jsx b/frontend/components/TeamSection.jsx index 48ffe69..53b75de 100644 --- a/frontend/components/TeamSection.jsx +++ b/frontend/components/TeamSection.jsx @@ -10,10 +10,10 @@ export default function TeamSection() {
-

{/* Text color to white */} +

{/* Text color to white */} Meet the Team

-

{/* Text color to light gray */} +

{/* Text color to light gray */} With over 100 years of combined experience, we've got a well-seasoned team at the helm.

@@ -41,7 +41,7 @@ export default function TeamSection() { />
-

{/* Text color to white */} +

{/* Text color to white */} Utkarsh Upadhyay

{/* Text color to light gray */} @@ -72,7 +72,7 @@ export default function TeamSection() { />
-

Saurabh Upadhyay

+

Saurabh Upadhyay

Founder & outreach
@@ -100,7 +100,7 @@ export default function TeamSection() { />
-

Abhishek Sharma

+

Abhishek Sharma

Web lead
diff --git a/frontend/components/Testimonials.jsx b/frontend/components/Testimonials.jsx index 33a2429..3a16015 100644 --- a/frontend/components/Testimonials.jsx +++ b/frontend/components/Testimonials.jsx @@ -24,8 +24,8 @@ export default function Testimonials() { className="w-16 h-16 rounded-full mb-4" alt="User" /> -
Maria Smantha
-
Web Developer
+
Maria Smantha
+
Web Developer

"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur quae quaerat ad velit ab hic."

@@ -40,8 +40,8 @@ export default function Testimonials() { className="w-16 h-16 rounded-full mb-4" alt="User" /> -
Lisa Cudrow
-
Graphic Designer
+
Lisa Cudrow
+
Graphic Designer

"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid commodi."

@@ -56,8 +56,8 @@ export default function Testimonials() { className="w-16 h-16 rounded-full mb-4" alt="User" /> -
John Smith
-
Marketing Specialist
+
John Smith
+
Marketing Specialist

"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti."

@@ -72,8 +72,8 @@ export default function Testimonials() { className="w-16 h-16 rounded-full mb-4" alt="User" /> -
Anna Lee
-
Project Manager
+
Anna Lee
+
Project Manager

"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."

diff --git a/frontend/components/style/carousel.css b/frontend/components/style/carousel.css index fc281a4..4066a5e 100644 --- a/frontend/components/style/carousel.css +++ b/frontend/components/style/carousel.css @@ -7,7 +7,7 @@ body { margin: 0; - background-color: #000; + /* background-color: #000; */ color: #eee; font-family: Poppins; font-size: 12px; diff --git a/frontend/components/style/carousel2.css b/frontend/components/style/carousel2.css index e742be7..1d2cf63 100644 --- a/frontend/components/style/carousel2.css +++ b/frontend/components/style/carousel2.css @@ -1,10 +1,18 @@ /* carousel.css */ + .carousel-container { display: flex; flex-direction: column; align-items: center; - margin-top: 80px; /* Pushes the carousel down a bit */ + padding-top: 80px; /* Pushes the carousel down a bit */ + } + .toggle{ + position: absolute; + display: block; + color: white; + right: 20px; + top: 50px; } .title-container { @@ -16,7 +24,7 @@ font-family: 'Poppins', sans-serif; /* A clean font, feel free to use another */ font-size: 3rem; font-weight: bold; - color: white; + /* color: white; */ display: inline-flex; align-items: center; } diff --git a/frontend/public/image/moon-light.png b/frontend/public/image/moon-light.png new file mode 100644 index 0000000000000000000000000000000000000000..cd80633944a6cadc1a823f1773c433e4455f80da GIT binary patch literal 16223 zcma)D1y`F*l*ZkqxI>{h6nBcdySqzqw^FP~ad(PKaCdiicPF?*HsAh%-JIm)oFp^v zWZs#3?>rKztSE(wM2G|d0f8zbEv^ay0m=B^3jq%NiMM~OJNOO8^@of)0{G#FU>*Sh zK@K4!E~@U8b-C%;fwQ>UbF=+j&#B}IEkvCNDGCZHq*Pm_wz*WrjAM4iFs7D>Q^gF} zNloZ0hC_*jS*B`_bNcax*%`Rxy(Ro;D)O!Q;%ee52Y76@wcP&Qiqz98SMYe^n=yWv z$^ZS76pWaM#COCchFT*SsDAnNLx7$XXkfb@gAK}Yqok}@Sb7sJe}4H?N8Z~OwYNp8 zwlT*@1h{A+9^n3PM|qFIXhj@>wb@LKV(isMHW% zJPUPBniJeA3it!?E<(IZ8Tv@a))OvmR#I5;eUY6U&P&2Pc9>H`H7Dqw5dr(o`jXJ;p~)Ih{UY$D zI{m@^BKzdOgSJmch;g8+D$8Vqbm#B5aQn!3iBeR^zM5Dxh;T=6_ug(o>qgu1i)ZkX zB){1ZjHzPk)OcKQMKD38@RKCh`htI$<2T^RsqIU}4mIM+mp4(OlJuk!5PD4_@^2oK zfZq~JQxX9Mc9UqA?(b(rlCeXdz=~4h{eTI zYnRxwA2SlA9gw>vGLtLc3(@5JT(WzlcgRDjFjmp8c}P^I)HICw=z-9=qSkfu6o>SQ z0R7%>+8OA0*I+TsZytPh_@_B!{i+Ur$H{kGTKwtk%u5A`c%rfjZ@=jI8}qNHSn-l6vGoP<@;nAKq?5_ zAsnLS=p}`03G$bNJ+kVCK|4f%+P>4jbulv9r^c|;BE0Bs5R@;9;bui?wwxncDPB2s zmrON0B#K;Yhz!YoFK-ylKv+Qp>Jv8}$u*5adC5yT^17Z=<2vy5%P75TXoi#tc$M4* zuLTG{6X)~I`4RyMW82vA^Fa(4-`w~J`yCok4hhshAt}Cl){=sUmC>_}DTr9R#!C{p z>tf3S?@fxjed0!!J``Qx$O?qG-i)Q`=7biC(Z&2GYR>BQ8q$oi_a__en_3#7<_D+b zdrc6rIaabtU>m{VcMd-|!0M^>#?%7ftp65-*%2sFNfD7YdnySXK^8CA%a0)-fx%rN zb`c_@?T&R4>IDkY_9UNMI<<~wq;!)shdH|u^MkZhs3u`o=v%vm0g64iv8vfbMAaIfr#X$LM6n@z^@Q%hO9;Sv3HPh|>S{ z*ITcNsFmtxAew|AECw0Sjpx)7>q}Qx1klMi+lg>QatMPURF|no7x~e)q+ceLSV{YH zHsV1^94_75!kjq%Lo{}{ZYl4P82n{8@n^=X6xD4hL9L^Cu~mIX*1=QO1g3FpO+!8EXF^j{ zPrih#yj|&VMZpxe^I2a^kC9Vrl=x3+q<>74gZK?i3@E8f|n!}P$jJZeY9Vj^*mZEyYQEb&3Tlszzu#7uH z#}{IP#7p|6!|dg?nJ_@&^SwD9KjWsg2+^eW!b$jwNB}5$*|DQ5vX%J}!uy%wtEqqi zkbo(wJ6|+$!)e%gjon7M#(05YrwI5S2I0Rl91=h71-G~VHFYX_*fGoLRI$C+OX2^lLLxvl4~@!T8AI6m$;8U zoxq z7B<>O)sD@mW?aVNh4CBaA(3>jaPGT}(`@{H6f-4DSS(ZT!7wFs9<9mm(<*WIMdC^L znzhGtKJ`#jHAwr(M9?B`!Tye}yDu{|Re-jK!(3SUJI$jXhArAP=C#9CFtAPDlg zrT8qH?|oObq-JCQ>4)lpmlJJS$WZVJq4CtgH_#=A`85T}nVPyG>xtk|+U(`A-&_9$ ztnfsIq?vc=v%;PWMZBo?5+ldwulam?25hVpvPvtgbvGg#GX`szh~K@Rr{%&1&7YC9 zxhGxQU2hyGuGeoLOC$Z^%>w4v`5Na-$;=-%H*pjknnC4wjjRe1smda!C`%}SWge0# z&8secB;-svje8~uI9?K2MH%_#Z@---*3mXKw?CHobxApG&4&{bOas|j)O1?E-QKj^ zj61fyEX@IrryY^Du&%kL2dtJ?WsOtT7T?-vG+L;lvXS&dXwdmdBotLp3wN)3M1LJ` z2dq0Vy#d>`hWGaNl9mRzoywvnv-zDSbE`kPX%dA&4P;n!BGlNnpw`|aAB4?QH~gKm z&_jNrT2hgsfm3OhSO@G8WP22?VXcqHy}RZt*GB?}*Zb4?f;@8JGCj}VKX#w}pM-e= zFW1}!K<~(1F_~P=OWKu~DSw>C^@|2n-tZ&*z?tl-^E>sm5Tz6^iR4tB19^E~W}esR zOE<5e+q9tP#bS#}A)J#)1=4q`X~UDS>Mr6C*1RrM0ljeF<{zardj7yrO*Hfqi>xZh`3y2Zku>15Y z&RuUf858eoDHTIdfVQYw_84_JTj;h)IGHCsO!FcjBM7J>?!oi6?L4zYm^!4}`Et~) z<#9FFX<8HDpSk=`^&Y&+Q%L+5N>z=W5-ZvNM*N;b-HR1Oa9vg~dzt1w*K5s!5ftfm zof7iDD_^YOUVLnb6C!<@pOqr5{jvhjaMG30slrcb&z2_ZnEo{)txo%kSrIh2ng4Ci z7bl)?Qt3M}C6w(Ui$3c%DXX!vM2(^Em9rpY&}~%AF18Y{!%qwE(*Wt7L^hK1@}C0} z1Z%vf5L+zdhB;FeZTryiJ%0D!WGh3O;&FQg&SbH zxql_#mO5m{7<-CV<|7;zztu69n!NZ@E^Q*jfJ=f>hBzzN!>|Nvc{~#LgVH9_>BsKC zOfCnsZ0FlkIr_1sr@mVY$tKn7=MI&a@FlYs|58iE0)_4=jBb`}Jh!eenk5Z{hl~#= z9(kB+T*0Ra?B3S9qYvAVi*{gV_j?KK-FndW%Uk7Al9%~-Ii8V^gMa1{({dUrhlgm9 zAl9=lAIs@=3{DIFuE6m=>)ABai8IjuiACdMJHYVp5O=eKSKW4)oc0?_e}QwH18gotAeWr=@;UflX_s{(y? z|7k5jr8fq&(__R6y}ctVw0WHBFBChRlLMCQRhozj;6-=(-1NsD3cZQBI*1HVUa4GmON{8o1H1jYWL`TvvJpJQY3njV1tovO*pgzY z8E;_7qz;T}s~w8uZ<4jPl^Z=a+a~8rrnO;lg1BAzYV2Vfd_cj_%jm)vGqDgcMBHd! zl5w=4H7q0g9V1Ynw$s#&zJ72gaRVVV1cfe_IaMcZw_5V3@e#Z%C*F&3PEvHvb-(r8 zzJWZHN{m_ArrCsrr+v?v0#D%>2iOtqmZ^g*1VsQp-_#9hJ`fqIt$uMRy}8HW+|>tc z5^jf+#pxORC7bAvVF-L>D<%8Vc0p^&g6sWv4OumY2`Ny5CT1mWhk|#j)AZKOmsX z{pB$A;dI73E*T>xqj=XbA_wJ@^c#ba1}yN|Hh5V?arCd=YAF@u0$LR;BlXJ0LvB62 zH4mJ;@A;*t9R<+IplgZ93~?oAITUqO@ana+Rd)izHTg^>3}2cmQn_X_uyX&cn}NO81|IbxG@#+o$_c?)e64xwt*7~Vop;mq@lP=lA-pLv z5w}DAYonIY1?%2*Ki}0=gEr$3Q}ZV0F!!;O;a*I1*z9 zYw6%d&(DXP#(iM|Ew`!k63=K!vz$z)P9`{*iG;|7g;*%jyybSFKY$u5^1}H_frD^S zip<|{OGC@>3Vu3=v+y-$4dXO;#9M}eSqJtbqZ`k(Gkk`|eVMh1)>sSLUf>?k&%FWa z@$U`r_h~LZ3P0Vy+1H9CWGjGq|7|(5&vn6rk^MA)J?+KPva?}yY29f#xyEGB{_t9D zE2jg>a**T>JwsX$A}rYEXeh%;HDq;e>YkG?*jjh zzH3Hg|6F=m43g38PAX-4=mPeJk7-uxH*OvQ?3SugpDx-#3*}4}o8&w4e(8!uyxL5O zD(Yuf`ZxNJs!4UXF`!y8k%qI-L`9v?m%y(Fx$H*+9zwaE?d3hGYF)a9ZI<4?r4P`x z#QUkhqp6GMmm(G|#}7HiFIHnoHCpQS+FO`VG3<7 D~t??MEy|L9C!6rs@+6jp~k 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 literal 0 HcmV?d00001 diff --git a/frontend/public/image/sun-light.png b/frontend/public/image/sun-light.png new file mode 100644 index 0000000000000000000000000000000000000000..ab64deae78fb9f86aaeb9bd026cbb252d5d2689c GIT binary patch literal 15685 zcmch8c|6qJ`#05H38_@FPGu{~6csXP)3nki2{WOnBt~40&+GZkKjnPRa-C~A=UngWx1nYMc}`S#Fj4w|4iVTXT`*frH&rje-76<^2_^$t>w$)GhN_F`t=TN|`pDXyQomKTwDi8JZQ4hJL zXcYmM9LTbcSE>MSIKBrYJH8zjm1nvW{ru_tBksvLV|mg+11zc61!pBPh^lPT1>Uqu?cg#M zVuuPGF>54jpIf|Kn4zlP-zbAZc|cWi{>-Xsxfe)iJAN+>?1`8!>e}M+Ia;Y&li;Wz zNM5&?DM(2$e`#jQ;nYDrB)%sKk778C;w)!5y}#C`V)&~ zs3#yZpZ?C@EPI(Zht}EJ^xuuTikEp_ZX24-|D86J=A*qH$D77Uq&*Y#FrKmi?@+Qu zvjw3S11Ul_k03W29^(80eVfBMF|qWC*f|s*y;D4ig2VaXfN-gYNQn~rHZn|0B*f;+ zOPeYoO&UJSPKqs(6s|rYHh@$iVnn-Z7}678zKb7XC>lKLy)YQRXcdkp~& z+Gi-n@7JO2C4`3y6Sj#s>rMN*Ow+u1Gk@7ru^(6zsz_waPg$-Ql*hC64AXB*0s!%Y zY->0xid}7%_3qkg!TiGd@{OAl zBrVNI zmY4q{kxd$6>wayyx}i(F2{2&(&-kh(Nj-&2q8vmFygv;UC6p#68?Y~Dxe8-}DU1b) z`fG^Y3luKbguAyuh?HbNd6)R|ZG7~O1$q7v33bWF9~?yg!r(uPk4o(8W|&4Sh(x4! z8a|Vrvf0apfGjv6_76J+Jw_J;g&SqX0FP2~p&_EUD8h^#5NN={X!?Rci4^hZ^$hwS z#xoWKM`FXZO|Ob}Q#S_f(V5r=^ajPBTacx-h{Hd)bnzdX`F7Tw(trO)LPd@1$qGPe zS^VndKo|9>3%VG3G>MHDfV&;FN`Z0wcaDOpSH<#Ue~;>rzED*p4W#iP9TUNGTJ zy1T@TJ~*MA--)C>d1l;ee=vn`Id)3*zpToz#~HTXQ5#PD0W4fkWZ@qYK2xQ1`SWkG zc23#<*Ay9<71~xeWwiL=Tl3#c=x&CF+$bUxpTQ^XE1^$6>+^!g$HJM=p`E^LxDI5r)sgyS~ zclmZj41$9z$M=n$L0mB^Ax>r{cKPgTfA(NuN?o<)m3O`reo)Gz@h!8f#YsB_(>3d4 zlzSXsn=`9yEFDMGW?!WM6`My1_gvK3D%|Tt>05KRlIS@`YK-RKN2EPtd?kiTxLJ#M5+QkwCeeFZO^krK*!_q-<FV*?79%IZJf>RPY(L}e>JwM`+8X>UZkFm$Dprj!L$__PQ&-M+#P*g+OsL|bd#-kSQbw@(9JcX#nOzd_py!Vx z+g8K^F|kA)mJGX6NTY$iZ+^+|<4u!)`Pp1MD-Sfh5-B|9x-I^b5wXat@%Du3h3K9o z!=Bs6Wl!-C24#w+##-N10+UuH}z^-zIXwmx<{Ox|bC50y1OQUdW;5@syeDxQT z(gb1qA;JUh7W2P}+L%^dKAy7j!rq^|y9dE#5X@j>OJ{>A!sXrS3$y(49P&;_e$Q~6 zIpwtoo;Hsegk167+C6_3QHp8h_YC`)>wg0})WaC7B}^1930wc?D>!_Xf~Sm;c^e$HT+BuuCwluudR|S(BJVDTbY>=}%Dug5iQ7LT-ZVCj{A> zVdM%=^m{CNyhq=BMG(bwYIm#oYtVarxkS4M^I~iXg;k|-xirirItpA+^1 zp=^NVg#HC^J&5B^PNAAggaHYU(wbMKg@GOZ<=#cPZjcuGd(QmyFxUg^R*cUNyrHYZ z$6HC+8aEylV@ayeo&*Z7dz4}gCiHQl9!BTQ4Gj}N8AV76X^tbeG{s*aaX80Sf?v@q z>!k=C881Hc4!Uu`wLig`YObU>Tm^bs|NPug`Uap^+ISvm=N^8ch8Xr81w3NVs-*6! zp-3q(m9+NK9!C7_7(^4GzO4!ChYEWW56nG^-0*|Le)>!J2oN2Ah5a{HUQjEnm>Yd= z93}YO3#=dI^1_|DS+!L7&7KeiIz?XL)rLz8nUsf|HgFGJ^hrMY?PNb@xFJGGbYsYW&cs!rnskMjF}PEo=+ z`hZ6oK5Z9z<5m4#tHSQlUx}tr@{Zr+HiyJJJ@qq~-wpb_^U?lT8mIkO;gdsm3s7CR zwM4?m0HKR;Z74E3qyY==UdPY+5l8oN9)$2TfUp&VnC({A1%qsN|C#4t*G)zHHN<_S zR5B%j{n4tT57Y=gRxl{{Ir`vTV!j+jczz14(=;CRDvrMla72H+H{Q}SWvmWCdI8kw zK#%7yi9D+`j#t@eV_zVYbNk#(uE4xs);-sWL3zZHiFQ8yVwLw$dMUWy&%EghmT3e# zZNPT~7Cq)vYJ;2N#VzmS8OG;P6)!N(FtI0*qbTg2=CbjSH0QKuQO1EzgK2w}?7U*YYT6_UVv>BBW zKkzUC%!NC#`#dEU_;Hp$Jkn^EC#t0#*9f9;@15&c&aU1LCT#AqG0o3VwHIznjB|^+ z$yp`O>`XjcqkskkXtC=P2^U*NcV}a()S0afK@{9U!=B2Tmlx2cuLn=Rc!*cL`Bcx- z!ms|m?SVb(&$?6p4xcmVx!ZDC7+z4JU@_0(+@H=cU^TZZrn#72yj7-L6N8i*iy%Y` zgDLJzb*-K6AJ3X~f!A3Pk#gI@kPA-Fm%~v8-W>N_u+duwI;VVlwKs|KQau z)3naM`x&Kz;d_Kpp^<>{Jk#R)o-XvS`EbKMKoXKE3oq52=9A|J+e6|sO|eI6gF2kN zt#Yh0sM+n*zT9^FxXlgAiMMB-#vlZVT%qsa)tEv*y|!&_a;V!OHC1Wz!o=$?!w;@| z{95v#hbxENuEZ?YIYs1Ujvp!-FXPS!dnP)bC?OaSgg>bEYi67x+Ge2g9qUSbK9&-aN`*#vckfr0zVq?Yo+);>%ir&WS4#pU{0>KV zckFR$chmTJX0@EQLhCw?`}Xnp8y7QeJq8`wGk8pd%Qrkzb)`jvzyE}6L@Iv;CCynDQbO%OBIn3) z*xRyF4&{CDYx&LSLl+X-YCU&#P4g!kLQ~uY3`S%+WI#oYOBU;W#F1I*l&V52lY4R4 zp+PpZQ7h;L0T^}iCr$zTm={47iZe`GHQO$_H0>X_lS}jRW0HeI?Qt%h9g3KFyEW+#EJ-t!W}xUdHXJXtV-< zd<(OBPQogSJnUpGWR>+f8YGT!mQF#qg%Yyc{7PTBmTZ?<-m}@kB;Pkbv@*7gWK>Pw z3z^;n$1D4ywmVJvwxaWbi)Aye%j)Hsa5%Kza8F;+hhLI28{^0&o+9EN+=}ch5O>JEF3Y;@*KO7T%y#u8xLh>-lTg+hZQm3yKW$sz*pt#` z=j9MFv=|u%JkM|<%XINn-^G$uq%ThUvTpeDXpWj5V01lD8_ZjBMv&j0)xkKwm$u`=DUH4tG?&n>Cx0BXrQkHc`9Zxwl{MW&=G-4E^Zci&k0Xquq!=-R zuEdw*$2Q$=7=vuNBen%3(EW<=frK%e!M_f1gF4qJ5!(Q8;b^B=eIywMc+!eWrS6Gz#n+x zhx~{kIqDL43e1L3DBmf#m!FFDN?c;xE;qSrv>}P3P^4d`b=}w5KX8s?RmX!_3LxUx z)XAlP)VKklH`MJtz2e00Kna`Lv`5A@iJCV!5fiAH1A|IVsBcZpKwh&x0w--iX9uk% zVi~RgScruMY4=^A3x2Q_|5w#ra6rS}4WPG=57E}Vy*sE>_PD$Z=MKQ$fX9ODpZe9G z0Ep}4Qml8f zzH@tcpfn~=f5qqUx#uqCmjS)SfZmI^pf7o`pNhjP4)1r60JE$Fvq=6NYCq?3`D^*; zMkUT>hPQ57qx;@oam)|VHy65+a1$dyZYTSC#bR<2H2zdCW_-#y*2Q7g@@3>B-U6M3 zn!OQYV#p&2BRqoax#d{TD#&$ot3#()fEA0U??#UsHzN{%O91vM@0>=w@_i zbvc+;@b1e60`=EoyGB}!x%sVGiNhsJ-`|_)bE!Wj0*Q+UhcAX{O#S-s*0<6j<0;fN zY!&am)iod}OIqzi{PJZeGOd&@9Xs|HsS(hV_Q^TYN`6citlHKlO90QNO3?i%?B41U z%T`z7aAwCYGPlC1fxcj_6h-is!p@1)t(M~QSWXRiVUufoCg zJ1HCRg~LK_vEXN_v3bURte6_y%>0^5ij0Sq%wdCvz1h0_>Y=8`sK(%5iG=(SUw&}JO`_?oYY8q(@S{AZR4v*xc4)h3N) z{ud6vw7oezUlWrCVjnJdb)~2teUdft!uM-pud8}J*HWHa1=y_rCD+AqB;@saf#{t| zFW|N02NtP*8k;$VGL2QrKbBl(8#`Nc--rY5F*M~LvA>NVl}H(#ADK1m$A@|;-;<^KbdVYVm8kl%DX8l{yG=ekKosDo4w z$G4Ruo3ar;v?+^D=f_SKrHcRU&JsY`?Y#*rU3ggGuU@k~_NEG< z9QN3wDS=(u@9&M7h|ZU`BQBaJ&Sdah$^e*gveBhv*3Qj8yeI@pHJBBuU*e;A3;SUH z%@F_>p^K)%1x7LjlLslWwK0?k5LZ#QW}Z_<Y2AM zBQNr%l>mxoojYco#pb6)D_83aHc1MJ7E2O>UCl_&&orpuoZ%eqc9j>D=)Q|srX0%q zoEl81_PC5m{t(@8&9`-^4+PR004S!9RxHg{AMi&CR3Jl_5S zmr|y8vZeP%QfFV-0?!fPz^W<&<4Qu%_5AKVb5aXq+wCTSGv6C|ZP?IW6jrdCt$>VZ5|XeOPldLST$OmRSALL^DCS6vd$H ziC3j%KbES;h!YLK$ycg)FJXP6)N!70YWA9J*!!5Gu65&Mg6nn_&VJ@P=nOUf-1jw1 z(?F*;88jt%CbWGm6HN}kqqHu1g`dueBz{GzS7LH63XamhfT zjmhNq0bP?J4|nMu;tw5oa|HkCf@jDer-X0&HN;@|ZdtKj_L8Vei&jOB3DRW)HqNC1 zUQks7QUShC&dlj=deyP!P5^qLbF|oju?@GLM2l_SMRNm0AZ;trWn_J@5Sr9>eY_4eq!?dX(glpv=fx`+$xn)E>dBu)vb1=M&bc>5SKjhGQ%kU0wYzR0%tRwyY>Zr; zQdJh;_51DT_7=g_80P0B%SN>UIN_6atMIS^L7ML2tR>id-rR(4rF5~ z=i+eB)LVni=NMQYsZ*Z54KW?5CjG9YXk?=+9NtOB^?!M-ij5fPY@o~70F-lPeZEK? zqckxxc04b{$mAH}&`!RG1irEYt88qU>wmT2?w#S%2Y!3j)Bsq=t!2f~ryaqBYeqku z=B%OGU!WzHZV(6(vADsbo1cF{gf=_U-WCa4T6S~q42OKxOi(o?DOpDx;o(1I-aT`n zl;W~zV;guB;7Z2=6z@!UYEB#~q2xIO6y9?rq+k0;Xe|KIO8vU9yR^}D z%RP8=!u;+~BX}j-qKR|Fd9Dh@@niR}UppdcZ z8ZE)|4#;^g`TV~Zj;LyOkUxqO4I*=K+6XD8p78C@nc3fs4(1o9OaC@gE0bc@FgMLM zv(=e3;ibOM*{(D(#YL+Dt;-OZk_Syylng%J)>5aW+Ggr)W6)zBBD;K8%^eyOr5|Ip z)%&&38RK%bJ9qJO(==x6Cfoa-9RUJ*>xkG4j54@4blOanKc^&kdCE$V;@&5DIGE7* z-C1_(_e+^(zi)5-H+Z{e|Jv=^Pt4w(;HfrD?|Y>C((Ox@kN@l@Y>h@=sj~Exg^{8o z;yi!>OK0!0|EBd9NYuodK_RT7QVtVU_?edmN+@hbbPPa}nPG`rtW0e0l+`{9CbSYl zUj4mhde}A9`qP!_33-hvRg|Vx$%pfR6=?Ti{H>ltgkSeGx* zFuMnJjw(xq;(EY0v@lWZ;2_GlmCcz7i89{g=`0Pk`R=}wv=^*UPk25gRcckpk&gjq zisX(t%tt`dJ{gJiT>Q6{C|4K&WpQWGEfdj;BL}@l*4Kq*zR(@6<^#Ngw71hW z!39lFXL1p9MLfLdwFTa+q(`)MRxcE4U1N}NYktOKx$vfU_~+d<3XunBQAL;>Yg+j~ zZ^EBl+{+{7kR;M{zwDSKc+qLW7hM>BWPA46I88_`F@1ddUDjEdI@F^-uSUrVZXbMv zQO|d*pF0g`+Xx>0auErke&K)Bl=J$UbP8{G?liwoZN zr;#awwTYrvHh3l8p9DS>Xgx}etp#4qefUcKMAS4r2Bv7r5(dGSK6qmOHEi8$dDsLE zT5Gs{IgR;LFmVzbPv2~?T@G+2W*jx+_m9(%*Oqg)v(7jC7o;&L+?S-yiQ*qZ=Rb1@6WdrarPT`5$KD6>A{{2|4?X!75@TGp*)Z+qD z!Xbp@N`^P`Qe-o&wS5_M#$e<-C7u;ZU$Y1IY68_z1$xH9p6O%&4=h(Cp8_~fEo=ld z@A|2JY8U9pSV72t4E!*Cu)#qV0Dp9fwx0wGsq({XVpD)SGuRJZEMp5A8ngoU)DF_L z;3b;XosrLne&5foH=Sitz;jau-ckyQ6^Z~p>|s2S5B;_b;3G7(b=?eot(mBLgCiv^ zq@=o@2kw)F6z3xzv#w;RMH7eq9_76jeAo&<)N;!@7F>4UN5J=11N1#*c{@ljf&gEu zpa0|VdtTAf}i z*Xkno@;y$8o`xbBxINdKBKUPEmbPhQsX{UImGZk!^Tu2~b6=nY_LFL^jrXzAMkSb;H?D0{ZfdE&Q7)LC3)dP7Wa_%hERtKvZ>*Itn-e z@}8_OlsHJXSHTC~M7b-kce_J<#PGs^R0swCLX1Z{Y>d1W{MsJJp`Q=B>?8aG+9{ zi7~mUBagdhzm?*LAn?dYW}?H0JVk~=4oA+&@*+^b#WL&>Sup^hw)vr&c6poUSQiAk zTrHuTPG;W80AUt?ns^e(nsS@eDY$xba`fcxgg%?Tw7|6YM4VlA^dF{empR( zv1iwJQ-D@j1BnJ`0YO9N-Th&jA78-}iXaM`$ zjq#qcPL^A$r;Fyv3^0#L@^C%A$sbD%gdhMl1jI)U8{K==;;j6bWqeFDkD9HD5NyA@ zsqKd8nIqw(RMYYlcTpGs=mt*QyJNe11w>z*Y=$erwdZ`fgi=0Qm(w0S>ZdD+G&MTw z1cL^DfdDWHB~1?TH+F4&{=COou3-HJpG|idiR+EBwoe@+JV;JadE%`GBH0)Yu#D2C z?*KPUpTZxDUeVY?do{K3#~n!;>o{RLf>$HB!~ex)C7w3}QNalSK&lWWFyT)ueGGL} z{m;#+&|(P&<}Tn0 zf=hOMI5tkssA%Zyq1!jxUIw-YeK@JJMfqua5O8P&qbJ8KC^?y251yRy+F##;knXWi(%pAu-bm9OW6ePcM730e3bBH= zVrWOpWeR$CsKs1c20>cxOphXd$mJ{V_wQ#-h=OaKYQICgIKaXVwHz-?(L(zkG<1L9 z-sjIe)-t_i?-{1zNQUZGdexqGnPH5qa6+$kxb!`kcPWvOQn{K1vY(P{$NB@>+y)hL zrdeyIf)5l;H;skEG$2ReAMvseD@E;EzW=mpO9gje=^_w9t`|}*x@1$ zA3GPtlL3)e^zHfCN)u+4V!VysQ~yIvAa1;*=%rXnefprtl zdNj4r{M%9)*yNw>Iv^IAjA#JqB5`DxU9|4_Qb|FKj7qYj+u&1G5WUl;u*w8hgKcx| zb`;~vp2iLPO*i+Revt~2GcV@5pOgo%#Fi~+|EK=ljQ9pFqHw0IvmHyZ3sJR7s8}(( zS^@+>i*4*Jx1v94JMyN@7p*Li-3N%Tm`EVJifD72R@?VcJ5qi^bwZ^)^boJMW!-Wi zty26Kdx)Vedb_wS3TVpQV9%;BeyZR=G3LEol@m++C>}qYQQSvjeaAZf9fbg+< z(q@(mg4$D4ZV1^F1Y>fG`Gum!++uf2F$Q*)i*Ie^F9RD=TuhpHkG(>o6IHt|k*wWE zG9UQ|g8V@SpGkP)-sg6I1wmM)J~E<@^i4SlC|&6pgP5^h#h_Q>KTS+0AzlGq8Gs}u z#AN`T2*U1xkUx7B%IbyOE#9=R@-5*JP4NjU0w8n5h=9&$-o!5~S|{p5ZXEwA9ztMi z-q&7sQ8PgB48(VL{F?GAFH#7iXr=ElC`rB#voLHj2KB!z2brpi21te=mQFCymtK3S%$ z`f|ywh0ag91iA9-1;>*6*f5h~pvbm_cFCMK{ZV$~O~p~Q0IoVr<~htCruLEX%IEcW`Cd`Sl)X3=DcVq}?+V#u4LU)q8iv~=4ImiK)xy5Q!PYY%Nk+XLN zH(*_j!%FppbQ>vP!wcz&w#ujysoJIxNLwZ0c3+u#=Nyh~`fo6XpE8L|I|na6HmNZd!PV)l!m67rR9xm_Tiy zt)j$;I=Pl$`QL^)a-mjj=gVPgnS2p|VyJ50zHm%GIb1rX^H!9Cw2VakN)I;awV7+{ zaB%TTTEGaB>&L?*!R-&8462#dgusY>>7Ex*TD@dPX^$ zvF(X>7q*!~{#XF>zyD%w&!4(reW!2nVI8^QXg_oQl0WHZORWbjxLCoon?;x?*Lf*T zV`#bX*{(bJ-OmTzZUNh=;nMrJr$2GF<&o3?ZM(Py8sgfKHahKC#t&g(6MY{@<%naI znVjIkTQl-$Zpq%dDzC6JnKF&^OQLU8Y@kxLL~AF6Inb6}Qw8fKFFLhX*jqJ#4&gmZ z`tlv#@2Afo;nts4SL%!S%(m|Zvm(~62lD1lvq2ChGT z{)@z%?08YlYSxE1{((V`kgYKjt#zfN8F?KuX#OoyeEYE+kl;FW`bAPv z*fOMW07s=64d(etkGZ%Xos%h#`)OL$yHQBNlfRs{bR53=TW%dy!Rl7u>lGow(qy?c zgXkn+lEvI*Hp06Xt`KMFM|kMcE{Lf^c-*&fRH=NX(Yo_u>-)V#|3EsoP2ws51V0?% z8TF`VW9nWbit%gFa@5trw@R6Xbre2HlV8fV12KT|uS@690GC&MP>kxrAcXfQ&y?nu z=Xy1md8BnI_UJ!0x^nA>Vzp1s(g&kU<~?-?9>~_ueL6Y z{+GF~dheQ|m;1hqdt?>Q$|2lHaCc;^$WG*kl(3IziY(n={zDKKtv5ZKb|lSY z45G8!x=g=ojwq{csLQH}nNEv)a@_Pacac?2G3IP$k-Ac5#>C8q`G>)*htu&DYY8{x zr&bW$L)^=?R#6H@C{**SMMZc-hFgE%A{nYCGRDZ*z%3_t*u})IoCn(?6s3 zDhvx1ukyV7R&yNx&2^HR4BI+WxUZDrd{z!N!cZmW#N_NYMdeexG>2p4L%@g@igH3R zZF?GvgDGtFk=H_y%>SRN1A#toe+VIWY(Sd*Yyh?3?))}-Yf;xIu<(5c1MEq z_MdtidvmcGWr2XIS-BplD=2D1<2?ELo`B5G7-sn3z2QD`o&~Fj?9E&tRh15*0z|6Hyt9F#rcZZHpCF z|8zJ9u~3CF0ilo(XCe#v^^F-%Mt7mOWTAeF%1xlRfGVDa(F-McPgygHoU8xO)jG+) z#K1xOrv&GRwrg?Peh}gLo)`gBrMb{Y1vNNjcfZB|+)_nQg1OQEa2eFZFl~3GE|j9k z!#pa$H&DA&Q{-@ITEt9wh@62&zzMBP+fTxkFqQqE`Vzp3bJs}$jgle}frIiN5e*#P zU)sL%2@u90coo9&Ak4Imu6}E+h{%5& z;#gn#6Y{xA+K1RjjCI=PB8Pfh(0&@#ri)(h7H{EoA|?I&`6J=ZIu5t+W$lg2o>UBIs=Ox>@A$ z`^LZDO1gJf6Ra|Zx6Q3DK3d3~Y{^EzV!?h9MzjqRoA>d_qjKF~!fk57Gg$VAF@UNj zx0x!`p$kzYDF%f=?R<6|e!+>p=(@FiD98dgU-?daf8r-EazTL;%%PPO+1!BvSkiWJ zle*jasGp|4ITr0RQ?tC+k(9kYTCh_hq_<=kM1xO9kr~~jB}-)p`B_Dq{Ci;#Ed@{p zTrq%^tRq%c)y(InGSyNb~36%l< z!il2e5`{vM2S8r`|FIF$0e_nZplZV*%OQW^4|yNTTr?rX)c>cti8K{1_8K@de<<`OnwcNUIB@Cy{{kV%e~|zH literal 0 HcmV?d00001 diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index 7ac1e89..cf3f78e 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -10,7 +10,7 @@ import Carousel from "../components/Carousel"; export default function App() { return ( -

+
{/*
*/} diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index 8442c18..e45a495 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -1,12 +1,14 @@ /** @type {import('tailwindcss').Config} */ export default { content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}','./components/**/*.{js,jsx}'], + darkMode: 'class', theme: { extend: { fontFamily: { generalsans: ['General Sans', 'sans-serif'], }, colors: { + darkBackground: '#010103', black: { DEFAULT: '#000', 100: '#010103', From aac87c4dec742c1cc584e370decb2d2080609497 Mon Sep 17 00:00:00 2001 From: vikrant0563 Date: Wed, 2 Oct 2024 15:58:52 +0530 Subject: [PATCH 2/2] Updated TeamSection component for better team layout --- frontend/components/TeamSection.jsx | 37 +++++++++++++++-------------- 1 file changed, 19 insertions(+), 18 deletions(-) diff --git a/frontend/components/TeamSection.jsx b/frontend/components/TeamSection.jsx index 53b75de..d0ee0bb 100644 --- a/frontend/components/TeamSection.jsx +++ b/frontend/components/TeamSection.jsx @@ -29,13 +29,14 @@ export default function TeamSection() { 1024: { slidesPerView: 3 }, // 3 slides on large screens }} pagination={{ clickable: true }} + className="h-[30rem]" > {/* Team member 1 */} -