feat: agregar nueva pestaña con ejemplos e imágenes y añadir README

README.md

@@ -0,0 +1,66 @@
+# Retrato WaifuStudio
+**Genera fotos de perfil estilo anime totalmente personalizables** sin necesidad de utilizar prompts complejos. Simplemente selecciona las características deseadas (cabello, ojos, boca, expresiones, accesorios) y obtén un retrato único. 
+
+
+Retrato WaifuStudio utiliza **Waifu Diffusion v1.3**, un modelo entrenado por **Hakurei** y alojado en HuggingFace. 
+
+---
+
+## 🚀 Características
+- **Interfaz intuitiva:** Elige características fácilmente en lugar de escribir prompts complejos.
+- **Personalización total:** Crea retratos únicos ajustando detalles como expresiones, accesorios y más.
+- **Basado en IA:** Potenciado por el modelo **Waifu Diffusion v1.3** para obtener resultados increíbles.
+ 
+---
+
+## 🌐 Ejecución en HuggingFace Spaces (fácil)
+
+Retrato WaifuStudio está desplegado en un espacio de HuggingFace. Sin embargo, actualmente utiliza los recursos de la capa gratuita, lo que puede tener **tiempos de carga extremadamente largos**.  
+
+[![Abrir en Spaces](https://huggingface.co/datasets/huggingface/badges/resolve/main/open-in-hf-spaces-md-dark.svg)]()
+
+### Ayuda a mejorar
+Tu apoyo puede hacer que este proyecto crezca 🚀. Las donaciones permitirán:
+- **Imágenes de mayor calidad.**
+- **Acceso sin limitaciones:** Genera contenido creativo o explícito bajo demanda.
+- **Disponibilidad 24/7:** Ejecuta el modelo sin interrupciones desde HuggingFace Spaces.  
+
+[![Donar](https://img.shields.io/badge/Donar-Ayuda%20ahora-FFA500?style=for-the-badge&logo=paypal)](https://paypal.me/srjosuearon?country.x=MX&locale.x=es_XC)
+
+## 🚀 Ejecución en Google Colab (intermedio)
+Puedes ejecutar **Retrato WaifuStudio** directamente en Google Colab sin necesidad de instalar nada en tu equipo. Solo haz clic en el botón de abajo:
+
+[![Abrir en Google Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/drive/1n4m5If8gQNmNrvamGmNj-jwObyf8IcHE?usp=sharing)
+
+### Ventajas:
+- **Sin hardware local:** Utiliza los recursos gratuitos de Google Colab.
+- **GPU opcional:** Mejora el rendimiento activando una GPU (Configuración: Entorno de ejecución > Cambiar tipo de entorno de ejecución > Acelerador de hardware: GPU T4).
+
+## 🖥️ Instalación loca(
+Si prefieres ejecutar Retrato WaifuStudio en tu equipo, ten en cuenta los siguientes requisitos:
+- **Tarjeta gráfica potente.**
+- **Memoria RAM suficiente.**
+
+### Pasos para instalar:
+1. Clona este repositorio.
+2. Instala las dependencias necesarias:  
+   ```bash
+   pip install -r requirements.txt
+    ```
+3. Ejecuta el programa en tu entorno local.
+    ```bash
+   python app.py
+    ```
+
+## 🤝 Contribuciones y soporte
+Este proyecto está abierto a contribuciones. Si tienes ideas, mejoras o dudas, ¡contáctame sin miedo!
+Puedes enviarme un mensaje directo en cualquiera de mis redes sociales:
+
+[![instagram](https://img.shields.io/badge/instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/srjosueaaron/)
+
+[![Tiktok](https://img.shields.io/badge/tiktok-000000?style=for-the-badge&logo=tiktok&logoColor=white)](https://www.tiktok.com/@srjosueaaron)
+
+
+[![YouTube](https://img.shields.io/badge/Youtube-FF0000?style=for-the-badge&logo=youtube&logoColor=white)](https://www.youtube.com/@srjosueaaron)
+
+¡Gracias por tu interés en Retrato WaifuStudio! 🎨✨

app.py

@@ -2,17 +2,18 @@ import gradio as gr
 from model import get_device, load_model
 from utils import build_prompt, generate_image
 from translations import TRANSLATIONS
+from image_guide import create_guide_tab
 
 device = get_device()
 pipe = load_model(device)
 
-def create_interface():
-    with gr.Blocks(theme=gr.themes.Soft()) as demo:
+def create_main_tab():
+    with gr.Blocks(theme=gr.themes.Soft()) as main_tab:
         gr.Markdown("""
         <div style="text-align: center; margin-bottom: 30px;">
             <h1 style="font-size: 2.5em; color: #4F46E5; font-weight: bold;">🎨Retrato WaifuStudio</h1>
             <h3 style="color: #6B7280;">Genera fotos de perfil estilo anime totalmente personalizables</h3>
-            <p style="font-size: 0.9em; color: #9CA3AF; margin-top: 20px;">Si disfrutas de esta herramienta y deseas apoyar su desarrollo continuo, considera realizar una donación sin restricciones para contribuir a futuras mejoras, incluyendo la posibilidad de generar contenido sin limitaciones, tanto creativo como explícito.</p>
+            <p style="font-size: 0.9em; color: #9CA3AF; margin-top: 20px;">Si disfrutas de esta herramienta y deseas apoyar su desarrollo continuo, considera realizar una donación para contribuir a futuras mejoras, incluyendo la posibilidad de generar contenido sin limitaciones, tanto creativo como explícito.</p>
             <a href="https://paypal.me/srjosuearon?country.x=MX&locale.x=es_XC" style="font-size: 1em; color: #4F46E5; text-decoration: underline;">Apoya con una donación</a>            
         </div>
         """)
@@ -34,7 +35,11 @@ def create_interface():
 
                 prompt_output = gr.Textbox(label="📝 Características de la imagen", interactive=True)
                 image_output = gr.Image(label="📥 Imagen generada")
-
+                
+                gr.Markdown("""
+                ```bash
+                Proximamente ejemplos completos 😎
+                """)
         def update_prompt(*args):
             kwargs = {key: value for key, value in zip(TRANSLATIONS.keys(), args)}
             return build_prompt(**kwargs)
@@ -76,13 +81,25 @@ def create_interface():
                 </button>
             </div>
         """)
-
-        gr.HTML("""
-        <footer style="text-align: center; margin-top: 50px; padding: 20px; background-color: #f9fafb; border-top: 1px solid #e5e7eb; font-size: 0.9em; color: #6b7280;">
-            <p>© 2024 WaifuCreator. Usando el modelo Waifu Diffusion de <a href="https://huggingface.co/hakurei/waifu-diffusion" style="font-size: 1em; color: #4F46E5; text-decoration: underline;">Hakurei</a></p>
-            <p>Desarrollado con ❤️ por <a href="https://www.linkedin.com/in/srjosueaaron" style="font-size: 1em; color: #4F46E5; text-decoration: underline;">@srjosueaaron</a></p>
-        </footer>
+        
+        gr.Markdown(""" 
+        ---
+        
+        © 2024 Retrato WaifuStudio. Usando el modelo Waifu Diffusion de [Hakurei](https://huggingface.co/hakurei/waifu-diffusion).
+        
+        Desarrollado con ❤️ por [@srjosueaaron](https://www.instagram.com/srjosueaaron/).
         """)
+
+    return main_tab
+
+def create_interface():
+    with gr.Blocks(theme=gr.themes.Soft()) as demo:
+        with gr.Tabs():
+            with gr.Tab("Retrato WaifuStudio"):
+                create_main_tab()
+
+            with gr.Tab("Guía para generar"):
+                create_guide_tab()
     return demo
 
 demo = create_interface()

data_image_guide.py

@@ -0,0 +1,57 @@
+import os
+
+hair = [
+    {"name": "Corte Lobo", "image": os.path.join("assets", "img_docs", "wolf_cut.webp")},
+    {"name": "Corte Bob", "image": os.path.join("assets", "img_docs", "bob_cut.webp")},
+    {"name": "Corte Pixie", "image": os.path.join("assets", "img_docs", "pixie_cut.webp")},
+    {"name": "Corte Militar", "image": os.path.join("assets", "img_docs", "crew_cut.webp")},
+    {"name": "Corte Tazón", "image": os.path.join("assets", "img_docs", "bowl_cut.webp")},
+    {"name": "Corte Bajo", "image": os.path.join("assets", "img_docs", "undercut.webp")},
+    {"name": "Cabello volteado", "image": os.path.join("assets", "img_docs", "flipped_hair.webp")},        
+    {"name": "Corte Hime", "image": os.path.join("assets", "img_docs", "hime_cut.webp")},
+    {"name": "Trenzas", "image": os.path.join("assets", "img_docs", "cornrows.webp")},
+    {"name": "Rastas", "image": os.path.join("assets", "img_docs", "dreadlocks.webp")}
+]
+
+texture = [
+    {"name": "Cabello liso", "image": os.path.join("assets", "texture", "straight_hair.webp")},
+    {"name": "Cabello ondulado", "image": os.path.join("assets", "texture", "wavy_hair.webp")},
+    {"name": "Cabello rizado", "image": os.path.join("assets", "texture", "curly_hair.webp")},
+    {"name": "Cabello despeinado", "image": os.path.join("assets", "texture", "messy_hair.webp")},
+    {"name": "Cabello afilado", "image": os.path.join("assets", "texture", "pointy_hair.webp")},
+    {"name": "Cabello rizos", "image": os.path.join("assets", "texture", "ringlets.webp")},
+    {"name": "Cabello perforado", "image": os.path.join("assets", "texture", "drill_hair.webp")},
+    {"name": "Mechones sueltos", "image": os.path.join("assets", "texture", "hair_flaps.webp")},
+]
+
+eyes_styles = [
+    {"name": "Ojos brillantes", "image": os.path.join("assets", "eyes_styles", "sparkling_eyes.webp")},
+    {"name": "Ojos circulo sólido", "image": os.path.join("assets", "eyes_styles", "solid_circle_eyes.webp")},
+    {"name": "Ojos en forma de corazón", "image": os.path.join("assets", "eyes_styles", "heart-shaped_eyes.webp")},
+    {"name": "Ojos locos", "image": os.path.join("assets", "eyes_styles", "crazy_eyes.webp")},
+    {"name": "Ojos vacios", "image": os.path.join("assets", "eyes_styles", "empty_eyes.webp")},
+    {"name": "Ojos Tareme", "image": os.path.join("assets", "eyes_styles", "tareme_eyes.webp")},
+    {"name": "Ojos Tsurime", "image": os.path.join("assets", "eyes_styles", "tsurime_eyes.webp")},
+    {"name": "Ojos Jitome", "image": os.path.join("assets", "eyes_styles", "jitome_eyes.webp")},
+    {"name": "Ojos Sanpaku", "image": os.path.join("assets", "eyes_styles", "sanpaku_eyes.webp")},
+]
+
+helmets = [
+    {"name": "Casco tipo pecera", "image": os.path.join("assets", "helmets", "fishbowl_helmet.webp")},
+    {"name": "Casco Sallet", "image": os.path.join("assets", "helmets", "sallet.webp")},
+    {"name": "Casco Stahlhelm", "image": os.path.join("assets", "helmets", "stahlhelm.webp")},
+    {"name": "Casco Brodie ", "image": os.path.join("assets", "helmets", "brodie_helmet.webp")},
+    {"name": "Casco Altyn", "image": os.path.join("assets", "helmets", "altyn_helmet.webp")},
+    {"name": "Casco Adrian", "image": os.path.join("assets", "helmets", "adrian_helmet.webp")},
+]
+
+hats = [
+    {"name": "Gorra con visera", "image": os.path.join("assets", "hats", "peaked_cap.webp")},
+    {"name": "Gorro Shako", "image": os.path.join("assets", "hats", "shako_cap.webp")},
+    {"name": "Bicorne", "image": os.path.join("assets", "hats", "bicorne.webp")},
+    {"name": "Gat (sombrero)", "image": os.path.join("assets", "hats", "gat_hat.webp")},
+    {"name": "Jingasa", "image": os.path.join("assets", "hats", "jingasa.webp")},
+    {"name": "Gorro Mob", "image": os.path.join("assets", "hats", "mob_cap.webp")},
+]
+
+COLUMNS = 5

image_guide.py

@@ -0,0 +1,33 @@
+import gradio as gr
+from data_image_guide import hair, texture, eyes_styles, helmets, hats, COLUMNS
+
+def render_list(lst, title):
+    gr.Markdown(
+        f"""
+        <h1 style="text-align: center; color: #4F46E5;">🔶 {title}</h1>
+        """
+    )
+    for i in range(0, len(lst), COLUMNS):
+        with gr.Row(equal_height=True):
+            for item in lst[i:i+COLUMNS]:
+                with gr.Column(scale=1, min_width=150):
+                    gr.Image(item['image'], height=200, width=200)
+                    gr.Markdown(
+                        f"""
+                        <h3 style="text-align: center;">{item['name']}</h3>
+                        """
+                    )
+
+def create_guide_tab():
+    with gr.Blocks(theme=gr.themes.Soft()) as guide_tab:
+        render_list(hair, "CORTES DE CABELLO 👩")
+
+        render_list(texture, "TEXTURA DEL CABELLO 🧒")
+
+        render_list(eyes_styles, "ESTILOS DE LOS OJOS 👀")
+    
+        render_list(helmets, "CASCOS VARIADOS 🎩")
+        
+        render_list(hats, "SOMBREROS VARIADOS 👒")
+        
+    return guide_tab