{"id":5647,"date":"2026-08-26T15:28:49","date_gmt":"2026-08-26T15:28:49","guid":{"rendered":"https:\/\/ucnj.org\/dhs\/?page_id=5647"},"modified":"2026-08-26T15:46:00","modified_gmt":"2026-08-26T15:46:00","slug":"live-dashboard","status":"publish","type":"page","link":"https:\/\/ucnj.org\/dhs\/live-dashboard\/","title":{"rendered":"Live Dashboard"},"content":{"rendered":"\n<div class=\"wp-block-group alignwide\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"uc-stats-dashboard\">\n\n  <!-- SNAP \/ GA \/ TANF -->\n  <div class=\"uc-stat-section\">\n\n    <div class=\"uc-stat-heading\">\n      <h2>SNAP\/GA\/TANF Recipients<\/h2>\n      <p>As of 07\/31\/2026<\/p>\n    <\/div>\n\n    <div class=\"uc-stat-grid uc-three\">\n\n      <div class=\"uc-stat-card\">\n        <div class=\"uc-stat-label\">Adults<\/div>\n        <div class=\"uc-counter\" data-target=\"23878\">0<\/div>\n      <\/div>\n\n      <div class=\"uc-stat-card\">\n        <div class=\"uc-stat-label\">Children<\/div>\n        <div class=\"uc-counter\" data-target=\"19108\">0<\/div>\n      <\/div>\n\n      <div class=\"uc-stat-card uc-total-card\">\n        <div class=\"uc-stat-label\">Total<\/div>\n        <div class=\"uc-counter\" data-target=\"42986\">0<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<br><br>\n\n  <!-- Shelter \/ Motel Placements -->\n  <div class=\"uc-stat-section\">\n\n    <div class=\"uc-stat-heading\">\n      <h2>Shelter\/Motel Placements<\/h2>\n      <p>As of 07\/31\/2026<\/p>\n    <\/div>\n\n    <div class=\"uc-stat-grid uc-three\">\n\n      <div class=\"uc-stat-card\">\n        <div class=\"uc-stat-label\">Adults<\/div>\n        <div class=\"uc-counter\" data-target=\"1772\">0<\/div>\n      <\/div>\n\n      <div class=\"uc-stat-card\">\n        <div class=\"uc-stat-label\">Children<\/div>\n        <div class=\"uc-counter\" data-target=\"554\">0<\/div>\n      <\/div>\n\n      <div class=\"uc-stat-card uc-total-card\">\n        <div class=\"uc-stat-label\">Total<\/div>\n        <div class=\"uc-counter\" data-target=\"2326\">0<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<br><br>\n\n  <!-- Clients Served -->\n  <div class=\"uc-stat-section\">\n\n    <div class=\"uc-stat-heading\">\n      <h2>Clients Served in Office<\/h2>\n      <p>2026 YTD \u2022 As of 08\/24\/2026<\/p>\n    <\/div>\n\n    <div class=\"uc-stat-grid uc-three\">\n\n      <div class=\"uc-stat-card\">\n        <div class=\"uc-stat-label\">Headquarters<\/div>\n        <div class=\"uc-stat-location\">Elizabeth<\/div>\n        <div class=\"uc-counter\" data-target=\"41019\">0<\/div>\n      <\/div>\n\n      <div class=\"uc-stat-card\">\n        <div class=\"uc-stat-label\">Satellite Office<\/div>\n        <div class=\"uc-stat-location\">Plainfield<\/div>\n        <div class=\"uc-counter\" data-target=\"7553\">0<\/div>\n      <\/div>\n\n      <div class=\"uc-stat-card uc-total-card\">\n        <div class=\"uc-stat-label\">Total Clients Served<\/div>\n        <div class=\"uc-counter\" data-target=\"48572\">0<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* ========================================\n   MAIN CONTAINER\n======================================== *\/\n\n.uc-stats-dashboard {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 10px auto !important;\n  padding: 0 !important;\n  font-family: inherit;\n}\n\n\n\/* ========================================\n   SECTIONS\n======================================== *\/\n\n.uc-stats-dashboard .uc-stat-section {\n  display: block !important;\n\n  margin-top: 0 !important;\n  margin-right: 0 !important;\n  margin-bottom: 12px !important;\n  margin-left: 0 !important;\n\n  padding-top: 0 !important;\n  padding-right: 0 !important;\n  padding-bottom: 0 !important;\n  padding-left: 0 !important;\n\n  margin-block-start: 0 !important;\n  margin-block-end: 12px !important;\n\n  padding-block-start: 0 !important;\n  padding-block-end: 0 !important;\n}\n\n.uc-stats-dashboard .uc-stat-section:last-child {\n  margin-bottom: 0 !important;\n  margin-block-end: 0 !important;\n}\n\n\n\/* ========================================\n   SECTION HEADINGS\n======================================== *\/\n\n.uc-stats-dashboard .uc-stat-heading {\n  display: block !important;\n\n  margin-top: 0 !important;\n  margin-right: 0 !important;\n  margin-bottom: 7px !important;\n  margin-left: 0 !important;\n\n  padding-top: 0 !important;\n  padding-right: 0 !important;\n  padding-bottom: 0 !important;\n  padding-left: 15px !important;\n\n  border-left: 5px solid #73a942;\n\n  min-height: 0 !important;\n}\n\n.uc-stats-dashboard .uc-stat-heading h2 {\n  margin: 0 0 2px 0 !important;\n  padding: 0 !important;\n\n  color: #17365d;\n  font-size: 26px;\n  line-height: 1.15;\n  font-weight: 700;\n}\n\n.uc-stats-dashboard .uc-stat-heading p {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #666;\n  font-size: 15px;\n  line-height: 1.3;\n}\n\n\n\/* ========================================\n   STAT GRIDS\n======================================== *\/\n\n.uc-stats-dashboard .uc-stat-grid {\n  display: grid !important;\n  gap: 12px !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.uc-stats-dashboard .uc-stat-grid.uc-three {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.uc-stats-dashboard .uc-stat-grid.uc-two {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n\n\/* ========================================\n   CARDS\n======================================== *\/\n\n.uc-stats-dashboard .uc-stat-card {\n  box-sizing: border-box !important;\n\n  background: #ffffff;\n  border: 1px solid #e1e5e9;\n  border-radius: 12px;\n\n  padding: 20px 18px !important;\n  margin: 0 !important;\n\n  text-align: center;\n\n  box-shadow: 0 4px 14px rgba(0,0,0,.07);\n\n  position: relative;\n  overflow: hidden;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n\n\/* Top accent *\/\n\n.uc-stats-dashboard .uc-stat-card::before {\n  content: \"\";\n  position: absolute;\n\n  top: 0;\n  left: 0;\n\n  width: 100%;\n  height: 5px;\n\n  background: #17365d;\n}\n\n\n\/* Hover effect *\/\n\n.uc-stats-dashboard .uc-stat-card:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 7px 20px rgba(0,0,0,.11);\n}\n\n\n\/* ========================================\n   LABELS\n======================================== *\/\n\n.uc-stats-dashboard .uc-stat-label {\n  margin: 0 0 5px 0 !important;\n  padding: 0 !important;\n\n  color: #17365d;\n\n  font-size: 18px;\n  line-height: 1.2;\n  font-weight: 700;\n}\n\n\n\/* ========================================\n   LOCATION TEXT\n======================================== *\/\n\n.uc-stats-dashboard .uc-stat-location {\n  margin: -1px 0 6px 0 !important;\n  padding: 0 !important;\n\n  font-size: 14px;\n  line-height: 1.2;\n  color: #6a6a6a;\n}\n\n\n\/* ========================================\n   ANIMATED NUMBERS\n======================================== *\/\n\n.uc-stats-dashboard .uc-counter {\n  margin: 8px 0 0 0 !important;\n  padding: 0 !important;\n\n  color: #73a942;\n\n  font-size: clamp(38px, 5vw, 55px);\n  line-height: 1;\n  font-weight: 800;\n  letter-spacing: -1.5px;\n}\n\n\n\/* ========================================\n   TOTAL CARDS\n======================================== *\/\n\n.uc-stats-dashboard .uc-total-card {\n  background: #17365d;\n  border-color: #17365d;\n}\n\n.uc-stats-dashboard .uc-total-card::before {\n  background: #73a942;\n}\n\n.uc-stats-dashboard .uc-total-card .uc-stat-label,\n.uc-stats-dashboard .uc-total-card .uc-stat-location {\n  color: #ffffff;\n}\n\n.uc-stats-dashboard .uc-total-card .uc-counter {\n  color: #ffffff;\n}\n\n\n\/* ========================================\n   TABLET\n======================================== *\/\n\n@media (max-width: 800px) {\n\n  .uc-stats-dashboard .uc-stat-grid.uc-three {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n\/* ========================================\n   MOBILE\n======================================== *\/\n\n@media (max-width: 600px) {\n\n  .uc-stats-dashboard .uc-stat-grid.uc-two {\n    grid-template-columns: 1fr;\n  }\n\n  .uc-stats-dashboard .uc-stat-heading h2 {\n    font-size: 22px;\n  }\n\n  .uc-stats-dashboard .uc-stat-card {\n    padding: 18px 14px !important;\n  }\n\n  .uc-stats-dashboard .uc-stat-section {\n    margin-bottom: 10px !important;\n    margin-block-end: 10px !important;\n  }\n\n}\n\n\n\/* ========================================\n   WORDPRESS FRONT-END OVERRIDES\n======================================== *\/\n\n.entry-content .uc-stats-dashboard,\n.wp-block-post-content .uc-stats-dashboard,\n.site-content .uc-stats-dashboard {\n  margin-top: 10px !important;\n  margin-bottom: 10px !important;\n}\n\n.entry-content .uc-stats-dashboard > *,\n.wp-block-post-content .uc-stats-dashboard > *,\n.site-content .uc-stats-dashboard > * {\n  margin-top: 0 !important;\n}\n\n.entry-content .uc-stats-dashboard .uc-stat-section + .uc-stat-section,\n.wp-block-post-content .uc-stats-dashboard .uc-stat-section + .uc-stat-section,\n.site-content .uc-stats-dashboard .uc-stat-section + .uc-stat-section {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\n\n<\/style>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const counters = document.querySelectorAll(\".uc-counter\");\n\n  function runCounter(counter) {\n\n    if (counter.dataset.animated === \"true\") {\n      return;\n    }\n\n    counter.dataset.animated = \"true\";\n\n    const target = parseInt(\n      counter.getAttribute(\"data-target\"),\n      10\n    );\n\n    const duration = 1600;\n    const startTime = performance.now();\n\n\n    function updateCounter(currentTime) {\n\n      const elapsed = currentTime - startTime;\n\n      const progress = Math.min(\n        elapsed \/ duration,\n        1\n      );\n\n      \/* Smooth ease-out *\/\n\n      const eased =\n        1 - Math.pow(1 - progress, 3);\n\n      const currentValue =\n        Math.floor(target * eased);\n\n      counter.textContent =\n        currentValue.toLocaleString(\"en-US\");\n\n\n      if (progress < 1) {\n\n        requestAnimationFrame(updateCounter);\n\n      } else {\n\n        counter.textContent =\n          target.toLocaleString(\"en-US\");\n\n      }\n\n    }\n\n    requestAnimationFrame(updateCounter);\n\n  }\n\n\n  \/* Start animation only when visible *\/\n\n  if (\"IntersectionObserver\" in window) {\n\n    const observer =\n      new IntersectionObserver(\n        function(entries) {\n\n          entries.forEach(\n            function(entry) {\n\n              if (entry.isIntersecting) {\n\n                runCounter(entry.target);\n\n                observer.unobserve(\n                  entry.target\n                );\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: 0.25\n        }\n      );\n\n\n    counters.forEach(\n      function(counter) {\n\n        observer.observe(counter);\n\n      }\n    );\n\n  } else {\n\n    counters.forEach(runCounter);\n\n  }\n\n});\n<\/script>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>SNAP\/GA\/TANF Recipients As of 07\/31\/2026 Adults 0 Children 0 Total 0 Shelter\/Motel Placements As of 07\/31\/2026 Adults 0 Children 0 Total 0 Clients Served in Office 2026 YTD \u2022 As of 08\/24\/2026 Headquarters Elizabeth 0 Satellite Office Plainfield 0 Total Clients Served 0<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-5647","page","type-page","status-publish","hentry"],"publishpress_future_action":{"enabled":false,"date":"1970-01-01 00:00:00","action":"","terms":[],"taxonomy":"","browser_timezone_offset":0},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ucnj.org\/dhs\/wp-json\/wp\/v2\/pages\/5647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucnj.org\/dhs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ucnj.org\/dhs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ucnj.org\/dhs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ucnj.org\/dhs\/wp-json\/wp\/v2\/comments?post=5647"}],"version-history":[{"count":7,"href":"https:\/\/ucnj.org\/dhs\/wp-json\/wp\/v2\/pages\/5647\/revisions"}],"predecessor-version":[{"id":5655,"href":"https:\/\/ucnj.org\/dhs\/wp-json\/wp\/v2\/pages\/5647\/revisions\/5655"}],"wp:attachment":[{"href":"https:\/\/ucnj.org\/dhs\/wp-json\/wp\/v2\/media?parent=5647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}