{"id":9976,"date":"2025-10-19T22:03:06","date_gmt":"2025-10-19T16:33:06","guid":{"rendered":"https:\/\/dmer.maharashtra.gov.in\/english\/?page_id=9976"},"modified":"2025-11-14T12:14:19","modified_gmt":"2025-11-14T06:44:19","slug":"public-dashboards","status":"publish","type":"page","link":"https:\/\/dmer.maharashtra.gov.in\/english\/public-dashboards\/","title":{"rendered":"Public Dashboards"},"content":{"rendered":"\n\n\n\n\n<!-- Font Awesome for Icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n  \/* ===== General Reset & Fonts ===== *\/\n  body {\n    font-family: \"Noto Sans\", Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    background: #f9f9f9;\n  }\n\n  \/* Screen-reader only text *\/\n  .sr-only { \n    position: absolute; \n    width: 1px; \n    height: 1px; \n    padding: 0; \n    overflow: hidden; \n    clip: rect(0,0,0,0); \n    white-space: nowrap; \n    border: 0; \n  }\n\n  \/* ===== Dashboard Header ===== *\/\n  .dashboard-header {\n    position: relative;\n    background: linear-gradient(135deg, #0d47a1, #1976d2, #4d9fef);\n    color: #fff;\n    padding: 15px;\n    font-size: 22px;\n    font-weight: bold;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    border-radius: 12px;\n    overflow: hidden;\n    text-align: center;\n    margin: 20px;\n  }\n\n  \/* Header glossy shine effect *\/\n  .dashboard-header::after {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(\n      120deg, \n      rgba(255,255,255,0.4) 0%, \n      rgba(255,255,255,0.1) 50%, \n      rgba(255,255,255,0.4) 100%\n    );\n    transform: rotate(25deg) translateX(-100%);\n    transition: transform 1s ease;\n    pointer-events: none;\n  }\n\n  .dashboard-header:hover::after {\n    transform: rotate(25deg) translateX(100%);\n  }\n\n  \/* ===== Dashboard Container ===== *\/\n  .dashboard-container {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 25px;\n    margin: 40px auto;\n    padding: 0 20px;\n    text-align: center;\n  }\n\n  .dashboard-container a {\n    text-decoration: none;\n    outline: none;\n  }\n.dashboard-container a:hover {\n    text-decoration: none;\n    outline: none;\n  }\n  \/* Keyboard focus visible *\/\n  .dashboard-container a:focus-visible {\n    outline: 3px solid #000;\n    outline-offset: 4px;\n  }\n\n  \/* ===== Dashboard Cards ===== *\/\n  .dashboard-card {\n    position: relative; \n    border-radius: 12px;\n    padding: 30px 20px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n    cursor: pointer;\n    border: 1px solid #d0d7e3;\n    overflow: hidden;\n    color: #fff;\n  }\n\n  \/* Solid background colors with good contrast *\/\n  .dashboard-card.card1 { background: #e74c3c; } \/* Red *\/\n  .dashboard-card.card2 { background: #3498db; } \/* Blue *\/\n  .dashboard-card.card3 { background: #2ecc71; } \/* Green *\/\n  .dashboard-card.card4 { background: #f1c40f; color: #333; } \/* Yellow with dark text *\/\n\n  \/* Glossy shine effect *\/\n  .dashboard-card::after {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(\n      120deg, \n      rgba(255,255,255,0.4) 0%, \n      rgba(255,255,255,0.1) 50%, \n      rgba(255,255,255,0.4) 100%\n    );\n    transform: rotate(25deg) translateX(-100%);\n    transition: transform 0.7s ease;\n    pointer-events: none;\n  }\n\n  .dashboard-card:hover::after {\n    transform: rotate(25deg) translateX(100%);\n  }\n\n  .dashboard-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.3);\n    border-color: #fff;\n  }\n\n  .dashboard-card i {\n    font-size: 36px;\n    margin-bottom: 15px;\n  }\n\n  .dashboard-card h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: bold;\n    text-transform: uppercase;\n    line-height: 1.4;\n    color: inherit; \/* Inherits card text color *\/\n  }\n\n  \/* ===== Responsive ===== *\/\n  @media (max-width: 768px) {\n    .dashboard-container {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  \/* ===== Reduced motion support ===== *\/\n  @media (prefers-reduced-motion: reduce) {\n    .dashboard-card::after,\n    .dashboard-card:hover,\n    .dashboard-header::after,\n    .dashboard-header:hover::after {\n      transition: none !important;\n      transform: none !important;\n    }\n  }\n<\/style>\n<!-- Dashboard Header -->\n<h1 class=\"dashboard-header\">Public Dashboard<\/h1>\n\n<!-- Dashboard Section with ARIA -->\n<section class=\"dashboard-container\" role=\"region\" aria-labelledby=\"dashboard-heading\">\n  <h2 id=\"dashboard-heading\" class=\"sr-only\">Public Dashboard Links<\/h2>\n\n  <a href=\"https:\/\/dmer.maharashtra.gov.in\/college-profile-dashboard-public\">\n    <div class=\"dashboard-card card1\">\n      <i class=\"fas fa-university\" aria-hidden=\"true\"><\/i>\n      <h3>College Profile<br>Dashboard<\/h3>\n    <\/div>\n  <\/a>\n\n  <a href=\"https:\/\/nextgen.ehospital.gov.in\/dashboard\/hospital-dashboard\" target=\"_blank\" \n     aria-label=\"NextGen HMIS Dashboard (opens in new window)\">\n    <div class=\"dashboard-card card2\">\n      <i class=\"fas fa-laptop-medical\" aria-hidden=\"true\"><\/i>\n      <h3>NextGen HMIS<br>Dashboard<\/h3>\n    <\/div>\n  <\/a>\n\n  <a href=\"http:\/\/dmer.maharashtra.gov.in\/disease-prevalence\">\n    <div class=\"dashboard-card card3\">\n      <i class=\"fas fa-virus\" aria-hidden=\"true\"><\/i>\n      <h3>Disease<br>Prevalence<\/h3>\n    <\/div>\n  <\/a>\n\n  <a href=\"https:\/\/dmer.maharashtra.gov.in\/heatmap\/OPD-Registration\/\" target=\"_blank\"\n     aria-label=\"OPD Registration Heatmaps (opens in new window)\">\n    <div class=\"dashboard-card card4\">\n      <i class=\"fas fa-map-marked-alt\" aria-hidden=\"true\"><\/i>\n      <h3>OPD Regis.<br>Heatmaps<\/h3>\n    <\/div>\n  <\/a>\n<\/section>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-9976","page","type-page","status-publish","hentry","no-featured-image","page-entry","loop-entry boxed clr"],"_links":{"self":[{"href":"https:\/\/dmer.maharashtra.gov.in\/english\/wp-json\/wp\/v2\/pages\/9976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dmer.maharashtra.gov.in\/english\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dmer.maharashtra.gov.in\/english\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dmer.maharashtra.gov.in\/english\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dmer.maharashtra.gov.in\/english\/wp-json\/wp\/v2\/comments?post=9976"}],"version-history":[{"count":5,"href":"https:\/\/dmer.maharashtra.gov.in\/english\/wp-json\/wp\/v2\/pages\/9976\/revisions"}],"predecessor-version":[{"id":10462,"href":"https:\/\/dmer.maharashtra.gov.in\/english\/wp-json\/wp\/v2\/pages\/9976\/revisions\/10462"}],"wp:attachment":[{"href":"https:\/\/dmer.maharashtra.gov.in\/english\/wp-json\/wp\/v2\/media?parent=9976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}