Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
|
@@ -2045,13 +2045,70 @@ def crear_app():
|
|
| 2045 |
</div>
|
| 2046 |
""")
|
| 2047 |
with gr.Column(scale=3):
|
| 2048 |
-
gr.Markdown(f"""
|
| 2049 |
|
| 2050 |
-
|
| 2051 |
-
|
| 2052 |
|
| 2053 |
-
|
| 2054 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2055 |
""")
|
| 2056 |
|
| 2057 |
|
|
|
|
| 2045 |
</div>
|
| 2046 |
""")
|
| 2047 |
with gr.Column(scale=3):
|
| 2048 |
+
# gr.Markdown(f"""
|
| 2049 |
|
| 2050 |
+
# # ConectaODS: Tu voz en clave de desarrollo sostenible
|
| 2051 |
+
# ### Explorador Interactivo
|
| 2052 |
|
| 2053 |
+
# *ConectaODS es una herramienta basada en inteligencia artificial que traduce
|
| 2054 |
+
# relatos de iniciativas asociadas a problematicas y oportunidades a nivel territorial en lenguaje de Objetivos de Desarrollo Soistenible - ODS*
|
| 2055 |
+
# """)
|
| 2056 |
+
gr.HTML(f"""
|
| 2057 |
+
<style>
|
| 2058 |
+
.conectaods-header {{
|
| 2059 |
+
padding: 30px 20px;
|
| 2060 |
+
text-align: center;
|
| 2061 |
+
}}
|
| 2062 |
+
|
| 2063 |
+
.conectaods-main-title {{
|
| 2064 |
+
font-size: 2.5em;
|
| 2065 |
+
font-weight: 700;
|
| 2066 |
+
color: #1a1a1a;
|
| 2067 |
+
margin: 15px 0;
|
| 2068 |
+
line-height: 1.3;
|
| 2069 |
+
letter-spacing: -0.5px;
|
| 2070 |
+
}}
|
| 2071 |
+
|
| 2072 |
+
.conectaods-subtitle {{
|
| 2073 |
+
font-size: 1.5em;
|
| 2074 |
+
font-weight: 500;
|
| 2075 |
+
color: #2E5090;
|
| 2076 |
+
margin: 12px 0 20px 0;
|
| 2077 |
+
letter-spacing: 0.5px;
|
| 2078 |
+
}}
|
| 2079 |
+
|
| 2080 |
+
.conectaods-description {{
|
| 2081 |
+
font-size: 1.15em;
|
| 2082 |
+
color: #555;
|
| 2083 |
+
line-height: 1.6;
|
| 2084 |
+
font-style: italic;
|
| 2085 |
+
margin: 15px 0;
|
| 2086 |
+
max-width: 600px;
|
| 2087 |
+
margin-left: auto;
|
| 2088 |
+
margin-right: auto;
|
| 2089 |
+
}}
|
| 2090 |
+
|
| 2091 |
+
@media (max-width: 768px) {{
|
| 2092 |
+
.conectaods-main-title {{
|
| 2093 |
+
font-size: 2em;
|
| 2094 |
+
}}
|
| 2095 |
+
.conectaods-subtitle {{
|
| 2096 |
+
font-size: 1.2em;
|
| 2097 |
+
}}
|
| 2098 |
+
.conectaods-description {{
|
| 2099 |
+
font-size: 1em;
|
| 2100 |
+
}}
|
| 2101 |
+
}}
|
| 2102 |
+
</style>
|
| 2103 |
+
|
| 2104 |
+
<div class="conectaods-header">
|
| 2105 |
+
<h1 class="conectaods-main-title">ConectaODS: Tu voz en clave de desarrollo sostenible</h1>
|
| 2106 |
+
<h2 class="conectaods-subtitle">Explorador Interactivo</h2>
|
| 2107 |
+
<p class="conectaods-description">
|
| 2108 |
+
ConectaODS es una herramienta basada en inteligencia artificial que traduce
|
| 2109 |
+
relatos de iniciativas asociadas a problematicas y oportunidades a nivel territorial en lenguaje de Objetivos de Desarrollo Soistenible - ODS
|
| 2110 |
+
</p>
|
| 2111 |
+
</div>
|
| 2112 |
""")
|
| 2113 |
|
| 2114 |
|