@@ -23,7 +23,7 @@ def header(details=True) -> rx.Component:
2323                        rx .image (
2424                            src = "/icons/twitch.svg" ,
2525                            height = Size .DEFAULT .value ,
26-                             width = Size .DEFAULT .value 
26+                             width = Size .DEFAULT .value , 
2727                        ),
2828                        href = const .TWITCH_URL ,
2929                        is_external = True ,
@@ -34,8 +34,8 @@ def header(details=True) -> rx.Component:
3434                        position = "absolute" ,
3535                        top = f"-{ Size .DEFAULT .value }  ,
3636                        right = f"-{ Size .DEFAULT .value }  ,
37-                         z_index = "2" 
38-                     )
37+                         z_index = "2" , 
38+                     ), 
3939                ),
4040                rx .avatar (
4141                    name = "Brais Moure" ,
@@ -45,83 +45,51 @@ def header(details=True) -> rx.Component:
4545                    color = TextColor .LIGHT .value ,
4646                    bg = Color .DARK .value ,
4747                    style = styles .image_style ,
48-                     alt = "Avatar MoureDev" 
48+                     alt = "Avatar MoureDev" , 
4949                ),
50-                 position = "relative" 
50+                 position = "relative" , 
5151            ),
5252            rx .vstack (
5353                rx .heading (
54-                     "Brais Moure" ,
55-                     font_weight = FontWeight .BOLD .value ,
56-                     size = Spacing .BIG .value 
54+                     "Brais Moure" , font_weight = FontWeight .BOLD .value , size = Spacing .BIG .value 
5755                ),
5856                rx .text (
5957                    "@mouredev" ,
58+                     font_weight = FontWeight .BOLD .value ,
6059                    margin_top = Size .ZERO .value ,
61-                     color = Color .PRIMARY .value 
60+                     color = Color .PRIMARY .value , 
6261                ),
6362                rx .hstack (
64-                     link_icon (
65-                         "/icons/github.svg" ,
66-                         const .GITHUB_URL ,
67-                         "GitHub" 
68-                     ),
69-                     link_icon (
70-                         "/icons/x.svg" ,
71-                         const .TWITTER_X_URL ,
72-                         "Twitter/X" 
73-                     ),
74-                     link_icon (
75-                         "/icons/instagram.svg" ,
76-                         const .INSTAGRAM_URL ,
77-                         "Instagram" 
78-                     ),
79-                     link_icon (
80-                         "/icons/tiktok.svg" ,
81-                         const .TIKTOK_URL ,
82-                         "TikTok" 
83-                     ),
84-                     link_icon (
85-                         "/icons/facebook.svg" ,
86-                         const .FACEBOOK_URL ,
87-                         "Facebook" 
88-                     ),
63+                     link_icon ("/icons/github.svg" , const .GITHUB_URL , "GitHub" ),
64+                     link_icon ("/icons/x.svg" , const .TWITTER_X_URL , "Twitter/X" ),
65+                     link_icon ("/icons/instagram.svg" , const .INSTAGRAM_URL , "Instagram" ),
66+                     link_icon ("/icons/tiktok.svg" , const .TIKTOK_URL , "TikTok" ),
67+                     link_icon ("/icons/facebook.svg" , const .FACEBOOK_URL , "Facebook" ),
8968                    # link_icon( 
9069                    #     "/icons/spotify.svg", 
9170                    #     const.SPOTIFY_URL, 
9271                    #     "Spotify" 
9372                    # ), 
94-                     link_icon (
95-                         "/icons/linkedin.svg" ,
96-                         const .LINKEDIN_URL ,
97-                         "LinkedIn" 
98-                     ),
73+                     link_icon ("/icons/linkedin.svg" , const .LINKEDIN_URL , "LinkedIn" ),
9974                    spacing = Spacing .DEFAULT .value ,
100-                     padding_top = Size .SMALL .value 
75+                     padding_top = Size .SMALL .value , 
10176                ),
10277                spacing = Spacing .ZERO .value ,
103-                 align_items = "start" 
78+                 align_items = "start" , 
10479            ),
10580            align = "end" ,
106-             spacing = Spacing .DEFAULT .value 
81+             spacing = Spacing .DEFAULT .value , 
10782        ),
10883        rx .cond (
10984            details ,
11085            rx .vstack (
11186                rx .flex (
112-                     info_text (
113-                         f"{ experience ()}  ,
114-                         "años de experiencia" 
115-                     ),
87+                     info_text (f"{ experience ()}  , "años de experiencia" ),
11688                    rx .spacer (),
117-                     info_text (
118-                         "150+" , "aplicaciones creadas" 
119-                     ),
89+                     info_text ("150+" , "aplicaciones creadas" ),
12090                    rx .spacer (),
121-                     info_text (
122-                         "3M+" , "seguidores" 
123-                     ),
124-                     width = "100%" 
91+                     info_text ("3M+" , "seguidores" ),
92+                     width = "100%" ,
12593                ),
12694                rx .cond (
12795                    PageState .live_status .live ,
@@ -131,7 +99,7 @@ def header(details=True) -> rx.Component:
13199                        "/icons/twitch.svg" ,
132100                        const .TWITCH_URL ,
133101                        highlight_color = Color .PURPLE .value ,
134-                         animated = True 
102+                         animated = True , 
135103                    ),
136104                    # rx.box( 
137105                    #     rx.cond( 
@@ -156,20 +124,22 @@ def header(details=True) -> rx.Component:
156124                    Aquí podrás encontrar todos mis enlaces de interés ¡Bienvenid@! 
157125                    """ ,
158126                    font_size = Size .DEFAULT .value ,
159-                     color = TextColor .LIGHT .value 
127+                     color = TextColor .LIGHT .value , 
160128                ),
161129                width = "100%" ,
162-                 spacing = Spacing .BIG .value 
163-             )
130+                 spacing = Spacing .BIG .value , 
131+             ), 
164132        ),
165133        width = "100%" ,
166134        spacing = Spacing .BIG .value ,
167135        align_items = "start" ,
168-         on_mount = PageState .check_live 
136+         on_mount = PageState .check_live , 
169137    )
170138
171139
172140def  experience () ->  int :
173141    return  datetime .date .today ().year  -  2010 
142+ 
143+ 
174144def  experience () ->  int :
175145    return  datetime .date .today ().year  -  2010 
0 commit comments