{"id":1220,"date":"2026-06-15T10:13:29","date_gmt":"2026-06-15T10:13:29","guid":{"rendered":"https:\/\/fn8.in\/?page_id=1220"},"modified":"2026-06-15T10:27:35","modified_gmt":"2026-06-15T10:27:35","slug":"anouncements","status":"publish","type":"page","link":"https:\/\/jssinstitutes.com\/en\/anouncements\/","title":{"rendered":"Anouncements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1220\" class=\"elementor elementor-1220\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d741e1 e-con e-atomic-element e-flexbox-base e-ae8c007 \" data-id=\"7d741e1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7d741e1\">\n    \t\t<div class=\"elementor-element elementor-element-fea5973 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"fea5973\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=EB+Garamond:wght@500;600&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap');\n\n.jss-ann-wrap * { box-sizing: border-box; margin: 0; padding: 0; }\n.jss-ann-wrap { font-family: 'DM Sans', sans-serif; width: 100%; }\n\n.jss-ann-sec-lbl {\n  display: inline-block;\n  font-size: 0.68rem; font-weight: 700;\n  letter-spacing: 0.16em; text-transform: uppercase;\n  color: #B8893A; margin-bottom: 10px;\n}\n.jss-ann-sec-title {\n  font-family: 'EB Garamond', Georgia, serif;\n  font-size: clamp(1.8rem, 3vw, 2.4rem);\n  font-weight: 600; color: #0C1929;\n  line-height: 1.15; margin-bottom: 28px;\n}\n.jss-ann-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n.jss-ann-panel {\n  background: #fff;\n  border: 1px solid #E2DDD5;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 4px rgba(12,25,41,0.06);\n}\n.jss-ann-panel-hd {\n  background: #0C1929;\n  padding: 15px 20px;\n  display: flex; align-items: center; justify-content: space-between;\n}\n.jss-ann-panel-title {\n  font-family: 'EB Garamond', Georgia, serif;\n  font-size: 1rem; font-weight: 600; color: #fff !important;\n  display: flex; align-items: center; gap: 8px;\n}\n.jss-ann-panel-title svg { width: 16px; height: 16px; color: #B8893A; }\n.jss-ann-viewall {\n  font-size: 0.75rem !important; font-weight: 600 !important;\n  color: #D4A85A !important;\n  background: none !important; border: none !important;\n  cursor: pointer !important; font-family: 'DM Sans', sans-serif !important;\n  padding: 0 !important; box-shadow: none !important;\n  border-radius: 0 !important; text-decoration: none !important;\n  transition: color 0.18s !important;\n}\n.jss-ann-viewall:hover { color: #fff !important; background: none !important; }\n.jss-ann-loading {\n  padding: 24px 20px; text-align: center;\n  font-size: 0.85rem; color: #A8A6A1;\n}\n\n\/* \u2500\u2500 NEWS & EVENTS ROW \u2500\u2500 *\/\n.jss-news-row {\n  display: grid;\n  grid-template-columns: 52px 1fr;\n  gap: 14px;\n  padding: 14px 20px;\n  border-bottom: 1px solid #F0EDE7;\n  align-items: center;\n  transition: background 0.15s;\n}\n.jss-news-row:last-child { border-bottom: none; }\n.jss-news-row:hover { background: #F8F6F2; }\n\n\/* Navy date badge for news *\/\n.jss-news-date-badge {\n  background: #0C1929;\n  border-radius: 4px;\n  padding: 6px 8px;\n  text-align: center;\n  flex-shrink: 0;\n  width: 52px;\n}\n.jss-news-date-day {\n  font-family: 'EB Garamond', serif;\n  font-size: 1.1rem; font-weight: 600;\n  color: #fff; line-height: 1; display: block;\n}\n.jss-news-date-mon {\n  font-size: 0.6rem; font-weight: 700;\n  text-transform: uppercase; color: #D4A85A; display: block;\n}\n.jss-news-cat {\n  display: inline-block;\n  font-size: 0.62rem; font-weight: 700;\n  letter-spacing: 0.06em; text-transform: uppercase;\n  padding: 2px 7px; border-radius: 2px;\n  background: #FAF3E6; color: #B8893A; margin-bottom: 4px;\n}\n.jss-news-title {\n  font-size: 0.9rem; font-weight: 500;\n  color: #0C1929; line-height: 1.4;\n}\n\n\/* \u2500\u2500 NOTICE ROW \u2500\u2500 *\/\n.jss-notice-row {  min-height: 72px;\n  display: flex; align-items: center; gap: 14px;\n  padding: 14px 20px;\n  border-bottom: 1px solid #F0EDE7;\n  transition: background 0.15s;\n}\n.jss-notice-row:last-child { border-bottom: none; }\n.jss-notice-row:hover { background: #F8F6F2; }\n\n\/* Gold left accent bar instead of date *\/\n.jss-notice-accent {\n  width: 6px;\n  height: 36px;\n  background: linear-gradient(180deg, #B8893A, #D4A85A);\n  border-radius: 3px;\n  justify-self: center;\n}\n\n.jss-notice-content { flex: 1; min-width: 0; }\n.jss-notice-top {\n  display: flex; align-items: center;\n  justify-content: space-between; gap: 8px;\n  margin-bottom: 3px;\n}\n.jss-ann-tag {\n  display: inline-block;\n  font-size: 0.62rem; font-weight: 700;\n  letter-spacing: 0.06em; text-transform: uppercase;\n  padding: 2px 7px; border-radius: 2px;\n  background: #FAF3E6; color: #B8893A;\n  flex-shrink: 0;\n}\n.jss-notice-title-row {\n  display: flex; align-items: center;\n  justify-content: space-between; gap: 10px;\n}\n.jss-ann-title {\n  font-size: 0.9rem; font-weight: 500;\n  color: #0C1929; line-height: 1.4;\n  flex: 1; min-width: 0;\n}\n\n\/* Inline download icon button *\/\n.jss-dl-icon {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 32px !important; height: 32px !important;\n  background: #B8893A !important;\n  background-color: #B8893A !important;\n  border-radius: 6px !important;\n  border: none !important;\n  cursor: pointer !important;\n  text-decoration: none !important;\n  flex-shrink: 0 !important;\n  transition: background 0.18s !important;\n  box-shadow: none !important;\n}\n.jss-dl-icon:hover { background: #0C1929 !important; background-color: #0C1929 !important; }\n.jss-dl-icon svg { width: 15px; height: 15px; color: #fff; flex-shrink: 0; }\n\n\/* NEW badge *\/\n.jss-new-badge {\n  display: inline-block;\n  background: #C62828; color: #fff;\n  font-size: 0.6rem; font-weight: 700;\n  padding: 1px 5px; border-radius: 2px;\n  margin-left: 5px; vertical-align: middle;\n  animation: jss-blink 1.8s ease-in-out infinite;\n}\n@keyframes jss-blink { 0%,100%{opacity:1} 50%{opacity:.55} }\n\n\/* \u2500\u2500 MODAL \u2500\u2500 *\/\n.jss-modal-overlay {\n  position: fixed; inset: 0; z-index: 99999;\n  background: rgba(12,25,41,0.65);\n  display: flex; align-items: flex-start; justify-content: center;\n  padding: 60px 20px 20px;\n  opacity: 0; visibility: hidden;\n  transition: opacity 0.22s, visibility 0.22s; overflow-y: auto;\n}\n.jss-modal-overlay.is-open { opacity: 1; visibility: visible; }\n.jss-modal-box {\n  background: #fff; border-radius: 12px;\n  width: 100%; max-width: 680px;\n  box-shadow: 0 16px 48px rgba(12,25,41,0.2);\n  transform: translateY(-16px); transition: transform 0.22s; overflow: hidden;\n}\n.jss-modal-overlay.is-open .jss-modal-box { transform: translateY(0); }\n.jss-modal-hd {\n  background: #0C1929; padding: 20px 28px;\n  display: flex; align-items: center; justify-content: space-between;\n}\n.jss-modal-title {\n  font-family: 'EB Garamond', serif;\n  font-size: 1.2rem; font-weight: 600; color: #fff;\n  display: flex; align-items: center; gap: 10px;\n}\n.jss-modal-title svg { width: 18px; height: 18px; color: #B8893A; }\n.jss-modal-close {\n  color: #fff; background: none; border: none;\n  cursor: pointer; padding: 6px; border-radius: 4px;\n  display: flex; align-items: center; justify-content: center;\n  transition: background 0.15s;\n}\n.jss-modal-close:hover { background: rgba(255,255,255,0.12); }\n.jss-modal-close svg { width: 20px; height: 20px; }\n.jss-modal-body { padding: 8px 0; max-height: 60vh; overflow-y: auto; }\n.jss-modal-footer {\n  padding: 16px 28px; border-top: 1px solid #E2DDD5; text-align: center;\n}\n.jss-modal-footer p { font-size: 0.82rem; color: #6B6965; }\n\n@media (max-width: 768px) { .jss-ann-grid { grid-template-columns: 1fr; } }\n<\/style>\n\n<div class=\"jss-ann-wrap\">\n  <span class=\"jss-ann-sec-lbl\">Stay Informed<\/span>\n  <h2 class=\"jss-ann-sec-title\">Announcements &amp; Circulars<\/h2>\n  <div class=\"jss-ann-grid\">\n\n    <!-- LEFT: News & Events -->\n    <div class=\"jss-ann-panel\">\n      <div class=\"jss-ann-panel-hd\">\n        <span class=\"jss-ann-panel-title\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10l4 4v10a2 2 0 01-2 2z\"\/><polyline points=\"17 21 17 13 7 13 7 21\"\/><polyline points=\"7 3 7 8 15 8\"\/><\/svg>\n          News &amp; Events\n        <\/span>\n        <button class=\"jss-ann-viewall\" onclick=\"jssOpenModal('news')\">View all \u2192<\/button>\n      <\/div>\n      <div id=\"jssNewsList\"><div class=\"jss-ann-loading\">Loading...<\/div><\/div>\n    <\/div>\n\n    <!-- RIGHT: Governance Notices -->\n    <div class=\"jss-ann-panel\">\n      <div class=\"jss-ann-panel-hd\">\n        <span class=\"jss-ann-panel-title\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 01-3.46 0\"\/><\/svg>\n          Governance Notices\n        <\/span>\n        <button class=\"jss-ann-viewall\" onclick=\"jssOpenModal('notices')\">View all \u2192<\/button>\n      <\/div>\n      <div id=\"jssNoticesList\"><div class=\"jss-ann-loading\">Loading...<\/div><\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- Modal: News -->\n<div class=\"jss-modal-overlay\" id=\"jssModalNews\" onclick=\"if(event.target===this)jssCloseModal('news')\">\n  <div class=\"jss-modal-box\">\n    <div class=\"jss-modal-hd\">\n      <span class=\"jss-modal-title\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10l4 4v10a2 2 0 01-2 2z\"\/><\/svg>\n        All News &amp; Events\n      <\/span>\n      <button class=\"jss-modal-close\" onclick=\"jssCloseModal('news')\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/button>\n    <\/div>\n    <div class=\"jss-modal-body\" id=\"jssModalNewsBody\"><div class=\"jss-ann-loading\">Loading...<\/div><\/div>\n    <div class=\"jss-modal-footer\"><p>Showing all records \u00b7 jssdharwad.edu.in<\/p><\/div>\n  <\/div>\n<\/div>\n\n<!-- Modal: Notices -->\n<div class=\"jss-modal-overlay\" id=\"jssModalNotices\" onclick=\"if(event.target===this)jssCloseModal('notices')\">\n  <div class=\"jss-modal-box\">\n    <div class=\"jss-modal-hd\">\n      <span class=\"jss-modal-title\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9\"\/><path d=\"M13.73 21a2 2 0 01-3.46 0\"\/><\/svg>\n        All Governance Notices\n      <\/span>\n      <button class=\"jss-modal-close\" onclick=\"jssCloseModal('notices')\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/button>\n    <\/div>\n    <div class=\"jss-modal-body\" id=\"jssModalNoticesBody\"><div class=\"jss-ann-loading\">Loading...<\/div><\/div>\n    <div class=\"jss-modal-footer\"><p>Showing all records \u00b7 jssdharwad.edu.in<\/p><\/div>\n  <\/div>\n<\/div>\n\n<script>\nvar JSS_BASE = 'https:\/\/jsssmiugpg.jssinstitutes.com';\nvar MONTHS = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'];\n\nfunction jssParseDate(acfDate, wpDate) {\n  var d;\n  if (acfDate && String(acfDate).length === 8) {\n    var s = String(acfDate);\n    d = new Date(s.substr(0,4) + '-' + s.substr(4,2) + '-' + s.substr(6,2));\n  } else if (acfDate && String(acfDate).indexOf('-') > -1) {\n    d = new Date(acfDate);\n  } else if (wpDate) {\n    d = new Date(wpDate);\n  } else {\n    return {day:'--', mon:'---'};\n  }\n  if (isNaN(d.getTime())) {\n    if (wpDate) { d = new Date(wpDate); }\n    else return {day:'--', mon:'---'};\n  }\n  return { day: String(d.getDate()).padStart(2,'0'), mon: MONTHS[d.getMonth()] };\n}\n\nfunction jssIsNew(wpDate) {\n  if (!wpDate) return false;\n  return (Date.now() - new Date(wpDate).getTime()) < (15 * 24 * 60 * 60 * 1000);\n}\n\nvar dlSvg = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>';\n\nfunction jssNewsRow(item, modal) {\n  var d = jssParseDate(item.acf ? item.acf.event_date : null, item.date);\n  var cat = (item.acf && item.acf.event_category) ? item.acf.event_category : 'News';\n  var title = item.title ? item.title.rendered : '';\n  var newBadge = jssIsNew(item.date) ? '<span class=\"jss-new-badge\">NEW<\/span>' : '';\n  var cls = modal ? 'jss-news-row' : 'jss-news-row';\n  return '<div class=\"' + cls + '\">'\n    + '<div class=\"jss-news-date-badge\"><span class=\"jss-news-date-day\">' + d.day + '<\/span><span class=\"jss-news-date-mon\">' + d.mon + '<\/span><\/div>'\n    + '<div><span class=\"jss-news-cat\">' + cat + '<\/span><p class=\"jss-news-title\">' + title + newBadge + '<\/p><\/div>'\n    + '<\/div>';\n}\n\nfunction jssNoticeRow(item, modal) {\n  var tag = (item.acf && item.acf.notice_tag) ? item.acf.notice_tag : 'Notice';\n  var fileUrl = (item.acf && item.acf.notice_file && item.acf.notice_file !== false && item.acf.notice_file !== '') ? item.acf.notice_file : '';\n  var title = item.title ? item.title.rendered : '';\n  var newBadge = jssIsNew(item.date) ? '<span class=\"jss-new-badge\">NEW<\/span>' : '';\n  var dlBtn = fileUrl\n    ? '<a href=\"' + fileUrl + '\" class=\"jss-dl-icon\" target=\"_blank\" download title=\"Download\">' + dlSvg + '<\/a>'\n    : '';\n  return '<div class=\"jss-notice-row\">'\n    + '<div class=\"jss-notice-accent\"><\/div>'\n    + '<div class=\"jss-notice-content\">'\n    + '<div class=\"jss-notice-top\"><span class=\"jss-ann-tag\">' + tag + '<\/span><\/div>'\n    + '<div class=\"jss-notice-title-row\"><p class=\"jss-ann-title\">' + title + newBadge + '<\/p>' + dlBtn + '<\/div>'\n    + '<\/div>'\n    + '<\/div>';\n}\n\nfunction jssFetch(url, renderFn, targetId, modal) {\n  fetch(url)\n    .then(function(r){ return r.json(); })\n    .then(function(data) {\n      var html = Array.isArray(data) && data.length\n        ? data.map(function(i){ return renderFn(i, modal); }).join('')\n        : '<div class=\"jss-ann-loading\">No records found.<\/div>';\n      document.getElementById(targetId).innerHTML = html;\n    })\n    .catch(function() {\n      document.getElementById(targetId).innerHTML = '<div class=\"jss-ann-loading\">Could not load data.<\/div>';\n    });\n}\n\njssFetch(JSS_BASE + '\/wp-json\/wp\/v2\/jss_news?per_page=5&orderby=date&order=desc', jssNewsRow, 'jssNewsList', false);\njssFetch(JSS_BASE + '\/wp-json\/wp\/v2\/jss_notice?per_page=5&orderby=date&order=desc', jssNoticeRow, 'jssNoticesList', false);\n\nfunction jssOpenModal(type) {\n  var modalId = type === 'news' ? 'jssModalNews' : 'jssModalNotices';\n  var bodyId  = type === 'news' ? 'jssModalNewsBody' : 'jssModalNoticesBody';\n  var url = type === 'news'\n    ? JSS_BASE + '\/wp-json\/wp\/v2\/jss_news?per_page=100&orderby=date&order=desc'\n    : JSS_BASE + '\/wp-json\/wp\/v2\/jss_notice?per_page=100&orderby=date&order=desc';\n  var renderFn = type === 'news' ? jssNewsRow : jssNoticeRow;\n  document.getElementById(modalId).classList.add('is-open');\n  document.body.style.overflow = 'hidden';\n  jssFetch(url, renderFn, bodyId, true);\n}\n\nfunction jssCloseModal(type) {\n  var id = type === 'news' ? 'jssModalNews' : 'jssModalNotices';\n  document.getElementById(id).classList.remove('is-open');\n  document.body.style.overflow = '';\n}\n\ndocument.addEventListener('keydown', function(e) {\n  if (e.key === 'Escape') {\n    document.querySelectorAll('.jss-modal-overlay.is-open').forEach(function(m){\n      m.classList.remove('is-open');\n    });\n    document.body.style.overflow = '';\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Stay Informed Announcements &amp; Circulars News &amp; Events View all \u2192 Loading&#8230; Governance Notices View all \u2192 Loading&#8230; All News &amp; Events Loading&#8230; Showing all records \u00b7 jssdharwad.edu.in All Governance Notices Loading&#8230; Showing all records \u00b7 jssdharwad.edu.in<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","footnotes":""},"class_list":["post-1220","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/jssinstitutes.com\/en\/wp-json\/wp\/v2\/pages\/1220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jssinstitutes.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jssinstitutes.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jssinstitutes.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jssinstitutes.com\/en\/wp-json\/wp\/v2\/comments?post=1220"}],"version-history":[{"count":22,"href":"https:\/\/jssinstitutes.com\/en\/wp-json\/wp\/v2\/pages\/1220\/revisions"}],"predecessor-version":[{"id":1246,"href":"https:\/\/jssinstitutes.com\/en\/wp-json\/wp\/v2\/pages\/1220\/revisions\/1246"}],"wp:attachment":[{"href":"https:\/\/jssinstitutes.com\/en\/wp-json\/wp\/v2\/media?parent=1220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}