From 9415a39e9e47be275945943bd5cbcceccfbf1582 Mon Sep 17 00:00:00 2001 From: sudhanshu dasgupta Date: Sat, 24 Feb 2024 20:33:29 +0530 Subject: [PATCH] improve ui Signed-off-by: sudhanshu dasgupta --- Lets-Learn-Github/contributors/index.html | 48 +++++++++++++++---- Lets-Learn-Github/public/images/github.png | Bin 0 -> 3062 bytes Lets-Learn-Github/public/images/linkedin.png | Bin 0 -> 1789 bytes Lets-Learn-Github/public/images/twiiter.png | Bin 0 -> 3056 bytes 4 files changed, 40 insertions(+), 8 deletions(-) create mode 100644 Lets-Learn-Github/public/images/github.png create mode 100644 Lets-Learn-Github/public/images/linkedin.png create mode 100644 Lets-Learn-Github/public/images/twiiter.png diff --git a/Lets-Learn-Github/contributors/index.html b/Lets-Learn-Github/contributors/index.html index 2b02f6a..b76c3a5 100644 --- a/Lets-Learn-Github/contributors/index.html +++ b/Lets-Learn-Github/contributors/index.html @@ -15,9 +15,8 @@ /* Style for each contributor item */ .contributor { - width: calc( - 30% - 10px - ); /* Adjust the width for three contributors in a row */ + width: calc(30% - 10px); + /* Adjust the width for three contributors in a row */ margin-bottom: 20px; padding: 20px; border: 1px solid #ccc; @@ -37,6 +36,10 @@ color: #666; width: 100%; overflow: auto; + background-color: #f9f9f9; + box-shadow: 0 0 5px #ccc; + padding: 6px; + border-radius: 5px; } /* Style for contributor image */ @@ -50,20 +53,22 @@ @media (max-width: 750px) { .contributor { - width: calc( - 50% - 10px - ); /* Adjust the width for two contributors in a row */ + width: calc(50% - 10px); + /* Adjust the width for two contributors in a row */ } } @media (max-width: 400px) { .contributor { - width: 100%; /* Full width for one contributor in a row */ + width: 100%; + /* Full width for one contributor in a row */ } } + +

Contributors

    @@ -90,6 +95,12 @@

    Contributors

    const name = filteredLines[0]; const details = filteredLines .slice(1) + .filter( + (line) => + !line.includes("LinkedIn:") && + !line.includes("GitHub:") && + !line.includes("Twitter:") + ) .map((line) => `
  • ${line}
    • `) .join(""); @@ -99,14 +110,35 @@

    Contributors

    ); const imageURL = imageURLMatch ? imageURLMatch[1] : ""; // Extracting the URL from the matched group + const linkedInMatch = contributor.match( + /LinkedIn: \[LinkedIn\]\((.*?)\)/ + ); + const linkedInLink = linkedInMatch ? linkedInMatch[1] : ""; + const gitHubMatch = contributor.match( + /GitHub: \[GitHub\]\((.*?)\)/ + ); + const gitHubLink = gitHubMatch ? gitHubMatch[1] : ""; + const twitterMatch = contributor.match( + /Twitter: \[Twitter\]\((.*?)\)/ + ); + const twitterLink = twitterMatch ? twitterMatch[1] : ""; + // Create list item for the contributor with image const li = document.createElement("li"); li.classList.add("contributor"); li.innerHTML = `
    +
    ${name}'s Profile Image ${name} +
    +
    +
      ${details}
    @@ -120,6 +152,6 @@

    Contributors

    fetchContributors(); +
