Hugging Face's logo

Spaces:
Rowdy013
/
Diffusion-Models-Playground
Running

App Files Community
yasir commited on
Commit
e06baca
·
verified ·
1 Parent(s): d6594cd

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +8 -172
index.html CHANGED
@@ -199,8 +199,8 @@ label{
199
  }
200
  #imshow{
201
 
202
- width: 100.5vh;
203
- height: 50vh;
204
  display: flex;
205
  flex-direction: row;
206
  overflow-y: hidden;
@@ -215,11 +215,12 @@ gap: 6px;
215
 
216
  }
217
  #imshow img{
218
- width: 49vh;
219
- height: 48vh;
220
  margin: auto;
221
  margin-top: 7px;
222
  border-radius: 10px;
 
223
  }
224
  #imshow p{
225
  color: white;font-family: 'Barlow Condensed'; margin: auto; font-size: 3vh;text-align: center;
@@ -387,10 +388,10 @@ margin: auto;
387
 
388
  <div id="as">
389
  <select name="" id="model">
390
- <option value="focus" class="mod" selected>Fooocus(Best)</option>
391
-
392
- <option value="rv6" class="mod" >Proteus v0.2 (masterpiece) </option>
393
  <option value="ar" class="mod">SDXL</option>
 
394
 
395
  <option value="ds8" class="mod">Dreamshaper xl turbo</option>
396
  <option value="er" class="mod">pixart alpha</option>
@@ -451,172 +452,7 @@ margin: auto;
451
 
452
  <div id="imshow">
453
  <p style="width: 220px;">Your Generarted Arts Will appear Here</p>
454
- <br>
455
- <br>
456
- <br>
457
- <script type="text/javascript">
458
- atOptions = {
459
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
460
- 'format' : 'iframe',
461
- 'height' : 600,
462
- 'width' : 160,
463
- 'params' : {}
464
- };
465
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
466
- </script>
467
- <script type="text/javascript">
468
- atOptions = {
469
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
470
- 'format' : 'iframe',
471
- 'height' : 600,
472
- 'width' : 160,
473
- 'params' : {}
474
- };
475
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
476
- </script>
477
- <script type="text/javascript">
478
- atOptions = {
479
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
480
- 'format' : 'iframe',
481
- 'height' : 600,
482
- 'width' : 160,
483
- 'params' : {}
484
- };
485
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
486
- </script>
487
- <script type="text/javascript">
488
- atOptions = {
489
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
490
- 'format' : 'iframe',
491
- 'height' : 600,
492
- 'width' : 160,
493
- 'params' : {}
494
- };
495
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
496
- </script>
497
- <script type="text/javascript">
498
- atOptions = {
499
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
500
- 'format' : 'iframe',
501
- 'height' : 600,
502
- 'width' : 160,
503
- 'params' : {}
504
- };
505
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
506
- </script>
507
-
508
- <script type="text/javascript">
509
- atOptions = {
510
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
511
- 'format' : 'iframe',
512
- 'height' : 600,
513
- 'width' : 160,
514
- 'params' : {}
515
- };
516
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
517
- </script>
518
-
519
- <script type="text/javascript">
520
- atOptions = {
521
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
522
- 'format' : 'iframe',
523
- 'height' : 600,
524
- 'width' : 160,
525
- 'params' : {}
526
- };
527
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
528
- </script>
529
 
530
- <script type="text/javascript">
531
- atOptions = {
532
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
533
- 'format' : 'iframe',
534
- 'height' : 600,
535
- 'width' : 160,
536
- 'params' : {}
537
- };
538
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
539
- </script>
540
-
541
- <script type="text/javascript">
542
- atOptions = {
543
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
544
- 'format' : 'iframe',
545
- 'height' : 600,
546
- 'width' : 160,
547
- 'params' : {}
548
- };
549
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
550
- </script>
551
-
552
-
553
- <script type="text/javascript">
554
- atOptions = {
555
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
556
- 'format' : 'iframe',
557
- 'height' : 600,
558
- 'width' : 160,
559
- 'params' : {}
560
- };
561
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
562
- </script>
563
- <script type="text/javascript">
564
- atOptions = {
565
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
566
- 'format' : 'iframe',
567
- 'height' : 600,
568
- 'width' : 160,
569
- 'params' : {}
570
- };
571
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
572
- </script>
573
-
574
- <script type="text/javascript">
575
- atOptions = {
576
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
577
- 'format' : 'iframe',
578
- 'height' : 600,
579
- 'width' : 160,
580
- 'params' : {}
581
- };
582
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
583
- </script>
584
-
585
-
586
- <script type="text/javascript">
587
- atOptions = {
588
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
589
- 'format' : 'iframe',
590
- 'height' : 600,
591
- 'width' : 160,
592
- 'params' : {}
593
- };
594
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
595
- </script>
596
-
597
-
598
- <script type="text/javascript">
599
- atOptions = {
600
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
601
- 'format' : 'iframe',
602
- 'height' : 600,
603
- 'width' : 160,
604
- 'params' : {}
605
- };
606
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
607
- </script>
608
-
609
-
610
- <script type="text/javascript">
611
- atOptions = {
612
- 'key' : '95d42ead888d636b7ebf8c76de53ca8d',
613
- 'format' : 'iframe',
614
- 'height' : 600,
615
- 'width' : 160,
616
- 'params' : {}
617
- };
618
- document.write('<scr' + 'ipt type="text/javascript" src="//positionavailreproach.com/95d42ead888d636b7ebf8c76de53ca8d/invoke.js"></scr' + 'ipt>');
619
- </script>
620
 
621
  </div>
622
 
 
199
  }
200
  #imshow{
201
 
202
+ width: 56vh;
203
+ height: 54vh;
204
  display: flex;
205
  flex-direction: row;
206
  overflow-y: hidden;
 
215
 
216
  }
217
  #imshow img{
218
+ width: 54vh;
219
+ height: 53vh;
220
  margin: auto;
221
  margin-top: 7px;
222
  border-radius: 10px;
223
+ margin-left: 0px;
224
  }
225
  #imshow p{
226
  color: white;font-family: 'Barlow Condensed'; margin: auto; font-size: 3vh;text-align: center;
 
388
 
389
  <div id="as">
390
  <select name="" id="model">
391
+ <option value="rv6" class="mod" selected>Proteus v0.2</option>
392
+
 
393
  <option value="ar" class="mod">SDXL</option>
394
+ <option value="focus" class="mod">Fooocus(Best)</option>
395
 
396
  <option value="ds8" class="mod">Dreamshaper xl turbo</option>
397
  <option value="er" class="mod">pixart alpha</option>
 
452
 
453
  <div id="imshow">
454
  <p style="width: 220px;">Your Generarted Arts Will appear Here</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
455
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
456
 
457
  </div>
458