Spaces:
Build error
Build error
Update app.py
Browse files
app.py
CHANGED
|
@@ -156,49 +156,35 @@ with gr.Blocks(css="""
|
|
| 156 |
.gr-form-label {
|
| 157 |
color: #ff0000;
|
| 158 |
}
|
| 159 |
-
#markdown-content .center-content,
|
| 160 |
-
#markdown-content .center-content * {
|
| 161 |
-
text-align: center !important;
|
| 162 |
-
}
|
| 163 |
-
#markdown-content .center-content ul,
|
| 164 |
-
#markdown-content .center-content ol {
|
| 165 |
-
list-style-position: inside;
|
| 166 |
-
padding-left: 0;
|
| 167 |
-
}
|
| 168 |
-
#markdown-content .center-content h1,
|
| 169 |
-
#markdown-content .center-content h2,
|
| 170 |
-
#markdown-content .center-content h3 {
|
| 171 |
-
color: #ff0000;
|
| 172 |
-
}
|
| 173 |
""") as blocks:
|
| 174 |
gr.Markdown(
|
| 175 |
"""
|
| 176 |
-
<div
|
| 177 |
|
| 178 |
<img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/_VyYxp5qE_nRZ_LJqBxmL.webp" alt="Yamamoto Logo" style="max-width: 200px; margin-bottom: 20px;">
|
| 179 |
|
| 180 |
-
<h1
|
| 181 |
|
| 182 |
-
|
| 183 |
|
| 184 |
Welcome to Yamamoto's innovative QR Code Art Generator! This cutting-edge tool empowers our creative team to craft
|
| 185 |
visually stunning, on-brand QR codes that perfectly blend functionality with artistic expression.
|
| 186 |
|
| 187 |
-
|
| 188 |
|
| 189 |
1. **Enter Your QR Code Content**: Start by inputting the URL or text for your QR code.
|
| 190 |
2. **Craft Your Prompt**: Describe the artistic style or theme you envision for your QR code.
|
| 191 |
3. **Fine-tune with Advanced Settings**: Adjust parameters to perfect your creation (see tips below).
|
| 192 |
4. **Generate and Iterate**: Click 'Run' to create your art, then refine as needed.
|
| 193 |
|
| 194 |
-
|
| 195 |
|
| 196 |
- **Artistic Freedom**: Set between 0.8 and 0.95 for a balance of creativity and scannability.
|
| 197 |
- **QR Code Visibility**: Aim for 0.6 to 2.0 to ensure your code is both artistic and functional.
|
| 198 |
- **Prompt Crafting**: Use vivid, specific descriptions that align with your brand identity.
|
| 199 |
- **Experimentation**: Don't hesitate to try different settings and prompts to find your perfect style!
|
| 200 |
|
| 201 |
-
|
| 202 |
|
| 203 |
- "A serene Japanese garden with cherry blossoms and a koi pond"
|
| 204 |
- "A futuristic cityscape with neon lights and flying cars"
|
|
|
|
| 156 |
.gr-form-label {
|
| 157 |
color: #ff0000;
|
| 158 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 159 |
""") as blocks:
|
| 160 |
gr.Markdown(
|
| 161 |
"""
|
| 162 |
+
<div style="text-align: center;">
|
| 163 |
|
| 164 |
<img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/_VyYxp5qE_nRZ_LJqBxmL.webp" alt="Yamamoto Logo" style="max-width: 200px; margin-bottom: 20px;">
|
| 165 |
|
| 166 |
+
<h1 style="text-align: center; color: #ff0000;">π¨ Yamamoto QR Code Art Generator</h1>
|
| 167 |
|
| 168 |
+
<h2 style="text-align: center; color: #ff0000;">Transform Your QR Codes into Brand Masterpieces</h2>
|
| 169 |
|
| 170 |
Welcome to Yamamoto's innovative QR Code Art Generator! This cutting-edge tool empowers our creative team to craft
|
| 171 |
visually stunning, on-brand QR codes that perfectly blend functionality with artistic expression.
|
| 172 |
|
| 173 |
+
<h2 style="text-align: center; color: #ff0000;">π How It Works:</h2>
|
| 174 |
|
| 175 |
1. **Enter Your QR Code Content**: Start by inputting the URL or text for your QR code.
|
| 176 |
2. **Craft Your Prompt**: Describe the artistic style or theme you envision for your QR code.
|
| 177 |
3. **Fine-tune with Advanced Settings**: Adjust parameters to perfect your creation (see tips below).
|
| 178 |
4. **Generate and Iterate**: Click 'Run' to create your art, then refine as needed.
|
| 179 |
|
| 180 |
+
<h2 style="text-align: center; color: #ff0000;">π Tips for Spectacular Results:</h2>
|
| 181 |
|
| 182 |
- **Artistic Freedom**: Set between 0.8 and 0.95 for a balance of creativity and scannability.
|
| 183 |
- **QR Code Visibility**: Aim for 0.6 to 2.0 to ensure your code is both artistic and functional.
|
| 184 |
- **Prompt Crafting**: Use vivid, specific descriptions that align with your brand identity.
|
| 185 |
- **Experimentation**: Don't hesitate to try different settings and prompts to find your perfect style!
|
| 186 |
|
| 187 |
+
<h2 style="text-align: center; color: #ff0000;">π Prompt Ideas to Spark Your Creativity:</h2>
|
| 188 |
|
| 189 |
- "A serene Japanese garden with cherry blossoms and a koi pond"
|
| 190 |
- "A futuristic cityscape with neon lights and flying cars"
|