{"id":2339,"date":"2025-06-15T15:41:07","date_gmt":"2025-06-15T15:41:07","guid":{"rendered":"https:\/\/www.sdg.test.polimi.it\/?page_id=2339"},"modified":"2025-07-01T11:08:58","modified_gmt":"2025-07-01T11:08:58","slug":"front_page","status":"publish","type":"page","link":"https:\/\/www.sdg.test.polimi.it\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\n\n<!-- Font Manrope -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n  body {\n    margin: 0;\n    padding: 40px 20px;\n    font-family: 'Manrope', sans-serif;\n    background-color: #ffffff;\n    color: #333;\n  }\n\n  .sdg-gallery {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 30px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .sdg-link {\n    text-decoration: none;\n  }\n\n  .sdg-card {\n    width: 180px;\n    height: 180px;\n    perspective: 1000px;\n  }\n\n  .sdg-inner {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    transition: transform 0.8s;\n    transform-style: preserve-3d;\n    border-radius: 16px;\n  }\n\n  .sdg-card:hover .sdg-inner {\n    transform: rotateY(180deg);\n  }\n\n  .sdg-front, .sdg-back {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    backface-visibility: hidden;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n  }\n\n  .sdg-front img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    background: white;\n  }\n\n  .sdg-back {\n    background-size: cover;\n    background-position: center;\n    color: white;\n    transform: rotateY(180deg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 10px;\n    font-size: 14px;\n    font-weight: 800;\n    text-align: center;\n    position: relative;\n  }\n\n  .sdg-back::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.4); \/* overlay scuro *\/\n    z-index: 0;\n    border-radius: 16px;\n  }\n\n  .sdg-back span {\n    position: relative;\n    z-index: 1;\n  }\n<\/style>\n\n<div class=\"sdg-gallery\" id=\"gallery\"><\/div>\n\n<script>\n  const gallery = document.getElementById('gallery');\n\n  const sdgTitles = [\n    \"Sconfiggere la povert\u00e0\",\n    \"Sconfiggere la fame\",\n    \"Salute e benessere\",\n    \"Istruzione di qualit\u00e0\",\n    \"Parit\u00e0 di genere\",\n    \"Acqua pulita e igiene\",\n    \"Energia pulita e accessibile\",\n    \"Lavoro dignitoso e crescita economica\",\n    \"Industria, innovazione e infrastrutture\",\n    \"Ridurre le disuguaglianze\",\n    \"Citt\u00e0 e comunit\u00e0 sostenibili\",\n    \"Consumo e produzione responsabili\",\n    \"Lotta contro il cambiamento climatico\",\n    \"Vita sott'acqua\",\n    \"Vita sulla Terra\",\n    \"Pace, giustizia e istituzioni solide\",\n    \"Partnership per gli obiettivi\"\n  ];\n\n  for (let i = 1; i <= 17; i++) {\n    const link = document.createElement('a');\n    link.className = 'sdg-link';\n    link.href = `https:\/\/sdgs.un.org\/goals\/goal${i}`;\n    link.target = '_blank';\n    link.rel = 'noopener noreferrer';\n\n    const card = document.createElement('div');\n    card.className = 'sdg-card';\n\n    const inner = document.createElement('div');\n    inner.className = 'sdg-inner';\n\n    const front = document.createElement('div');\n    front.className = 'sdg-front';\n\n    const img = document.createElement('img');\n    const imgUrlWebp = `http:\/\/www.sdg.test.polimi.it\/wp-content\/uploads\/2025\/06\/SDG${i}.webp`;\n    const imgUrlPng = `http:\/\/www.sdg.test.polimi.it\/wp-content\/uploads\/2025\/06\/SDG${i}.png`;\n\n    img.src = imgUrlWebp;\n    img.alt = `SDG ${i}`;\n\n    const back = document.createElement('div');\n    back.className = 'sdg-back';\n    back.style.backgroundImage = `url(${imgUrlWebp})`;\n    back.innerHTML = `<span>${sdgTitles[i - 1]}<\/span>`;\n\n    img.onerror = function () {\n      this.onerror = null;\n      this.src = imgUrlPng;\n      back.style.backgroundImage = `url(${imgUrlPng})`;\n    };\n\n    front.appendChild(img);\n    inner.appendChild(front);\n    inner.appendChild(back);\n    card.appendChild(inner);\n    link.appendChild(card);\n    gallery.appendChild(link);\n  }\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":true,"footnotes":""},"class_list":["post-2339","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/www.sdg.test.polimi.it\/en\/wp-json\/wp\/v2\/pages\/2339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sdg.test.polimi.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sdg.test.polimi.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sdg.test.polimi.it\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sdg.test.polimi.it\/en\/wp-json\/wp\/v2\/comments?post=2339"}],"version-history":[{"count":78,"href":"https:\/\/www.sdg.test.polimi.it\/en\/wp-json\/wp\/v2\/pages\/2339\/revisions"}],"predecessor-version":[{"id":3082,"href":"https:\/\/www.sdg.test.polimi.it\/en\/wp-json\/wp\/v2\/pages\/2339\/revisions\/3082"}],"wp:attachment":[{"href":"https:\/\/www.sdg.test.polimi.it\/en\/wp-json\/wp\/v2\/media?parent=2339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}