Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -107,6 +107,37 @@ def generate_and_play_podcast(content, content_type='text'):
|
|
107 |
script = generate_podcast_script(content)
|
108 |
return text_to_speech(script)
|
109 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
110 |
# Gradio interface setup
|
111 |
with gr.Blocks(css=css_style) as app:
|
112 |
gr.HTML("""
|
|
|
107 |
script = generate_podcast_script(content)
|
108 |
return text_to_speech(script)
|
109 |
|
110 |
+
css_style = """
|
111 |
+
|
112 |
+
body, .gradio-container {
|
113 |
+
background-color: #020308; /* Replace with your preferred color */
|
114 |
+
}
|
115 |
+
|
116 |
+
#logo {
|
117 |
+
display: flex;
|
118 |
+
justify-content: center;
|
119 |
+
font-size: 3em;
|
120 |
+
font-weight: bold;
|
121 |
+
letter-spacing: 3px;
|
122 |
+
}
|
123 |
+
.letter {
|
124 |
+
opacity: 0;
|
125 |
+
animation: fadeIn 0.1s forwards;
|
126 |
+
}
|
127 |
+
.letter.j { animation-delay: 0s; color: #4285F4; } /* Blue */
|
128 |
+
.letter.u { animation-delay: 0.1s; color: #3A9CF1; }
|
129 |
+
.letter.s { animation-delay: 0.2s; color: #32B3EE; }
|
130 |
+
.letter.t { animation-delay: 0.3s; color: #2BC9EA; }
|
131 |
+
.letter.e { animation-delay: 0.4s; color: #23E0E7; }
|
132 |
+
.letter.v { animation-delay: 0.5s; color: #1BF7E4; }
|
133 |
+
.letter.a { animation-delay: 0.6s; color: #14F0B5; } /* Greenish */
|
134 |
+
|
135 |
+
@keyframes fadeIn {
|
136 |
+
0% { opacity: 0; transform: translateY(-20px); }
|
137 |
+
100% { opacity: 1; transform: translateY(0); }
|
138 |
+
}
|
139 |
+
"""
|
140 |
+
|
141 |
# Gradio interface setup
|
142 |
with gr.Blocks(css=css_style) as app:
|
143 |
gr.HTML("""
|