Hugging Face's logo

Spaces:
einfachalf
/
ImageTool
Runtime error

App Files Community
einfachalf commited on
Commit
cbb8ff7
•
1 Parent(s): 3313a74

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +85 -94
app.py CHANGED
@@ -1234,105 +1234,96 @@ css=""""""
1234
  with gr.Blocks(css=css, theme="TogetherAI/Alex2") as myface:
1235
 
1236
  gr.HTML("""
1237
- <div style="text-align: center; max-width: 1200px; margin: 0 auto;">
1238
- <div>
1239
- <style>
1240
- h1 {
1241
- font-size: 6em;
1242
- color: #ffc99f;
1243
- margin-top: 30px;
1244
- margin-bottom: 30px;
1245
- text-shadow: 3px 3px 0 rgba(0, 0, 0, 1) !important;
1246
- }
1247
- h3 {
1248
- color: #ffc99f; !important;
1249
- }
1250
- h4 {
1251
- display: inline-block;
1252
- color: #ffffff !important;
1253
- }
1254
- .wrapper img {
1255
- font-size: 98% !important;
1256
- white-space: nowrap !important;
1257
- text-align: center !important;
1258
- display: inline-block !important;
1259
- color: #ffffff !important;
1260
- }
1261
- .wrapper {
1262
- color: #ffffff !important;
1263
- }
1264
- .gradio-container {
1265
- background-image: linear-gradient(#254150, #1e2f40, #182634) !important;
1266
- color: #ffaa66 !important;
1267
- font-family: 'IBM Plex Sans', sans-serif !important;
1268
- }
1269
- .text-gray-500 {
1270
- color: #ffc99f !important;
1271
- }
1272
- .gr-box {
1273
- background-image: linear-gradient(#182634, #1e2f40, #254150) !important;
1274
- border-top-color: #000000 !important;
1275
- border-right-color: #ffffff !important;
1276
- border-bottom-color: #ffffff !important;
1277
- border-left-color: #000000 !important;
1278
- }
1279
- .gr-input {
1280
- color: #ffc99f; !important;
1281
- background-color: #254150 !important;
1282
- }
1283
- :root {
1284
- --neutral-100: #000000 !important;
1285
- }
1286
- </style>
1287
- <body>
1288
- <div class="center"><h1>Toy World</h1>
1289
- </div>
1290
- </body>
1291
- </div>
1292
- <p style="margin-bottom: 1px; color: #ffaa66;">
1293
- <h3>Blitz Diffusion - 567 Stable Diffusion models, but why? For your enjoyment!</h3></p>
1294
- <br><div class="wrapper">11.17 <img src="https://huggingface.co/Yntec/DucHaitenLofi/resolve/main/NEW.webp" alt="NEW!" style="width:32px;height:16px;"> Toys to play with: The models pineappleAnimeMix, fantexi_v0.9, MemeDiffusion, fantasticmix_v65, IronCatFateToons, ya3, AnalogMadness, AnythingRemix and others have been added!</div>
1295
- <p style="margin-bottom: 1px; font-size: 98%">
1296
- <br><h4>If a model is already loaded each new image takes less than 20 seconds to generate!</h4></p>
1297
- <p style="margin-bottom: 1px; color: #ffffff;">
1298
- <br>If you get <span style="color: #ff0000;">ERROR</span> it's because that model ran out of memory, try again, or wait a minute and try again, have fun!</p>
1299
- </div>
1300
- """)
1301
- with gr.Row():
1302
- with gr.Column(scale=100):
1303
- #Model selection dropdown
1304
- model_name1 = gr.Dropdown(label="Select Model", choices=[m for m in models], type="index", value=current_model, interactive=True)
1305
- with gr.Row():
1306
- with gr.Column(scale=100):
1307
- magic1=gr.Textbox(label="Your Prompt", lines=4) #Positive
1308
- #with gr.Column(scale=100):
1309
- #negative_prompt=gr.Textbox(label="Negative Prompt", lines=1)
1310
- gr.HTML("""<style> .gr-button {
1311
- color: #ffffff !important;
1312
- text-shadow: 1px 1px 0 rgba(0, 0, 0, 1) !important;
1313
- background-image: linear-gradient(#76635a, #d2a489) !important;
1314
- border-radius: 24px !important;
1315
- border: solid 1px !important;
1316
- border-top-color: #ffc99f !important;
1317
- border-right-color: #000000 !important;
1318
- border-bottom-color: #000000 !important;
1319
- border-left-color: #ffc99f !important;
1320
- padding: 6px 30px;
1321
  }
1322
  .gr-button:active {
1323
- color: #ffc99f !important;
1324
- font-size: 98% !important;
1325
- text-shadow: 0px 0px 0 rgba(0, 0, 0, 1) !important;
1326
- background-image: linear-gradient(#d2a489, #76635a) !important;
1327
- border-top-color: #000000 !important;
1328
- border-right-color: #ffffff !important;
1329
- border-bottom-color: #ffffff !important;
1330
- border-left-color: #000000 !important;
1331
  }
1332
  .gr-button:hover {
1333
- filter: brightness(130%);
1334
  }
1335
- </style>""")
1336
  run=gr.Button("Generate Image")
