Mikiko Bazeley commited on
Commit
679fea5
Β·
1 Parent(s): 347bec2

Cleaned up main app.py instructions

Browse files
Files changed (1) hide show
  1. app.py +29 -52
app.py CHANGED
@@ -22,73 +22,38 @@ st.title("🎨 Flux Holiday Magic: Custom Card Creator")
22
  # Description using Streamlit text and markdown
23
  st.markdown("""
24
  Welcome to the ultimate holiday card design experience! πŸŽ„β„οΈ
25
-
26
  Powered by **Flux models** through **Fireworks API**, this app lets you effortlessly create stunning, personalized holiday cards with just a few clicks. Here’s what each page allows you to do:
27
  """)
28
 
29
  # Overview of the pages with descriptions
 
 
30
  st.markdown("""
31
  ### 1. **Generate Holiday Postcard: πŸŽ‡ FLUX-tastic Holiday Postcard Generator 🎨**
32
  Get ready to make your holiday greetings pop with a personalized, AI-generated postcard! πŸŽ…πŸŽ¨ No more boring, store-bought cards. Customize a dazzling holiday scene with your own snazzy message and festive designs, brought to life by **FLUX models**.
33
-
34
  **How it works:**
35
  - Choose a holiday-themed prompt or write your own πŸŽ‰
36
  - Select a FLUX model to bring your vision to life ✨
37
  - Customize with fonts, text backgrounds, and colors 🎨
38
  - Generate and share your festive masterpiece with friends and family πŸ“¬
 
 
 
 
39
 
 
 
 
40
  ### 2. **Generate Multiple Holiday Borders: 🎨 Holiday Multi-Card Generator 🎨**
41
  This page is your first stop for crafting a holiday card with multiple festive border designs. 🌟 Play around with different styles, prompts, and parameters to design the perfect card border before adding your message in the next step.
42
-
43
  **How it works:**
44
  - πŸ–ΌοΈ **Upload Your Image**: Choose the image that will be the centerpiece of your card.
45
  - βœ‚οΈ **Crop & Adjust**: Fine-tune the crop to highlight the most important parts of your image.
46
  - πŸ’‘ **Choose Your Style**: Select from festive borders or input your own custom prompt.
47
- - βš™οΈ **Fine-Tune**: Experiment with guidance scales, seeds, inference steps, and more for the perfect aesthetic.
48
  - πŸ‘€ **Preview & Download**: See your designs, tweak them, and download them as a ZIP file.
49
-
50
  After perfecting your border, head over to Part B to add a personal message!
51
-
52
- ### 3. **Customize Holiday Borders: πŸŽ„ Holiday Card Customizer πŸŽ…**
53
- ✨ Welcome to the final part of your holiday card creation journey! It’s time to add a festive border and a personal message to your card.
54
-
55
- **How it works:**
56
- - 🎁 **Upload Your Image**: Select a photo or design to be the star of your holiday card.
57
- - ✨ **Design Your Holiday Border**: Choose from seasonal prompts or create a unique custom border.
58
- - πŸ’Œ **Add Your Personal Message**: Write a heartfelt, funny, or warm message to spread holiday cheer.
59
- - πŸ“¦ **Download Your Finished Card**: Ready to send to friends and family as a gift of joy! πŸŽ‰
60
- """)
61
-
62
- # Features list with emojis
63
- st.markdown("""
64
- - **Upload Your Image**: Choose any photo as the base for your holiday card.
65
- - **Crop & Preview**: Fine-tune the area of your image to fit perfectly within the card.
66
- - **Holiday Borders**: Choose from festive prompts like snowflakes, ornaments, and cozy fireplace scenes to frame your photo.
67
- - **Add Custom Messages**: Personalize your card with a message, choosing from a variety of fonts and adjustable text sizes.
68
- - **Advanced Customization**: Take control of parameters like ControlNet conditioning, guidance scale, inference steps, and more for tailored results.
69
- - **Save & Share**: Download your final creations or save them for later in a handy ZIP file.
70
-
71
- And be sure to share with us on social media!
72
-
73
- ![Holiday Vibes](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMXo5Y3RhOGNzaTkzZHFmandsZmF0MW9jNHN4M3VjMjdpOGhyYnRxMSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/637gfK5GJdv552H9ab/giphy.gif)
74
- """)
75
-
76
- # Call to action
77
- st.markdown("""
78
- Get started now and add a magical touch to your holiday greetings! πŸŽ…πŸŒŸ
79
- """)
80
-
81
- # Divider for sections
82
- st.divider()
83
-
84
- # Subheader for experimenting with Flux models
85
- st.subheader("🎨 Experiment with Flux to design your perfect holiday card border πŸŽ„")
86
- st.markdown("""
87
- Use different parameters and prompts to customize your holiday card design.
88
- Play around with borders, colors, and styles to find the festive magic you're looking for. 🎁
89
-
90
- ![For science!](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExbGwwdGh4czc3bnU3czNzaWRhaXl4YXYzdm53Nmw1OXhpd2E4emFuYSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/RdJIM4Uesg37eN1ZNL/giphy.gif)
91
- """)
92
  col1, col2 = st.columns(2)
