Update style_transfer.py

style_transfer.py

@@ -421,16 +421,35 @@ def create_style_transfer_tab(dog_style_transfer):
         """)
 
         # Add model info and style description display
+        # gr.HTML("""
+        # <div style="background-color: #f0f8ff; padding: 16px; border-radius: 8px; margin: 16px 0; border: 1px solid #cce5ff; box-shadow: 0 3px 10px rgba(0,0,123,0.1);">
+        #     <h3>🐶 Upload a dog photo and select an artistic style</h3>
+        #     <p>After uploading your dog photo, the system will transform it into your chosen artistic style. Try different styles to create stunning effects!</p>
+        #     <p>Our system uses specialized models for each style to ensure the best results.</p>
+        #     <p style="margin-top: 10px; padding: 8px; background-color: #fff9e6; border-left: 4px solid #ffd966; border-radius: 4px;"><b>⏱️ Patience is a virtue!</b> While AI is working its magic, your dog might have time to learn a new trick or two. The transformation can take up to 30 seconds, depending on how photogenic your furry friend is! 🐾</p>
+        #     <p style="margin-top: 10px; padding: 8px; background-color: #e6f9ff; border-left: 4px solid #66c2ff; border-radius: 4px;"><b>🤫 A Little Secret:</b> Although we designed this tool for dogs, it can actually transform any photo! Portraits, landscapes, even your favorite teddy bear — feel free to try them all! Just don’t tell the other dogs… they might get jealous! 😉</p>
+        #     <p style="margin-top: 10px; padding: 8px; background-color: #e6f9e6; border-left: 4px solid #66cc77; border-radius: 4px;"><b>✨ Unlimited Creativity!</b> Sometimes, AI might surprise you with unexpected creative interpretations, adding unique colors or features to your image. ✨</p>
+        # </div>
+        # """)
+
         gr.HTML("""
-        <div style="background-color: #f0f8ff; padding: 16px; border-radius: 8px; margin: 16px 0; border: 1px solid #cce5ff; box-shadow: 0 3px 10px rgba(0,0,123,0.1);">
-            <h3>🐶 Upload a dog photo and select an artistic style</h3>
-            <p>After uploading your dog photo, the system will transform it into your chosen artistic style. Try different styles to create stunning effects!</p>
-            <p>Our system uses specialized models for each style to ensure the best results.</p>
-            <p style="margin-top: 10px; padding: 8px; background-color: #fff9e6; border-left: 4px solid #ffd966; border-radius: 4px;"><b>⏱️ Patience is a virtue!</b> While AI is working its magic, your dog might have time to learn a new trick or two. The transformation can take up to 30 seconds, depending on how photogenic your furry friend is! 🐾</p>
-            <p style="margin-top: 10px; padding: 8px; background-color: #e6f9ff; border-left: 4px solid #66c2ff; border-radius: 4px;"><b>🤫 A Little Secret:</b> Although we designed this tool for dogs, it can actually transform any photo! Portraits, landscapes, even your favorite teddy bear — feel free to try them all! Just don’t tell the other dogs… they might get jealous! 😉</p>
-            <p style="margin-top: 10px; padding: 8px; background-color: #e6f9e6; border-left: 4px solid #66cc77; border-radius: 4px;"><b>✨ Unlimited Creativity!</b> Sometimes, AI might surprise you with unexpected creative interpretations, adding unique colors or features to your image. ✨</p>
-        </div>
-        """)
+            <div style="
+                text-align: center; 
+                padding: 16px; 
+                margin: 16px 0; 
+                background: linear-gradient(to right, rgba(66, 153, 225, 0.1), rgba(72, 187, 120, 0.1)); 
+                border-radius: 10px;
+                border: 1px solid rgba(66, 153, 225, 0.2);
+                box-shadow: 0 3px 10px rgba(0,0,123,0.1);
+            ">
+                <h3 style="color: #333;">🐶 Upload a dog photo and select an artistic style</h3>
+                <p>After uploading your dog photo, the system will transform it into your chosen artistic style. Try different styles to create stunning effects!</p>
+                <p>Our system uses specialized models for each style to ensure the best results.</p>
+                <p style="margin-top: 10px; padding: 8px; background-color: #fff9e6; border-left: 4px solid #ffd966; border-radius: 4px;"><b>⏱️ Patience is a virtue!</b> While AI is working its magic, your dog might have time to learn a new trick or two. The transformation can take up to 30 seconds, depending on how photogenic your furry friend is! 🐾</p>
+                <p style="margin-top: 10px; padding: 8px; background-color: #e6f9ff; border-left: 4px solid #66c2ff; border-radius: 4px;"><b>🤫 A Little Secret:</b> Although we designed this tool for dogs, it can actually transform any photo! Portraits, landscapes, even your favorite teddy bear — feel free to try them all! Just don't tell the other dogs… they might get jealous! 😉</p>
+                <p style="margin-top: 10px; padding: 8px; background-color: #e6f9e6; border-left: 4px solid #66cc77; border-radius: 4px;"><b>✨ Unlimited Creativity!</b> Sometimes, AI might surprise you with unexpected creative interpretations, adding unique colors or features to your image. ✨</p>
+            </div>
+            """)
 
         with gr.Row():
             with gr.Column(scale=1):