Miercoles 3 de septiembre de 2025
|
Última actualización: 02/09/2025
IDIGER - INICIO
Se ha producido un error al procesar la plantilla.
Syntax error in template "47733960578291#20120#P_SLIDER" in line 105, column 38:
Encountered ">", but was expecting one of these patterns:
<STRING_LITERAL>
<RAW_STRING>
"false"
"true"
<INTEGER>
<DECIMAL>
"."
"+"
"-"
"!"
"["
"("
"{"
<ID>
1<!-- Estilos -->
2<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
3<style>
4body.has-edit-mode-menu .swiper.mySwiper-${.vars["reserved-article-id"].data} {
5 display: inline !important;
6}
7
8/*body.has-edit-mode-menu .swiper.mySwiper-${.vars["reserved-article-id"].data} .swiper-wrapper{display: inline !important;}*/
9.swiper-button-prev.btn-prev-home,
10.swiper-button-next.btn-next-home {
11 color: #000000;
12 background-color: #FFFFFF;
13 width: 40px;
14 height: 70px;
15 box-shadow: 0px 3px 6px #0000008C;
16 border-radius: 8px;
17 --swiper-navigation-size: 30px;
18 --swiper-navigation-top-offset: 45%;
19 --swiper-navigation-sides-offset: 5%;
20 font-weight: 600;
21}
22
23.swiper-pagination span {
24 background: #FFFFFF;
25 border: 1px solid #4B4B4B;
26 box-shadow: 0 3px 6px 2px #00000029;
27 --swiper-pagination-bullet-size: 16px;
28}
29
30.swiper-pagination.bul-home {
31 left: 50% !important;
32 transform: translateX(-50%);
33}
34
35.reproduccion.active-play .home-pau {
36 display: none;
37}
38
39.reproduccion.active-pause .home-rep {
40 display: none;
41}
42
43.reproduccion.active-pause .home-pau:hover,
44.reproduccion.active-play .home-rep:hover {
45 color: #000;
46}
47
48.controles-reproduccion-${.vars['reserved-article-id'].data} .reproduccion {
49 color: #000;
50 font-weight: 600;
51 border-radius: 12px;
52 background-color: #ffffff57;
53 backdrop-filter: blur(10px);
54 box-shadow: 0 3px 6px 2px #00000029;
55}
56
57.controles-reproduccion-${.vars['reserved-article-id'].data} {
58 z-index: 20;
59 bottom: 0;
60}
61
62/* Media Queries */
63@media (max-width: 576px) {
64
65 .swiper-button-prev.btn-prev-home,
66 .swiper-button-next.btn-next-home {
67 width: 20px;
68 height: 40px;
69 border-radius: 4px;
70 --swiper-navigation-size: 16px;
71 }
72}
73
74@media (max-width: 768px) {
75
76 .reproduccion .home-pau,
77 .reproduccion .home-rep {
78 font-size: 14px;
79 }
80
81 .reproduccion .home-pau svg,
82 .reproduccion .home-rep svg {
83 width: 18px;
84 height: 18px;
85 }
86}
87</style>
88<!-- Slider -->
89<div class="container-fluid px-0">
90 <div class="swiper slid-home mySwiper-${.vars["reserved-article-id"].data}">
91 <div class="swiper-wrapper">
92 <#list Slider.getSiblings() as cur_Slider>
93 <#assign href='' />
94 <#if (cur_Slider.LinkExterno.getData()?has_content) && !(cur_Slider.LinkExterno.getData()=="" )>
95 <#assign href='href="${cur_Slider.LinkExterno.getData()}" target="_blank"' />
96 <#elseif cur_Slider.url_interna.getFriendlyUrl()??>
97 <#assign href='data-senna-off="true" href="${cur_Slider.url_interna.getFriendlyUrl()}"' />
98 </#if>
99 <div class="swiper-slide">
100 <#if (cur_Slider.ImagenSlider.getData())?? && cur_Slider.ImagenSlider.getData() !="">
101 <#if ((cur_Slider.LinkExterno.getData()?has_content) && !(cur_Slider.LinkExterno.getData()=="")) || (cur_Slider.url_interna.getFriendlyUrl()?has_content)>
102 <a ${href}>
103 <img class="img-fluid w-100" alt="${cur_Slider.ImagenSlider.getAttribute("alt")}" data-fileentryid="${cur_Slider.ImagenSlider.getAttribute("fileEntryId")}" src="${cur_Slider.ImagenSlider.getData()}">
104 </a>
105 <#elseif >
106 <div>
107 <img class="img-fluid w-100" alt="${cur_Slider.ImagenSlider.getAttribute("alt")}" data-fileentryid="${cur_Slider.ImagenSlider.getAttribute("fileEntryId")}" src="${cur_Slider.ImagenSlider.getData()}">
108 </div>
109 </#if>
110 </#if>
111 </div>
112 </#list>
113 </div>
114 <div class="swiper-pagination bul-home w-auto"></div>
115 <div class="swiper-button-prev btn-prev-home"></div>
116 <div class="swiper-button-next btn-next-home"></div>
117 <!-- Controles -->
118 <div class="controles-reproduccion-${.vars['reserved-article-id'].data} position-absolute m-2 m-md-4 pl-md-3">
119 <div class="reproduccion active-pause d-flex flex-row">
120 <div class="play-btn home-rep p-1 p-md-2 font-weight-semi-bold" tabindex="0" style="cursor: pointer;">
121 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
122 <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393" />
123 </svg>
124 Reproducir
125 </div>
126 <div class="pause-btn home-pau p-1 p-md-2 font-weight-semi-bold" tabindex="0" style="cursor: pointer;">
127 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
128 <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5m5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5" />
129 </svg>
130 Pausar
131 </div>
132 </div>
133 </div>
134 </div>
135</div>
136<!-- Scripts -->
137<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
138<script>
139// Inicializar Swiper
140var swiperInstance${.vars["reserved-article-id"].data} = new Swiper(".mySwiper-${.vars["reserved-article-id"].data}", {
141 loop: true,
142 autoplay: {
143 delay: 5000,
144 disableOnInteraction: false,
145 },
146 navigation: {
147 nextEl: ".swiper-button-next.btn-next-home",
148 prevEl: ".swiper-button-prev.btn-prev-home",
149 },
150 pagination: {
151 el: ".swiper-pagination.bul-home",
152 clickable: true,
153 },
154});
155// Funciones de reproducción/pausa
156document.querySelector(".play-btn.home-rep").addEventListener("click", function() {
157 if (document.querySelector(".reproduccion").classList.contains("active-play")) {
158 document.querySelector(".reproduccion").classList.replace("active-play", "active-pause")
159 }
160 swiperInstance${.vars["reserved-article-id"].data}.autoplay.start();
161});
162document.querySelector(".pause-btn.home-pau").addEventListener("click", function() {
163 if (document.querySelector(".reproduccion").classList.contains("active-pause")) {
164 document.querySelector(".reproduccion").classList.replace("active-pause", "active-play")
165 }
166 swiperInstance${.vars["reserved-article-id"].data}.autoplay.stop();
167});
168</script>
Noticias
Bogotá, Agosto 28 de 2025
Las transformaciones y efectos del cambio climático invitan a repensar la manera en que la ciudad se prepara y organiza frente a nuevos escenarios. En este sentido, con el desarrollo del Tercer Diálogo Ciudadano: “La Gestión del Riesgo de Desastres y su relación con la [...]
Bogotá, Agosto 15 de 2025
El Distrito vivió el cierre de la VII versión del Encuentro Distrital de Brigadas de Emergencia, un espacio que este año elevó los estándares [...]
Bogotá, Agosto 13 de 2025
Cuando el liderazgo comunitario se une con la gestión institucional, los territorios se transforman. Esa fue la premisa que marcó el Segundo [...]
Escenarios de Riesgo
Multimedia
Video IDIGER
Redes Sociales
Participa en los #DiálogosCiudadanos "De la obra al territorio". Ven y conversemos sobre los Consejos Locales de Gestión de Riesgos y su importancia.
— IDIGER (@IDIGER) September 2, 2025
📅 5 de septiembre 8:30 a.m.
📍 Alcaldía Local de San Cristóbal
👉 Inscríbete: https://t.co/wviJYPJvzD pic.twitter.com/Y1WbuU2hOe
Campañas o Especiales
Trámites y Servicios
Cambiar Contraste
Disminuir Letra
Aumentar Letra
