From f87e412d6905aa1db48dc463903863a565ef387d Mon Sep 17 00:00:00 2001 From: Josh Mills <61624970+jtmst@users.noreply.github.com> Date: Tue, 14 May 2024 12:13:07 -0400 Subject: [PATCH] 22 refactor cards (#27) * card refactor and styles * topic bug and cleanup * typescript * typo * new logo tweaks --- __tests__/index.test.js | 14 ++-- public/logo-short.png | Bin 0 -> 29091 bytes src/app/components/NavigationBar.tsx | 10 +-- src/app/components/ShowAllToggle.tsx | 31 +++++++ src/app/components/TopicCard.tsx | 79 ++++++++++++++---- src/app/favicon.ico | Bin 1014 -> 4854 bytes src/app/globals.css | 118 +++++++++++++++++++++++---- src/app/hello.tsx | 4 - src/app/layout.tsx | 15 ++-- src/app/page.tsx | 47 +++++++---- 10 files changed, 249 insertions(+), 69 deletions(-) create mode 100644 public/logo-short.png create mode 100644 src/app/components/ShowAllToggle.tsx delete mode 100644 src/app/hello.tsx diff --git a/__tests__/index.test.js b/__tests__/index.test.js index ac56131..d5b82ee 100644 --- a/__tests__/index.test.js +++ b/__tests__/index.test.js @@ -22,10 +22,12 @@ describe('Layout component', () => { // Mock the fetchInterviews function from your data fetching module jest.mock('../src/data/fetchInterviewData', () => ({ - fetchInterviews: jest.fn(() => Promise.resolve({ - interviewsByTopic: { - 'Topic1': [{ id: 1, name: 'Interview 1' }], - 'Topic2': [{ id: 2, name: 'Interview 2' }] - } - })) + fetchInterviews: jest.fn(() => + Promise.resolve({ + interviewsByTopic: { + Topic1: [{ id: 1, name: 'Interview 1' }], + Topic2: [{ id: 2, name: 'Interview 2' }], + }, + }) + ), })); diff --git a/public/logo-short.png b/public/logo-short.png new file mode 100644 index 0000000000000000000000000000000000000000..d108fe5dcab8c9eda88469ccb8e027b11961ada0 GIT binary patch literal 29091 zcmc$`c{r8%8$bTYOj@Kl_Uc3(3E7$A*wc}ctRY!b(jv>T6He3Ope!NET9PnXvy|-= zBFoW2NcL0qkStlh_wyXh%;&$~AK&Zyd#-D)8PD@x?)Saluls!_*g#Kv%ckv{5CqwB z^a#laLDrKIgtd3WdU&&5s(%#zwbA8>xf_D;;n06r>i15oBgih~DCyt{?}V`~8^;*0 zq`{xgTRP4rI9jGZsgE)*Ryp&VQMf?Chp=<`BU%^hBTuP(?)wzE_cM=m@W+sNMMba3 zSArM5-Ff+ZIP}ep;rPpPoLioMN~q)fb}PE;@}nE{SMMIO^xY}^NH)5mcg;>I^6$h@ zHzTdIUGvSv!MTLNGHavgP3@BzkM@xQ1{YO;uK(wc{ZwiTYf5H*SzHM9)L?N2T|wF_ zAh5jSNwLw`I+Pk)mkq?X!sgbxq-tFfKA1Xu{7SvfvnqPefgLl`s`r0K$IuWivTYEo z5k@V3xYM;Liw8F-)L(TjwIYAo1Ra2!xEjIQ+47ubeyho<$I(>$lkA{7U!X4bZGAL+ zi}+GAeBP$7#rKEt-=u2C0z;c`@4~mD-)YDnWZTUsfwMgH6UhPfH>ipq99t~>7k*;X zMRB{?4(x6SJw2 z>5mUi(J_>c;RlUe`3KM zZ#MKJqPmAcI|K7Vak5dq4SSyv`gMWgBfqBpK~52B2tD(z;#G!lQoc#UyMWK1W?Bwm zQ-`E>2R(@WQbT%{1&W`HD#bOB5f zH2Ov&dzyswj*BN`S_D(g+lbivYsczN zpFis(i@pzjc5LAr`PsFwQ9SyM!Xm^l@G-Y;dFX#tKGye`=F{`F2@M%R*t}dHO^%oY z)n*J0m(vQ|C+{#6Mk{}^{4wT?xMsf6K zatR%if$09-LG>U5!Y397rSUsg-C$C(o+@@MiuxXg!A5gyRC+Eq3ar|I(Qc|Ue_&Ju zXxE)ivG6RmshaT~akN$IHcA?!tSKmH=WqykaoVxk(3o!rhwWG=C zUdQV^b-UpvMFSS-2teIaQG-+hu(XDssy;Eldf4Zx7sV6!7CdT!_s* z?m)16fSTr3jH^#LcLy<;BFC@q)OnWUc9&~yOZMGCXMdT@h@^X~CMm%+krgE;*G-ed zKlY23B%#8OkE69EWY&ZJWlcBN--|e81KeKIm7%DHcN|LD;4Jm!T|H_4hEag@G5m}64`(8rOWsujJ!(dM{C0R}^4Gv#d_8lfa6D22$N$h^POas$)%z!oqmGU|vKw1BV*}Cg6etPKRcfF24f%@2 z&N#e9_;TPgfvhWh6 zD!9nrkLj(ocBIBf-S00)of&oYJhz`?%zvJ($IETJ#(Uzs_Z8Q{FTXXc&~`K(_Wx-v z82zQjtBqKgBt4R2N=mqJVC0wRendr7ZLR;_fAX2MY9{ac{zN;;uUnt0P7kOpEVX)1 zL`|tl_-4icF%AWS38>Sm>U7UpFZ>KYUfW<5_>m2>;1e&iTUbTYC8YOS``Y)Uov#f1 zlKi;)!*RA*wOci-KlSkUUQ}j;uePoBk9tprm-eqNv<7w#*y|TA&6s(qb&s(HF1IFr zY_sY5nH6i@F_#5iXy5WoJe9ioCCzMhd1y4}n}kR=w$)p=)jcyvefqR__9er-(6D!r zw-x=)?w3j`;Q>BaEPO7|Ha&A?u2}WdtZrasqW;ALBZESA`XtM5BlpRQF<)v5!G9Vv z&1XoMkGKR@Yb;%!KM@#8J!AM(JWMfn?(|Yl?dq|zDe2YI+UoQe3-xdBA4>l09Jfxs z0(1s0fvyNv{;03045zB!zNku=NY<*(1H#SxK$TVp(R0+cT*E~EqDhMbhl^y!HeKPQ z_a>=AJMt9$lu?2QN-I0wg?o4hW*y5~$mw`u6Gm+#*zKOVD-ajDf$6<9gjHjGkqaIb z^Zru%cwGpe`o2`9dYy4Un<}o}t#`=aV$=(?w6Y9)DljfP(|4Ic1=eo&{28`m#%aF_5!)Uu!jrhVB|b}^&Yh( z{!5MSn$C9ZVz57;^Uw>=tKZ2q3KJ~jJ0{}H@#D|kXiyN2C-?c zQ8;F$?HhMHP~Ed#q_n^X6Q&ZfxA!bxwp4Kyrwf>S+$i`RVxDh-VW1?TJB*synse`b zrE)s?B_~QSzknt^Vo2rUh|{ym5-YI@?n_f%69L;mnRHd{ZTIh(xq-$+=B|nmNO_p7 zqV3`&?~?+jAt9Yjs!lr}Xjm$@xAxmL=b9|H}7p=r6j_JU&RfPkQo`z<}N!2kD(sb?WPNwswDB zllrM^bNwTwHn01ZIrh{)fdWV!M5_~1%o6XmCw zNhFprg`egakl;)E;GXR^OR6S+61Fl6rMj70TcV+Lh970At@lPED*@91DJ@h7BA@?9 z2Q2$k%rkoYTO3==fbJc*DNoXgadYnvI9EwXBi6#zA)UHyNTRliRp_ix@;=nkAld4n zzR8d#{!hPuBSsp7H~ zi}5YSMU2Y$RfVGg-RDx(3|4K%Ro1!4?(yyVno^?aV zXL_cmy49=lR@LH8i7^97LRgwWo)t*B^|`38Bq2M!`-43f&K1pem?;NkWa@ljwUQZc z>_fYWSKGizNZ`wNV78u?#i@2mlJJlR=a)IjpF>wp(M#)o$2u5)d%=;JE^By{)E#}o z<(f^ZA<#iL?S>gm^;!v>PqehMi!jwhlV_{<9<@qs9w>Vet32@;%IVqn;)^SDPu?!N zfP)ywS?#Z^j?Y=$Yd!D0vfAS2+kdV3wUPdOEE*OBD^^D6tC7BSdj8=1S0^A8EwvuY z8CwjZ&VQiJr)Ma5ylH{I}q_(VE2`$%k`uLuaLr%_noU5?Y<*oRlSyX z`D%^Ahwh?!)LKd>qCUAr2&Ihja&RYcqq}v8b+Ghzf%Zii-mvWI`ESlf`op2s6Lmi; zij{GXs6@ zMVIvXX?yC&Q{b=pa8rj#fA2{uFfM#TTOCAIp5hMsLiXTJ(%qAkcllqRvb8C-Wj#rf zz*|sOatG3e5!o(qy|Jmw-x3Z6Uio}t&@}`-G-C1f-9`WRKi4gGwI~;j{@1D9Ik8dj z>8$@#s-p2rFVtU`8yN?uJDQ0TW={;`ywS-TfhBdr$;KIMj%kXRzYxw(+rYd--m$k9I3>PmOF#+fU&mhNGz|eOFDmV9Rq)i(Ay;XU7g) zhL}2Wlvx$=c@jJ-2J+PpjX(WMQY7j?2c=$iSmYNUVPYb%0(DI zx+7ay1M1eo7etc~%xMjk2UAfQq|pmc3d7;1ad{#HDUqc7ZI!yJD4_^HUQ=(YM}>h} zlyB_^Y&X3F{qryVGSc4$Lb9sR5c+;)!YvEDR9456RRSRZhZ7GTT#Be)B4UZKuYTR| z)8Q7@B*v6@!cdM#Zr~ErRj;P)s$D@&T zxLWze*Syh$jus1nX^{+OL4WNaOgJ^df~)jPxKFL(O#rPvRg>*T*Y>f~6Z=I&a>NHA z`-OG${bQGLLE`{Oc+f%5_TdC{xZU_tKfV@d+}~a;~7n`=Oq1@9C*N z+MxuMK>xP1jpgVljprMQJO_wH0<~MakEvd}7)Pawn_EkmGL#$+5Kd)iqhk=2&kf%=iUj1-XFi`NfqAh1CmCC=)b zIDK>k(=J4v1fK^2J*8)UyV>mitS8Y;X(~(->If;Ot{ZWY_YKk1+7$P={gWc)|K4W2 z6+4Ib_TA}rXhZ>N%&_0=Ji-34)a}$7=T&Y;7|Skd;p+#$IfkyCoLvrPsF>cqL;UE| za!PWofIGN{fs`NM!I@Pv;ftrR>({`~ql6$M&VPzjmIeELgfe+dthSr4<5QB)L5ZBm zbdR60U{-|KC=)gs$aPKAbpIF0V>_r$f1WjF0vzWP+cpscB zVFt@?C~|&MGl=bU_myP@*}(IXpvcpm&WrOS&1n3vn^~FO7<;+Xj#L)O+*-r@dEHf( zJQsIi-mvcFaw->Y>g#A_SXz|A0N7ga-SIkiC`H!J9~~3H%GwLX7_8o=zr6BqCV-YX z{+1tkoYMp_-lFAj^k*=7{AxjyRp*+sn9|GpIACJs0k!a{Uq{))(0DU0Xb}!;N&3^5 z9$<0lYWY^bXPKiArkSf9Mpt79UY;<#fYz1FY|W!#x9C-y$NwD??!|waSq&TuOqBmJ zbrG8$2vFN@8OV1^y!%ZdcaWM!-6K zEBbZ>Yc=ZMQD^2ry35D(%!q&x1Hs{3XX`FvVr4gDE)|X=Q+iG*zPRIym6{0lHwgcD z+0O-Mqh=6pieze%Ex210tP}*;FXAC?!@Vljo6gy5v(dN=k+U& zt7446KF2Kyg_~ldMOk+zEEAlslZ5Q6Y$qP92kXqGJCy2OSs=RhCXq!ib|q z;K;U70xF+k)((B>aNX78|Ohx0EjNag0fzx_5bb;RGVRrg<3SI z-WPaOwhBl7@iXh!hD95QC+>(dH6&A`?tu}=jK|rkoh!NfNm>$9VU_nX47S1FH5Poc z)z`F3jr5rsm;DEs-y6l4o^R%ws!5DB{`H=d%zs|cf8`=<7Pq$czN2-gcXa^{)m^Ic zZ4;)N6de>#6})obKkTL?!8?AN&pt#LC!o+~t-Hp_1Xl#bz2N;1;5dLyfdU}E3u_-DZbcj#zT%t8iym^Tz_`xZ24Eec zw^51sCEuz|SGc&wAPq5qU|(q`S8j)mzcL9&4Lza-6wL11D-xzZOsS$U;T_i-OdV0z zt$Q%B#>@dLrqWHa14dftyLuze>hq5O98O2S?twEZ;nfc|D|y-(7<*}Zm!n!(`8fzo zEpSYXIMn>KJMdsNllhkc=*(aX_pBM~x5hC|9feZUQ4NHp;(W1$1!3OR!fME;qitWqi!VJde~p7_BIoCjZAkYD zP|Xl=Z2Ll;*D5evHAMd*mEmxMAM`MFv5iBqrPl9Lt;sbb%Y(+v?U^yuxXX}9g$JG) z438}+o0lPElSoe|8ZZg+Uz8#bWv;rROy8dU|f_a7Nsxd8%s&{u&z zL-kIDyc;?(7R?L2dX45o%M#eA`JLgWsh89Q5-ug6t&blE)FyHWcG(RU*w@|+OUB#% zOrO(CR{a!is9c_?|IP9X_En>&r0#(@DuJxIWPR0vpakawBL!hpgpqqjxa>7inmN_rcTEmu)BH;b0AKhYSleT0{qCThrRLe8__bN}e~_QtK@aFV zg6k>*U0RD6M@V%K_L-tMAJrPO17?)iLtq&2I6#gq{%b+-8v9N{iZy5)J`}U#i!U3q zMdT0NlHUa%3%orBMiBzkrX^vDrm;?w!^A~xhGLDnl?)N=lo6DOs+3X{_KDXxW=y#W zcyG$$o*7EO{EyfAM*7&OT`aqU4tf#cB@k4`%or))#%1cVw^p5Lt(Z>EUXhr=DotcT zx9)U=mA-09GPw5-FkW-basP;nsM@t?GQzSv3qEvh|F_zj9M>Gtl^1^;ZYo`)feOjZ zIdB92i3LBd!t6_F0uir36$i@oSA2dg3m<5J;@=n+-S>L@#5&R^&p_0_FD|MAng=pHSgKmFzU zuLpWoz6h>0p7;&m!)HD(>#)_np4B;wtaOa5TrD6qcy9E})Sw{46|Bc0Uul6pY27;OnKG;p#1`u{x0VDE=tIa=_4<{Iq%CnJP*TZ-;uBW3|1%C(zK zGzxkrT)*<;8xgG0O}f9*!`%$Te!8KBNkqM79ZUVW`hixAq))KUExljq?RrfPgTu9J z&SV2o!{>QDraHf~5L|!V1-O|6YqtX8_1HKZTjI!3SkO`S-&7hJIU4r>V_k!85FVEhU#7mURgy$0TdVgAfV&9*@J+t#KEleU$fZ4O|P-Y zK~agO*k~I^wx2}0HL)iDC*Hj{3&mrGTcUiV zFJ__|(i?~}$Vz{2Ie*V`Q;~WgRDghGOzBPi(9YkI3%v%6Yr8Q%cL5!U;)=uEi|+%C zf~P{$qHd$z7_)#f&I~4?v(`<{B-LHL6OXr;7~yGxBlQFFgC_GlIc|?pgy|QQ>kdjH zJU1Xvb9aDkqK1h|TB!b<;zH{`v=6k_MulDlo6a{{MYrnu%kF1|01~h59~<8XT>=!b z9|YKZnO1xJ#|2CmX?HggHSpa%Az9FqsNL#0Xr&@7kK**p%M(K?e_ejq?1vrZ048xV z01s3E0tNuuYJ@xni&`1+P+{ua<%25{QS{R0bd(E<`Ae|dz+ z3Kt?yjcmb2`~()7F@dJ;TOgaXBstMvrd|)by*LMAfJPCfvnX;(v{#7q#n@^Ppvm#p z14Y(^h^U5*pb`#)ej79bI$PX~Ai`rLrIcOA@5+GLfM%V;t9wh&M4t$=_ko%OQwC9y z-E2pk{$<3L0S`S%!dD}vPpSu>q%%P44#Ik4&?C!8|IsNn!SrTHB>3n6SffOf0*1Ln z2b@~N`a}i6lcoVMh=S6;#IL8W>)_LeyM&TOn*e8Kq`amDnBoiv8Dl*!%u_}Ofp_d) zvpPUC(ng@KOg-5M{Y7S@%78aR}png@CT+PTkpgB|?@2Cbo%f?Y+>fbx@OfVyVzA;!%^g~o6ns zaWHcT6#&NP!|F|>MI{F*CI)AF2|kLJ|6Is1)*mW9MM`M+j=D0gj9T=NNIW1bhlYEW z;{gPYsCOq>!e{sXo#-dpUi2&|oWjJ?PW;n9gLWzwxm6M)SlOR~L1c(LI>5v1OQp2H ze&>&`yz?E|Xpi>WNL1c1-CTRy-YskF5hu+dw|bO=qq zUJ%e1fQQF2(Z&;yR%s~g{1>i#5;6$M)Gh+S6k6G&E8p9Tk3(--xl(XXI>BzOh%YY^(?1O!fblL!ptoi$ zmLEY^43Epvs=nv6btFFnyG($w;~*H;qp3bm^*lEKp5Z2pF`sI1<0B>>c}=g5<;WSI zbajma!^&>QmdaB4g>i4gxn&imo8@=cN(rhodKy9F+d^>38UfjJ^va z4sz-HST^}#C5o-Xbvz|xs7%@6Ks}G!-n9cA1f4peEAkb(zo}>Ttu1jDR^Q)rxLRif zhXdD*(u=?~DprGo*wu{6BjuQGw*zvP@(?;VGt`s6UV-|ie4>*`YZafZA8fj5RK;$b zJi@e?Szu1<+-YW(OGE$SY4b6o>#TkL2x?RHl9}h)BIqA|&THYW2$;gp@sybnQvfGN zZUTF3^vW?G-mdh26HdgA{QnNU{QqaWBviDNZ|F7BnVV8CK+i0|cu#17>%+-LdLJ%+ zhRU`@NHi#9d3r1DE!vREP+;c-MyD{8Y*ONemS#n8hJIt=;^GaVwX3;2xE}v^-+W0+ znbUqR+4wJp|9*d%I?p#%YO~|9@z`+e#PW9ByOsS9cyQwIPRR7P~K2a_|-uevoi zEBC12cvc4mDW|8d+ccOdRl<$2iOR(@FVl|$Vk{adA-y8*H#Z@q?fZ4(3h`+Bb6kpH z*M&b=8&78&^RsNOmMY4+E$f+}w=Q&Zg7B=;CC^ryw|nSBkF2 zg;Aq2#G4=AvRG|7a{Bh$gF|l*_v%HxN5p$6FB2mTyMzw}a%ag+`v~<!1c$ny!&kAonw(?RZb4BdUGBKNFlst3?^~ydSMCXf&9t@2b!nw7 zIJHsbcb~qthQ5gNJ8c4QpA?khG~0h=)lIobu&uUlQIJABRo!O4JRZ90GJh&SpmKHQ zis#m8F)-9SR!U{_u9gcoW5g{;)o&(+GG7qGso_HXc}8q;e?2JkQ7^I);(dPM@CD*h ziCJsYUV?yjb-I74Z^E{V-=zFkrw@ucA>M_dcUJXCBohUg_@R9z(U~_bjKGHMdgHQ_ zUfwQX=l#&vORC~c;K|k|C4w6HB-^c~v_s$g9+Y*YrSjLWo=%+}pw7EU1!)NLXY2Z@ z-(-_Pdbc}mRTtn$qhHHVuTBS%DCQpfoqp8mj`_*M)nvuL{oWR56*S5qIr7|!UUsEv zDU6;REyqfMK!esM?FVl=vL4W$^Kk_Rav^LUKUr=U#JN0}emVx4?`GKAWN4zWRj5DI zpdbH6%i?Z&kai`0~mJ6Xo!= zML*QvaLAd)7P$!Amd@cdk)8D}iA_4NLx{1r(7yq!V9NXl;ws1RH1Q6bvaO2sI0$i6;!j};%y>ENyxP0aBcUQE^^ zb0gl}uD8k>4FSU#OX766g03j)dU&*Y|0QX!jOuOUEZdMMFMOw0Ti6|RrJ$Q4o-r%~ z?%cTKTR+7lQydSO|6RQ;NBI!0R^jIg8%6eH*vw0IEe?bhcEZC=xvbr5jJGd>r~TT4 zJp$v#DObLnHc<#2`$ITmMKz?rSw6V~2d zb=>p5fp2o{57djqv&0o@pD7JKh%#YE_^a|sW4Ra3V^_&09tF3k${ob^duieyD;`#} z*xm}WJ8M&g@>tWCz_UZ`G%O?fv|F$QyBPH2UeG}hPQ$Pz! zh-@n#+-v>*pu}(IC@udjz&GsG-53xWf9bm`lE%QF&$P+kn&pV=7v=B6wst>NMd8F! z8yS_xe)g<3j=8}z_jV%uiGmJny|(9!9Z?AtwS}#tMdM=w%I|}GdwtKjoj*jn)w@wL z1z%Nov0)64Z%oKG^HYHIeeCGFz*;kgMqj|psCr!(LJK9<#l;Tv+4A=8yW7E{SYq!< zVKqO;1{NWdRl|VBLWe zV+vklt(_e#ly{RJb^&2Jfk(e{NEEOlv?R%V*0Ng!woP-LJ^r13>k^8B<_XXDm}gKDsH|rdC{*|ZRy9v#j3NFoR-v@+{k~ zCOKtV($7#a#Mo@CXNHHk81;P%J>h_YPDO!B8#i%rDk^z-m+~uoiC|L3_h6sLUwf4-Eri1ie*T`viUjo6=w*zz`pRi)Rx@x8nkhYOX{0UC;8o#8b+yT|XW>1WPEHO@H~kfV z9Nt-DewGahDX!ztxUc0&QO&=wo+fd^!iAP)r5It9xkPJh=) zp3tHPlqD0F)OVi$&|6%&=(#kQoX!_5!gk+HWRv&0VduaA_qPw7LRP*`tT1}xFG;)B zk-yNdel2SZ-U6ivf8meHt*o>JF|wy)`)l)a=jMl{E4?DBRw@^M1k%e)$6v86s_hae z+NRb%cuQf*EP2Izi7-)4N}UaruC(}M`k~6-`3rlXn$G-udF)QaR=aF*op+*^C(?e6 zkgT_!^4x$i_SR+BqKvY3^=xinvT#F@gic`Xk?Pru6m7qxDbY>73qu&$ognZSqVo`+ zO@PA6c;NhChisA;wRv0Gm8B$aGY%PC=oq3g1*(Q1alBe|C)Hp%4&6$nv7R7QBl>^5 z3!nYoT=Cf6L}6}jYHKz)Pwq*lgh4U4?nbR(W7_(T&;<7QE6NH>&rg0ENcKM-p7~;G zk06>Pma%Bj!4*%7ZnD_FQWM*ATX}UVNO{@8=~#lg^pwU@H#9eb0H@a$}42MLQP9Cn|QPhX*{H%lh$}$&%LeKwfzB=Utn4 z?W*gx=q%5di@M$IIEWH%%g#+ykWrah(c&%&o-VVw^0R9`G;lSiUqpRz;L`F$ z;9{wBt<7qzdYAd`XAWMOFMf`_&|fn1aI>We|OV$Vu{&uZ3ueC1-4?2^EE zYfbHFO-^l{%HJbjk3u9GT?)^7Va`$WU2oF^)fb{}-?mQhVwH+@e`N!Q%z>&01LN%i zKcvYY%ATt)3a<9d_pHQ94+Jj9uKp4DBWU$U{pvUHacon`E6sw{tFqnXUI~KQx6alD zkJXyf%Du~??gb;qm);4k7%!Dp&Q}ifEZ3}Zt@i7$T6iX0`-#dUd1;IdbsbYD)vc4g zcyWR=<0DHj8|+AQ>NM}WjlLFd}pIrlpj zEa;)RSHA=OOJBlQWC6mTNnSlee%SRhr*g@fL;}ZI$)~>hz0_FD+4@oFcS3>P4v4qv z2mUOdA9mqabLF!*aptpWNo3E;w@$YO|D;SUU0dU^kgx%b&4CCHToEUptO?I^#NXghWib{ub)LstGOyE*ATXE7RhiKpIC-+YGlMN+ETC0V<6g z7~0sp<9MVzK36qlxNP$}O8#faQVKGit|X%MVhVq%DETJmpq?iOvUftUsFPTa-9rd5 zxDqLEnf|z%rPm$V9h^*+N!Mx0Z7)U@mfW3HtCP?UW z!wAw0^x@X|HAwWIK{}G;7ii9nJ{=(v02<)1%J9|UuP^t7e=s!Wqy5-PcP;|Z_X7`&j zcjtIqC%A9M;9NfyXU#<`B5iHOS;u>_ziC%L6)lz#+s}s}_&X>uhQnHV z!9Aj%M><>0JvUG?_>bM{0$Bx~|W2X|k zaS3H@()H#=1ex?>ZhL_2lyY4}?IQ@`T=k$of{5zp1z8}un}yX|ly4Fo5_j&}WSy}t zE`>AORQ!SNI)q}!?YXRqjGcP7Rf5}wF@KoF)>CIbp^}bC?UVzW0Gd0ndB^mJCcH$I z7T;+2ed+j{tY@I^Lm$wyifHxFEyuK}||)V6Lv z78$i1TB4h@RYpWzFDZF>63)k+0b=A{;eZ7C=GaPK;bB9@kMWCK&nx4!O}Y~H(AnZ{ zWIFNUT$PE3r)tQrwXaAJj9O5xX?_eZz2vz+~22n4DKNwo;?IMX7FsC({UDx)%Kdl!{)KwWoJ97+T4?x#ScDZUeRa8kffqZM`XZ6p+vPO z-x>>oTUWN+U{EzjI4Y1{9<}WaJd3IO$Tv$zUNHE!|Rv!X;0gM9*QyhQ)fQ`+0IO4C%1bI9xic7&ts z*zACM0o%r#qZc68i2mmO_rwta`$&1wFE@N^!9~{t(Y#fK(P?E4V~*Z`!4G3gu2xtj z-jHLXkQ2kk%N1j97u9VmA_MFA^Z){R!@*+kBGV~M=;5R9rO`p)-)(=u!rbS%Iyna= zl5fNz%D171ouq1heP+c|UY2g@{IY|GS= z*u(+h1BTs;E#OIy-JHHNGdUn$$IpC)U{8AY=IJ+bR&v)=mT67z}A&@;FIa>O8T$?)_l?KNYNNbGE$ zqht6S*BnT#Z^kaL+|n^o0FQQsv-5ZYr@}62N4wGtEQ?6}^9{klWqT)U*`1x*)ec}9 z`0TywM6FE}MDn^`Jx|1c*{5fffp%hOamPW&IljIA&OMvh&Z{H>nYH!f%=m#!rzBE! zs;J-Q!B^%z*#ZthC>@meILAo9aq+#kzm#tP=AD2sI}=~X1q3T$~<~m zDxm=)uahTsF{dQsC?Cf87dtvx%ku!(Z8qT8oshr`CrnzTG;*bYbQ`y2IqD zo;MsWyNd1n{vh7WqDV;y*_pRC`H-%FITUucQ#opJ7 z`~czCL;>bWzHP_X&ej+D;ig<2dw#zCa(LZiI8Z9JWG7CrdUl$AQgzZAOUoXg{ce_J z#h*l1YofcdhEhxTa5hi|nFE)=v66*Y&HxlT-nZ~9kV@5-{l+=?H&_>hTzF_wO?E%}+sh4)bFM8aG2ipLBX*iv@?{!J zr;PtBC5R9nI-8}(cC*O}^Q|UB4Y0k4zdmuAIz;I2m~`_R4on@p8VMzsVnz28V#wvw z)60E>TDk?#e7g4%^!%|NqHX3ma|XNK8NWK>*SUk1HHMDKuL3hNoj9U?vn@W5*H!KM zbPsyas2PA$&2Od`JJ)zx{7!K->_^|qY%Y)_6TnpprD2yhZ4aEYVvt1Lki&}HCz^609LFQ4*TJM6xbzMpLM>?Do$rxZ|AVAkBH}J|GvV~?jZEQ zNTq({^i7Dcp!JtQIZoHnd&RYTF@Mj9aq0&+W z6A@w=4}Yixb2KJ4UqhF0VFd&!Ka#caR8RI50dx#y2OuGBXs*xM@fst2hY@4U3~Gd3 zk(V)ZEO{_-mMyLXGGU&Ct?EhkY%JMhi#S(2u7QEinMN~Kcy1-aMmiOyLlOjmALE(F z=q#4T-~@55A_O%mHI<<#{oWp9A|=nQ@RPt6>7P>L7atraq3L%9C)?|%5KTZ0!l_;l z8~aPJA_76qq}O#+-r+El)=BX2{KMAkrqQfv^vut_SF$le77k2Zl#eEQ6}YkM{QQhjlKL1{_wb~=gd~%) z3~8BpbY6_{`vU~*Ja-8W%{N6Dr40TZor*Hz!b?6jkR8KA5i?-mUn}`kh=!JMc;%s|hIk~s!HRChr5kl-3*4f0TSoqawxfKH=*gKr{>zJ+rzmJJ#$ zM;X>n@0y>&<}u(KD8eA_o$z7BjFEGZih_!_{N79#9K(1K2kG-^dqEd9ousW}?{aS! z9J%#&OBzN^t`HEo07>rqQnKxR$i6mpVn!fC3`t32M1kE6uj=pBg%i4t&Ut{@DKWzj=-NNxhP3F*Rz7YZE2HX`7kL;$Y0fU zh=mXiOgRc`??^h?Eaetv=Qp|e7DV1+A-j9{Gh9ED+t3lVcesf}H9E&1xZ)sITiZuB zn_h70bku?afIJl*ikJ~&518lxbtvBr0%Bj+cABC;=TEatEs{zdW(bIJTHPDtS1%pJ z^ru;!Awf}&3`{#ks`f3B<3yKeXVub6s?GDyAr%2Qhnk%k#1%P$&QCWBO)0M*^X2Y)<`I^TPJbJRxLJ}TZDQ@Bo{%kR&X8IJ~o@0;Lvue1|gXMjY z`8})?J9fc>h_i_$)^;4UWUUzw8=-4(RcuF5 zPZH^#upVFMoDX&ywnueh&0W;?vq9chQ`_$nz4EWoxVKn1+f)}RO1|sr^S4GRp|OaO zH_79p?=EqK1VO^oUrx+bK6G%w+;Q^$Nn?*mxST&BS0 zbk19lE`pnqQEm{AwwA(d;E@=)-ebGHb)M>&LV1^aAH>pZ|QDI?z{pQj*YrnuG$fDg?DKYM~cd zW*{sl+fNU+(e-Rsd9rRVg17PTPJmNuo%dH)!Ck{_uS37Q=db| z&uyZah(e_amb8bP$d%H_(oNySV#8rlq&%)3-@6HbCwOG!LJ~F_enoPi5e9!!a7GN> zMuV?QG6Z@-0ip#UgWuZnB3ks{W&jH5Y)bGTbMI=~OK<|&xO!sR-|Gvzv|=!plNR6- zyt`_ANJ}p5?@=Zphjk+5UEy@MsUODhw1bH?o?Nwy`REs01~*Y&rfkPRB6Wxyg|N8* zik8mYFmAmTU6;L0yqpWy9mDdWMXOrbzjQ%{nQG-iLbz>Pcl@+9>GSRJV{fls@Ww-; zwdjH^Y6pw{sgf5cUL<{p?e!%t+yqdnYKHxki1w!#`CKN1A-JL-LJ&CXz>@vNm9&)W zY?gftOExwdGa4-cjjNsQB94CEL*waqg>hz^A;Tpv(M_D7S5@kka#rxBB*ykQ9xV== zVGs^!Nv0^MMuP|ix*kmb#GK{xQ_mBrm&0@RJRSK8De4|V*d3vlpH=y@H84+guI@00 zG!!Tvq|YJLX@;nb!>{8jXmLmbN2kFvS&_NpQa|*)IE0<#Z^FY zzKfE*g{od_#Nt^WpU0p=FsWuJ=Vf%PND_DCWh4i2c^xm+2So{CUX#tlk_s!IRqXe8 zlUqXY*#j2dTb6{!I$!6j@SfV1KJDl1n8}{B1%k`162tv^45G=aM%CRTo z$1`U$Hvi)Hxm{!doLANhVlcQd&j$sem-nDF+5QDb*N)vuvAay@hsKH2m&{y1EI>b@ z(RIdRD0=7u6V6T11qxEBtiB=nVV8Z}?j{VREqHoVX2yGvpg{H-j()V3?L`k;bg=Lz zS6E$sWn$n66@qC`wo{B{za@luC4!Tdk6@E zvq0=ep%gwNhKm&pHiGKHsV6%?v1r|3{_e$V5XPHwzhJ39#+XrnoH?9!;wGS~s2bZ< z3PEns@bzBZjQ|A#+cm|=CE0*#a*VumxqT{j=h@nC=h!xMUPeFC#6`&^Qf3F6s`eI5 zyn3Fz6O>l`BOq8so!H!1AVIQf^T55L>2~Y1B05LD1EfwiB3Sl>YO&j0dSDx z2~x^+EGl|QJ;hu^O#l`OwknoB8|3S4Va0<sB3U1etU3-@etX9AyNdTvco-fHsHZ-YKuC$hn!!;oO?RL#Cv`v|kZ+HUv5!^n zC3GA2KLVknUl4m^hKn)BYV8Cttt?9z#EZQajVA=f8$tIP5C?kxA#U4yvMpq2mEsjzs zgnDDZ;tihIzcyG~%0!IZ&SRz((@=O(8d4F$1^3uLp;G~U@ZB)uyM!_#U5L)mdjDB! zjaW?}w&u0=^Q3cZqAfsFCDt>h#h@!`={;ZSE^D_q>ZWki?N{i@rpkJQX;HrQ{Ta2X&`oq5kXLf$j;nxEdb4 z8-4T~C6jgpwiPxzEX(^J{yzf#8-emUgL-jajQq3hBgTZu!|+}g_{E4$Z-6ruM}1w8 z$Mm8M2Z#M=&qfhHxuPap*O8-6u- znEJ0)qmz$;VOsYpo;eRN@hzqR=0O0l%>}G9dy}q5(Tb;)u>z)qMT=t*6pk_|@$Zo~ zf(1x}cl6f#csOkQPn6EyPq3;MS|M!fB{~cL!+frky3@%AI#_z|{73UxLh!S1j&+N@ zkvsEbZTeoA9z_Tu0HPfI=Oj5k3$5gr+EMYEu3 z$hE(-S{>6c*`h<7u~sGJ<-c~0zU=`!-$md(>Q=g@bRYkL~Qg5%R; zNTbF7sONPUsW7o&ccPZGN-oxuEh~F30TN9Ag}*gZyZ0o?hO&k z{}1`9gNM2eyv`>~n|JiQ_`#pT%oFSr>AJL!ZvF z*_wvQ-~6P8d2mk%LA${!X(~`u9ohbr`TKECu+`n**W+$$f#-BU7o_O{2Opsv%+tMp z>HoBM<^NFc-~TPT)1r|`xPxm7LyJAjw8)YaQlc!Ctl^G^7+W;m%9ezQtf2*2qby~c zY>gE6rpP|_WV;eV<#XO|y7>dXKYr&2k4LZf>-{?CbzbK@&v~8KdA%FKwmBc9ft&s| zY5YL;FI~R}gaIjb_k5DZ+pHjd8;C!NsuBmqnx4ewJ&HDgnafdr*`x>N=pQS>)W<*# zB^#IGD>)%(pd^aW>nygtFE}&p^N3TLR@H1#mMNitbGFk|o`eUgOf&#edn5-2B<@&P? zVA;YRlh7HGn<_+c;9KO(R@!44OT1o^j4+-aiffm6vl{IyX&9j;ARFi)77h3qi!I~A zJ(l>Ibd1aAa(Ce1%DJliXNO!RJ5Np%Bo9ZOf4vy$G#T zKqk2j=&|U*T&Qb9*;Y(pi8DNJJl?Jg+82ef?fVd#w5YTJRmYs{CCa%#88!gwWKPB; z4fMwjeU*7e+KmN%!fI1~j_JtqYN6vfsH^ighE^~g0@IEVr{}mwzOv9706feZU z%MYn?4ITtgL>+8F2_f)#p*>)h#V0%%$9u1h$)iKE=|K4&sO(1wbPDz^^$dlcpqzq< zb^wz$XgB5yk{jvzNQRg33N2K8z)D#Iskm#~Grbg7__Y8Svf31Xp%>Qg7WSnIwiPr% zfX`IL$~JV@-dCxb5yS>Q00Y;7s|*cTN;6vtKv!Fk;y>X0m(3Cfg4~7*5@tC2Gn9!v z-ft8N#UZUif;T-^2m|^m<>d6rtk6b%X*ZGq=mZpjau+Bs%`uJ`_!i1J==mld7Za4) z3Ndb|)DXhqCOcfR*NW-X0z;|wc#X;Y-EM#0z%&$>#!4ZfnFWVruayExWu<6?KJin2 zfz)e&iA~;*_T=V+m$1Mvj+G4ELI`Id7YSkV&oFfm$b1CN2=Pex4_;q`aoiY zA&4=p zCa!;}cQGm$V_F87ws62DgHJ{OZ50gzt&pxd&dBIOXX za1+uS+g)po+O06o) ze@lL+jvgzH+};M(=q&9fcon#Dj0SG5aQv&F8!ytAqxOO^1Uc)cjXjtaA0a7lzC`DaN9;KC%2!U%f+ zBwnB=P^9)_+8s~}098EEt)PTf86dM7btsK5Iuw_Q7Mm-=0k<`rMj|tiQaJ^9rCJOu zc5efBC|KePS=7mKSoaS*b@2DGtTiWY*5z#ninw&?Q?)d*ZY-z(85T$1(py<}+2HAq zRPlCTL!*F!^27O@R3miDSOGU1H2>?quMy8Y_ib^kb8i?yH|{s~g~!f2Wi=C6uJZD~vgkV~4mS%)hM+ zI~#cjb`+O6iX>F4|9p^5$paIc1&^Y1=3oVPeCUDf`BjK&Ms8f8gFg_wjJ0T?jMsR1}EV6WoN7Y5zOfOx9#8j8$%; z4ZsV||L{F{phZK%#_vCH&7OfrH*?VpgoYkimR&_VzEwz7eY+cie4;f!J>9GfJ6nF; z2(93GxQX!oC&v=`We_TNL;_HrhCOL|v(Q!ZvDFCmcoKThNJp{pAGm}-&~2i{KS)`4 z;L3qSf68(!F+r;zNLNsBzN1%`?=qPE85k(TN*}T24WLkQS$De32VgXxB)Aj-#iuY@ zgMU#0G3|_))Xfn^^obeIB(Qu8u*HdmXCAYqWbfW~b3O9d7Db(6*bqDv1~uYGB?%M` zof0MjfA6Tz)(~K(a9rzwdpzIx5cKOpbQA|1bpD3h0f-FU%&hr-IME9A^mfz z=mG8PL}Fm%G)xSw4rPAMLZ!{@0CKJ2BJ`_=p9L2^$5JgZir{5@qky;bZ7vKY_au}z z=$Z}lH%o%9W>PoF=q%w!MZwbkNS03)qqZPp>2+ltd`;U#;hE!SZ{1?ljxlP%yg?YS zDS2o-`0iYyQjW=Kw1t@kv=f8BswdcSJDFga4mnR4Zq|l|h^9K0+}G}0&S*s^>?D2RZ3o}1&wjU;MTc??{o4GC%GO!fM*Sz! zrS|kICTe!%Bf>31m}80AtAkgT6F-}tI%dk7cUW-V$$TlemU9jvIQ=^@igd)kS49aS zDn|WASND;T*+N6%lgp{A0})yq0-#U3x}#+#*am0}5hT{-UnG*RNWG9Gd9z(=S!fXd zJDtnSQpjf1ibO7phffDzAPBl5I|91Wi$%wWQ&=eivQIdvDhBO|5*sMffV4}Rfc113 zdEgp|sx)TY{O=~KD=HZ zMyey07#PRh%3*&#N`(Czs;*04szggt$LqySW)^ak61S~f>;9^n$B1$C`8^cw1qf=xiO1q`MF@X`yRVYPu@R53X z%G37=fXlL=&mNhtVB6MT9NiKxPK@^8}yDv^=hC*6=zoFTn5@nW1+_(R|mkO*l zN)PFXA_fXOj$WYUD>%rwii-Fqv_CdqulmPJK6=%hJQ*Q`J9DX)g0?XUFrSF{7d+$} zL6>(^iqvWsOC3u*nrQoL^baRcdvJum0iM8tsmRAxSmy8|cn3gwILu8s=trY#W?5Ut zPK}A590C@$5&c8*cEqh85T%}%bVBepEIgHK5n@K+797>9{AB$!U^yJ}27c1FIIs3k zcNatOBv9TKr}`H-JV#40W)Gn8p}roqVu%~F{nzL;`0b7R5u7@f)B7g)Vvvg68=1iZ zk2Zr{AWst?A)DY0OwLOmU!-WpdYSL4@Kr5EhXK~)!0a-fc2i_iH(9$_T#B;a%o{(t zk>?8lOY&h5f@lsX9`{1$%&Rh%^|O8Ss;M&b)Xc+TGj!jnFoKi4#BWvpMbm0X*ozGk z%&Pa7c4W^v^mPV&cX4)BR((9|t86>O?oZI|*$K)z1L4kFza$YPz3Gd4Or0=2@X_4r z=Kc0KcE7%Q<>VJYVYQ)SUa&uRf?3y7^Upqqd_Fw`;2Bxh;($}V2a=U?c*`61a@N@! ze4d;Nj5-TB9mfU=1tG+GQaL)hji$P07di_Y8<=&iZ-v6rAT)7QyHz;>R?+6po?zI7 zYX##77QjZb)sdJlXDS<6>7T4O%>LouKVpu!J*9Fivoob@CE9*|5%xzER@FjFajVjGTeOI1*LJp4owHzY1 zI@QaSWRlydkX)MtcA9@<>F+qz6iCA%tIew)%(@%++)ccCzocWL(DY+vgxQ7)!7fkk z2}mdNrt+1iseEdg@N6G~3o!$7dN`^qNW<_v@5A?%&l;~aP5NafO-Ysp5(8^KOcZus z+iT)X+supB^W3l{>(blFXWy1^r|s;Y?-wLAKJKP8KG9+x*Y7S8SNrW{ldSECNiks6 zktx+b^Gq{y?4svQmEFba`~?mqG@_DN?z!OCRo;_LbV37#3vJUg0twI8pCJ_=-TkC!kH0*DMTn&6Z@l;SVVr==4hx;M zJPQIyp#EPuGlN~JIIb&PO|Ld|zwp@;-@ssQ_z^CGC@7=QA!;|oK9fW2l|6EIBQgl) zXrTRVD;dXpZ8_@ME}O6Q`T*bodP0mBt@c~nZ9Pj-VLH^ZGs&@@2+vnwbMWqx-l9ZRYp+oJzJlt3RZ} z7WlChfaC?-F8Wp_w)m~ZMEjd3O~A!nsE?1j_zJ&@$`~%q$F~n5_0vA93-l(6zRlM+ zF3$HQEzZjj_cbU%0)$osZW(-2 z1M%qCHlEuVjwSGEcoGOQnB+R13}OwP70v7?l_ss#C22R&ZV`KRX!x#?>F7*9+D1}@ zXFt;-HNN2}vDcd>@Z<9Kf~nCzkXhxj8)L3s&y^x7I=G=cT?c*1_x{rm^<}VOwL~4 z$z#~Fr#AathZ2X0Q`@*+D4$1zw8n;cL8;Qfeu7EN;l&F!mo7-9sZ@XU9%o!caO|EA zcfZgnvT0%^R2i|OQ>E1JUeg>p)nIce^5UTe4yrr6zj|IUw{srekCPNj3eX%n5g@p~ zai~s>zBQ&RaY~6_Jt{-$aO$O#@&c;e(p0*Hn<2+K zchSCr_%!FERx)JU*j)?JgZ>L%brD_h<8%2uM>x8zf0THK15OJbb&-3OLYJcB; z^h9@;j`lZpz*_cAM{;7z&}|PFVS0CQP>>k0w{oUPEobv$()G2hz~`Ys6E@%W@YI>n zxeVH~ZAu4!D3n%wP66I|8%}R!x=OpTHByf|@bM-E#Ag<5m>lfyB0uBo7;Sqq@KXM+ zadWUMePDQN?@Phl_W2G{DMiL(w|tjp!gb$UJkLTW6~8Ooj(~-?`7}M^Qq%BeUhr0C zZZ03exChP|soRY6p4|O0=RV((nLc}uEmOXQ$|C}>Z8^13%7zM3CE_!IldQEoIO}wk+vUafvlR97cp*; z7u~
- Logo - Court Forms Online + Logo + + Court Forms Online + + ); +}; + +export default ShowAllToggle; diff --git a/src/app/components/TopicCard.tsx b/src/app/components/TopicCard.tsx index a9b579d..7e49165 100644 --- a/src/app/components/TopicCard.tsx +++ b/src/app/components/TopicCard.tsx @@ -1,12 +1,17 @@ +'use client'; import Link from 'next/link'; +import { useState } from 'react'; interface TopicCardProps { topic: { name: string; long_name: string; icon: string; + codes: any[]; }; interviews: any[]; + index: number; + serverUrl: string; } interface IconProps { @@ -15,22 +20,47 @@ interface IconProps { style?: React.CSSProperties; } -const FontAwesomeIcon = ({ iconName, className = '' }: IconProps) => { - return ; +const FontAwesomeIcon = ({ + iconName, + className = '', + style = {}, +}: IconProps) => { + return ; }; -const TopicCard = ({ topic, interviews }: TopicCardProps) => { - // Display the first 3 interviews, and show a final tag with how many remaining interviews are not shown - const displayInterviews = interviews.slice(0, 3); - const extraCount = interviews.length > 3 ? interviews.length - 3 : 0; +const TopicCard = ({ topic, interviews, index, serverUrl }: TopicCardProps) => { + const [isExpanded, setIsExpanded] = useState(false); + const visibilityClass = index > 8 ? 'hidden' : ''; + + const displayInterviews = isExpanded + ? interviews.slice(0, Math.min(10, interviews.length)) + : interviews.slice(0, 3); + const remainingCount = interviews.length > 10 ? interviews.length - 10 : 0; + + const toggleExpand = ( + event: React.MouseEvent + ) => { + event.preventDefault(); + setIsExpanded(!isExpanded); + }; + + const handleNavigation = (url) => { + window.location.href = url; + }; return ( -
+
-
+
e.preventDefault()} + >
{
{topic.long_name}
- {displayInterviews.map((interview, index) => ( - - {interview.metadata.title} - - ))} - {extraCount > 0 && +{extraCount}} +
+ {displayInterviews.map((interview, index) => ( + { + e.preventDefault(); + handleNavigation(serverUrl + interview.link); + }} + > + {interview.metadata.title} + + ))} +
+ {interviews.length > 3 && ( +
+
+ {isExpanded ? 'Show Less' : 'Show More'} + +
+
+ )}
diff --git a/src/app/favicon.ico b/src/app/favicon.ico index 21e6ada3d56a777f5f5d4f229b49dc4eae08e249..30d6dc8bc0eabaf1743aa3e7e5fd16a299ba6c16 100644 GIT binary patch literal 4854 zcmeHL`&*LP7XHNhEwd?YG{v%GXHJ%uqfRD~W)jELv5VJ8tVtaWsJvjJp_y8#QDbJ4 zV_8k9h>967hA3s_%<*mk1`3vGd7-?45&>t^Ie)=8pS9OsdwpxY@4NSf zAA?ZlCN?Gz1ev4v`0axrSh)5vG5{kjvDXK|%lO2eh$INIw$wg4|8kl`LePpTw4cv` zwBMvdJ&A+FGwm}(VJ{;5Vo(t_H~lhcdBkn|$W4Bvf|EG}rpx_`drt$B_ z$96fe(aQqS@mB*9lt0Soq04p~-sakG&3o^(ve&oPH`nTb$uVaoorJb%Fda&nTCe=n zO&qIfAF=3dcAryqE+|x6+$ade%f{%H5VVE-QVv4IIMN~LiJld-^Ewv>8GQrx5Cb!X z9QI;$pmWB~P?l@9KD69v$!IABOI7ecH3F$ws#6tt=z2YsdSS!!1bpiKhIYk#V=a~X zC^L=4B;wuWKP0yePR*nr`5b=mplVn-SA^)6cjILQNi~%!9t%B6aWi_czt~+h^cOWj zzAeXaygzc{Z2QfOiB~Q{`!`h)!1?|SR*5HLTKX!|uYwu1xIr2tIGw>F_X^jT<&RhY ztL;C1|sbBm;|6eg z_tr{Q(?J4nPQhqFz^-qNNJ>K)UnxjDmco&SsBZ!9k1}GayUTZgDbozI z$;gSV+3paCSoXoz#e8(x6me5@R4q%wKCEinj-&XtIX!Qm=zn%EUETBoN15Hj>8eei zDIw;)**ggqNEv^!Pjr;a+PXKfdQva6Z7h}|aM|(cbl@Pn^w`SdAE)@Q=ED3!^8*Vh zJneW*X;o{r`t^_(N&U~nQZKFVyW|Yq`ej##V}yqTP`SaD9`P$js8o>pG4bG05P+`# zmO3ic={aSnOqsTk;!^kiB2&;GvX*YMb<2)WI7cb`^BFHQsnJdLsl(+V!oWODHEQj@ zx$Z;RYGf(_WA35Om)W~7GJyvkvU%ng-EjkBTAsJ2?ZvLsZc5LSALh~9OD=)m0$12J zR#rMqD&WgLv^0!YqZbbKp@CmrOaQ8go4|d#7_M4ua>G$9Pb%)%1(YU_%0AB|#Tlf& z&5StI7n5`7KW0rYHlXDF!yiA*vL79){CKwM)kyg^$8B5A9CwI&bHCCFr7nbfcUJKG zL)O!6dKpEGL`_c!k0Cg@T+>q>XJtz^i;ohBZS!)uCS|J$@^^S)Z%Ly)3L`k&-t_9% z=PtNpDX6M%pGJCJ)C(P0@UjX!$ZNuSQy(pQd2qy5s+$fdKkEey?wjx!j4C?}HG8+V zraroO5_cqn=C-i!$=&1>3C}5emHgZbnyYJIohNF3&EMph)3A-Sg3=i3nxVo+buDKw z7=mj&f8Wio&NC;T$~;&?``bx+R$SeI*C(#d6C^m&xo*pFC_09qsgPP?9YCKk5Weq> zoU`hOovl#0I7Bd3CnJ{;jAtTX-{Wy@sbals{pnSFk8~a~nP4)+l%wmVmR@MAj`!1i z0sbMdiUqzxLj@xHyTxFoUCz;%6sv;nbXgqyA;LG#*f}fzJzQLUt9dp^badyS@Of9H z=)`IIcQDgoOW;;EQFdv5{F1aBW4O#5@N9J3EW=iI$8LpPuV|3k_^$qdW;#f8H~9t^ zws-?9Guf%w*phYi%1dN(6rq*O={{eRod&Q3@<$VrYSa_;8YXDDh#n;I{#b0B(B9ad zN={>eiHQoKxuK!%dOFmSTf&n?Mqujy3jo>{o`3oK@SPOU!iK0mub?HQZ?mcGv`AJ~)>s*-7KIhUYizTJ7B$mF8UX-VabX{#W zW5THc*4KpgM}OC1JE*`+bxjn5d9v|K%dUWQ*U>B10?c&x+`hju$Qx6-*_j8dYBQP- zcZ7x2kkcxqGf@2HfOD=6fO53#fveLbm3uV|$bW#o--CUe6<7$bp@=hU#hD}bm?)i! zwJ_7jQvjo{==X+z&*TsDfWZ3l4WUQ=Sf37UKmcHI6rG)yxo6i-f1v;vNH8N8Z!9p7NhbdXTT4mDz=7xe6u3_$R~+e2nk{GY-%DCVe@aw9Y51%0 zA{y&47^!jvNH#|Jl7c9)UZ_D{Fg zY{<*!noPpQ<8Ln&j=8I1C5-aFv}y*kZq0Q@Q5lZ1oHwsyZbUPn(dt+Tm}9)OIF^XT zh&Hq38Z$OfEx>{?+aS%4HU44~)_T`7x4)31%83-kry4RjNi}Y94WIIf`ur@Z6rLQb ztfqdl7FhsHHP_;=Mg34b$;|)H8l)2IK$+u{1ctLe1S+S6=B0*Fy(Q8(g^=2j^L-H3 z{U-%gzf;f%N^PbwYyohHzq+&M3j|_tq(aAPAbvUo{>ml^*d=TGii>8R*}Ti@*X3TC zH^G>HyuA%{)Z~WxX1Ct<3|W_jzdUEPs*SzCFKGwj2fEEe5ODX+)^!ik zD!>mSiQ2J}DP=x!VoI^mkyShe7jry`o~^|{UmZ9z+^1d~xTRJ|SO~vTm4K`XuB}r& z&GBz)Qj(__ z2ou?;JV_R z?u2Gx1`ik8O#tl*i0X#=Lup(Td0I7=dR?@g&1+SS-rMKHvtz<9d1=q0WBbo7ol%#L j=}R{i|JTbJx<)@@)}%;|`pz5N5<%$QL4I|<*t7ozr!2bX literal 1014 zcmb7@O-lk%6o!w}!qiEHqOim)C<9UVQDU21Bta1E9Euh#A_Aempv)$)MXOdp64oXc zMXR#t;}5hff;KI}guV-__t2aegw&L0&d0s)+;i{TLuA3C;@$43Sm#Y0SNVWj*gh(IPeVyO`4|`q==vv=D70cLlqSxLFI63$g64djET7{lMJ3 zeRyIdy4Xd5!O3_u5$jcw5lh2*HNBzP^n60e?tAQdeoRg0rWSnEQfGZBpP*j`cVHD< zf~Ay))PLy5p}7TRP;z8)Ju|_&`~O{^9h<%tb7VGk*ddOwe{=m=)M7Q&!{^W6*UL-? zsdF?Q>BHHDQytWXZ{R_`AISNy!S6Q31^BE#0mtA7nj$!WUj&CnUi3GJc}(IR_~!d1 x`9`hipYR^;6}HcS@9isi1ANE%E^|+D-&GVeso;dK;+zETUB>7C>1FO`;Tw0E3NHWv diff --git a/src/app/globals.css b/src/app/globals.css index 910f72a..eebb154 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,9 +1,9 @@ /*********************** Suffolk-added styles **********************/ #hero-section { - background-color: #c3ecf3; - padding-top: 10em; - padding-bottom: 10em; + background-color: #fbfafe; + padding-top: 7em; + padding-bottom: 7em; } #hero-section h1 { @@ -16,14 +16,20 @@ #how-it-works-section { padding: 5em 0 5em 0; + background-color: #3e7d9a54; } -/*footer { - background-color: #3e7d9a; -}*/ +footer { + background-color: #fbfafe; +} + +.card-container { + margin-bottom: 1.5em; + padding-top: 1.5em; +} #topics { - background-color: #c3ecf3; + background-color: #fbfafe; padding: 1em; padding-top: 5em; padding-bottom: 2em; @@ -31,33 +37,45 @@ #topics .card-header { background-color: #fff; + margin-bottom: 0; } #topics .card-body { background-color: #fff; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + gap: 10px; + padding: 1em; } #topics .card-header { + padding: 1em; border-bottom: none; } +.tag-container { + overflow: hidden; + transition: max-height 0.4s ease-in-out; +} + .form-tag { transition: all 0.05s ease-in-out; padding: 10px 10px; - border-radius: 5px; - background-color: #c3ecf3; + border-radius: 7px; + background-color: #3e7d9a2d; color: black; display: inline-block; margin-right: 10px; font-size: 14px; margin-bottom: 10px; border-style: solid; - border-width: 1px; - border-color: #c3ecf3; + border-color: #cbcdd4; + box-shadow: rgba(119, 119, 119, 0.16) 0px 1px 4px; } .form-tag:hover { - border-color: rgba(1, 65, 255, 0.3); + border-color: rgb(62, 125, 154); } .topic-card { @@ -70,21 +88,73 @@ } .topic-card .fa-icon { - color: #c69931; + font-size: 1.3em; + color: #fdb714; } .topic-card .icon-container { - background-color: #2e4d82; + background-color: #162a47; padding: 0.2em; } .topic-card .card-title { - font-size: 1em; + font-size: 1.3em; + color: #002e60; + margin-bottom: 0px; +} + +.hidden { + display: none; +} + +.visible { + display: block; +} + +.show-more { + cursor: pointer; + color: #162a47; + font-size: 0.8em; + display: flex; + align-items: center; + border: none; + margin-top: 10px; + align-self: flex-end; + padding: 0.5em; +} + +.show-all-toggle { + cursor: pointer; + font-size: 1.2em; + border: none; + background: none; + margin-top: 10px; +} + +.show-more i { + margin-left: 5px; +} + +#nav-header-text { color: #002e60; + align-self: end; + margin-bottom: -5px; +} + +.show-container { + display: flex; + flex-direction: row; + margin-left: auto; } .courtformsonline-navbar { - background-color: #002e60; + background: rgb(2, 0, 36); + background: linear-gradient( + 90deg, + #fbfafe 30%, + rgba(0, 28, 96, 1) 30%, + rgba(0, 46, 96, 1) 30% + ); height: 70px; } @@ -101,6 +171,10 @@ max-height: 70px; } +.show-all-categories { + margin-top: 10em; +} + @font-face { font-family: 'Inter'; src: url('/fonts/Inter-Bold.ttf') format('truetype'); @@ -129,3 +203,15 @@ h5 { body { font-family: 'Inter'; } + +@media (max-width: 990px) { + .courtformsonline-navbar { + background: rgb(2, 0, 36); + background: linear-gradient( + 90deg, + #fbfafe 75%, + rgba(0, 28, 96, 1) 75%, + rgba(0, 46, 96, 1) 75% + ); + } +} diff --git a/src/app/hello.tsx b/src/app/hello.tsx deleted file mode 100644 index c60cea3..0000000 --- a/src/app/hello.tsx +++ /dev/null @@ -1,4 +0,0 @@ -// `app/page.tsx` is the UI for the `/` URL -export default function Page() { - return

Hello, Home page!

; -} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index e6147e0..b977af3 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -21,11 +21,16 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( -
- - {children} -