From 79ac747c76c0e83a05fe2af03d90b129b9f4a78b Mon Sep 17 00:00:00 2001 From: Camila Maia Date: Fri, 8 Nov 2024 17:51:48 -0300 Subject: [PATCH] Adicionando footer --- curadoria_coletiva/app.py | 132 ++++++++++++++++-- curadoria_coletiva/assets/icons8-email-50.png | Bin 0 -> 571 bytes .../assets/icons8-github-50.png | Bin 0 -> 1028 bytes .../assets/icons8-instagram-48.png | Bin 0 -> 2698 bytes .../assets/icons8-linkedin-48.png | Bin 0 -> 534 bytes .../assets/icons8-twitterx-48.png | Bin 0 -> 868 bytes .../assets/icons8-youtube-48.png | Bin 0 -> 657 bytes 7 files changed, 119 insertions(+), 13 deletions(-) create mode 100644 curadoria_coletiva/assets/icons8-email-50.png create mode 100644 curadoria_coletiva/assets/icons8-github-50.png create mode 100644 curadoria_coletiva/assets/icons8-instagram-48.png create mode 100644 curadoria_coletiva/assets/icons8-linkedin-48.png create mode 100644 curadoria_coletiva/assets/icons8-twitterx-48.png create mode 100644 curadoria_coletiva/assets/icons8-youtube-48.png diff --git a/curadoria_coletiva/app.py b/curadoria_coletiva/app.py index b05a3fc..af7212c 100644 --- a/curadoria_coletiva/app.py +++ b/curadoria_coletiva/app.py @@ -89,6 +89,7 @@ def _create_layout(df): html.Div(id="results"), ] ), + _create_footer() ], ) @@ -97,26 +98,31 @@ def _create_logo_section(): return html.Div( style={"text-align": "center"}, children=[ - html.Picture( + html.A( + href="https://cumbuca.dev", # Link para a Cumbuca Dev + target="_blank", # Abre o link em uma nova aba children=[ - html.Source( - media="(prefers-color-scheme: dark)", - srcSet="https://github.com/cumbucadev/design/raw/main/images/logo-dark-transparent.png", - ), - html.Img( - alt="Cumbuca Dev Logo", - src="https://github.com/cumbucadev/design/raw/main/images/logo-light-transparent.png", - style={ - "width": "15vw", # O logo será 15% da largura da tela - "max-width": "200px", # Tamanho máximo - }, + html.Picture( + children=[ + html.Source( + media="(prefers-color-scheme: dark)", + srcSet="https://github.com/cumbucadev/design/raw/main/images/logo-dark-transparent.png", + ), + html.Img( + alt="Cumbuca Dev Logo", + src="https://github.com/cumbucadev/design/raw/main/images/logo-light-transparent.png", + style={ + "width": "15vw", # O logo será 15% da largura da tela + "max-width": "200px", # Tamanho máximo + }, + ), + ] ), ] ), ], ) - def _create_search_box(): return html.Div( [ @@ -224,6 +230,105 @@ def _create_filter_dropdowns(df): ], ) +def _create_footer(): + return html.Footer( + style={ + "padding": "20px", + "text-align": "center", + "border-top": "1px solid #ddd", + }, + children=[ + html.Div( + style={"margin-bottom": "10px"}, + children=[ + html.H4("Siga a Cumbuca Dev nas redes sociais"), + ] + ), + html.Div( + children=[ + # GitHub + html.A( + href="https://github.com/cumbucadev", + target="_blank", + children=[ + html.Img( + src="/assets/icons8-github-50.png", # Logo do GitHub local + alt="GitHub", + style={"width": "30px", "height": "30px", "margin": "0 10px"} + ) + ] + ), + # Instagram + html.A( + href="https://www.instagram.com/cumbucadev", + target="_blank", + children=[ + html.Img( + src="/assets/icons8-instagram-48.png", # Logo do Instagram local + alt="Instagram", + style={"width": "30px", "height": "30px", "margin": "0 10px"} + ) + ] + ), + # Twitter + html.A( + href="https://twitter.com/cumbucadev", + target="_blank", + children=[ + html.Img( + src="/assets/icons8-twitterx-48.png", # Logo do Twitter local + alt="Twitter", + style={"width": "30px", "height": "30px", "margin": "0 10px"} + ) + ] + ), + # YouTube + html.A( + href="https://www.youtube.com/cumbucadev", + target="_blank", + children=[ + html.Img( + src="/assets/icons8-youtube-48.png", # Logo do YouTube local + alt="YouTube", + style={"width": "30px", "height": "30px", "margin": "0 10px"} + ) + ] + ), + # LinkedIn + html.A( + href="https://www.linkedin.com/company/cumbucadev", + target="_blank", + children=[ + html.Img( + src="/assets/icons8-linkedin-48.png", # Logo do LinkedIn local + alt="LinkedIn", + style={"width": "30px", "height": "30px", "margin": "0 10px"} + ) + ] + ), + # Email + html.A( + href="mailto:cumbucadev@gmail.com", + children=[ + html.Img( + src="/assets/icons8-email-50.png", # Ícone de Email local + alt="Email", + style={"width": "30px", "height": "30px", "margin": "0 10px"} + ) + ] + ), + ], + ), + html.Div( + style={"margin-top": "10px", "font-size": "12px", "color": "#777"}, + children=[ + "© 2024 Cumbuca Dev - Todos os direitos reservados." + ] + ), + ], + ) + + def generate_result_layout(filtered_df): result_layout = [] @@ -438,6 +543,7 @@ def update_table( return result_layout, result_title + data = _load_yaml_data(yaml_file_path) df = _create_dataframe(data) diff --git a/curadoria_coletiva/assets/icons8-email-50.png b/curadoria_coletiva/assets/icons8-email-50.png new file mode 100644 index 0000000000000000000000000000000000000000..f862749e719140a1f1f2d3c75af5344d80b727c9 GIT binary patch literal 571 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 Eg4AIrb^rhX literal 0 HcmV?d00001 diff --git a/curadoria_coletiva/assets/icons8-linkedin-48.png b/curadoria_coletiva/assets/icons8-linkedin-48.png new file mode 100644 index 0000000000000000000000000000000000000000..eac6de86c145624919d64c655c9694b8a78a23ea GIT binary patch literal 534 zcmV+x0_pvUP)QTm^xP zi;IhCNitnQGKnLZY6w$s#4^=HOkMErm$HGJrWY z41`BU7i1c>4uFa3c5u|QOe!`27zmEP{BHohNE*%y8fXn2l!6BH;k35^l!6A|6~EWK z1)w$bJ^;0@dkaAEdIx-wvQSE_~xH0OXPd4uCs5F-+rppWVHN?TZqmN>!*f z+wfXznWMON`T&!g3AODJ)`U^IEWX3cPKsTC>`NVfQ!KB7#45nJ@*m~c1kl@H z&i~TkEvz2rA$q3{t=msNvk9=S6#Hr>LJ2s@RR-!ZPc=3Hrni#=>nt8*2kOeT7JC5g zAK!bP+DeXH>v{+5u7x-N<{dD_M+oynO!+N@_%&)#qiznjEO`295!13|0ONh0f#6_R z#PrNEfbny|?ck_u319gw19ZATf^LTwG1;&c{<9My5-{H9ojnsoHO9vF&U0~baS2Z8 Y1Cnr_*QNO_tpET307*qoM6N<$f~SMyt^fc4 literal 0 HcmV?d00001 diff --git a/curadoria_coletiva/assets/icons8-twitterx-48.png b/curadoria_coletiva/assets/icons8-twitterx-48.png new file mode 100644 index 0000000000000000000000000000000000000000..fece2af634b2fa34f4d43156d63672ce07c929da GIT binary patch literal 868 zcmV-q1DpJbP)I03T;KXC|4bopGAMB#Rt4i`?9_ z-S|D7=gS|FI%^qa!K>uh&as)6>&*oXh3t zymG$XZin;pbGW&=0guOHjBRviXb76kCe-V77#J9!vF+_`TA4^BBG0p0t&q>>;qmbi zg2AA^B4%$g6bcdG-Q8UoY^hX&ySqCW8ylmQNG6jsXK87vYw%2qMkWEApPzpvaun*? z+8UkP+S*bDo@qeFZj|6;td`w_5Pfku~ zs|^GKs=+fYy-+L`dsXWrBO|mbjYdNjxuFRNf&izdr||IbKmt~ZJRXl5pFm$OZf>e-XxwKKn4O)aJ6k9e zyDeL2G+AXuz@~)TCHkGIsi_YE%*@PCnc+&|!_VR2Avsf}71xXa)-n2h++jX? z`ckH3v)@KtVa0V3u@=dh1em!3plJ#5#(KHiR-=JEy@9je8CSCcz4&p#0N|T~AbjEe u<10-9-_Pq%HrIIPRf9Lf3^UB&w1^)@pCme>(f->20000@fC3iM%W{F+*x!MyReELHq*myDvnbzK*1OV6BOL1-~|QmsQBbdFh>P_ z{rVkTH}^cJ;GX|q#V7^ms5s`=He+l>YjVRtJq3LfOi@uNo2i`&rLhkZsEcQQJsK#O zOu;l4(KWVVdGr8+3mGuY3JpXv-+?9yzGT2KD>TbCtOyU_p)&(!xuDvyBT9hY)Q##Q z67)rR{`*rmstMi$3dR!+^6&<^e?zrq;Bu4zw-OCv_%Tmj8X~(^+79s~N`S|S0|d-| zAcszn9rd;X%!CI}ys{P`;N>Io$aWh6zK5>LCZ+WNhGLPNx=8L_n=C{Z8p9r;&s7N! zF!zldK27dyTw47tXbzi!`Kks8n0Z5<>WN=}8&+o{!1QbKWOw}ff|fi#LPhpqS$Z$= zDn%2AK#OMhwLq6f~Pg!N;KOsu4Ub={$}pM1i5dWZR0G> zz<9p5(}MndA80)E=KDzLq4VEA)Eg)m%z$B5=saRIwiMShV4A*63o=e)%MSt6QE?#U z*5Xb7qY}5ZxL_bb3)``gf^I4fQ*nlh5h|`waNDesRJ<)WasLcm`0cv6=NT1usJL2c r?w+OKs9#&K$x3tA;cz${4&;EJ)l-E@Q@T}>00000NkvXXu0mjfK`9@~ literal 0 HcmV?d00001