Mikiko Bazeley
commited on
Commit
Β·
679fea5
1
Parent(s):
347bec2
Cleaned up main app.py instructions
Browse files
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 |
-
- βοΈ **
|
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 |
-

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

|
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 |
-
|
109 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
110 |
|
111 |
-

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

|
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 |
+
)
|