{"id":3752,"date":"2026-05-11T19:03:11","date_gmt":"2026-05-11T17:03:11","guid":{"rendered":"http:\/\/www.biblioteca-sancarloborromeo.it\/?page_id=3752"},"modified":"2026-05-11T19:44:32","modified_gmt":"2026-05-11T17:44:32","slug":"notizie","status":"publish","type":"page","link":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/notizie\/","title":{"rendered":"Notizie"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"it\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Notizie ed Eventi &#8211; Biblioteca San Carlo<\/title><\/p>\n<style>\n        \/* FONT & COLORI *\/\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;700&display=swap');<\/p>\n<p>        :root {\n            --bordeaux: #8b1a25;\n            --gold: #d4af37;\n            --cream: #f2ede4;\n            --white: #ffffff;\n            --dark: #111111;\n            --text: #2d2d2d;\n        }<\/p>\n<p>        * { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>        body {\n            font-family: 'Montserrat', sans-serif;\n            background-color: var(--white);\n            color: var(--text);\n            line-height: 1.6;\n        }<\/p>\n<p>        \/* HEADER *\/\n        .biblio-header {\n            background: white;\n            padding: 15px 5%;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n        }<\/p>\n<p>        .nav-links a {\n            text-decoration: none;\n            color: var(--text);\n            font-size: 11px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            margin: 0 15px;\n        }<\/p>\n<p>        \/* HERO *\/\n        .hero-banner {\n            background: var(--dark);\n            padding: 80px 5%;\n            text-align: center;\n            color: white;\n        }<\/p>\n<p>        .hero-banner h1 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 3.5rem;\n        }<\/p>\n<p>        \/* LAYOUT NOTIZIE *\/\n        .news-section {\n            max-width: 1100px;\n            margin: 40px auto;\n            padding: 0 20px;\n        }<\/p>\n<p>        .featured-news {\n            background: white;\n            border-radius: 20px;\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            overflow: hidden;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n            margin-bottom: 60px;\n            cursor: pointer;\n        }<\/p>\n<p>        .news-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n            gap: 30px;\n        }<\/p>\n<p>        .news-card {\n            background: white;\n            border-radius: 15px;\n            overflow: hidden;\n            border: 1px solid #eee;\n            transition: 0.3s;\n            cursor: pointer;\n        }<\/p>\n<p>        .news-card:hover { transform: translateY(-5px); border-color: var(--gold); }<\/p>\n<p>        .news-card-img { height: 200px; width: 100%; overflow: hidden; }\n        .news-card-img img { width: 100%; height: 100%; object-fit: cover; }<\/p>\n<p>        .news-card-content { padding: 20px; }<\/p>\n<p>        \/* MODALE *\/\n        .modal-overlay {\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(0,0,0,0.9);\n            display: none;\n            z-index: 2000;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n        }<\/p>\n<p>        .modal-card {\n            background: white;\n            max-width: 800px;\n            width: 100%;\n            max-height: 90vh;\n            border-radius: 15px;\n            overflow-y: auto;\n            position: relative;\n        }<\/p>\n<p>        .modal-body { padding: 40px; }<\/p>\n<p>        \/* CAROSELLO *\/\n        .carousel-container {\n            width: 100%;\n            height: 400px;\n            position: relative;\n            background: #000;\n        }<\/p>\n<p>        .carousel-slide {\n            position: absolute;\n            width: 100%; height: 100%;\n            opacity: 0; transition: 0.5s;\n        }<\/p>\n<p>        .carousel-slide.active { opacity: 1; }\n        .carousel-slide img { width: 100%; height: 100%; object-fit: cover; }<\/p>\n<p>        .carousel-btn {\n            position: absolute;\n            top: 50%; transform: translateY(-50%);\n            background: rgba(0,0,0,0.5);\n            color: white; border: none;\n            width: 40px; height: 40px; border-radius: 50%;\n            cursor: pointer; z-index: 5;\n        }<\/p>\n<p>        .category-badge {\n            background: var(--gold);\n            color: white;\n            padding: 4px 12px;\n            font-size: 10px;\n            font-weight: 700;\n            text-transform: uppercase;\n            border-radius: 20px;\n            margin-bottom: 10px;\n            display: inline-block;\n        }<\/p>\n<p>        .caption-text {\n            font-style: italic;\n            color: #666;\n            margin-top: 20px;\n            padding-left: 15px;\n            border-left: 2px solid var(--gold);\n        }<\/p>\n<p>        .close-modal {\n            position: absolute;\n            right: 20px; top: 20px;\n            background: white; border: none;\n            width: 30px; height: 30px; border-radius: 50%;\n            cursor: pointer; z-index: 100; font-weight: bold;\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .featured-news { grid-template-columns: 1fr; }\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header class=\"biblio-header\">\n<div style=\"font-weight: 700; color: var(--bordeaux);\">BIBLIOTECA SAN CARLO<\/div>\n<nav class=\"nav-links\">\n            <a href=\"#\">Home<\/a><br \/>\n            <a href=\"#\">Notizie<\/a><br \/>\n            <a href=\"#\">Eventi<\/a><br \/>\n        <\/nav>\n<\/header>\n<section class=\"hero-banner\">\n<h1>Ultime Notizie<\/h1>\n<\/section>\n<section class=\"news-section\">\n<div class=\"featured-news\" id=\"featNews\">\n<div style=\"height: 100%;\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&#038;w=1200\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\n<div style=\"padding: 40px;\">\n                <span class=\"category-badge\">In Evidenza<\/span><\/p>\n<h2 style=\"font-family: 'Cormorant Garamond', serif; font-size: 2.2rem; margin-bottom: 15px;\">Inaugurazione Nuova Sala Lettura<\/h2>\n<p>Scopri il nuovo spazio dedicato alla ricerca e alla consultazione dei testi rari&#8230;<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"news-grid\" id=\"newsGrid\"><\/div>\n<\/section>\n<div id=\"newsModal\" class=\"modal-overlay\">\n<div class=\"modal-card\" id=\"modalCard\">\n            <button class=\"close-modal\" id=\"closeBtn\">\u2715<\/button><\/p>\n<div id=\"modalVisual\"><\/div>\n<div class=\"modal-body\">\n                <span id=\"mCategory\" class=\"category-badge\"><\/span><\/p>\n<h2 id=\"mTitle\" style=\"font-family: 'Cormorant Garamond', serif; font-size: 2rem; margin-bottom: 15px;\"><\/h2>\n<div id=\"mContent\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <script type=\"text\/javascript\">\n        \/\/ <![CDATA[\n        var NEWS_DB = [\n            {\n                id: \"n1\",\n                category: \"Evento\",\n                title: \"Inaugurazione Nuova Sala Lettura\",\n                date: \"15 Maggio 2026\",\n                image: \"https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&#038;w=1200\",\n                images: [\n                    \"https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&#038;w=1200\",\n                    \"https:\/\/images.unsplash.com\/photo-1481627834876-b7833e8f5570?q=80&#038;w=1200\",\n                    \"https:\/\/images.unsplash.com\/photo-1524995997946-a1c2e315a42f?q=80&#038;w=1200\"\n                ],\n                caption: \"L'architettura moderna si sposa con la tradizione della nostra biblioteca.\",\n                content: \"Siamo felici di invitare tutta la cittadinanza all'apertura ufficiale della nuova ala 'Don Franco'. Uno spazio progettato per offrire il massimo comfort agli studenti e ricercatori.\"\n            },\n            {\n                id: \"n2\",\n                category: \"Scacchi\",\n                title: \"Torneo Primavera: Aperte le Iscrizioni\",\n                date: \"10 Maggio 2026\",\n                image: \"https:\/\/images.unsplash.com\/photo-1529699211952-734e80c4d42b?q=80&#038;w=800\",\n                images: null,\n                caption: \"Un momento di concentrazione durante la scorsa edizione.\",\n                content: \"Torna il torneo di scacchi pi\u00f9 atteso dell'anno. La competizione \u00e8 aperta a tutti i livelli, dai principianti ai maestri.\"\n            },\n            {\n                id: \"n3\",\n                category: \"Didattica\",\n                title: \"Corso di Restauro del Libro Antico\",\n                date: \"05 Maggio 2026\",\n                image: \"https:\/\/images.unsplash.com\/photo-1588615419957-bf66d53c6b49?q=80&#038;w=800\",\n                images: [\n                    \"https:\/\/images.unsplash.com\/photo-1588615419957-bf66d53c6b49?q=80&#038;w=1200\",\n                    \"https:\/\/images.unsplash.com\/photo-1535905557558-afc4877a26fc?q=80&#038;w=1200\"\n                ],\n                caption: \"Tecniche secolari per preservare la nostra eredit\u00e0 culturale.\",\n                content: \"Un workshop intensivo di tre giorni dedicato alla conservazione cartacea. Impareremo ad analizzare i danni del tempo.\"\n            }\n        ];\n\n        var curIdx = 0;\n\n        function init() {\n            var grid = document.getElementById('newsGrid');\n            var feat = document.getElementById('featNews');\n            \n            if(feat) {\n                feat.onclick = function() { openNewsModal('n1'); };\n            }\n\n            for(var i=0; i<NEWS_DB.length; i++) {\n                (function(item){\n                    if(item.id === 'n1') return;\n                    var card = document.createElement('div');\n                    card.className = 'news-card';\n                    card.onclick = function() { openNewsModal(item.id); };\n                    \n                    var imgWrap = document.createElement('div');\n                    imgWrap.className = 'news-card-img';\n                    var img = document.createElement('img');\n                    img.src = item.image;\n                    imgWrap.appendChild(img);\n                    \n                    var cont = document.createElement('div');\n                    cont.className = 'news-card-content';\n                    var badge = document.createElement('span');\n                    badge.className = 'category-badge';\n                    badge.innerText = item.category;\n                    var title = document.createElement('h3');\n                    title.style.fontFamily = 'Cormorant Garamond, serif';\n                    title.style.fontSize = '1.5rem';\n                    title.innerText = item.title;\n                    \n                    cont.appendChild(badge);\n                    cont.appendChild(title);\n                    card.appendChild(imgWrap);\n                    card.appendChild(cont);\n                    grid.appendChild(card);\n                })(NEWS_DB[i]);\n            }\n            \n            document.getElementById('newsModal').onclick = closeNewsModal;\n            document.getElementById('modalCard').onclick = function(e){ e.stopPropagation(); };\n            document.getElementById('closeBtn').onclick = closeNewsModal;\n        }\n\n        function openNewsModal(id) {\n            var n = null;\n            for(var k=0; k<NEWS_DB.length; k++) {\n                if(NEWS_DB[k].id === id) { n = NEWS_DB[k]; break; }\n            }\n            if(!n) return;\n\n            document.getElementById('mTitle').innerText = n.title;\n            document.getElementById('mCategory').innerText = n.category;\n            \n            var contentArea = document.getElementById('mContent');\n            contentArea.innerHTML = '';\n            var p1 = document.createElement('p');\n            p1.innerText = n.content;\n            var p2 = document.createElement('p');\n            p2.className = 'caption-text';\n            p2.innerText = n.caption;\n            contentArea.appendChild(p1);\n            contentArea.appendChild(p2);\n\n            var visual = document.getElementById('modalVisual');\n            visual.innerHTML = '';\n\n            if(n.images &#038;&#038; n.images.length > 1) {\n                var container = document.createElement('div');\n                container.className = 'carousel-container';\n                for(var j=0; j<n.images.length; j++) {\n                    var slide = document.createElement('div');\n                    slide.className = 'carousel-slide' + (j===0?' active':'');\n                    var sImg = document.createElement('img');\n                    sImg.src = n.images[j];\n                    slide.appendChild(sImg);\n                    container.appendChild(slide);\n                }\n                var bP = document.createElement('button');\n                bP.className='carousel-btn'; bP.style.left='10px'; bP.innerText='\u276e';\n                bP.onclick=function(e){ e.stopPropagation(); moveCarousel(-1); };\n                var bN = document.createElement('button');\n                bN.className='carousel-btn'; bN.style.right='10px'; bN.innerText='\u276f';\n                bN.onclick=function(e){ e.stopPropagation(); moveCarousel(1); };\n                container.appendChild(bP);\n                container.appendChild(bN);\n                visual.appendChild(container);\n                curIdx = 0;\n            } else {\n                var imgDiv = document.createElement('div');\n                imgDiv.style.height = '350px';\n                var singleImg = document.createElement('img');\n                singleImg.src = n.image;\n                singleImg.style.width = '100%';\n                singleImg.style.height = '100%';\n                singleImg.style.objectFit = 'cover';\n                imgDiv.appendChild(singleImg);\n                visual.appendChild(imgDiv);\n            }\n\n            document.getElementById('newsModal').style.display = 'flex';\n            document.body.style.overflow = 'hidden';\n        }\n\n        function moveCarousel(dir) {\n            var slides = document.querySelectorAll('.carousel-slide');\n            if(!slides.length) return;\n            slides[curIdx].classList.remove('active');\n            curIdx = (curIdx + dir + slides.length) % slides.length;\n            slides[curIdx].classList.add('active');\n        }\n\n        function closeNewsModal() {\n            document.getElementById('newsModal').style.display = 'none';\n            document.body.style.overflow = 'auto';\n        }\n\n        window.onload = init;\n        \/\/ ]]><\/p>\n<p>    <!-- HEADER --><\/p>\n<header class=\"biblio-header\">\n<div style=\"display: flex; align-items: center; gap: 15px;\">\n<div style=\"background: var(--bordeaux); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; font-weight: 700; border-radius: 8px; font-family: Montserrat, sans-serif; font-size: 1.2rem; box-shadow: 0 4px 10px rgba(139,26,37,0.3);\">SC<\/div>\n<div style=\"line-height: 1.2; font-family: Montserrat, sans-serif;\">\n<div style=\"font-weight: 700; font-size: 16px; text-transform: uppercase; color: #1a1a1a; letter-spacing: 1px;\">Biblioteca<\/div>\n<div style=\"font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: var(--gold); font-weight: 600;\">San Carlo<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<nav class=\"nav-links\">\n            <a href=\"#tessere\">Tessere<\/a>\n            <a href=\"#eventi\">Eventi<\/a>\n            <a href=\"#notizie\">Notizie<\/a>\n            <a href=\"#scacchi\">Scacchi<\/a>\n            <a href=\"#calendari\">Calendari<\/a>\n        <\/nav>\n<p>        <a href=\"#storia\" class=\"btn-main btn-gold\" style=\"padding: 10px 20px !important; font-size: 10px !important;\">Contatti<\/a>\n    <\/header>\n<p>+\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Notizie ed Eventi &#8211; Biblioteca San Carlo BIBLIOTECA SAN CARLO Home Notizie Eventi Ultime Notizie In Evidenza Inaugurazione Nuova Sala Lettura Scopri il nuovo spazio dedicato alla ricerca e alla <a class=\"mh-excerpt-more\" href=\"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/notizie\/\" title=\"Notizie\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3752","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/comments?post=3752"}],"version-history":[{"count":5,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3752\/revisions"}],"predecessor-version":[{"id":3761,"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/pages\/3752\/revisions\/3761"}],"wp:attachment":[{"href":"http:\/\/www.biblioteca-sancarloborromeo.it\/index.php\/wp-json\/wp\/v2\/media?parent=3752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}