Center the header

#14
by mishig HF staff - opened
Files changed (1) hide show
  1. app.py +18 -8
app.py CHANGED
@@ -44,14 +44,24 @@ css = '''
44
  '''
45
 
46
  with gr.Blocks(css=css) as demo:
47
- gr.Markdown(
48
- """
49
- ## Stable Diffusion Prism πŸŽ†πŸŒŒ
50
-
51
- Sends an image in to [CLIP Interrogator](https://huggingface.co/spaces/pharma/CLIP-Interrogator)
52
- to generate a text prompt which is then run through Stable Diffusion to generate new forms of the original!
53
- """
54
- )
 
 
 
 
 
 
 
 
 
 
55
 
56
  with gr.Row():
57
  with gr.Column():
 
44
  '''
45
 
46
  with gr.Blocks(css=css) as demo:
47
+ gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
48
+ <div
49
+ style="
50
+ display: inline-flex;
51
+ align-items: center;
52
+ gap: 0.8rem;
53
+ font-size: 1.75rem;
54
+ "
55
+ >
56
+ <h1 style="font-weight: 900; margin-bottom: 7px;">
57
+ Stable Diffusion Prism πŸŽ†πŸŒŒ
58
+ </h1>
59
+ </div>
60
+ <p style="margin-bottom: 10px; font-size: 94%">
61
+ Sends an image in to <a href="https://huggingface.co/spaces/pharma/CLIP-Interrogator" target="_blank">CLIP Interrogator</a>
62
+ to generate a text prompt which is then run through Stable Diffusion to generate new forms of the original!
63
+ </p>
64
+ </div>""")
65
 
66
  with gr.Row():
67
  with gr.Column():