@@ -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