AIdeaText commited on
Commit
4c6ed71
·
verified ·
1 Parent(s): 6de1392

Update modules/ui/ui.py

Browse files
Files changed (1) hide show
  1. modules/ui/ui.py +30 -2
modules/ui/ui.py CHANGED
@@ -213,14 +213,15 @@ def is_institutional_email(email):
213
 
214
  def display_videos_and_info(lang_code, t):
215
  # Crear tabs para cada sección
216
- tab_use_case, tab_videos, tab_events, tab_news = st.tabs([
217
  "Casos de uso",
218
  "Videos de presentaciones",
219
  "Ponencias académicas",
 
220
  "Control de versiones"
221
  ])
222
 
223
- # Tab de Galería
224
  with tab_use_case:
225
  use_case_videos = {
226
  "Uso de los diagramas de arco": "https://www.youtube.com/watch?v=JnP2U1Fm0rc",
@@ -310,6 +311,33 @@ def display_videos_and_info(lang_code, t):
310
  Del 16 al 18 de mayo 2023
311
  """)
312
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
313
  # Tab de Novedades
314
  with tab_news:
315
  st.markdown("""
 
213
 
214
  def display_videos_and_info(lang_code, t):
215
  # Crear tabs para cada sección
216
+ tab_use_case, tab_videos, tab_events, tab_gallery, tab_news = st.tabs([
217
  "Casos de uso",
218
  "Videos de presentaciones",
219
  "Ponencias académicas",
220
+ "Fotos de eventos"
221
  "Control de versiones"
222
  ])
223
 
224
+ # Tab de Casos de uso
225
  with tab_use_case:
226
  use_case_videos = {
227
  "Uso de los diagramas de arco": "https://www.youtube.com/watch?v=JnP2U1Fm0rc",
 
311
  Del 16 al 18 de mayo 2023
312
  """)
313
 
314
+ # Tab de Galería
315
+ with tab_gallery:
316
+ # Contenedor con ancho máximo
317
+ with st.container():
318
+ # Dividimos en dos columnas principales
319
+ col_left, col_right = st.columns(2)
320
+
321
+ # Columna izquierda: Foto 1 grande
322
+ with col_left:
323
+ # Foto 2 arriba
324
+ st.image("assets/img/socialmedia/_MG_2845.JPG",
325
+ caption="MakerFaire CDMX 2023",
326
+ width=480) # Ajusta este valor según necesites
327
+ # use_column_width=True)
328
+
329
+ # Foto 3 abajo
330
+ st.image("assets/img/socialmedia/Facebook_CoverPhoto-1_820x312.jpg",
331
+ caption="MakerFaire CDMX 2023",
332
+ width=480) # Ajusta este valor según necesites
333
+ # use_column_width=True)
334
+
335
+ # Columna derecha: Fotos 2 y 3 una encima de otra
336
+ with col_right:
337
+ st.image("assets/img/socialmedia/_MG_2790.jpg",
338
+ caption="MakerFaire CDMX 2024",
339
+ width=540) # Ajusta este valor según necesites
340
+
341
  # Tab de Novedades
342
  with tab_news:
343
  st.markdown("""