Primera versión desplegable

Author: mouredev

link_bio/.gitignore

@@ -1,5 +1,5 @@
-venv/
 *.db
 *.py[cod]
 .web
-__pycache__/
+__pycache__/
+venv/

link_bio/assets/avatar.jpg

@@ -0,0 +1,9 @@
+source venv/bin/activate
+pip install --upgrade pip
+pip install -r requirements.txt
+reflex init
+reflex export --frontend-only
+rm -rf public
+unzip frontend.zip -d public
+rm -f frontend.zip
+deactivate

link_bio/assets/elgato.png

@@ -1,16 +1,17 @@
 import reflex as rx
 import datetime
 import link_bio.constants as const
-from link_bio.styles.styles import Size as Size
-from link_bio.styles.colors import Color as Color
-from link_bio.styles.colors import TextColor as TextColor
+from link_bio.styles.styles import Size
+from link_bio.styles.colors import Color, TextColor
 
 
 def footer() -> rx.Component:
     return rx.vstack(
         rx.image(
             src="logo.png",
-            height=Size.VERY_BIG.value
+            height=Size.VERY_BIG.value,
+            weight=Size.VERY_BIG.value,
+            alt="Logotipo de MoureDev. Una \"eme\" entre llaves."
         ),
         rx.link(
             rx.box(
@@ -29,6 +30,7 @@ def footer() -> rx.Component:
         ),
         margin_bottom=Size.BIG.value,
         padding_bottom=Size.BIG.value,
+        padding_x=Size.BIG.value,
         spacing=Size.DEFAULT.value,
         color=TextColor.FOOTER.value
     )

link_bio/assets/mvp.png

@@ -1,7 +1,6 @@
 import reflex as rx
-from link_bio.styles.styles import Size as Size
-from link_bio.styles.colors import Color as Color
-from link_bio.styles.colors import TextColor as TextColor
+from link_bio.styles.styles import Size
+from link_bio.styles.colors import Color, TextColor
 
 
 def info_text(title: str, body: str) -> rx.Component:

link_bio/build.sh

@@ -1,7 +1,7 @@
 import reflex as rx
 import link_bio.styles.styles as styles
-from link_bio.styles.styles import Size as Size
-from link_bio.styles.colors import Color as Color
+from link_bio.styles.styles import Size
+from link_bio.styles.colors import Color
 
 
 def link_button(title: str, body: str, image: str, url: str) -> rx.Component:
@@ -12,15 +12,18 @@ def link_button(title: str, body: str, image: str, url: str) -> rx.Component:
                     src=image,
                     width=Size.LARGE.value,
                     height=Size.LARGE.value,
-                    margin=Size.MEDIUM.value
+                    margin=Size.MEDIUM.value,
+                    alt=title
                 ),
                 rx.vstack(
                     rx.text(title, style=styles.button_title_style),
                     rx.text(body, style=styles.button_body_style),
                     align_items="start",
                     spacing=Size.SMALL.value,
-                    padding_y=Size.SMALL.value
-                )
+                    padding_y=Size.SMALL.value,
+                    padding_right=Size.SMALL.value
+                ),
+                width="100%"
             )
         ),
         href=url,

link_bio/link_bio/components/footer.py

@@ -1,12 +1,13 @@
 import reflex as rx
-from link_bio.styles.styles import Size as Size
+from link_bio.styles.styles import Size
 
 
-def link_icon(image: str, url: str) -> rx.Component:
+def link_icon(image: str, url: str, alt: str) -> rx.Component:
     return rx.link(
         rx.image(
             src=image,
-            width=Size.LARGE.value
+            width=Size.LARGE.value,
+            alt=alt
         ),
         href=url,
         is_external=True

link_bio/link_bio/components/info_text.py

@@ -1,12 +1,14 @@
 import reflex as rx
-from link_bio.styles.styles import Size as Size
+from link_bio.styles.styles import Size
 
 
-def link_sponsor(imagen: str, url: str) -> rx.Component:
+def link_sponsor(imagen: str, url: str, alt: str) -> rx.Component:
     return rx.link(
         rx.image(
+            src=imagen,
             height=Size.VERY_BIG.value,
-            src=imagen
+            width="auto",
+            alt=alt
         ),
         href=url,
         is_external=True