Normativa Académica UNCUYO
<!DOCTYPE html> Digesto de Normativa Académica UNCUYO * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); color: #333; line-height: 1.6; padding: 20px; min-height: 100vh; } .container { max-width: 1200px; margin: 0 auto; background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); overflow: hidden; } header { background: linear-gradient(to right, #2c3e50, #4ca1af); color: white; padding: 30px; text-align: center; } h1 { font-size: 2.5rem; margin-bottom: 10px; } .subtitle { font-size: 1.2rem; opacity: 0.9; } .search-container { background: #ecf0f1; padding: 20px; text-align: center; border-bottom: 1px solid #ddd; } .search-box { display: inline-flex; width: 80%; max-width: 600px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); border-radius: 50px; overflow: hidden; } .search-box input { flex: 1; padding: 15px 20px; border: none; font-size: 1rem; outline: none; } .search-box button { padding: 15px 25px; background: #3498db; color: white; border: none; cursor: pointer; transition: background 0.3s; } .search-box button:hover { background: #2980b9; } .content { padding: 30px; } .results-info { margin-bottom: 20px; color: #7f8c8d; font-size: 1rem; } .results-info strong { color: #2c3e50; } .card-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(550px, 1fr)); gap: 20px; } .card { background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); padding: 20px; transition: transform 0.3s, box-shadow 0.3s; border-left: 4px solid #3498db; } .card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .card-title { font-size: 1.2rem; font-weight: 600; color: #2c3e50; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; } .card-title a { color: #3498db; text-decoration: none; font-size: 0.9rem; font-weight: normal; } .card-title a:hover { text-decoration: underline; } .card-description { color: #555; line-height: 1.5; margin-bottom: 15px; } .card-link { display: inline-flex; align-items: center; padding: 8px 15px; background: #3498db; color: white; border-radius: 5px; text-decoration: none; font-size: 0.9rem; transition: background 0.3s; } .card-link:hover { background: #2980b9; } .card-link i { margin-right: 5px; } footer { text-align: center; padding: 20px; background: #2c3e50; color: white; } .hidden { display: none; } .no-results { text-align: center; padding: 30px; color: #7f8c8d; font-style: italic; grid-column: 1 / -1; } .pagination { display: flex; justify-content: center; margin-top: 30px; gap: 10px; } .pagination button { padding: 10px 15px; background: #3498db; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background 0.3s; } .pagination button:hover { background: #2980b9; } .pagination button.active { background: #2c3e50; } @media (max-width: 768px) { .card-container { grid-template-columns: 1fr; } .search-box { width: 100%; } }
UNCUYO - Normativa Académica
Digesto de interés académico de la Universidad Nacional de Cuyo
Buscar
Mostrando 0 de 0 ordenanzas
<!-- Las ordenanzas se cargarán aquí -->
<!-- La paginación se generará aquí -->
(CC BY-NC) 2025 - Digesto de Normativa Académica UNCUYO - Todos los enlaces conducen a recursos públicos
No se encontraron resultados
';
document.getElementById('pagination').innerHTML = '';
return;
}
// Generar las tarjetas
paginatedItems.forEach(ordenanza => {
const card = document.createElement('div');
card.className = 'card';
card.innerHTML = `
${ordenanza.numero}
Ver documento
${ordenanza.descripcion}
Ver ordenanza completa
`;
container.appendChild(card);
});
// Generar paginación
generatePagination(ordenanzasFiltradas.length, page);
}
// Función para generar la paginación
function generatePagination(totalItems, currentPage) {
const totalPages = Math.ceil(totalItems / itemsPerPage);
const paginationContainer = document.getElementById('pagination');
paginationContainer.innerHTML = '';
if (totalPages <= 1) return;
// Botón anterior
if (currentPage > 1) {
const prevButton = document.createElement('button');
prevButton.innerHTML = '';
prevButton.addEventListener('click', () => {
mostrarOrdenanzas(filteredOrdenanzas, currentPage - 1);
});
paginationContainer.appendChild(prevButton);
}
// Números de página
for (let i = 1; i <= totalPages; i++) {
const pageButton = document.createElement('button');
pageButton.textContent = i;
if (i === currentPage) {
pageButton.classList.add('active');
}
pageButton.addEventListener('click', () => {
mostrarOrdenanzas(filteredOrdenanzas, i);
});
paginationContainer.appendChild(pageButton);
}
// Botón siguiente
if (currentPage < totalPages) {
const nextButton = document.createElement('button');
nextButton.innerHTML = '';
nextButton.addEventListener('click', () => {
mostrarOrdenanzas(filteredOrdenanzas, currentPage + 1);
});
paginationContainer.appendChild(nextButton);
}
}
// Función para filtrar las ordenanzas
function filterData() {
const searchText = document.getElementById('searchInput').value.toLowerCase();
filteredOrdenanzas = ordenanzas.filter(ordenanza => {
return (ordenanza.numero.toLowerCase().includes(searchText) ||
ordenanza.descripcion.toLowerCase().includes(searchText));
});
currentPage = 1;
mostrarOrdenanzas(filteredOrdenanzas, currentPage);
}
// Inicializar la página
window.onload = function() {
filteredOrdenanzas = [...ordenanzas];
mostrarOrdenanzas(filteredOrdenanzas, currentPage);
// Agregar event listener para la tecla Enter
document.getElementById('searchInput').addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
filterData();
}
});
};