Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -766,20 +766,6 @@ CSS = """
|
|
| 766 |
#hero .meta .k { color: var(--grey); }
|
| 767 |
#hero .meta .v { text-align: right; }
|
| 768 |
|
| 769 |
-
/* =========================================================================
|
| 770 |
-
SECTION HEADS — violet index
|
| 771 |
-
========================================================================= */
|
| 772 |
-
.eyebrow {
|
| 773 |
-
font-family: var(--grotesk) !important;
|
| 774 |
-
text-transform: uppercase;
|
| 775 |
-
letter-spacing: 0.18em;
|
| 776 |
-
font-size: 11px !important;
|
| 777 |
-
font-weight: 700 !important;
|
| 778 |
-
color: var(--ink) !important;
|
| 779 |
-
margin: 0 0 6px !important;
|
| 780 |
-
}
|
| 781 |
-
.eyebrow .idx { color: var(--accent); margin-right: 12px; }
|
| 782 |
-
|
| 783 |
/* Component labels */
|
| 784 |
.gradio-container label span,
|
| 785 |
.gradio-container .gr-check-radio label span {
|
|
@@ -876,7 +862,6 @@ with gr.Blocks(title="Typotopia", theme=THEME, css=CSS) as demo:
|
|
| 876 |
)
|
| 877 |
with gr.Row(equal_height=False):
|
| 878 |
with gr.Column(scale=1):
|
| 879 |
-
gr.HTML("<p class='eyebrow'><span class='idx'>01</span>Brief</p>")
|
| 880 |
prompt = gr.Textbox(
|
| 881 |
label="Prompt",
|
| 882 |
placeholder="e.g. a bold geometric sans inspired by brutalist concrete signage",
|
|
@@ -885,7 +870,6 @@ with gr.Blocks(title="Typotopia", theme=THEME, css=CSS) as demo:
|
|
| 885 |
control_image = gr.Image(label="Control image (optional)", type="pil", height=140, elem_id="control-image")
|
| 886 |
btn = gr.Button("Generate font", variant="primary", elem_classes=["go-btn"])
|
| 887 |
with gr.Column(scale=1):
|
| 888 |
-
gr.HTML("<p class='eyebrow'><span class='idx'>02</span>Specimen</p>")
|
| 889 |
otf_file = gr.File(label="Download .otf", height=56, elem_id="otf-file")
|
| 890 |
preview = gr.Image(label="Preview", type="pil", height=150, elem_id="preview-img")
|
| 891 |
gallery = gr.Gallery(label="Generated grids", columns=3, height=150, object_fit="contain", elem_id="grids")
|
|
|
|
| 766 |
#hero .meta .k { color: var(--grey); }
|
| 767 |
#hero .meta .v { text-align: right; }
|
| 768 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 769 |
/* Component labels */
|
| 770 |
.gradio-container label span,
|
| 771 |
.gradio-container .gr-check-radio label span {
|
|
|
|
| 862 |
)
|
| 863 |
with gr.Row(equal_height=False):
|
| 864 |
with gr.Column(scale=1):
|
|
|
|
| 865 |
prompt = gr.Textbox(
|
| 866 |
label="Prompt",
|
| 867 |
placeholder="e.g. a bold geometric sans inspired by brutalist concrete signage",
|
|
|
|
| 870 |
control_image = gr.Image(label="Control image (optional)", type="pil", height=140, elem_id="control-image")
|
| 871 |
btn = gr.Button("Generate font", variant="primary", elem_classes=["go-btn"])
|
| 872 |
with gr.Column(scale=1):
|
|
|
|
| 873 |
otf_file = gr.File(label="Download .otf", height=56, elem_id="otf-file")
|
| 874 |
preview = gr.Image(label="Preview", type="pil", height=150, elem_id="preview-img")
|
| 875 |
gallery = gr.Gallery(label="Generated grids", columns=3, height=150, object_fit="contain", elem_id="grids")
|