-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
130 lines (115 loc) · 5.08 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Denuncias Ciudadanas</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="icon" href="logo.ico">
</head>
<?php
session_start();
if(!isset($_SESSION["usuario"]) && !isset($_SESSION['codigoValido'])){
header("Location:login.php");
exit();
}
?>
<body>
<nav class="navbar navbar-expand-lg" data-bs-theme="dark">
<div class="container-sm">
<a class="navbar-brand" href="index.php">Denuncias Ciudadanas</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Administrar
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="ciudadanos.php">Ciudadanos</a></li>
<li><a class="dropdown-item" href="denuncias.php">Denuncias</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="categorias.php">Categorias</a></li>
<li><a class="dropdown-item" href="provincias.php">Provincias</a></li>
</ul>
</li>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Consultas
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="denunciasCategoria.php">Denuncias por Categoría</a></li>
<li><a class="dropdown-item" href="denunciasProvincia.php">Denuncias por Provincia</a></li>
<li><a class="dropdown-item" href="denunciasCiudadano.php">Denuncias por ciudadano</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="logout.php">Cerrar sesión</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-sm content">
<div class="text">
<?php
echo "<h1><strong>Bienvenido ".ucwords($_SESSION["usuario"]).". Felices verano☀️</strong></h1>";
?>
<div class="textAnimation">
<h5>¿Qué harémos hoy?</h5>
<div id="textoAnimado"></div>
</div>
</div>
<div class="clock">
<h1 id="time">00:00:00</h1>
<p id="date">0 mes 0000</p>
</div>
</div>
<footer>Copyright © - Orlie Macías</footer>
<!-- Copos nieves -->
<!-- <script
defer
src="https://app.embed.im/snow.js"
></script> -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<!-- Script reloj -->
<script>
const time = document.getElementById('time');
const date = document.getElementById('date');
const nombresMeses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio","Julio", "Agosto", "Septiembre", "Octubre", "Noviembre","Diciembre"];
const interval = setInterval(() => {
const local = new Date();
let day = local.getDate(),month = local.getMonth(),year = local.getFullYear();
time.innerHTML = local.toLocaleTimeString();
date.innerHTML = `${day} ${nombresMeses[month]} ${year}`;
},100)
</script>
<!-- Script cambiar texto -->
<script>
document.addEventListener("DOMContentLoaded", function() {
const textos = ["¿Registrar un ciudadano?", "¿Registrar una denuncia?", "¿Eliminar una denuncia?", "¿Mi primera chamba?"];
let indiceTexto = 0;
const elementoTexto = document.getElementById("textoAnimado");
function cambiarTexto() {
elementoTexto.style.opacity = 0;
setTimeout(function() {
elementoTexto.textContent = textos[indiceTexto];
elementoTexto.style.opacity = 1;
indiceTexto = (indiceTexto + 1) % textos.length;
},1000);
}
// Cambiar el texto cada 3 segundos
setInterval(cambiarTexto, 3000);
cambiarTexto();
});
</script>
</body>
</html>