| Server IP : 104.21.84.107 / Your IP : 104.23.243.196 Web Server : Apache/2.4.63 (Ubuntu) System : Linux adminpruebas-Virtual-Machine 6.14.0-37-generic #37-Ubuntu SMP PREEMPT_DYNAMIC Fri Nov 14 22:10:32 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 8.4.5 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/biblioteca/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calendario Marzo 2024</title>
<style>
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
}
.calendario {
width: 300px;
margin: auto;
text-align: center;
background-color: #525252; /* Gris más oscuro */
color: #fff; /* Texto blanco */
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
}
.mes {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
table {
width: 100%;
}
th, td {
padding: 10px;
border: 1px solid #ccc;
}
th {
background-color: #666; /* Gris más claro */
}
td {
background-color: #4169E1; /* Azul metalizado */
color: #fff; /* Texto blanco */
}
.sabado, .domingo {
background-color: #ffd700; /* Amarillo */
}
.nota {
color: blue;
cursor: pointer;
text-decoration: underline;
}
.selected-day {
background-color: #fff;
border: 1px solid #999;
padding: 10px;
margin-top: 10px;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Sombra suave */
color: #000; /* Texto negro */
}
.informacion {
color: #ff0000; /* Texto rojo */
font-weight: bold;
}
</style>
</head>
<body>
<div class="calendario">
<div class="mes">Marzo 2024</div>
<table>
<thead>
<tr>
<th>Lun</th>
<th>Mar</th>
<th>Mie</th>
<th>Jue</th>
<th>Vie</th>
<th class="sabado">Sab</th>
<th class="domingo">Dom</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td onclick="showInfo('1')">1</td>
<td class="sabado" onclick="showInfo('2')">2</td>
<td class="domingo" onclick="showInfo('3')">3</td>
</tr>
<tr>
<td onclick="showInfo('4')">4</td>
<td onclick="showInfo('5')">5</td>
<td onclick="showInfo('6')">6</td>
<td onclick="showInfo('7')">7</td>
<td onclick="showInfo('8')" class="informacion">8</td>
<td class="sabado" onclick="showInfo('9')">9</td>
<td class="domingo" onclick="showInfo('10')">10</td>
</tr>
<tr>
<td onclick="showInfo('11')">11</td>
<td onclick="showInfo('12')" class="informacion">12</td>
<td onclick="showInfo('13')">13</td>
<td onclick="showInfo('14')">14</td>
<td onclick="showInfo('15')">15</td>
<td class="sabado" onclick="showInfo('16')">16</td>
<td class="domingo" onclick="showInfo('17')">17</td>
</tr>
<!-- Continuar con el resto de los días -->
</tbody>
</table>
</div>
<div id="anotaciones" class="selected-day"></div>
<script>
var notas = {
"1": ["Anotación 1", "Anotación 2", "Anotación 3"],
"2": ["Anotación 4", "Anotación 5", "Anotación 6"],
"3": ["Anotación 7", "Anotación 8", "Anotación 9"],
"4": ["Anotación 10", "Anotación 11", "Anotación 12"],
"5": ["Anotación 13", "Anotación 14", "Anotación 15"],
"6": ["Anotación 16", "Anotación 17", "Anotación 18"],
"7": ["Anotación 19", "Anotación 20", "Anotación 21"],
"8": ["Anotación 22", "Anotación 23", "Anotación 24"],
"9": ["Anotación 25", "Anotación 26", "Anotación 27"],
"10": ["Anotación 28", "Anotación 29", "Anotación 30"],
"11": ["Anotación 31", "Anotación 32", "Anotación 33"],
"12": ["¿Cómo y donde publicar un artículo de alto impacto? <a href='https://clarivatewebinars.webex.com/weblink/register/rbb6e30776949c131316388cf3c29e7e9'>link de registro</a><br>Scopus <a href='https://biblioteca.unillanos.edu.co'>link de registro</a>"],
// Continuar con el resto de los días
};
function showInfo(day) {
var notasDelDia = notas[day];
if (notasDelDia) {
document.getElementById('anotaciones').innerHTML = notasDelDia.join('<br>');
} else {
document.getElementById('anotaciones').innerHTML = 'No hay anotaciones para este día.';
}
}
</script>
</body>
</html>