{"id":14562,"date":"2025-07-03T14:43:00","date_gmt":"2025-07-03T14:43:00","guid":{"rendered":"https:\/\/verifyithq.com\/?page_id=14562"},"modified":"2025-11-18T02:20:37","modified_gmt":"2025-11-18T02:20:37","slug":"network-status","status":"publish","type":"page","link":"https:\/\/verifyithq.com\/network-status\/","title":{"rendered":"network status"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14562\" class=\"elementor elementor-14562\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-53c1cd9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"53c1cd9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-df75daa\" data-id=\"df75daa\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4303b3b elementor-widget elementor-widget-html\" data-id=\"4303b3b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"datetime-container\">\r\n    <div id=\"datetime\" class=\"datetime\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* General Styles *\/\r\n    .datetime-container {\r\n        text-align: center;\r\n        background-color: #ffffff;\r\n        border-radius: 8px;\r\n        padding: 20px;\r\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n        max-width: 100%;\r\n        width: 100%;\r\n    }\r\n\r\n    .datetime {\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n        color: #333;\r\n    }\r\n\r\n    .day {\r\n        color: #007bff;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .time {\r\n        color: #28a745;\r\n        font-size: 24px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    \/* Responsive Styles *\/\r\n    @media (max-width: 768px) {\r\n        .datetime-container {\r\n            padding: 15px;\r\n        }\r\n\r\n        .datetime {\r\n            font-size: 20px;\r\n        }\r\n\r\n        .day {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .time {\r\n            font-size: 20px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .datetime-container {\r\n            padding: 10px;\r\n        }\r\n\r\n        .datetime {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .day {\r\n            font-size: 14px;\r\n        }\r\n\r\n        .time {\r\n            font-size: 18px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function updateDateTime() {\r\n        const today = new Date();\r\n        \r\n        \/\/ Format the date (Day, Month Day, Year)\r\n        const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };\r\n        const formattedDate = today.toLocaleDateString('en-US', options);\r\n\r\n        \/\/ Format the time for Nigeria (WAT - UTC+1)\r\n        const optionsTime = {\r\n            hour: '2-digit',\r\n            minute: '2-digit',\r\n            second: '2-digit',\r\n            hour12: true,\r\n            timeZone: 'Africa\/Lagos'  \/\/ Set timezone to Nigeria\r\n        };\r\n\r\n        const formattedTime = new Intl.DateTimeFormat('en-US', optionsTime).format(today);\r\n\r\n        \/\/ Display the result in the HTML\r\n        document.getElementById('datetime').innerHTML = `\r\n            <div class=\"day\">${formattedDate}<\/div>\r\n            <div class=\"time\">${formattedTime}<\/div>\r\n        `;\r\n    }\r\n\r\n    \/\/ Update the date and time every second\r\n    setInterval(updateDateTime, 1000);\r\n\r\n    \/\/ Initial call to display immediately\r\n    updateDateTime();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-23a080e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"23a080e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a4ab16c\" data-id=\"a4ab16c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f65f3f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f65f3f5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ebc71da\" data-id=\"ebc71da\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a22c6ac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a22c6ac\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ddb7212\" data-id=\"ddb7212\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30654e4 elementor-widget elementor-widget-shortcode\" data-id=\"30654e4\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \r\n    <div class=\"network-dashboard\">\r\n      <h2>Network Operations Center Dashboard<\/h2>\r\n      <div id=\"datetime\" class=\"datetime\"><\/div>\r\n      <div class=\"status-panel\">\r\n        <span>Online: <span id=\"online-count\" class=\"status-online\">0<\/span><\/span>\r\n        <span>Offline: <span id=\"offline-count\" class=\"status-offline\">0<\/span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"service-list\">\r\n        <div class=\"service-row\"><div class=\"service-name\">AUTOMOTIVE FORUM<\/div><div class=\"status-cell\"><div class=\"wifi-bars dynamic\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">CARFAX REPORT<\/div><div class=\"status-cell\"><div class=\"wifi-bars excellent\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">AUTOCHECK REPORT<\/div><div class=\"status-cell\"><div class=\"wifi-bars excellent\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">CLEARVIN REPORT<\/div><div class=\"status-cell\"><div class=\"wifi-bars excellent\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">AUCTION REPORT<\/div><div class=\"status-cell\"><div class=\"wifi-bars excellent\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">VIN DECODE<\/div><div class=\"status-cell\"><div class=\"wifi-bars dynamic\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">FLOOD CHECK<\/div><div class=\"status-cell\"><div class=\"wifi-bars dynamic\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">MAINTENANCE HISTORY<\/div><div class=\"status-cell\"><div class=\"wifi-bars excellent\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">RECALL CHECK<\/div><div class=\"status-cell\"><div class=\"wifi-bars excellent\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">CUSTOM DUTY VERIFICATION<\/div><div class=\"status-cell\"><div class=\"wifi-bars dynamic\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">REPRINT\/RECOVERY OF LOST CUSTOMS PAPERS<\/div><div class=\"status-cell\"><div class=\"wifi-bars dynamic\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n        <div class=\"service-row\"><div class=\"service-name\">CUSTOMS DUTY CALCULATOR<\/div><div class=\"status-cell\"><div class=\"wifi-bars excellent\"><span><\/span><span><\/span><span><\/span><span><\/span><\/div><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <style>\r\n    \/* Dashboard Container *\/\r\n    .network-dashboard { background:#101022; padding:25px; border-radius:12px; color:#fff; max-width:960px; margin:auto; font-family:'Segoe UI',sans-serif; }\r\n    h2 { font-size:28px; color:#00ffcc; margin-bottom:10px; text-align:center; }\r\n    .datetime { font-size:16px; color:#ccc; margin-bottom:15px; text-align:center; }\r\n    .status-panel { display:flex; justify-content:center; gap:40px; margin-bottom:25px; flex-wrap:wrap; }\r\n    .status-online { color:#28a745; font-weight:bold; }\r\n    .status-offline { color:#e74c3c; font-weight:bold; }\r\n    .service-list { display:flex; flex-direction:column; gap:15px; }\r\n    .service-row { display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; }\r\n    .service-name { font-weight:bold; margin-bottom:5px; }\r\n    .status-cell { display:flex; align-items:flex-end; margin-bottom:5px; }\r\n    .wifi-bars { display:flex; align-items:flex-end; height:55px; gap:5px; }\r\n    .wifi-bars span { width:12px; height:0; background:#7f8c8d; border-radius:4px; transition:height 0.6s ease, background 0.6s ease; }\r\n    .wifi-bars.excellent span { height:50px; background:linear-gradient(180deg,#28a745,#1abc9c); }\r\n    .wifi-bars.good span { height:35px; background:linear-gradient(180deg,#1abc9c,#00ffcc); }\r\n    .wifi-bars.fair span { height:25px; background:linear-gradient(180deg,#f39c12,#f1c40f); }\r\n    .wifi-bars.poor span { height:15px; background:linear-gradient(180deg,#e74c3c,#ff6b6b); }\r\n    @media(max-width:768px){\r\n      .wifi-bars span { width:6px; }\r\n      .network-dashboard { padding:15px; }\r\n      h2 { font-size:20px; }\r\n      .status-panel { gap:20px; }\r\n      .service-row { flex-direction:column; align-items:flex-start; }\r\n    }\r\n    <\/style>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded',()=>{\r\n      const dynamicBars = document.querySelectorAll('.wifi-bars.dynamic');\r\n      const allBars = document.querySelectorAll('.wifi-bars');\r\n      const levels = ['excellent','good','fair','poor','offline'];\r\n      const levelMap = {\r\n        'excellent':[50,'#28a745'],\r\n        'good':[35,'#1abc9c'],\r\n        'fair':[25,'#f39c12'],\r\n        'poor':[15,'#e74c3c'],\r\n        'offline':[0,'#7f8c8d']\r\n      };\r\n\r\n      const speeds = Array.from(dynamicBars).map(()=>Math.random()*1500+500);\r\n\r\n      function animateDynamicBars(){\r\n        dynamicBars.forEach((bar,i)=>{\r\n          const level = levels[Math.floor(Math.random()*levels.length)];\r\n          bar.setAttribute('data-level',level);\r\n          const [maxHeight,color] = levelMap[level];\r\n          bar.querySelectorAll('span').forEach(s=>{\r\n            const target = Math.random()*maxHeight;\r\n            s.style.transition = `height ${speeds[i]\/1000}s ease-in-out, background 0.5s`;\r\n            s.style.height = target+'px';\r\n            s.style.background = `linear-gradient(180deg, ${color}, #fff)`;\r\n          });\r\n        });\r\n        updateStatus();\r\n      }\r\n\r\n      function initBars(){\r\n        allBars.forEach(bar=>{\r\n          if(bar.classList.contains('excellent')){\r\n            bar.querySelectorAll('span').forEach(s=>s.style.height='50px');\r\n          }\r\n        });\r\n      }\r\n\r\n      function updateStatus(){\r\n        let online=0,offline=0;\r\n        allBars.forEach(bar=>{\r\n          const h = parseInt(bar.querySelector('span').style.height) || 0;\r\n          if(h>0) online++; else offline++;\r\n        });\r\n        document.getElementById('online-count').textContent=online;\r\n        document.getElementById('offline-count').textContent=offline;\r\n      }\r\n\r\n      function updateDateTime(){\r\n        const now = new Date();\r\n        const options = { \r\n            weekday: 'long', year: 'numeric', month: 'long', day: 'numeric',\r\n            hour: '2-digit', minute: '2-digit', second: '2-digit',\r\n            hour12: true, timeZone: 'Africa\/Lagos' \r\n        };\r\n        document.getElementById('datetime').textContent = now.toLocaleString('en-NG', options);\r\n      }\r\n\r\n      setInterval(updateDateTime,1000);\r\n      updateDateTime();\r\n\r\n      initBars();\r\n      setInterval(animateDynamicBars,1000);\r\n    });\r\n    <\/script>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14562","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/verifyithq.com\/api-json\/wp\/v2\/pages\/14562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/verifyithq.com\/api-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/verifyithq.com\/api-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/verifyithq.com\/api-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verifyithq.com\/api-json\/wp\/v2\/comments?post=14562"}],"version-history":[{"count":27,"href":"https:\/\/verifyithq.com\/api-json\/wp\/v2\/pages\/14562\/revisions"}],"predecessor-version":[{"id":14981,"href":"https:\/\/verifyithq.com\/api-json\/wp\/v2\/pages\/14562\/revisions\/14981"}],"wp:attachment":[{"href":"https:\/\/verifyithq.com\/api-json\/wp\/v2\/media?parent=14562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}