One Hat Cyber Team
Your IP :
104.23.243.59
Server IP :
104.21.51.23
Server :
Linux 128-201-239-36.cprapid.com 3.10.0-1160.41.1.el7.x86_64 #1 SMP Tue Aug 31 14:52:47 UTC 2021 x86_64
Server Software :
Apache
PHP Version :
7.4.33
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
juscatamarca
/
public_html
/
subdomains
/
om
/
View File Name :
recursero.php
<?php require 'conexion.php'; session_start(); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Oficina de la Mujer</title> <link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Oswald:wght@200;300;400;500;600;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script> <link rel="stylesheet" href="Css/main.css"> <link rel="stylesheet" href="Css/normalize.css"> <link rel="stylesheet" href="Css/estilos.css"> <script src="js/menu.js"></script> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600' rel='stylesheet' type='text/css'> <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=EB+Garamond&display=swap" rel="stylesheet"> <script src="http://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"> </script> </head> <body> <header class="contenedor"> <div class="logos-cabeza separador"> <img class="logo-izquierdo" src="imagen/logo catamarca.png" alt=""> <img class="logo-derecho" src="imagen/logo pj negro.png" alt=""> </div> <div class="menu-burguer2"> <div class="menu-burguer" id="menu_on"> <div class="menu-line"></div> <div class="menu-line"></div> <div class="menu-line"></div> </div> <div> <h1></h1> </div> </div> <script type="text/javascript"> $(document).ready(function() { $('#menu_on').click(function() { // Al hacer click... $('body').toggleClass('visible_menu'); // Añadimos o eliminamos la clase 'visible_menu' al body }) }); </script> <nav class="navegador .visible_menu"> <script src="js/burguer.js"> </script> <a class="ini" href="index.php">Inicio</a> <a class="guia" href="recursero.php">CONTACTOS ÚTILES</a> <a class="observatorio" href="observatorio.php">Observatorio de Sentencias</a> <a class="datos" href="datosestadisticos.php">Ley Micaela</a> <a class="capa" href="capacitaciones.php">Capacitacion</a> <a class="mate" href="materiales.php">Materiales</a> <a class="noti" href="noticias.php">Noticias</a> </nav> </header> <!-- CTA PDF --> <div class="rcx-cta"> <a class="rcx-cta__btn" href="https://omcatamarca.wordpress.com/wp-content/uploads/2026/04/contactos-utiles-para-web-2026-final.pdf" target="_blank" rel="noopener"> Ingresar a Contactos Útiles </a> </div> <section class="rcx-wrap"> <header class="rcx-hero"> <h1 class="rcx-hero__title">Contactos útiles</h1> <p class="rcx-hero__subtitle"> Información y teléfonos útiles en caso de violencia de género. Podés abrir el PDF completo o ver los cuadros aquí. </p> </header> <div class="rcx-grid"> <article class="rcx-card"> <div class="rcx-zoomable"> <img class="rcx-zoomable" src="./imagen/recur1.jpeg" data-full="./imagen/recur1.jpeg" alt="Contactos útiles Valle Central"> </div> </article> <article class="rcx-card "> <div class="rcx-zoomable"> <img class="rcx-zoomable" src="./imagen/recur5.jpeg" data-full="./imagen/recur5.jpeg" alt="Contactos útiles justicia de paz"> </div> </article> <article class="rcx-card "> <div class="rcx-zoomable"> <img class="rcx-zoomable" src="./imagen/recur4.jpeg" data-full="./imagen/recur4.jpeg" alt="Contactos útiles comisarías 2 de 2"> </div> </article> <article class="rcx-card "> <div class="rcx-zoomable"> <img class="rcx-zoomable" src="./imagen/recur3.jpeg" data-full="./imagen/recur3.jpeg" alt="Contactos útiles comisarías 1 de 2"> </div> </article> <article class="rcx-card rcx-card--wide"> <div class="rcx-zoomable"> <img class="rcx-zoomable" src="./imagen/recur2.jpeg" data-full="./imagen/recur2.jpeg" alt="Contactos útiles otros organismos"> </div> </article> </div> </section> <div class="mat-back"> <a class="mat-back__btn" href="index.php">Volver atrás</a> </div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <a href="https://api.whatsapp.com/send?phone=543834985593" class="float" target="_blank"> <i class="fa fa-whatsapp my-float"></i> </a> <footer class="contenedor"> <div class="logos-pie "> <img class="logo-izquierdo" src="imagen/logo catamarca.png" alt=""> <div> <?php if (isset($_SESSION['usuario'])) : ?> <a class="guiainteractiva" href="CerrarSesion.php">Cerrar Sesion</a> <a class="guiainteractiva" href="administrador.php">Administrador</a> <?php else : ?> <a class="guiainteractiva" href="login.php">Ingresar</a> <?php endif; ?> <a class="guiainteractiva" href="direccion.php">Direccion <img class="pin" src="imagen/pin.png" width="20px" alt=""></a> </div> <div class="footer-redes-buttones"> <a class="footer-enlace" target="_blank" href="https://instagram.com/catamarcaom?utm_medium=copy_link"><img src="imagen/580b57fcd9996e24bc43c521.png" alt=""></a> <a class="footer-enlace" target="_blank" href="https://www.facebook.com/Oficina-De-La-MUJER-Poder-Judicial-de-Catamarca-106722248403654"><img src="imagen/facebook.png" alt=""></a> </div> <img class="logo-derecho" src="imagen/logo pj circular negro.png" alt=""> </div> </footer> <div class="contenedor copyright"> <p> Poder Judicial de Catamarca - Todos los derechos Reservados 2021 © </p> </div> <!-- RCX Modal Zoom --> <div class="rcx-modal" id="rcxModal" aria-hidden="true"> <div class="rcx-modal__backdrop" data-close></div> <div class="rcx-modal__panel" role="dialog" aria-modal="true" aria-label="Vista ampliada"> <button class="rcx-modal__close" type="button" data-close aria-label="Cerrar">✕</button> <div class="rcx-modal__toolbar"> <button class="rcx-modal__btn" type="button" id="rcxZoomOut">−</button> <button class="rcx-modal__btn" type="button" id="rcxZoomIn">+</button> <button class="rcx-modal__btn" type="button" id="rcxZoomReset">Reset</button> <span class="rcx-modal__hint">Scroll = zoom · arrastrá para mover · ESC para cerrar</span> </div> <div class="rcx-modal__stage" id="rcxStage"> <img class="rcx-modal__img" id="rcxModalImg" alt=""> </div> </div> </div> <script> (function() { const modal = document.getElementById('rcxModal'); const imgEl = document.getElementById('rcxModalImg'); const stage = document.getElementById('rcxStage'); const zoomInBtn = document.getElementById('rcxZoomIn'); const zoomOutBtn = document.getElementById('rcxZoomOut'); const zoomResetBtn = document.getElementById('rcxZoomReset'); let scale = 1; const minScale = 1; const maxScale = 4; let isDragging = false; let startX = 0, startY = 0; let posX = 0, posY = 0; function applyTransform() { imgEl.style.transform = `translate(-50%, -50%) translate(${posX}px, ${posY}px) scale(${scale})`; } function resetView() { scale = 1; posX = 0; posY = 0; applyTransform(); } function openModal(src, alt) { imgEl.src = src; imgEl.alt = alt || 'Imagen ampliada'; modal.classList.add('is-open'); modal.setAttribute('aria-hidden', 'false'); document.body.style.overflow = 'hidden'; resetView(); } function closeModal() { modal.classList.remove('is-open'); modal.setAttribute('aria-hidden', 'true'); document.body.style.overflow = ''; } // Click en imagen => abrir document.addEventListener('click', (e) => { const target = e.target.closest('.rcx-zoomable'); if (target) { const src = target.getAttribute('data-full') || target.getAttribute('src'); openModal(src, target.getAttribute('alt')); } }); // Cerrar (click afuera o X) modal.addEventListener('click', (e) => { if (e.target.hasAttribute('data-close')) closeModal(); }); document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.classList.contains('is-open')) closeModal(); }); // Zoom botones zoomInBtn.addEventListener('click', () => { scale = Math.min(maxScale, +(scale + 0.2).toFixed(2)); applyTransform(); }); zoomOutBtn.addEventListener('click', () => { scale = Math.max(minScale, +(scale - 0.2).toFixed(2)); applyTransform(); }); zoomResetBtn.addEventListener('click', resetView); // Zoom con rueda stage.addEventListener('wheel', (e) => { e.preventDefault(); const delta = Math.sign(e.deltaY); scale = delta > 0 ? Math.max(minScale, +(scale - 0.15).toFixed(2)) : Math.min(maxScale, +(scale + 0.15).toFixed(2)); applyTransform(); }, { passive: false }); // Drag mouse stage.addEventListener('mousedown', (e) => { isDragging = true; startX = e.clientX - posX; startY = e.clientY - posY; }); window.addEventListener('mousemove', (e) => { if (!isDragging) return; posX = e.clientX - startX; posY = e.clientY - startY; applyTransform(); }); window.addEventListener('mouseup', () => isDragging = false); // Touch (mobile) stage.addEventListener('touchstart', (e) => { if (e.touches.length !== 1) return; const t = e.touches[0]; isDragging = true; startX = t.clientX - posX; startY = t.clientY - posY; }, { passive: true }); stage.addEventListener('touchmove', (e) => { if (!isDragging || e.touches.length !== 1) return; const t = e.touches[0]; posX = t.clientX - startX; posY = t.clientY - startY; applyTransform(); }, { passive: true }); stage.addEventListener('touchend', () => isDragging = false); })(); </script> </body> </html>