Layout update

#7
by victor HF staff - opened
Files changed (1) hide show
  1. app.py +59 -33
app.py CHANGED
@@ -96,7 +96,8 @@ css = """
96
  margin-bottom: 20px;
97
  }
98
  .footer {
99
- margin-bottom: 25px;
 
100
  text-align: center;
101
  border-bottom: 1px solid #e5e5e5;
102
  }
@@ -163,38 +164,63 @@ examples = [
163
  with block:
164
  gr.HTML(
165
  """
166
- <div style="text-align: center;">
167
- <div style="display: inline-flex; align-items: center; gap: .8rem; font-size: 1.75rem;">
168
- <svg width="0.65em" height="0.65em" viewBox="0 0 115 115" fill="none" xmlns="http://www.w3.org/2000/svg">
169
- <rect width="23" height="23" fill="white"/>
170
- <rect y="69" width="23" height="23" fill="white"/>
171
- <rect x="23" width="23" height="23" fill="#AEAEAE"/>
172
- <rect x="23" y="69" width="23" height="23" fill="#AEAEAE"/>
173
- <rect x="46" width="23" height="23" fill="white"/>
174
- <rect x="46" y="69" width="23" height="23" fill="white"/>
175
- <rect x="69" width="23" height="23" fill="black"/>
176
- <rect x="69" y="69" width="23" height="23" fill="black"/>
177
- <rect x="92" width="23" height="23" fill="#D9D9D9"/>
178
- <rect x="92" y="69" width="23" height="23" fill="#AEAEAE"/>
179
- <rect x="115" y="46" width="23" height="23" fill="white"/>
180
- <rect x="115" y="115" width="23" height="23" fill="white"/>
181
- <rect x="115" y="69" width="23" height="23" fill="#D9D9D9"/>
182
- <rect x="92" y="46" width="23" height="23" fill="#AEAEAE"/>
183
- <rect x="92" y="115" width="23" height="23" fill="#AEAEAE"/>
184
- <rect x="92" y="69" width="23" height="23" fill="white"/>
185
- <rect x="69" y="46" width="23" height="23" fill="white"/>
186
- <rect x="69" y="115" width="23" height="23" fill="white"/>
187
- <rect x="69" y="69" width="23" height="23" fill="#D9D9D9"/>
188
- <rect x="46" y="46" width="23" height="23" fill="black"/>
189
- <rect x="46" y="115" width="23" height="23" fill="black"/>
190
- <rect x="46" y="69" width="23" height="23" fill="black"/>
191
- <rect x="23" y="46" width="23" height="23" fill="#D9D9D9"/>
192
- <rect x="23" y="115" width="23" height="23" fill="#AEAEAE"/>
193
- <rect x="23" y="69" width="23" height="23" fill="black"/>
194
- </svg>
195
- <h1 style="font-weight: 900;">Stable Diffusion Spaces</h1>
196
- </div>
197
- <p style="margin-bottom: 20px;">Stable Diffusion is a state of the art text-to-image model that generates images from a text description. For faster generation and forthcoming API access you can try <a href="http://beta.dreamstudio.ai/" style="text-decoration: underline;" target="_blank">DreamStudio Beta</a></p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
198
  </div>
199
  """
200
  )
 
96
  margin-bottom: 20px;
97
  }
98
  .footer {
99
+ margin-bottom: 45px;
100
+ margin-top: 35px;
101
  text-align: center;
102
  border-bottom: 1px solid #e5e5e5;
103
  }
 
164
  with block:
165
  gr.HTML(
166
  """
167
+ <div style="text-align: center; max-width: 736px; margin: 0 auto;">
168
+ <div
169
+ style="
170
+ display: inline-flex;
171
+ align-items: center;
172
+ gap: 0.8rem;
173
+ font-size: 1.75rem;
174
+ "
175
+ >
176
+ <svg
177
+ width="0.65em"
178
+ height="0.65em"
179
+ viewBox="0 0 115 115"
180
+ fill="none"
181
+ xmlns="http://www.w3.org/2000/svg"
182
+ >
183
+ <rect width="23" height="23" fill="white"></rect>
184
+ <rect y="69" width="23" height="23" fill="white"></rect>
185
+ <rect x="23" width="23" height="23" fill="#AEAEAE"></rect>
186
+ <rect x="23" y="69" width="23" height="23" fill="#AEAEAE"></rect>
187
+ <rect x="46" width="23" height="23" fill="white"></rect>
188
+ <rect x="46" y="69" width="23" height="23" fill="white"></rect>
189
+ <rect x="69" width="23" height="23" fill="black"></rect>
190
+ <rect x="69" y="69" width="23" height="23" fill="black"></rect>
191
+ <rect x="92" width="23" height="23" fill="#D9D9D9"></rect>
192
+ <rect x="92" y="69" width="23" height="23" fill="#AEAEAE"></rect>
193
+ <rect x="115" y="46" width="23" height="23" fill="white"></rect>
194
+ <rect x="115" y="115" width="23" height="23" fill="white"></rect>
195
+ <rect x="115" y="69" width="23" height="23" fill="#D9D9D9"></rect>
196
+ <rect x="92" y="46" width="23" height="23" fill="#AEAEAE"></rect>
197
+ <rect x="92" y="115" width="23" height="23" fill="#AEAEAE"></rect>
198
+ <rect x="92" y="69" width="23" height="23" fill="white"></rect>
199
+ <rect x="69" y="46" width="23" height="23" fill="white"></rect>
200
+ <rect x="69" y="115" width="23" height="23" fill="white"></rect>
201
+ <rect x="69" y="69" width="23" height="23" fill="#D9D9D9"></rect>
202
+ <rect x="46" y="46" width="23" height="23" fill="black"></rect>
203
+ <rect x="46" y="115" width="23" height="23" fill="black"></rect>
204
+ <rect x="46" y="69" width="23" height="23" fill="black"></rect>
205
+ <rect x="23" y="46" width="23" height="23" fill="#D9D9D9"></rect>
206
+ <rect x="23" y="115" width="23" height="23" fill="#AEAEAE"></rect>
207
+ <rect x="23" y="69" width="23" height="23" fill="black"></rect>
208
+ </svg>
209
+ <h1 style="font-weight: 900; margin-bottom: 7px;">
210
+ Stable Diffusion Spaces
211
+ </h1>
212
+ </div>
213
+ <p style="margin-bottom: 20px;">
214
+ Stable Diffusion is a state of the art text-to-image model that generates
215
+ images from a text description. For faster generation and forthcoming API
216
+ access you can try
217
+ <a
218
+ href="http://beta.dreamstudio.ai/"
219
+ style="text-decoration: underline;"
220
+ target="_blank"
221
+ >DreamStudio Beta</a
222
+ >
223
+ </p>
224
  </div>
225
  """
226
  )