Hugging Face's logo

Spaces:
MirageML
/
depth2img
Runtime error

App Files Community
1
amankishore commited on
Commit
a393032
·
1 Parent(s): 784095e

Fix UI

Browse files
Files changed (1) hide show
  1. app.py +37 -37
app.py CHANGED
@@ -71,47 +71,47 @@ block = gr.Blocks().queue()
71
  with block:
72
  with gr.Box():
73
  if is_gpu_associated:
74
- top_description = gr.HTML(f'''
75
- <div style="text-align: center; max-width: 650px; margin: 0 auto;">
76
- <div>
77
- <img class="logo" src="file/mirage.png" alt="Mirage Logo"
78
- style="margin: auto; max-width: 7rem;">
79
- <br />
80
- <h1 style="font-weight: 900; font-size: 2.5rem;">
81
- Depth2Img Web UI
82
- </h1>
83
- <br />
84
- <a class="duplicate-button" style="display:inline-block" target="_blank" href="https://huggingface.co/spaces/MirageML/depth2img?duplicate=true"><img src="https://img.shields.io/badge/-Duplicate%20Space-blue?labelColor=white&style=flat&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAP5JREFUOE+lk7FqAkEURY+ltunEgFXS2sZGIbXfEPdLlnxJyDdYB62sbbUKpLbVNhyYFzbrrA74YJlh9r079973psed0cvUD4A+4HoCjsA85X0Dfn/RBLBgBDxnQPfAEJgBY+A9gALA4tcbamSzS4xq4FOQAJgCDwV2CPKV8tZAJcAjMMkUe1vX+U+SMhfAJEHasQIWmXNN3abzDwHUrgcRGmYcgKe0bxrblHEB4E/pndMazNpSZGcsZdBlYJcEL9Afo75molJyM2FxmPgmgPqlWNLGfwZGG6UiyEvLzHYDmoPkDDiNm9JR9uboiONcBXrpY1qmgs21x1QwyZcpvxt9NS09PlsPAAAAAElFTkSuQmCC&logoWidth=14" alt="Duplicate Space"></a>
85
- </div>
86
  <br />
 
 
 
87
  <br />
88
- <p style="margin-bottom: 10px; font-size: 94%">
89
- Create variations of an image while preserving shape and depth!
90
- </p>
91
- </div>
92
- ''')
93
- else:
94
- top_description = gr.HTML(f'''
95
- <div style="text-align: center; max-width: 650px; margin: 0 auto;">
96
- <div>
97
- <img class="logo" src="file/mirage.png" alt="Mirage Logo"
98
- style="margin: auto; max-width: 7rem;">
99
- <br />
100
- <h1 style="font-weight: 900; font-size: 2.5rem;">
101
- Depth2Img Web UI
102
- </h1>
103
- <br />
104
- <a class="duplicate-button" style="display:inline-block" target="_blank" href="https://huggingface.co/spaces/MirageML/depth2img?duplicate=true"><img src="https://img.shields.io/badge/-Duplicate%20Space-blue?labelColor=white&style=flat&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAP5JREFUOE+lk7FqAkEURY+ltunEgFXS2sZGIbXfEPdLlnxJyDdYB62sbbUKpLbVNhyYFzbrrA74YJlh9r079973psed0cvUD4A+4HoCjsA85X0Dfn/RBLBgBDxnQPfAEJgBY+A9gALA4tcbamSzS4xq4FOQAJgCDwV2CPKV8tZAJcAjMMkUe1vX+U+SMhfAJEHasQIWmXNN3abzDwHUrgcRGmYcgKe0bxrblHEB4E/pndMazNpSZGcsZdBlYJcEL9Afo75molJyM2FxmPgmgPqlWNLGfwZGG6UiyEvLzHYDmoPkDDiNm9JR9uboiONcBXrpY1qmgs21x1QwyZcpvxt9NS09PlsPAAAAAElFTkSuQmCC&logoWidth=14" alt="Duplicate Space"></a>
105
- </div>
106
  <br />
 
 
 
107
  <br />
108
- <p style="margin-bottom: 10px; font-size: 94%">
109
- Create variations of an image while preserving shape and depth!
110
- </p>
111
- <br />
112
- <p>There's only one step left before you can run the app: <a href="https://huggingface.co/spaces/{os.environ['SPACE_ID']}/settings" style="text-decoration: underline" target="_blank">attribute a <b>T4 GPU</b> to it (via the Settings tab)</a> and run the training below. You will be billed by the minute from when you activate the GPU until when it is turned it off.</p>
113
- </div>
114
- ''')
 
 
 
 
115
 
