Hugging Face's logo

Spaces:
Rowdy013
/
Popular-image-models-demo
Running

App Files Community
yasir commited on
Commit
cdb482a
·
verified ·
1 Parent(s): a4430e3

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +34 -17
index.html CHANGED
@@ -3,6 +3,8 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 
6
  <script type='text/javascript'>
7
  window.smartlook||(function(d) {
8
  var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
@@ -277,6 +279,9 @@ margin-top: 7px;
277
  border-radius: 20px;
278
  border: 2.5px solid transparent;
279
  }
 
 
 
280
  #imshow p{
281
  width: 80%;
282
  }
@@ -294,16 +299,21 @@ margin: auto;
294
  }
295
  }
296
  #jd{
297
- margin: 20px;
298
- padding: 10px;
299
- background-color: transparent;
300
  color: #eeeeee;
301
- background: linear-gradient(black, black) padding-box,
302
- linear-gradient(to right, #00ffdd, blue) border-box;
 
 
303
  border-radius: 20px;
304
  border: 2.5px solid transparent;
305
- border-radius: 10px;
306
- margin-bottom: 0px;
 
 
 
307
  }
308
  #jd:hover{
309
  background: linear-gradient(black, black) padding-box,
@@ -313,7 +323,7 @@ margin: auto;
313
  }
314
  #ow{
315
  float: right;
316
- margin: 20px;
317
  padding: 10px;
318
  background-color: transparent;
319
  color: #eeeeee;
@@ -323,6 +333,9 @@ margin: auto;
323
  border: 2.5px solid transparent;
324
  border-radius: 10px;
325
  margin-bottom: 0px;
 
 
 
326
  }
327
  #ow:hover{
328
  background: linear-gradient(black, black) padding-box,
@@ -331,8 +344,8 @@ margin: auto;
331
  border: 2.5px solid transparent;
332
  }
333
  #dvv{
334
- width: 94%;
335
- margin: auto;
336
  }
337
  #model{
338
  width: 170px;
@@ -346,9 +359,8 @@ margin: auto;
346
  </head>
347
  <body>
348
  <div id="dvv">
349
- <button id="jd">
350
- Join discord
351
- </button>
352
  <!--<button id="ow">
353
  Donate
354
  </button>-->
@@ -361,8 +373,9 @@ margin: auto;
361
 
362
  <div id="as">
363
  <select name="" id="model">
 
364
  <option value="ar" class="mod">SDXL</option>
365
- <option value="focus" class="mod">Fooocus (BEST)</option>
366
  <option value="rv6" class="mod">Ptoteus v0.2</option>
367
  <option value="ds8" class="mod">Dreamshaper xl turbo</option>
368
  <option value="er" class="mod">pixart alpha</option>
@@ -498,7 +511,6 @@ let nps = ' ,deformed fingers,mutated hands,unrealistic hands,extra fingers,less
498
  nps = ''
499
  }
500
  }
501
-
502
  isf = false
503
  btn.onclick = async ()=>{
504
  let url2 = 'https://api-cmgn.onrender.com/get_prediction'
@@ -540,7 +552,7 @@ if (selectedIndex === -1) {
540
  }
541
  if(selectedOption.value == 'focus'){
542
  url = 'https://flask-hello-world-murex-sigma.vercel.app/focus'
543
- url2 = 'https://flask-hello-world-murex-sigma.vercel.app/foocus'
544
  isf = true
545
  }
546
  }
@@ -654,6 +666,8 @@ fetch(url2, {
654
  final2()
655
  final1()
656
 
 
 
657
  }
658
  else{
659
  setTimeout(()=>{
@@ -715,7 +729,9 @@ fetch(url2, {
715
  final2()
716
  final1()
717
 
718
- },20000)
 
 
719
  }
720
 
721
 
@@ -726,3 +742,4 @@ final1()
726
 
727
  </body>
728
  </html>
 
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
7
+
8
  <script type='text/javascript'>
9
  window.smartlook||(function(d) {
10
  var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
 
279
  border-radius: 20px;
280
  border: 2.5px solid transparent;
281
  }
282
+ #jd{
283
+ font-size: 14px;
284
+ }
285
  #imshow p{
286
  width: 80%;
287
  }
 
299
  }
300
  }
301
  #jd{
302
+ margin: 10px;
303
+ padding: 5px;
304
+ background-color: transparent;
305
  color: #eeeeee;
306
+ margin-right: 0;
307
+ margin-left: 0;
308
+ background: linear-gradient(black, rgb(0, 0, 0)) padding-box,
309
+ linear-gradient(to right, rgb(1, 255, 234),#ff0055) border-box;
310
  border-radius: 20px;
311
  border: 2.5px solid transparent;
312
+ border-radius: 7px;
313
+ margin-left: 0px;
314
+ font-family: 'Barlow Condensed';
315
+ font-size: 18px;
316
+ color: white;
317
  }
318
  #jd:hover{
319
  background: linear-gradient(black, black) padding-box,
 
323
  }
324
  #ow{
325
  float: right;
326
+ margin: 10px;
327
  padding: 10px;
328
  background-color: transparent;
329
  color: #eeeeee;
 
333
  border: 2.5px solid transparent;
334
  border-radius: 10px;
335
  margin-bottom: 0px;
336
+ margin-right: 0;
337
+ margin-left: 0;
338
+ border: 2px solid white;
339
  }
340
  #ow:hover{
341
  background: linear-gradient(black, black) padding-box,
 
344
  border: 2.5px solid transparent;
345
  }
346
  #dvv{
347
+ width: 100%;
348
+ margin-left: 10px;
349
  }
350
  #model{
351
  width: 170px;
 
359
  </head>
360
  <body>
361
  <div id="dvv">
362
+ <button id="jd">Discord</button>
363
+
 
364
  <!--<button id="ow">
365
  Donate
366
  </button>-->
 
373
 
374
  <div id="as">
375
  <select name="" id="model">
376
+ <option value="focus" class="mod" selected>Fooocus (BEST)</option>
377
  <option value="ar" class="mod">SDXL</option>
378
+
379
  <option value="rv6" class="mod">Ptoteus v0.2</option>
380
  <option value="ds8" class="mod">Dreamshaper xl turbo</option>
381
  <option value="er" class="mod">pixart alpha</option>
 
511
  nps = ''
512
  }
513
  }
 
514
  isf = false
515
  btn.onclick = async ()=>{
516
  let url2 = 'https://api-cmgn.onrender.com/get_prediction'
 
552
  }
553
  if(selectedOption.value == 'focus'){
554
  url = 'https://flask-hello-world-murex-sigma.vercel.app/focus'
555
+ url2 = 'https://api-cmgn.onrender.com/foocus'
556
  isf = true
557
  }
558
  }
 
666
  final2()
667
  final1()
668
 
669
+
670
+
671
  }
672
  else{
673
  setTimeout(()=>{
 
729
  final2()
730
  final1()
731
 
732
+
733
+
734
+ },3500)
735
  }
736
 
737
 
 
742
 
743
  </body>
744
  </html>
745
+