https://palermo-huila.gov.co/SiteAssets/V3/main.js

1// Js Home
2
3
4tailwind.config = {
5	theme: {
6		extend: {
7			colors: {
8				gobColor: '#3366cc',
9				colorMainGray: '#F3F3F3',
10				colorMainGrayDark: '#5C5C5B',
11				colorMainGreen: '#13854d',
12				colorMainYellow: '#f3e932',
13				colorMainWhite: '#FFF',
14				blueTitle: '#006eb6',
15				colorMunicipio: "#13854d",
16				colorMunicipioHover: "#f3e932",
17				mainColor: "#13854d",
18				thirdColor: "#f3e932",
19				primaryColor: "#13854d",
20
21				color1: "#008000",
22
23        //Escala de grises
24        color2: "#f7f7f7",
25        color3: "#bfbfbf",
26        color4: "#404b50",
27        color5: "#cbcbca",
28
29        //Colores secundarios del municipio
30        color6: "#0000ff",
31        
32        //Colores complementarios
33        color10: "#f9fafb",
34        mainColor: "#008000",
35        primaryColor: "#008000",
36        
37        //OtherColor
38        color7: "#f3f3f3",
39        color8: "#004884",
40        color9: "#111010",
41        color10: "#f9fafb",
42        color11: "#008f4c",
43        color12: "#191919",
44        color13: "#ededed",
45
46			},
47			clipPath: {
48				customPolygon: 'polygon(51% 0, 100% 16%, 100% 80%, 50% 100%, 0% 80%, 0 15%)',
49			},
50		},
51	},
52	plugins: [
53		function ({ addUtilities, theme }) {
54			addUtilities({
55				'.clip-custom': {
56					clipPath: theme('clipPath.customPolygon'),
57				},
58			});
59		},
60	],
61};
62
63let swiperSlider = new Swiper('.sliderHome', {
64	spaceBetween: 50,
65	slidesPerView: 1,
66	pagination: {
67		el: '.pagination-banner',
68		clickable: true,
69	},
70	autoplay: {
71		delay: 3000,
72	},
73
74	navigation: {
75		nextEl: '.swiper-button-next-slider',
76		prevEl: '.swiper-button-prev-slider',
77		bulletClass: 'swiper-pagination-bullet-active',
78	},
79});
80
81let swiperIconos = new Swiper('.swiperIconos', {
82	slidesPerView: '200px',
83	pagination: {
84		el: '.swiper-pagination',
85		clickable: true,
86	},
87	navigation: {
88		nextEl: '.swiper-button-next-slider',
89		prevEl: '.swiper-button-prev-slider',
90	},
91	breakpoints: {
92		// when window width is >= 320px
93		0: {
94			slidesPerView: 1,
95			spaceBetween: 10,
96		},
97
98		340: {
99			slidesPerView: 1,
100			spaceBetween: 10,
101		},
102		768: {
103			slidesPerView: 3,
104			spaceBetween: 10,
105		},
106		1024: {
107			slidesPerView: 4,
108			spaceBetween: 0,
109		},
110	},
111});
112
113let swiperNoticias = new Swiper('.swiperNoticias', {
114	slidesPerView: 1,
115	spaceBetween: 30,
116	pagination: {
117		el: '.swiper-pagination',
118		clickable: true,
119	},
120	navigation: {
121		nextEl: '.btn-noticias-next',
122		prevEl: '.btn-noticias-prev',
123	},
124	breakpoints: {
125		// when window width is >= 320px
126		0: {
127			slidesPerView: 1,
128			spaceBetween: 10,
129		},
130
131		340: {
132			slidesPerView: 1,
133			spaceBetween: 10,
134		},
135		768: {
136			slidesPerView: 2,
137			spaceBetween: 10,
138		},
139		1024: {
140			slidesPerView: 3,
141			spaceBetween: 30,
142		},
143		1280: {
144			slidesPerView: 3,
145			spaceBetween: 30,
146		},
147	},
148});
149
150//Funcion para obtener la fecha del sistema
151
152function obtenerFechaFormateada() {
153	const lblDateSystem = document.getElementById('lblDateSystem');
154
155	const fechaActual = new Date();
156	const opcionesFormato = {
157		year: 'numeric',
158		month: 'long',
159		day: '2-digit',
160	};
161
162	const fechaFormateada = fechaActual.toLocaleDateString('es-ES', opcionesFormato);
163
164	lblDateSystem.innerText = fechaFormateada;
165}
166
167let tab;
168let tabContent;
169
170window.onload = function () {
171	tabContent = document.getElementsByClassName('tabContent');
172	tab = document.getElementsByClassName('tab');
173
174	hideTabsContent(1);
175};
176
177
178function hideTabsContent(a) {
179	for (let i = a; i < tabContent.length; i++) {
180		tabContent[i].classList.remove('show');
181		tabContent[i].classList.add('hide');
182		tab[i].classList.remove('whiteborder');
183	}
184}
185
186function showTabsContent(b) {
187	if (tabContent[b].classList.contains('hide')) {
188		hideTabsContent(0);
189		tab[b].classList.add('whiteborder');
190		tabContent[b].classList.remove('hide');
191		tabContent[b].classList.add('show');
192	}
193}
194
195// Llamar a la función
196obtenerFechaFormateada();
197
198
199
200
201