{"id":2628,"date":"2026-07-22T12:01:10","date_gmt":"2026-07-22T12:01:10","guid":{"rendered":"https:\/\/heatpumpingtechnologies.org\/project68\/?page_id=2628"},"modified":"2026-07-22T12:30:12","modified_gmt":"2026-07-22T12:30:12","slug":"task-2-sector-collaboration","status":"publish","type":"page","link":"https:\/\/heatpumpingtechnologies.org\/project68\/task-2-sector-collaboration\/","title":{"rendered":"Task 2 &#8211; Sector collaboration"},"content":{"rendered":"<div class=\"container container--no-margin\">\n<p class=\"wp-block-paragraph \">Here you can find the latest news about Task 2 &#8211; Sector collaboration:<\/p>\n<\/div>\n\n<div class=\"container container--no-margin\">\n<div id=\"news-grid-container\">\n  <div id=\"news-grid\" class=\"news-grid\"><\/div>\n  <p id=\"news-loading\">Loading news&#8230;<\/p>\n<\/div>\n\n<style>\n  .news-grid {\n    display: flex;\n    flex-wrap: nowrap;\n    gap: 12px;\n    max-width: 900px;\n    margin: 20px auto;\n    padding: 0 10px;\n  }\n\n  .news-card {\n    flex: 1 1 0;\n    min-width: 0; \/* prevents overflow issues in flex *\/\n    background: #fff;\n    border-radius: 6px;\n    overflow: hidden;\n    box-shadow: 0 1px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .news-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n  }\n\n  .news-card img {\n    width: 100%;\n    height: 80px;\n    object-fit: cover;\n    display: block;\n  }\n\n  .news-card .no-image {\n    height: 80px;\n    background: #eee;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #999;\n    font-size: 11px;\n  }\n\n  .news-content {\n    padding: 8px 10px;\n  }\n\n  .news-title {\n    font-size: 12px;\n    margin: 0 0 4px;\n    line-height: 1.3;\n  }\n\n  .news-title a {\n    color: #222;\n    text-decoration: none;\n  }\n\n  .news-title a:hover {\n    color: #0073aa;\n  }\n\n  .news-date {\n    font-size: 9px;\n    color: #888;\n    margin-bottom: 4px;\n  }\n\n  .news-excerpt {\n    font-size: 10px;\n    color: #555;\n    line-height: 1.3;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .read-more {\n    display: inline-block;\n    margin-top: 4px;\n    font-size: 10px;\n    font-weight: bold;\n    color: #0073aa;\n    text-decoration: none;\n  }\n\n  \/* Responsive: stack on very small screens *\/\n  @media (max-width: 600px) {\n    .news-grid {\n      flex-wrap: wrap;\n    }\n    .news-card {\n      flex: 1 1 100%;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  function runNewsScript() {\n    const baseUrl = \"https:\/\/heatpumpingtechnologies.org\/project68\";\n    const tagId = 94; \/\/ \"task2\" tag ID\n    const grid = document.getElementById(\"news-grid\");\n    const loading = document.getElementById(\"news-loading\");\n\n    fetch(`${baseUrl}\/wp-json\/wp\/v2\/posts?tags=${tagId}&_embed&per_page=9&orderby=date&order=desc`)\n      .then(res => res.json())\n      .then(posts => {\n        loading.remove();\n\n        if (!posts || !Array.isArray(posts) || !posts.length) {\n          grid.innerHTML = `<p>No news found with this tag.<\/p>`;\n          return;\n        }\n\n        posts.forEach(post => {\n          const title = post.title.rendered;\n          const link = post.link;\n          const date = new Date(post.date).toLocaleDateString(\"en-US\", {\n            year: \"numeric\", month: \"long\", day: \"numeric\"\n          });\n\n          let excerpt = post.excerpt.rendered.replace(\/<[^>]+>\/g, \"\").trim();\n          if (excerpt.length > 80) excerpt = excerpt.substring(0, 80) + \"...\";\n\n          let imageHtml = '<div class=\"no-image\">No Image<\/div>';\n          if (\n            post._embedded &&\n            post._embedded[\"wp:featuredmedia\"] &&\n            post._embedded[\"wp:featuredmedia\"][0] &&\n            post._embedded[\"wp:featuredmedia\"][0].source_url\n          ) {\n            const imgUrl = post._embedded[\"wp:featuredmedia\"][0].source_url;\n            imageHtml = `<img decoding=\"async\" src=\"${imgUrl}\" alt=\"${title}\">`;\n          }\n\n          const card = document.createElement(\"div\");\n          card.className = \"news-card\";\n          card.innerHTML = `\n            <a href=\"${link}\">${imageHtml}<\/a>\n            <div class=\"news-content\">\n              <h3 class=\"news-title\"><a href=\"${link}\">${title}<\/a><\/h3>\n              <p class=\"news-date\">${date}<\/p>\n              <p class=\"news-excerpt\">${excerpt}<\/p>\n              <a href=\"${link}\" class=\"read-more\">Read More \u2192<\/a>\n            <\/div>\n          `;\n          grid.appendChild(card);\n        });\n      })\n      .catch(err => {\n        loading.textContent = \"ERROR: \" + err.message;\n        console.error(err);\n      });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", runNewsScript);\n  } else {\n    runNewsScript();\n  }\n})();\n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Here you can find the latest news about Task 2 &#8211; Sector collaboration: Loading news&#8230;<\/p>\n","protected":false},"author":27,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"1080,2454,1984,1333,1302,2448","_relevanssi_noindex_reason":"","footnotes":""},"class_list":["post-2628","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/heatpumpingtechnologies.org\/project68\/wp-json\/wp\/v2\/pages\/2628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heatpumpingtechnologies.org\/project68\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heatpumpingtechnologies.org\/project68\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heatpumpingtechnologies.org\/project68\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/heatpumpingtechnologies.org\/project68\/wp-json\/wp\/v2\/comments?post=2628"}],"version-history":[{"count":4,"href":"https:\/\/heatpumpingtechnologies.org\/project68\/wp-json\/wp\/v2\/pages\/2628\/revisions"}],"predecessor-version":[{"id":2680,"href":"https:\/\/heatpumpingtechnologies.org\/project68\/wp-json\/wp\/v2\/pages\/2628\/revisions\/2680"}],"wp:attachment":[{"href":"https:\/\/heatpumpingtechnologies.org\/project68\/wp-json\/wp\/v2\/media?parent=2628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}