Calendario<\/title>\n <style>\n body {\n font-family: 'Arial', sans-serif;\n display: flex;\n justify-content: center;\n background-color: #edf2f7;\n margin: 0;\n padding: 20px;\n }\n .calendar {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .month {\n border: 1px solid #ccc;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n padding: 10px;\n background-color: #fff;\n }\n .month h2 {\n text-align: center;\n margin: 0;\n padding: 10px 0;\n background-color: #163f93;\n color: #fff;\n border-radius: 8px 8px 0 0;\n }\n .days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n gap: 5px;\n padding: 10px;\n }\n .day {\n padding: 10px;\n border-radius: 4px;\n background-color: #edf2f7;\n color: #333;\n }\n .day:nth-child(-n+7) {\n font-weight: bold;\n background-color: #edf2f7;\n }\n .day.not-weekend:not(:nth-child(-n+7)):hover {\n background-color: #163f93;\n color: #fff;\n cursor: pointer;\n }\n .holiday {\n color: red;\n background-color: #ffebee;\n }\n\t\t.current-day{\n\t\t\tbackground-color:#163f93;\n\t\t\tcolor:#fff;\n\t\t}\n <\/style>\n<\/head>\n<body>\n <div id=\"calendar\" class=\"calendar\"><\/div>\n\n <script>\n function isHoliday(year, month, day) {\n const holidays = [\n '1-1', \/\/ Capodanno\n '25-4', \/\/ Festa della Liberazione\n '1-5', \/\/ Festa dei Lavoratori\n '2-6', \/\/ Festa della Repubblica\n '15-8', \/\/ Ferragosto\n '1-11', \/\/ Ognissanti\n '8-12', \/\/ Immacolata Concezione\n '25-12' \/\/ Natale\n ];\n const dateStr = `${day}-${month + 1}`;\n return holidays.includes(dateStr);\n }\n\n function createCalendar(year, month) {\n const calendarContainer = document.getElementById('calendar');\n const monthNames = ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre'];\n const dayNames = ['Do', 'Lu', 'Ma', 'Me', 'Gi', 'Ve', 'Sa'];\n\t\t\t\n\t\t\tconst now = new Date();\n\t\t\tconst currentDay = now.getDate();\n\t\t\tconst currentMonth = now.getMonth();\n\t\t\tconst currentYear = now.getFullYear();\n\n for (let m = month; m < 12; m++) {\n const firstDay = new Date(year, m, 1);\n const lastDay = new Date(year, m + 1, 0);\n const monthDiv = document.createElement('div');\n monthDiv.className = 'month';\n\n const monthHeader = document.createElement('h2');\n monthHeader.textContent = monthNames[m] + ' ' + year;\n monthDiv.appendChild(monthHeader);\n\n const daysDiv = document.createElement('div');\n daysDiv.className = 'days';\n dayNames.forEach(day => {\n const dayDiv = document.createElement('div');\n dayDiv.className = 'day';\n dayDiv.textContent = day;\n daysDiv.appendChild(dayDiv);\n });\n\n \/\/ Padding for the first day of the month\n for (let i = 0; i < firstDay.getDay(); i++) {\n const emptyDiv = document.createElement('div');\n emptyDiv.className = 'day';\n daysDiv.appendChild(emptyDiv);\n }\n\n \/\/ Days of the month\n for (let d = 1; d <= lastDay.getDate(); d++) {\n const dayDiv = document.createElement('div');\n dayDiv.className = 'day';\n dayDiv.textContent = d;\n const dayOfWeek = new Date(year, m, d).getDay();\n if (dayOfWeek === 0 || isHoliday(year, m, d)) {\n dayDiv.classList.add('holiday');\n } else {\n dayDiv.classList.add('not-weekend');\n }\n\t\t\t\t\tif(year == currentYear ){\n\t\t\t\t\t\tif(m == currentMonth ){\n\t\t\t\t\t\t\tif(d == currentDay){\n\t\t\t\t\t\t\t\tdayDiv.classList.add('current-day')\n\t\t\t\t\t\t\t}\t\n\t\t\t\t\t\t}\t\n\t\t\t\t\t}\n daysDiv.appendChild(dayDiv);\n }\n\n monthDiv.appendChild(daysDiv);\n calendarContainer.appendChild(monthDiv);\n }\n\n for (let m = 0; m < month; m++) {\n const firstDay = new Date(year + 1, m, 1);\n const lastDay = new Date(year + 1, m + 1, 0);\n const monthDiv = document.createElement('div');\n monthDiv.className = 'month';\n\n const monthHeader = document.createElement('h2');\n monthHeader.textContent = monthNames[m] + ' ' + (year + 1);\n monthDiv.appendChild(monthHeader);\n\n const daysDiv = document.createElement('div');\n daysDiv.className = 'days';\n dayNames.forEach(day => {\n const dayDiv = document.createElement('div');\n dayDiv.className = 'day';\n dayDiv.textContent = day;\n daysDiv.appendChild(dayDiv);\n });\n\n \/\/ Padding for the first day of the month\n for (let i = 0; i < firstDay.getDay(); i++) {\n const emptyDiv = document.createElement('div');\n emptyDiv.className = 'day';\n daysDiv.appendChild(emptyDiv);\n }\n\n \/\/ Days of the month\n for (let d = 1; d <= lastDay.getDate(); d++) {\n const dayDiv = document.createElement('div');\n dayDiv.className = 'day';\n dayDiv.textContent = d;\n const dayOfWeek = new Date(year + 1, m, d).getDay();\n if (dayOfWeek === 0 || isHoliday(year + 1, m, d)) {\n dayDiv.classList.add('holiday');\n } else {\n dayDiv.classList.add('not-weekend');\n }\n\t\t\t\t\tif(year == currentYear ){\n\t\t\t\t\t\tif(m == currentMonth ){\n\t\t\t\t\t\t\tif( d == currentDay){\n\t\t\t\t\t\t\t\tdayDiv.classList.add('current-day')\n\t\t\t\t\t\t\t}\t\n\t\t\t\t\t\t}\t\n\t\t\t\t\t}\n daysDiv.appendChild(dayDiv);\n }\n\n monthDiv.appendChild(daysDiv);\n calendarContainer.appendChild(monthDiv);\n }\n }\n\n const now = new Date();\n const currentYear = now.getFullYear();\n const currentMonth = now.getMonth();\n createCalendar(currentYear, currentMonth);\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Benvenuti al nostro calendario per l’anno 2025. Questo strumento vi permette di visualizzare facilmente tutti i mesi e i giorni dell’anno, utile per pianificare eventi, appuntamenti e attivit\u00e0 quotidiane. Calendario<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-7388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/pages\/7388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/comments?post=7388"}],"version-history":[{"count":29,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/pages\/7388\/revisions"}],"predecessor-version":[{"id":7419,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/pages\/7388\/revisions\/7419"}],"wp:attachment":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/media?parent=7388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Benvenuti al nostro calendario per l’anno 2025. Questo strumento vi permette di visualizzare facilmente tutti i mesi e i giorni dell’anno, utile per pianificare eventi, appuntamenti e attivit\u00e0 quotidiane.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n \n \n Calendario<\/title>\n <style>\n body {\n font-family: 'Arial', sans-serif;\n display: flex;\n justify-content: center;\n background-color: #edf2f7;\n margin: 0;\n padding: 20px;\n }\n .calendar {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .month {\n border: 1px solid #ccc;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n padding: 10px;\n background-color: #fff;\n }\n .month h2 {\n text-align: center;\n margin: 0;\n padding: 10px 0;\n background-color: #163f93;\n color: #fff;\n border-radius: 8px 8px 0 0;\n }\n .days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n gap: 5px;\n padding: 10px;\n }\n .day {\n padding: 10px;\n border-radius: 4px;\n background-color: #edf2f7;\n color: #333;\n }\n .day:nth-child(-n+7) {\n font-weight: bold;\n background-color: #edf2f7;\n }\n .day.not-weekend:not(:nth-child(-n+7)):hover {\n background-color: #163f93;\n color: #fff;\n cursor: pointer;\n }\n .holiday {\n color: red;\n background-color: #ffebee;\n }\n\t\t.current-day{\n\t\t\tbackground-color:#163f93;\n\t\t\tcolor:#fff;\n\t\t}\n <\/style>\n<\/head>\n<body>\n <div id=\"calendar\" class=\"calendar\"><\/div>\n\n <script>\n function isHoliday(year, month, day) {\n const holidays = [\n '1-1', \/\/ Capodanno\n '25-4', \/\/ Festa della Liberazione\n '1-5', \/\/ Festa dei Lavoratori\n '2-6', \/\/ Festa della Repubblica\n '15-8', \/\/ Ferragosto\n '1-11', \/\/ Ognissanti\n '8-12', \/\/ Immacolata Concezione\n '25-12' \/\/ Natale\n ];\n const dateStr = `${day}-${month + 1}`;\n return holidays.includes(dateStr);\n }\n\n function createCalendar(year, month) {\n const calendarContainer = document.getElementById('calendar');\n const monthNames = ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre'];\n const dayNames = ['Do', 'Lu', 'Ma', 'Me', 'Gi', 'Ve', 'Sa'];\n\t\t\t\n\t\t\tconst now = new Date();\n\t\t\tconst currentDay = now.getDate();\n\t\t\tconst currentMonth = now.getMonth();\n\t\t\tconst currentYear = now.getFullYear();\n\n for (let m = month; m < 12; m++) {\n const firstDay = new Date(year, m, 1);\n const lastDay = new Date(year, m + 1, 0);\n const monthDiv = document.createElement('div');\n monthDiv.className = 'month';\n\n const monthHeader = document.createElement('h2');\n monthHeader.textContent = monthNames[m] + ' ' + year;\n monthDiv.appendChild(monthHeader);\n\n const daysDiv = document.createElement('div');\n daysDiv.className = 'days';\n dayNames.forEach(day => {\n const dayDiv = document.createElement('div');\n dayDiv.className = 'day';\n dayDiv.textContent = day;\n daysDiv.appendChild(dayDiv);\n });\n\n \/\/ Padding for the first day of the month\n for (let i = 0; i < firstDay.getDay(); i++) {\n const emptyDiv = document.createElement('div');\n emptyDiv.className = 'day';\n daysDiv.appendChild(emptyDiv);\n }\n\n \/\/ Days of the month\n for (let d = 1; d <= lastDay.getDate(); d++) {\n const dayDiv = document.createElement('div');\n dayDiv.className = 'day';\n dayDiv.textContent = d;\n const dayOfWeek = new Date(year, m, d).getDay();\n if (dayOfWeek === 0 || isHoliday(year, m, d)) {\n dayDiv.classList.add('holiday');\n } else {\n dayDiv.classList.add('not-weekend');\n }\n\t\t\t\t\tif(year == currentYear ){\n\t\t\t\t\t\tif(m == currentMonth ){\n\t\t\t\t\t\t\tif(d == currentDay){\n\t\t\t\t\t\t\t\tdayDiv.classList.add('current-day')\n\t\t\t\t\t\t\t}\t\n\t\t\t\t\t\t}\t\n\t\t\t\t\t}\n daysDiv.appendChild(dayDiv);\n }\n\n monthDiv.appendChild(daysDiv);\n calendarContainer.appendChild(monthDiv);\n }\n\n for (let m = 0; m < month; m++) {\n const firstDay = new Date(year + 1, m, 1);\n const lastDay = new Date(year + 1, m + 1, 0);\n const monthDiv = document.createElement('div');\n monthDiv.className = 'month';\n\n const monthHeader = document.createElement('h2');\n monthHeader.textContent = monthNames[m] + ' ' + (year + 1);\n monthDiv.appendChild(monthHeader);\n\n const daysDiv = document.createElement('div');\n daysDiv.className = 'days';\n dayNames.forEach(day => {\n const dayDiv = document.createElement('div');\n dayDiv.className = 'day';\n dayDiv.textContent = day;\n daysDiv.appendChild(dayDiv);\n });\n\n \/\/ Padding for the first day of the month\n for (let i = 0; i < firstDay.getDay(); i++) {\n const emptyDiv = document.createElement('div');\n emptyDiv.className = 'day';\n daysDiv.appendChild(emptyDiv);\n }\n\n \/\/ Days of the month\n for (let d = 1; d <= lastDay.getDate(); d++) {\n const dayDiv = document.createElement('div');\n dayDiv.className = 'day';\n dayDiv.textContent = d;\n const dayOfWeek = new Date(year + 1, m, d).getDay();\n if (dayOfWeek === 0 || isHoliday(year + 1, m, d)) {\n dayDiv.classList.add('holiday');\n } else {\n dayDiv.classList.add('not-weekend');\n }\n\t\t\t\t\tif(year == currentYear ){\n\t\t\t\t\t\tif(m == currentMonth ){\n\t\t\t\t\t\t\tif( d == currentDay){\n\t\t\t\t\t\t\t\tdayDiv.classList.add('current-day')\n\t\t\t\t\t\t\t}\t\n\t\t\t\t\t\t}\t\n\t\t\t\t\t}\n daysDiv.appendChild(dayDiv);\n }\n\n monthDiv.appendChild(daysDiv);\n calendarContainer.appendChild(monthDiv);\n }\n }\n\n const now = new Date();\n const currentYear = now.getFullYear();\n const currentMonth = now.getMonth();\n createCalendar(currentYear, currentMonth);\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Benvenuti al nostro calendario per l’anno 2025. Questo strumento vi permette di visualizzare facilmente tutti i mesi e i giorni dell’anno, utile per pianificare eventi, appuntamenti e attivit\u00e0 quotidiane. Calendario<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-7388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/pages\/7388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/comments?post=7388"}],"version-history":[{"count":29,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/pages\/7388\/revisions"}],"predecessor-version":[{"id":7419,"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/pages\/7388\/revisions\/7419"}],"wp:attachment":[{"href":"https:\/\/www.stampasi.it\/blog\/wp-json\/wp\/v2\/media?parent=7388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}