116
  with gr.Row():
117
  with gr.Column():
 
71
  with block:
72
  with gr.Box():
73
  if is_gpu_associated:
74
+ top_description = gr.HTML(f'''
75
+ <div style="text-align: center; max-width: 650px; margin: 0 auto;">
76
+ <div>
77
+ <img class="logo" src="file/mirage.png" alt="Mirage Logo"
78
+ style="margin: auto; max-width: 7rem;">
 
 
 
 
 
 
 
79
  <br />
80
+ <h1 style="font-weight: 900; font-size: 2.5rem;">
81
+ Depth2Img Web UI
82
+ </h1>
83
  <br />
84
+ <a class="duplicate-button" style="display:inline-block" target="_blank" href="https://huggingface.co/spaces/MirageML/depth2img?duplicate=true"><img src="https://img.shields.io/badge/-Duplicate%20Space-blue?labelColor=white&style=flat&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAP5JREFUOE+lk7FqAkEURY+ltunEgFXS2sZGIbXfEPdLlnxJyDdYB62sbbUKpLbVNhyYFzbrrA74YJlh9r079973psed0cvUD4A+4HoCjsA85X0Dfn/RBLBgBDxnQPfAEJgBY+A9gALA4tcbamSzS4xq4FOQAJgCDwV2CPKV8tZAJcAjMMkUe1vX+U+SMhfAJEHasQIWmXNN3abzDwHUrgcRGmYcgKe0bxrblHEB4E/pndMazNpSZGcsZdBlYJcEL9Afo75molJyM2FxmPgmgPqlWNLGfwZGG6UiyEvLzHYDmoPkDDiNm9JR9uboiONcBXrpY1qmgs21x1QwyZcpvxt9NS09PlsPAAAAAElFTkSuQmCC&logoWidth=14" alt="Duplicate Space"></a>
85
+ </div>
86
+ <br />
87
+ <br />
88
+ <p style="margin-bottom: 10px; font-size: 94%">
89
+ Create variations of an image while preserving shape and depth!
90
+ </p>
91
+ </div>
92
+ ''')
93
+ else:
94
+ top_description = gr.HTML(f'''
95
+ <div style="text-align: center; max-width: 650px; margin: 0 auto;">
96
+ <div>
97
+ <img class="logo" src="file/mirage.png" alt="Mirage Logo"
98
+ style="margin: auto; max-width: 7rem;">
 
 
 
99
  <br />
100
+ <h1 style="font-weight: 900; font-size: 2.5rem;">
101
+ Depth2Img Web UI
102
+ </h1>
103
  <br />
104
+ <a class="duplicate-button" style="display:inline-block" target="_blank" href="https://huggingface.co/spaces/MirageML/depth2img?duplicate=true"><img src="https://img.shields.io/badge/-Duplicate%20Space-blue?labelColor=white&style=flat&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAP5JREFUOE+lk7FqAkEURY+ltunEgFXS2sZGIbXfEPdLlnxJyDdYB62sbbUKpLbVNhyYFzbrrA74YJlh9r079973psed0cvUD4A+4HoCjsA85X0Dfn/RBLBgBDxnQPfAEJgBY+A9gALA4tcbamSzS4xq4FOQAJgCDwV2CPKV8tZAJcAjMMkUe1vX+U+SMhfAJEHasQIWmXNN3abzDwHUrgcRGmYcgKe0bxrblHEB4E/pndMazNpSZGcsZdBlYJcEL9Afo75molJyM2FxmPgmgPqlWNLGfwZGG6UiyEvLzHYDmoPkDDiNm9JR9uboiONcBXrpY1qmgs21x1QwyZcpvxt9NS09PlsPAAAAAElFTkSuQmCC&logoWidth=14" alt="Duplicate Space"></a>
105
+ </div>
106
+ <br />
107
+ <br />
108
+ <p style="margin-bottom: 10px; font-size: 94%">
109
+ Create variations of an image while preserving shape and depth!
110
+ </p>
111
+ <br />
112
+ <p>There's only one step left before you can run the app: <a href="https://huggingface.co/spaces/{os.environ['SPACE_ID']}/settings" style="text-decoration: underline" target="_blank">attribute a <b>T4 GPU</b> to it (via the Settings tab)</a> and run the training below. You will be billed by the minute from when you activate the GPU until when it is turned it off.</p>
113
+ </div>
114
+ ''')
115
 
116
  with gr.Row():
117
  with gr.Column():