93
 
94
  with col1:
@@ -102,16 +67,28 @@ with col2:
102
  # Divider for sections
103
  st.divider()
104
 
105
- # Subheader for adding custom messages
106
- st.subheader("πŸ’Œ Customize Your Holiday Card with a Special Message πŸ’Œ")
107
  st.markdown("""
108
- Add the final touch with a heartfelt, funny, or creative message!
109
- Choose your font, color, and size to make your holiday message pop! πŸŽ‰
 
 
 
 
 
 
110
 
111
- ![Special message, so special](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExenVkdmZzZTdxNjIxcDk2b2NrdXUxbDBneTNqdHUyamFxNTQzd2dleiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/qDJSK8oxEkBV0XJE7B/giphy.gif)
112
- """)
113
  col3, col4 = st.columns(2)
114
  with col3:
115
  st.image(card_with_message_1_image)
116
  with col4:
117
  st.image(card_with_message_2_image)
 
 
 
 
 
 
 
 
 
 
 
22
  # Description using Streamlit text and markdown
23
  st.markdown("""
24
  Welcome to the ultimate holiday card design experience! πŸŽ„β„οΈ
 
25
  Powered by **Flux models** through **Fireworks API**, this app lets you effortlessly create stunning, personalized holiday cards with just a few clicks. Here’s what each page allows you to do:
26
  """)
27
 
28
  # Overview of the pages with descriptions
29
+ # Divider for sections
30
+ st.divider()
31
  st.markdown("""
32
  ### 1. **Generate Holiday Postcard: πŸŽ‡ FLUX-tastic Holiday Postcard Generator 🎨**
33
  Get ready to make your holiday greetings pop with a personalized, AI-generated postcard! πŸŽ…πŸŽ¨ No more boring, store-bought cards. Customize a dazzling holiday scene with your own snazzy message and festive designs, brought to life by **FLUX models**.
 
34
  **How it works:**
35
  - Choose a holiday-themed prompt or write your own πŸŽ‰
36
  - Select a FLUX model to bring your vision to life ✨
37
  - Customize with fonts, text backgrounds, and colors 🎨
38
  - Generate and share your festive masterpiece with friends and family πŸ“¬
39
+ """)
40
+ st.markdown("""
41
+ ![Holiday Vibes](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMXo5Y3RhOGNzaTkzZHFmandsZmF0MW9jNHN4M3VjMjdpOGhyYnRxMSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/637gfK5GJdv552H9ab/giphy.gif)
42
+ """)
43
 
44
+ # Divider for sections
45
+ st.divider()
46
+ st.markdown("""
47
  ### 2. **Generate Multiple Holiday Borders: 🎨 Holiday Multi-Card Generator 🎨**
48
  This page is your first stop for crafting a holiday card with multiple festive border designs. 🌟 Play around with different styles, prompts, and parameters to design the perfect card border before adding your message in the next step.
 
49
  **How it works:**
50
  - πŸ–ΌοΈ **Upload Your Image**: Choose the image that will be the centerpiece of your card.
51
  - βœ‚οΈ **Crop & Adjust**: Fine-tune the crop to highlight the most important parts of your image.
52
  - πŸ’‘ **Choose Your Style**: Select from festive borders or input your own custom prompt.
53
+ - βš™οΈ **Tweak**: Experiment with guidance scales, seeds, inference steps, and more for the perfect aesthetic.
54
  - πŸ‘€ **Preview & Download**: See your designs, tweak them, and download them as a ZIP file.
 
55
  After perfecting your border, head over to Part B to add a personal message!
56
+ """)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
57
  col1, col2 = st.columns(2)
58
 
59
  with col1:
 
67
  # Divider for sections
68
  st.divider()
69
 
 
 
70
  st.markdown("""
71
+ ### 3. **Customize Holiday Borders: πŸŽ„ Holiday Card Customizer πŸŽ…**
72
+ ✨ Welcome to the final part of your holiday card creation journey! It’s time to add a festive border and a personal message to your card.
73
+ **How it works:**
74
+ - 🎁 **Upload Your Image**: Select a photo or design to be the star of your holiday card.
75
+ - ✨ **Design Your Holiday Border**: Choose from seasonal prompts or create a unique custom border.
76
+ - πŸ’Œ **Add Your Personal Message**: Write a heartfelt, funny, or warm message to spread holiday cheer.
77
+ - πŸ“¦ **Download Your Finished Card**: Ready to send to friends and family as a gift of joy! πŸŽ‰
78
+ """)
79
 
 
 
80
  col3, col4 = st.columns(2)
81
  with col3:
82
  st.image(card_with_message_1_image)
83
  with col4:
84
  st.image(card_with_message_2_image)
85
+
86
+ # Footer Section
87
+ st.divider()
88
+ st.markdown(
89
+ """
90
+ Thank you for using the Holiday Card Generator powered by **Fireworks**! πŸŽ‰
91
+ Share your creations with the world and spread the holiday cheer!
92
+ Happy Holidays from the **Fireworks Team**. πŸ’₯
93
+ """
94
+ )