1337
  with gr.Row():
1338
  with gr.Column(style="width=800px"):
 
1234
  with gr.Blocks(css=css, theme="TogetherAI/Alex2") as myface:
1235
 
1236
  gr.HTML("""
1237
+ <div style="text-align: center; max-width: 1200px; margin: 0 auto; background-color: #000000;">
1238
+ <div>
1239
+ <style>
1240
+ body {
1241
+ background-color: #000000; /* Schwarz */
1242
+ }
1243
+ h1 {
1244
+ font-size: 6em;
1245
+ color: #303030; /* Anthrazit */
1246
+ margin-top: 30px;
1247
+ margin-bottom: 30px;
1248
+ text-shadow: 3px 3px 0 rgba(0, 0, 0, 1) !important;
1249
+ }
1250
+ h3 {
1251
+ color: #303030; /* Anthrazit */
1252
+ }
1253
+ h4 {
1254
+ display: inline-block;
1255
+ color: #303030; /* Anthrazit */
1256
+ }
1257
+ .wrapper img {
1258
+ font-size: 98% !important;
1259
+ white-space: nowrap !important;
1260
+ text-align: center !important;
1261
+ display: inline-block !important;
1262
+ color: #ffffff !important;
1263
+ }
1264
+ .wrapper {
1265
+ color: #303030; /* Anthrazit */
1266
+ }
1267
+ .gradio-container {
1268
+ background-color: #000000; /* Schwarz */
1269
+ color: #008b8b; /* Dunkelzyan */
1270
+ font-family: 'IBM Plex Sans', sans-serif !important;
1271
+ }
1272
+ .text-gray-500 {
1273
+ color: #303030; /* Anthrazit */
1274
+ }
1275
+ .gr-box {
1276
+ background-color: #000000; /* Schwarz */
1277
+ border-top-color: #303030 !important;
1278
+ border-right-color: #303030 !important;
1279
+ border-bottom-color: #303030 !important;
1280
+ border-left-color: #303030 !important;
1281
+ }
1282
+ .gr-input {
1283
+ color: #303030; /* Anthrazit */
1284
+ background-color: #000000; /* Schwarz */
1285
+ }
1286
+ :root {
1287
+ --neutral-100: #000000; /* Schwarz */
1288
+ }
1289
+ .button-class { /* Ersetzen Sie dies mit der tatsächlichen Klasse Ihrer Buttons */
1290
+ background-color: #008b8b; /* Dunkelzyan */
1291
+ color: #ffffff; /* Weißer Text */
1292
+ border: none;
1293
+ }
1294
+ </style>
1295
+ <body>
1296
+ <div class="center"><h1>Toy World</h1></div>
1297
+ </body>
1298
+ </div>
1299
+ <p style="margin-bottom: 1px; color: #303030;">
1300
+ <h3>Blitz Diffusion - 567 Stable Diffusion models, but why? For your enjoyment!</h3>
1301
+ </p>
1302
+ <br>
1303
+ <div class="wrapper">11.17 <img src="https://huggingface.co/Yntec/DucHaitenLofi/resolve/main/NEW.webp" alt="NEW!" style="width:32px;height:16px;"> Toys to play with: The models pineappleAnimeMix, fantexi_v0.9, MemeDiffusion, fantasticmix_v65, IronCatFateToons, ya3, AnalogMadness, AnythingRemix and others have been added!</div>
1304
+ <p style="margin-bottom: 1px; font-size: 98%">
1305
+ <br><h4>If a model is already loaded each new image takes less than 20 seconds to generate!</h4>
1306
+ </p>
1307
+ <p style="margin-bottom: 1px; color: #ffffff;">
1308
+ <br>If you get <span style="color: #ff0000;">ERROR</span> it's because that model ran out of memory, try again, or wait a minute and try again, have fun!
1309
+ </p>
1310
+ </div>
1311
+ .gr-button {
1312
+ color: #ffffff; /* Weißer Text */
1313
+ background-color: #008b8b; /* Dunkelzyan Hintergrund */
1314
+ border-radius: 24px;
1315
+ border: solid 1px #303030; /* Anthrazitfarbene Umrandung */
1316
+ padding: 6px 30px;
 
 
 
 
1317
  }
1318
  .gr-button:active {
1319
+ color: #ffffff;
1320
+ background-color: #005656; /* Dunklerer Dunkelzyan für aktiven Zustand */
1321
+ border-color: #303030;
 
 
 
 
 
1322
  }
1323
  .gr-button:hover {
1324
+ filter: brightness(130%);
1325
  }
1326
+
1327
  run=gr.Button("Generate Image")
1328
  with gr.Row():
1329
  with gr.Column(style="width=800px"):