- diff --git a/Lets-Learn-Github/public/images/github.png b/Lets-Learn-Github/public/images/github.png new file mode 100644 index 0000000000000000000000000000000000000000..1a3571d26d6be2a4d34d39539f715192719b5a5f GIT binary patch literal 3062 zcmVQA!SQ;7{YHDgOE-sy&oeK*K zkdTmne}Ap5trQd#BO@baWo5JdT`T|q3o}VXK~#90?OkhksyYzWf~Z&p#RvBI0PXAi z|37#yrB=X%> z-d8;m91d6SJ@fMrr@<`3KK0{sUk9*`q&F8UU9%7z4%cZf{N`P~hb}nG?GsEH`4zDJ z8T}12!QpV@+ax&YUxYp)oY*6H;U@QuizR+jP7zbb!OBhzcHF!w*jey6w%nu|*qSD| z;AZrIg;|39O5zc3CJFxKW+TL3a|F$VLCs@nh~H?>%|wd5k@)!7B`wj!&Om%)-mfoD z#b;+{W8^l$|0#Cds3VuRXo+1XioUB-w2EaHBlR~B?4&f@RP>L~R{cB?H60{+1S9Ts z6AT^xv5Z|Ve^BuQzoyyi_3eR)?t8L9~a88m6|ComHl z&!h>$iTYt>=1r~ZhpU#y#VOSFDTx>9aqCTHqtR$K@wUfw5ho{M#Y1aViF$QPy${4K z+6}LENTTrO{1h3vzJ+|sMeJXJYOC3d}1Y9fc$_$q!F+X0AOWDh=A7Abxj zEVmGN7X85olYQco_=!Etdk#Twdo6kx4zIZ{ONV0r2lmrByXQveBL6%-i&&&3I6JQJ zWXfYz7@jNC%JUck9;wcnk18W|cW5T-jDQeEXdWg)Wu8z@^#nqfKvQ8*8VvZl0;hyk zHuN?r9okRVg9xNXfx1K_g^*56{GcGl9kuFAb(p&bu71N^{ zSplRSe()2Hpoplx+i@R3>HN3}eS)RH8l?F~jxYBn6bZV*g=rjw{-m3}z^(3#k=Px0 zM*Z6jA{;}Dy^RDAlv{Zaag&YDM0Qb!oC+iLU zV>gsx30Nf-!5UP#oL!psr>^1q#tF|?Iiv1Nz~9BkgRF1?ZZCk%lqqhNa)xIf0egHi zTv@o_INbq9-M09T;gTpN2-6fON-eQ+V@l%`h4KZ?Iw29@2qC;nKirA56&SL2E?)O99lQ37_{cX;NXKfhfC>el{mi@|vr&a%=+z>%oa03J$eaE6}&z$MLp@sx4s zQW(RB#m5VwuGl4oh$o*C!fard)CFF`w;Qpxh%;&e9?Ep)j*6K)Fk@?C2%kT*2>Pz!91PW%vy40RIB_NhDaA z_tlc-J8}o4NR3Z71x~vHh&T34YC`)l!f0K6ys1)(YO7c%q^DT-DQS;ZBtLOzFkgJ1 zcwy0fvK(=0@RjQ*PKehk-{)IUXLql8RK}Qk*G476OFO?z@o&5_3b!s{@*n4bS*Sb2hJ}HPY7Uc)a zzILjoHEX&d4fSR@_u~)~qJb4;jkgeIf86kC|1|1eUi)Bq=?+$3+O^@1x}*Caryaj) zzDY1T-5gR48UKw(IVg^l@7^b4e|B87S8RlK`e`~{-!7P;BRbEY_a9)9x4!Vnv^DPO z$(I{ME}qD)IaegEuQ2VF7h@!S@3re)1VTk7NCe(9L${ttwv$kt)NLQsz|XT}afD4Ce{#Ge2eR)Vhpcr%93!aP zE%O}zKX|&)^bK!P{Uz2uVa;yA{ZLB8iWp&1K;9c73oF)=YG{g?cEgm>Tg_X9CV}G!OaAOr&p&*Yy$=Q6 zjV;}$4NJurf9+S@Ny=SA7X&jyx&fQAcoa8`pjFZ#Mob#l{Rom0mKiPCnpM7K+b1#4@8w692<-}cSiThi%r!5wi8GP!285V}(^gS>rY%E@MtLKl^< zar`CL8+4bcCORp5<(0;FtpOm zisy#xGqiM5C|pc#o8gDGj_Wa)9n#%GAj752RtRhjb{Se84(}nkXx(TP!Z5Tx6Tk~|_hn)l2w@BQ`(zs2{@ zG~e06aM6c^X<{lpj+y2gr3~M=CK^s8Da}mteG-N*oFf1N;i7cMWC|-IpSY(}JqxmM zx>lROdx@QxxcT0+xmT+mcyViT@hG|*0s5NxUdXeIEMyJ3 zB8b1jRr@ZIFZe3QI>%hMw<{5NUe~qFJday={)21y4}8_EX1(|*wEzGB07*qoM6N<$ Ef`3KCnE(I) literal 0 HcmV?d00001 diff --git a/Lets-Learn-Github/public/images/linkedin.png b/Lets-Learn-Github/public/images/linkedin.png new file mode 100644 index 0000000000000000000000000000000000000000..6e5362d1941c16337a5a4b4bfe64a8ee33cd90fe GIT binary patch literal 1789 zcmb7_X;c!38irACMkt9_b8k%CaB_ii8OfC}bIB#QGIPtyL``a33(EjS63xcR1w+Mg z8I9B^ami89Tynn&W?ob>ubLZX{oLjGdV1rlha)ZW7e_#!f+)MKG$+;HN$?g7~ZzFwI259@(gQQ36Kg7&*x{v zeQ*xFaDUeuL9SwXllef%i30ljWM?B;>MRM*45M||?oR3)eXJP~OKSE0;7{8?TdNk{% z(5^FEbY9P2ZKzAOl-r*!v_f1|V`$>41~ZkgY?V^3ehkz#^8JA^`)%DR3vTyXI=-n~ zL?J7xgkUo3T#Qtqs7OP=ldX6%L`5B@)u8gp2smCOxOkKRcLK_^YzCB$`VCPEr;N$% zNdB-CvFi6!^wEe`_4;~-^=9GI6$(&}1>=*WKY*1r230SJ{kj4osV&6qvZ)toM6p>H zK>xQhdPn3!yiqL&5$jZr`Lo(~xf!t}sei6Pp+Xg}bwQr`AU%12?z8`U zZNdR&5#bBL)Y98Gv7gLqSbNsvEj}yKH8u&0Ucp*V4nK9%HVD#7M#A#_c=D;2G8K_> z6&vu`f>xjGn1&#WoM(EsniCbE2zHco#PsM$T!;7VxhbXW)t!`u^1Uz14fi6v6i!3s zhwZL|+b1b$_}GLy^|AN@46Utt?OYy2V>338%XL~Dlwt)sESNptt57C1vKf)qhQ|{` z;d&>sEE(G~6NKxmF{O3XP5%!2w{Ej75S-kcbn@X~Lo?*RvuMP|>n)|Ls{Tpzkg&J- z32iHbUe9Mq$67#45FKHpP{wA!FoP!>|0OU&o3exkAHnZ!K;`qE50Pi5$@_$gRo}6h z!^zKuO2ad$vg0YFAJGrk@|*Gwn8xZeVkMS#t*;pLxLYJ$QxW`^?2YD z{-bFc0nYpB+T6g2vb)?SqXf~79=iPI+3$bK7}tBhbAGBT!*9VRm?BF}IS^6JhFNi{ zPsJpH3_LoKq&nQrU}8OU@gussDvh@Np@&Hd0B4Mi9J4WA@DdeNHS58p5m!B@)Vin)Ji?DnCRxt|U5KCMDq&UaQm6snd2u(&eD; z{H63b^=v*rC_ua;>92y+)Q(6^#SjMI=$$;7R#l%C_MuAPwYc-3sHqfXOGfKzKD;-& zGORQHHuO6T-3GoufGU>(onR}w)Mlf)>H&zsvKO8E?;ZT_eJScl#!+z-$Z5nC z;^Y<;OZT0(HR}p8xnI&{cC!qAPb{ElVk#zZf4C1}Oa|d~nW5AdD$qvp4eE#Kry$8! zy;N-Pig7e=C_jGqied=?*XFUBJad;=)EQQ|eO1*Ab=7X48$riz;TD96Wz+t==}=dj zVc)brj(v@|V}3QH(aoa4+QY7~P7LApa9+W4`LsUeflf{=A%KnK!@y03$9WzD5*a&K W5z_fisKY^@0bHCs&@WM;kNyHW-D!>h literal 0 HcmV?d00001 diff --git a/Lets-Learn-Github/public/images/twiiter.png b/Lets-Learn-Github/public/images/twiiter.png new file mode 100644 index 0000000000000000000000000000000000000000..39e82d045fb077e9c2c74a48e60630ae63dff09c GIT binary patch literal 3056 zcmV(P)m~ z|Nj7!?*NwX0F>_lm+usr@BoqT-R=DD_Ws!F{IJ#dm&x|(^!>iv`8T5RQ>^m$`~KnY z{AjfE(dPSny!C{@^>VoM!{7R+(fB~6@hqS5k;eA2*7(Wd`b(+upUw9Gi0%N4?uo

