{"id":15904,"date":"2026-03-15T10:02:36","date_gmt":"2026-03-15T09:02:36","guid":{"rendered":"https:\/\/www.magnificat.center\/?page_id=15904"},"modified":"2026-05-08T18:52:23","modified_gmt":"2026-05-08T16:52:23","slug":"forma","status":"publish","type":"page","link":"https:\/\/www.magnificat.center\/?page_id=15904&lang=en","title":{"rendered":"Extranet"},"content":{"rendered":"\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     MAGNIFICAT CENTER \u2014 EXTRANET GATE WIDGET\n     Paste this entire block into Custom HTML\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500&display=swap');\n\n.mg-gate {\n    max-width: 480px;\n    margin: 0 auto;\n    background: #faf9f6;\n    border: 1px solid #e8e0cc;\n    border-top: 3px solid #b8972e;\n    padding: 44px 40px 40px;\n    font-family: 'Inter', sans-serif;\n    text-align: center;\n}\n\n.mg-gate-logo img {\n    height: 80px;\n    width: auto;\n}\n\n.mg-gate-title {\n    margin-top: 18px;\n}\n\n.mg-gate-title h2 {\n    font-family: 'Cormorant Garamond', Georgia, serif;\n    font-size: 22px;\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    line-height: 1.3;\n}\n\n.mg-gate-title .mg-rule {\n    width: 40px;\n    height: 2px;\n    background: #b8972e;\n    margin: 12px auto;\n}\n\n.mg-gate-title p {\n    font-size: 12px;\n    font-weight: 300;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #999;\n}\n\n\/* Notice *\/\n.mg-notice {\n    margin-top: 28px;\n    border: 1px solid #e0d8c8;\n    border-left: 3px solid #b8972e;\n    background: #fff;\n    padding: 16px 18px;\n    text-align: left;\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n}\n\n.mg-notice-icon {\n    flex-shrink: 0;\n    margin-top: 1px;\n    color: #b8972e;\n}\n\n.mg-notice-body strong {\n    display: block;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: #b8972e;\n    margin-bottom: 6px;\n}\n\n.mg-notice-body p {\n    font-size: 12.5px;\n    line-height: 1.7;\n    color: #666;\n    font-weight: 300;\n}\n\n.mg-notice-body p span {\n    color: #333;\n    font-weight: 400;\n}\n\n\/* Location *\/\n.mg-location {\n    margin-top: 16px;\n    background: #fff;\n    border: 1px solid #e8e0cc;\n    padding: 14px 16px;\n    text-align: left;\n}\n\n.mg-location-header {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    margin-bottom: 12px;\n}\n\n.mg-location-header span {\n    font-size: 9px;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: #aaa;\n    font-weight: 500;\n}\n\n.mg-loc-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #7cbb6e;\n    margin-left: auto;\n    animation: mgLocBlink 1.6s ease-in-out infinite;\n}\n\n@keyframes mgLocBlink {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.2; }\n}\n\n.mg-location-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n}\n\n.mg-loc-field label {\n    display: block;\n    font-size: 9px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #bbb;\n    margin-bottom: 3px;\n}\n\n.mg-loc-field .mg-val {\n    font-size: 12px;\n    color: #555;\n    font-variant-numeric: tabular-nums;\n}\n\n\/* Button *\/\n.mg-gate-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    margin-top: 28px;\n    width: 100%;\n    background: #b8972e;\n    color: #fff !important;\n    text-decoration: none !important;\n    padding: 15px 20px;\n    font-family: 'Inter', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    transition: background 0.2s, transform 0.15s;\n    border: none;\n    cursor: pointer;\n}\n\n.mg-gate-btn:hover {\n    background: #a07d22 !important;\n    transform: translateY(-1px);\n}\n\n.mg-gate-footer {\n    margin-top: 24px;\n    font-size: 10px;\n    letter-spacing: 0.08em;\n    color: #bbb;\n}\n<\/style>\n\n<div class=\"mg-gate\">\n\n    <!-- Logo -->\n    <div class=\"mg-gate-logo\">\n        <img decoding=\"async\" src=\"https:\/\/www.magnificat.center\/wp-content\/uploads\/2016\/06\/logo-oro-30-Custom.png\"\n             alt=\"Magnificat Center\">\n    <\/div>\n\n    <!-- Title -->\n    <div class=\"mg-gate-title\">\n        <h2>Magnificat Center Extranet<\/h2>\n        <div class=\"mg-rule\"><\/div>\n        <p>Authorized Personnel Only<\/p>\n    <\/div>\n\n    <!-- Notice -->\n    <div class=\"mg-notice\">\n        <div class=\"mg-notice-icon\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/>\n                <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>\n            <\/svg>\n        <\/div>\n        <div class=\"mg-notice-body\">\n            <strong>Access Notice<\/strong>\n            <p>This is a private system. All sessions are <span>logged and monitored<\/span>, including your <span>IP address, location<\/span> and device. Unauthorized access attempts will be <span>reported to the appropriate authorities<\/span>.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Live session info -->\n    <div class=\"mg-location\">\n        <div class=\"mg-location-header\">\n            <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#aaa\" stroke-width=\"1.8\">\n                <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z\"\/>\n                <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\n            <\/svg>\n            <span>Your session is being recorded<\/span>\n            <div class=\"mg-loc-dot\"><\/div>\n        <\/div>\n        <div class=\"mg-location-grid\">\n            <div class=\"mg-loc-field\">\n                <label>IP Address<\/label>\n                <div class=\"mg-val\" id=\"mgIP\">\u2014<\/div>\n            <\/div>\n            <div class=\"mg-loc-field\">\n                <label>Location<\/label>\n                <div class=\"mg-val\" id=\"mgCity\">\u2014<\/div>\n            <\/div>\n            <div class=\"mg-loc-field\">\n                <label>Country<\/label>\n                <div class=\"mg-val\" id=\"mgCountry\">\u2014<\/div>\n            <\/div>\n            <div class=\"mg-loc-field\">\n                <label>Provider<\/label>\n                <div class=\"mg-val\" id=\"mgISP\" style=\"white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\">\u2014<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <a href=\"https:\/\/www.magnificat.center\/extranet.php\" class=\"mg-gate-btn\">\n        <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/>\n            <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n        <\/svg>\n        Open Dashboard\n    <\/a>\n\n    <div class=\"mg-gate-footer\">Magnificat Center \u00b7 Me\u0111ugorje<\/div>\n\n<\/div>\n\n<script>\n(function(){\n    function set(id, val){ var el = document.getElementById(id); if(el) el.textContent = val || '-'; }\n\n    \/\/ Primary: ipapi.co - CORS-friendly, no key needed\n    fetch('https:\/\/ipapi.co\/json\/')\n        .then(function(r){ return r.json(); })\n        .then(function(d){\n            if(d && d.ip){\n                set('mgIP',      d.ip);\n                set('mgCity',    d.city);\n                set('mgCountry', d.country_name);\n                set('mgISP',     d.org);\n            } else { fallback(); }\n        })\n        .catch(fallback);\n\n    \/\/ Fallback: ipinfo.io\n    function fallback(){\n        fetch('https:\/\/ipinfo.io\/json')\n            .then(function(r){ return r.json(); })\n            .then(function(d){\n                if(d && d.ip){\n                    set('mgIP',      d.ip);\n                    set('mgCity',    d.city);\n                    set('mgCountry', d.country);\n                    set('mgISP',     d.org);\n                }\n            })\n            .catch(function(){});\n    }\n})();\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        \/* Modal Backdrop *\/\n        .extranet-overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.95);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 9999;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n        }\n\n        \/* Modal Box *\/\n        .extranet-modal {\n            background: #1a1a1a;\n            color: #ffffff;\n            padding: 40px;\n            border-radius: 8px;\n            max-width: 500px;\n            text-align: center;\n            border: 1px solid #333;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        }\n\n        h2 {\n            color: #d9534f; \/* Alert Red *\/\n            margin-top: 0;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            font-size: 1.5rem;\n        }\n\n        .lang-block {\n            margin-bottom: 25px;\n        }\n\n        p {\n            line-height: 1.6;\n            font-size: 0.95rem;\n            color: #ccc;\n        }\n\n        \/* Buttons *\/\n        .btn-container {\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n            margin-top: 30px;\n        }\n\n        .btn {\n            padding: 12px 24px;\n            border-radius: 4px;\n            cursor: pointer;\n            text-decoration: none;\n            font-weight: bold;\n            transition: 0.3s;\n            font-size: 0.85rem;\n            border: none;\n        }\n\n        .btn-confirm {\n            background-color: #f4f4f4;\n            color: #000;\n        }\n\n        .btn-confirm:hover {\n            background-color: #ffffff;\n        }\n\n        .btn-exit {\n            background-color: transparent;\n            color: #999;\n            border: 1px solid #444;\n        }\n\n        .btn-exit:hover {\n            color: #fff;\n            border-color: #fff;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- Modal Structure -->\n<div id=\"authModal\" class=\"extranet-overlay\">\n    <div class=\"extranet-modal\">\n        <h2>Attention \/ Attenzione<\/h2>\n        \n        <div class=\"lang-block\">\n            <p><strong>ENG:<\/strong> This area is for authorized personnel only. By proceeding, you acknowledge you have the required permissions.<\/p>\n        <\/div>\n\n        <hr style=\"border: 0; border-top: 1px solid #333; margin: 20px 0;\">\n\n        <div class=\"lang-block\">\n            <p><strong>ITA:<\/strong> Quest&#8217;area \u00e8 riservata al personale autorizzato. Proseguendo, confermi di essere in possesso delle autorizzazioni necessarie.<\/p>\n        <\/div>\n\n        <div class=\"btn-container\">\n            <button class=\"btn btn-confirm\" onclick=\"closeModal()\">I ACKNOWLEDGE \/ CONFERMO<\/button>\n            <a href=\"https:\/\/www.magnificat.center\" class=\"btn btn-exit\">EXIT \/ ESCI<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function closeModal() {\n        \/\/ Hide the modal\n        document.getElementById('authModal').style.display = 'none';\n        \n        \/\/ Optional: Set a session cookie so it doesn't pop up again during this visit\n        sessionStorage.setItem('authorized', 'true');\n    }\n\n    \/\/ Check if already authorized in this session\n    window.onload = function() {\n        if (sessionStorage.getItem('authorized') === 'true') {\n            document.getElementById('authModal').style.display = 'none';\n        }\n    }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Magnificat Center Extranet Authorized Personnel Only Access Notice This is a private system. All sessions are logged and monitored, including your IP address, location and device. Unauthorized access attempts will be reported to the appropriate authorities. Your session is being recorded IP Address \u2014 Location \u2014 Country \u2014 Provider \u2014 Open Dashboard Magnificat Center \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15904","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/15904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15904"}],"version-history":[{"count":24,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/15904\/revisions"}],"predecessor-version":[{"id":16404,"href":"https:\/\/www.magnificat.center\/index.php?rest_route=\/wp\/v2\/pages\/15904\/revisions\/16404"}],"wp:attachment":[{"href":"https:\/\/www.magnificat.center\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}