(*Mh4!42E${fP|1h3Xry&_kYJFZHDTCZ2`0Y#g;R3AYW|D zk}TUE`k%@h`vWM+53W&|Wmy`Q|kDn@dRJL_L^+#p9pLC!5?I+U&&pbKxyWL3< zYCLxr^Y4F75jxXO@CLWo3iSTAMt$$CQ%R&q&P%G{F6z_rp$V7dzaZNB4Od z&~*(O9M#^~0Kb1t0p9>(qpOX6{#M__z>@ka8{oz7FXnLEJ6rADFU}iXxDLLod;$jM z$ZSo`xq=o=cfJn3s&*6tMSe5!ThxTJ=1c3~dF{7>$X9IxY+GdCdTR}Q+Zbyg<9un) zu=R<>?bp`8PtEThg1qSbtTxrzb8Fz|R;Ocy>-pS$NAKYF?{)CFZC<%&kjYe#?|ddB zt$uz@{#n++JHLFgZ2m=?N?coX(r{eXD~~>Hd=xoMmGGCX ztAYo#=P%!pD|HMmo2oV1^8OCaIomeCqdq%B+tZ*OIc{*W`39Nm%bwHEs9L=8FjerZ zcf66C8{?ihZE(DLf4kw)t3+({-G8g#f|-STE=-(TlO8YEr~7e(X)R3s8oMg^L11Ay zR$Z^qklQ)DAhf;I`V($f!S}+cMV_?RmIn}))%7-PP4J_5PGyB%Fv8=T>uB>*CnXNOzxcs;a?V15Z^y3L_TG``Ud@xuRB}B@atG zMRH>oww32{sYT20lqVv3gpY>({SIf_x>5=?@SBdgVa-vaDY@5ROPq8R2i3qIdY^@G zlfcDs4&qm==vw-%fh(HzA8}Gd9nVzL#tmjm?POycd_a6mH$yXWKs_Blx?f*kLK>3X zr<-A|4l6r-fb04& zEpdX2l?pqA1ET?MB@tG#Kcsyg!e!L~53NLtoDq^-gz0FAAVmkGx4DJVaQk z1%9!Z{45(Ddr6jdy&obGp+22GmCGNfBmSf>j`vfe?IBW6df-b3pNKO?DBdKG@Vfjq z|KwWS;nEI&?~3*EX=H=O_+72w4R4#WftoPFTFV9)w&M9w{Q0&ujW^CxGm@_Yqw6c}%S z8(l<@|E++pi+U&tUa??ZL=YQSzD+G)-BkT$Z@NI|2i$4Q4&8cX*ovLmcw&E ziTsxucs>31Oq)?m3d4l+h!RcX^2)}+i%R2*h*q%m>)hreD%$>E1;5UF@@h#mn++}Z znuUbhBx_S0eBr!H35|LkTw1U`D~Zc5Yv7kZHOQ&3Qo*$9X~GiPwnjV-ReJ^^@fPqp zIADFLb20IeRdsOKQfjvnrC(a$dS$%R78Y+7Yk>b9yDkjI+u*?aB^*lZzO=ztf5p5J zNlAGVd^_h{Q&m`UK3Qudoc~CZ7h>)<`1Ws%a@JF(-VctlKS54py8=6mzWbwi07NC+ zUEt1-C;^aYWxN+0aATA+$tJU&)zbNQc0oy_2pr%jLAMgFp$NcHICFA^O}{;^{C?hZ zn!Km?Rzv`tqv%cwJ-xpa1fby3nIt&~G5B`I1z%F{MFc)$a#<)Y0Y_V-bKXZ3RoMe3 zOwh!$wC!9Lk;=gh?lc%tOzFTuNlMPz@!x<_n8fAaXuX+RcV}wHugNcnIWOjA-LcxP zW`&z^cKNL8c@QoW370#fnXl)(|o_)La6=W-Yw@Y22)bPoOuQJTwiz!6H1 z3YX4}Ex}H+!QiE$gwRRv*${2UFaa+WWXafc0;xGKQt*za_}6U^3-#uHN91uD)Tf+hGZP-4xq>)y{;Z(clvBnXRKyjdN(k;2_8I zSQFDZSx;is=d_x{1t&XcgU@MAMepcP**p$*z@WL5GEU0iE)I-vBdm8ou+(#NevyeK zsjQx8fzPF)SyITT53Y0u_xNJU(TOtnEH-S&3OEOWr!(m6nwCus933X#*_&5XS^}T` zk}=Ug09y&%pLmng0cSv~8HIGxM*-i@Pr0bpVe1$<;>;< z21jUl92uPx$sS5a;0SH+1s-v7Gcf3e;H8$U4JP9>{KE8Za3kwOr%*LAE zplS;K(lWXqk~oJu0L}2KwWq9rzqP$VaZ`=Thd$W@kH8`rBgf?{Yv6D-{lv z1(C&F_ZbK@M2q z*>&OUU>SjzfjJm;sjdrW2g?9_eFV)%bYD0-ScAdWd)R=S+-zbG1`iV8JOs8heg9|> zc$5Pt-MC3U)fV{r3^{?l#606`-c7-`;SE0DL}J4`-c7-`mt>3$Sa|5VpdIjC7LT&+ zj5z4#%HZqE-ovA8Na0v*Q?z~XZJH$Ow!3Tih+oWOtru~eIIwCz z;JcjNlKpv=h2iBAhS~jmIK~@-DH)OZDZ-pJH+pyVh*3s9JItQ{W|P=owy^E1wZRd3 zOk(-7B2IEQ#=HTJ*72lDni#Y0qV|9zlx`+d*~6?Q)>ObJa}q>p%dH09a&Uyg@zFVs zMc2AG0!Jtt7rn%`nO@QWFI#=Q%iS0pcBjhebFp(%HbPqSQet4Wx0Sd-*3R$ITNnrz%gd(R3yCj{SCDhG(V zl}>tjec2b!lYa)&GeT*+(%$&%M7k>}+w1C?eAI1w_GG>tE{?Mc8XB~A=BL>qX3wmg zI4#FHdlF-k@9!r_e^fyR>*L$yDLWtIf?)hP3+kP+`