ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO' (4.3%)

<!doctype html> <html lang="it-IT" data-overlayscrollbars-initialize> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="format-detection" content="telephone=no"> <link rel="icon" type="image/png" sizes="192x192" href="/app/themes/custom/resources/assets/images/favicon/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/app/themes/custom/resources/assets/images/favicon/android-chrome-512x512.png"> <link rel="apple-touch-icon" sizes="180x180" href="/app/themes/custom/resources/assets/images/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/app/themes/custom/resources/assets/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/app/themes/custom/resources/assets/images/favicon/favicon-16x16.png"> <link rel="shortcut icon" href="/app/themes/custom/resources/assets/images/favicon/favicon.ico"> <link rel="icon" sizes="any" mask href="/app/themes/custom/resources/assets/images/favicon/safari-pinned-tab.svg"> <meta name="msapplication-TileImage" content="/app/themes/custom/resources/assets/images/favicon/mstile-150x150.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&display=swap" rel="stylesheet"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO' (4.3%) - Davide Maggio</title> <link rel="canonical" href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014" /> <meta property="og:locale" content="it_IT" /> <meta property="og:type" content="article" /> <meta property="og:title" content="ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO' (4.3%)" /> <meta property="og:description" content="Ascolti tv prime time – martedì 16 dicembre 2014 Su Rai1 la seconda e ultima puntata de I Dieci Comandamenti …" /> <meta property="og:url" content="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014" /> <meta property="og:site_name" content="Davide Maggio" /> <meta property="article:publisher" content="https://www.facebook.com/davidemaggio.it" /> <meta property="article:published_time" content="2014-12-17T08:30:51+00:00" /> <meta property="article:modified_time" content="2023-09-25T13:36:43+00:00" /> <meta property="og:image" content="https://www.davidemaggio.it/app/uploads/2024/06/DM-icona-notifiche.webp" /> <meta property="og:image:width" content="1090" /> <meta property="og:image:height" content="1090" /> <meta property="og:image:type" content="image/webp" /> <meta name="author" content="Mattia Buonocore" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@davidemaggio" /> <meta name="twitter:site" content="@davidemaggio" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Mattia Buonocore" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="5 minuti" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#article","isPartOf":{"@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014"},"author":{"name":"Mattia Buonocore","@id":"https://www.davidemaggio.it/#/schema/person/b1e75c04097eb3097b46d0c1c5fb67af"},"headline":"ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)","datePublished":"2014-12-17T08:30:51+00:00","dateModified":"2023-09-25T13:36:43+00:00","mainEntityOfPage":{"@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014"},"wordCount":1021,"commentCount":42,"publisher":{"@id":"https://www.davidemaggio.it/#organization"},"image":{"@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#primaryimage"},"thumbnailUrl":"https://www.davidemaggio.it/app/uploads/2014/12/ascolti-tv-16-dicembre-2014-i-dieci-comandamenti.jpg","keywords":["Ascolti TV","Dati Auditel"],"articleSection":["Ascolti TV"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#respond"]}],"copyrightYear":"2014","copyrightHolder":{"@id":"https://www.davidemaggio.it/#organization"}},{"@type":"WebPage","@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014","url":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014","name":"ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO' (4.3%) - Davide Maggio","isPartOf":{"@id":"https://www.davidemaggio.it/#website"},"primaryImageOfPage":{"@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#primaryimage"},"image":{"@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#primaryimage"},"thumbnailUrl":"https://www.davidemaggio.it/app/uploads/2014/12/ascolti-tv-16-dicembre-2014-i-dieci-comandamenti.jpg","datePublished":"2014-12-17T08:30:51+00:00","dateModified":"2023-09-25T13:36:43+00:00","breadcrumb":{"@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#primaryimage","url":"https://www.davidemaggio.it/app/uploads/2014/12/ascolti-tv-16-dicembre-2014-i-dieci-comandamenti.jpg","contentUrl":"https://www.davidemaggio.it/app/uploads/2014/12/ascolti-tv-16-dicembre-2014-i-dieci-comandamenti.jpg"},{"@type":"BreadcrumbList","@id":"https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.davidemaggio.it/"},{"@type":"ListItem","position":2,"name":"ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)"}]},{"@type":"WebSite","@id":"https://www.davidemaggio.it/#website","url":"https://www.davidemaggio.it/","name":"Davide Maggio","description":"Ascolti, anteprime e news su programmi e personaggi della tv","publisher":{"@id":"https://www.davidemaggio.it/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.davidemaggio.it/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https://www.davidemaggio.it/#organization","name":"Davide Maggio","url":"https://www.davidemaggio.it/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https://www.davidemaggio.it/#/schema/logo/image/","url":"https://www.davidemaggio.it/app/uploads/2023/10/logo-2.svg","contentUrl":"https://www.davidemaggio.it/app/uploads/2023/10/logo-2.svg","width":383,"height":32,"caption":"Davide Maggio"},"image":{"@id":"https://www.davidemaggio.it/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/davidemaggio.it","https://x.com/davidemaggio","https://www.instagram.com/davidemaggioit","https://www.youtube.com/@davidemaggiotv"],"vatID":"13614301003"},{"@type":"Person","@id":"https://www.davidemaggio.it/#/schema/person/b1e75c04097eb3097b46d0c1c5fb67af","name":"Mattia Buonocore","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https://www.davidemaggio.it/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/b710df923e498abfee2a8cbd2c1e5cae?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/b710df923e498abfee2a8cbd2c1e5cae?s=96&d=mm&r=g","caption":"Mattia Buonocore"},"sameAs":["https://www.davidemaggio.it"],"url":"https://www.davidemaggio.it/author/mattia-buonocore"}]}</script>  <link rel="alternate" type="application/rss+xml" title="Davide Maggio » ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%) Feed dei commenti" href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/feed" /> <script id="dm-ready"> window.advanced_ads_ready=function(e,a){a=a||"complete";var d=function(e){return"interactive"===a?"loading"!==e:"complete"===e};d(document.readyState)?e():document.addEventListener("readystatechange",(function(a){d(a.target.readyState)&&e()}),{once:"interactive"===a})},window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[]; </script> <link rel='stylesheet' id='wp-block-library-css' href='https://www.davidemaggio.it/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.5.5' media='all' /> <style id='safe-svg-svg-icon-style-inline-css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://www.davidemaggio.it/app/plugins/contact-form-7/includes/css/styles.css?ver=5.9.6' media='all' /> <link rel='stylesheet' id='xs-front-style-css' href='https://www.davidemaggio.it/app/plugins/wp-social/assets/css/frontend.css?ver=3.0.3' media='all' /> <link rel='stylesheet' id='xs_login_font_login_css-css' href='https://www.davidemaggio.it/app/plugins/wp-social/assets/css/font-icon.css?ver=3.0.3' media='all' /> <link rel='stylesheet' id='sage/app.css-css' href='https://www.davidemaggio.it/app/themes/custom/public/styles/app.css?id=d53f090338657be5fba0243c01bcbd42' media='all' /> <script src="https://www.davidemaggio.it/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://www.davidemaggio.it/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script id="xs_front_main_js-js-extra"> var rest_config = {"rest_url":"https:\/\/www.davidemaggio.it\/wp-json\/","nonce":"89fa70699c","insta_enabled":""}; </script> <script src="https://www.davidemaggio.it/app/plugins/wp-social/assets/js/front-main.js?ver=3.0.3" id="xs_front_main_js-js"></script> <script id="advanced-ads-advanced-js-js-extra"> var advads_options = {"blog_id":"1","privacy":{"enabled":false,"state":"not_needed"}}; </script> <script src="https://www.davidemaggio.it/app/plugins/advanced-ads/public/assets/js/advanced.min.js?ver=1.46.0" id="advanced-ads-advanced-js-js"></script> <script id="xs_social_custom-js-extra"> var rest_api_conf = {"siteurl":"https:\/\/www.davidemaggio.it\/wp","nonce":"89fa70699c","root":"https:\/\/www.davidemaggio.it\/wp-json\/"}; var wsluFrontObj = {"resturl":"https:\/\/www.davidemaggio.it\/wp-json\/","rest_nonce":"89fa70699c"}; </script> <script src="https://www.davidemaggio.it/app/plugins/wp-social/assets/js/social-front.js?ver=6.5.5" id="xs_social_custom-js"></script> <link rel="https://api.w.org/" href="https://www.davidemaggio.it/wp-json/" /><link rel="alternate" type="application/json" href="https://www.davidemaggio.it/wp-json/wp/v2/posts/110371" /><link rel='shortlink' href='https://www.davidemaggio.it/?p=110371' />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-PZK7SBTZZW"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){ dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PZK7SBTZZW'); </script>  <script async type="text/javascript" src="//clickiocmp.com/t/consent_240579.js"></script>  <style> #onesignal-popover-container, #onesignal-slidedown-container{ z-index: 225859400 !important; } </style><script type="text/javascript"> var advadsCfpQueue = []; var advadsCfpAd = function( adID ){ if ( 'undefined' == typeof advadsProCfp ) { advadsCfpQueue.push( adID ) } else { advadsProCfp.addElement( adID ) } }; </script> <meta name="onesignal" content="wordpress-plugin"/> <script> window.OneSignal = window.OneSignal || []; OneSignal.push( function() { OneSignal.SERVICE_WORKER_UPDATER_PATH = 'OneSignalSDKUpdaterWorker.js'; OneSignal.SERVICE_WORKER_PATH = 'OneSignalSDKWorker.js'; OneSignal.SERVICE_WORKER_PARAM = { scope: '/app/plugins/onesignal-free-web-push-notifications/sdk_files/push/onesignal/' }; OneSignal.setDefaultNotificationUrl("https://www.davidemaggio.it/wp"); var oneSignal_options = {}; window._oneSignalInitOptions = oneSignal_options; oneSignal_options['wordpress'] = true; oneSignal_options['appId'] = '96393722-e7e8-414c-89db-bf402c07a4fe'; oneSignal_options['allowLocalhostAsSecureOrigin'] = true; oneSignal_options['welcomeNotification'] = { }; oneSignal_options['welcomeNotification']['title'] = ""; oneSignal_options['welcomeNotification']['message'] = "Grazie per aver attivato le notifiche!"; oneSignal_options['path'] = "https://www.davidemaggio.it/app/plugins/onesignal-free-web-push-notifications/sdk_files/"; oneSignal_options['safari_web_id'] = "web.onesignal.auto.12e0c5f3-6b76-47bb-8015-fa3026009bd5"; oneSignal_options['promptOptions'] = { }; oneSignal_options['promptOptions']['actionMessage'] = "Vorremmo inviarti notifiche push. Puoi disattivarle in qualunque momento"; oneSignal_options['promptOptions']['acceptButtonText'] = "Consenti"; oneSignal_options['promptOptions']['cancelButtonText'] = "No, grazie"; oneSignal_options['notifyButton'] = { }; oneSignal_options['notifyButton']['enable'] = true; oneSignal_options['notifyButton']['position'] = 'bottom-left'; oneSignal_options['notifyButton']['theme'] = 'default'; oneSignal_options['notifyButton']['size'] = 'medium'; oneSignal_options['notifyButton']['showCredit'] = true; oneSignal_options['notifyButton']['text'] = {}; oneSignal_options['notifyButton']['text']['tip.state.unsubscribed'] = 'Tieniti aggiornato, attiva le notifiche! Non ti disturberemo troppo.'; oneSignal_options['notifyButton']['text']['tip.state.subscribed'] = 'Notifiche attive, grazie!'; oneSignal_options['notifyButton']['text']['tip.state.blocked'] = 'Hai disattivato le notifiche!'; oneSignal_options['notifyButton']['text']['message.action.subscribed'] = 'Grazie per aver attivato le notifiche!'; oneSignal_options['notifyButton']['text']['message.action.resubscribed'] = 'Sei tornato dei nostri!'; oneSignal_options['notifyButton']['text']['message.action.unsubscribed'] = 'Non riceverai più notifiche!'; oneSignal_options['notifyButton']['text']['dialog.main.title'] = 'Gestisci le notifiche'; oneSignal_options['notifyButton']['text']['dialog.main.button.subscribe'] = 'Attiva le notifiche'; oneSignal_options['notifyButton']['text']['dialog.main.button.unsubscribe'] = 'Disattiva le notifiche'; oneSignal_options['notifyButton']['text']['dialog.blocked.title'] = 'Sblocca le notifiche'; oneSignal_options['notifyButton']['text']['dialog.blocked.message'] = 'Segui le istruzioni per attivare le notifiche'; OneSignal.init(window._oneSignalInitOptions); OneSignal.showSlidedownPrompt(); }); function documentInitOneSignal() { var oneSignal_elements = document.getElementsByClassName("OneSignal-prompt"); var oneSignalLinkClickHandler = function(event) { OneSignal.push(['registerForPushNotifications']); event.preventDefault(); }; for(var i = 0; i < oneSignal_elements.length; i++) oneSignal_elements[i].addEventListener('click', oneSignalLinkClickHandler, false); } if (document.readyState === 'complete') { documentInitOneSignal(); } else { window.addEventListener("load", function(event){ documentInitOneSignal(); }); } </script> <link rel="icon" href="https://www.davidemaggio.it/app/uploads/2024/06/cropped-DM-icona-notifiche-32x32.webp" sizes="32x32" /> <link rel="icon" href="https://www.davidemaggio.it/app/uploads/2024/06/cropped-DM-icona-notifiche-192x192.webp" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.davidemaggio.it/app/uploads/2024/06/cropped-DM-icona-notifiche-180x180.webp" /> <meta name="msapplication-TileImage" content="https://www.davidemaggio.it/app/uploads/2024/06/cropped-DM-icona-notifiche-270x270.webp" /> <script> window._gmp = window._gmp || {}; window._gmp.pageType = 'free article'; </script> </head> <body class="post-template-default single single-post postid-110371 single-format-standard wp-custom-logo wp-embed-responsive ascolti-tv-di-martedi-16-dicembre-2014 aa-prefix-dm-" x-data="{ hamburger: false, isStickyHeader: false, shareModal: false, shareSocials: null, headerHeight: 0, stickyHeaderHeight: 0, login: false, searchModal: false }" :class="hamburger || login ? 'overflow-hidden' : ''" data-overlayscrollbars-initialize> <div id="app" class="min-h-screen font-sans flex flex-col text-base"> <header role="banner" x-ref="header" x-init="$nextTick(() => { headerHeight = $refs.header.offsetHeight; /*stickyHeaderHeight = $refs.stickyHeader.offsetHeight;*/ stickyHeaderHeight = $refs.header.offsetHeight; })" @resize.window=" headerHeight = $refs.header.offsetHeight; /*stickyHeaderHeight = $refs.stickyHeader.offsetHeight*/ stickyHeaderHeight = $refs.header.offsetHeight"> <div x-ref="stickyHeader" class="" :class="isStickyHeader && 'invisible'" @scroll.window="isStickyHeader = document.documentElement.scrollTop >= $el.offsetTop"> <div class="container bg-white"> <div class="flex items-center justify-center py-5 lg:py-[1.375rem]"> <div class="hidden flex-1 md:block"> <ul class="flex items-center space-x-4" id="desktop-top-left"> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.facebook.com/davidemaggio.it/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/facebook-3.svg" src="facebook (3)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://twitter.com/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/X-1.svg" src="X (1)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.youtube.com/@davidemaggiotv" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/youtube-3.svg" src="youtube (3)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.instagram.com/davidemaggioit/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/instagram-5.svg" src="instagram (5)" /> </a> </li> </ul> </div> <a href="https://www.davidemaggio.it/"> <img width="383" height="32" src="https://www.davidemaggio.it/app/uploads/2023/10/logo-2.svg" class="h-[20px] lg:h-auto" alt="" decoding="async" loading="lazy" /> </a> <div class="hidden flex-1 justify-end md:flex"> <ul class="flex items-center space-x-4" id="desktop-top-right"> <li class="js-login"> <a href="#" class="transition duration-300 hover:opacity-75"> <img class="h-6" src="https://www.davidemaggio.it/app/themes/custom/public/images/user2.svg?id=459d921d76f3aca82af5c08abb103360" alt="Accedi" loading="lazy"> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://t.me/davidemaggio" target="_self"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/apple-3.svg" src="Telegram" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://whatsapp.com/channel/0029VaDTABY4o7qQtZWuDS2w" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/android-2.svg" src="Whatsapp" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.davidemaggio.it/newsletter" target="_self"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/email.svg" src="email" /> </a> </li> </ul> </div> </div> </div> <div class="inset-x-0 top-0 z-30 bg-black-100 py-3"> <div class="container"> <div class="flex space-x-6 lg:space-x-0"> <div class="flex items-center space-x-3.5 lg:flex-1 lg:space-x-[2.625rem]"> <button class="hamburger hamburger--collapse-r" type="button" :class="hamburger ? 'is-active' : ''" @click="hamburger = !hamburger"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <button @click="hamburger = false" class="text-[1.25rem] font-semibold text-white lg:!hidden" x-cloak x-show="hamburger" x-transition:enter.opacity>Chiudi</button> </div> <div class="flex shrink-0 items-center justify-end transition-opacity lg:hidden" :class="hamburger && 'opacity-0'"> <button @click="searchModal = !searchModal"> <img class="h-[1.125rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/search.svg?id=4b67343d1485ad709e862229696b04a2" alt="search"> </button> </div> <ul class="hide-scrollbar flex items-center space-x-6 overflow-scroll whitespace-nowrap transition-opacity lg:space-x-8 lg:overflow-hidden lg:opacity-100" :class="hamburger && 'opacity-0'"> <li class="group flex h-full shrink-0 items-center"> <a class="mb-1.5" href="https://www.davidemaggio.it/anteprime" target=""> <img class="h-[1rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/boom.svg?id=3c5f94df4dc2da791fc9926df06efad9" alt="Boom" loading="lazy"> </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/ascolti-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Ascolti tv </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/notizie-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Notizie TV </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/programmi-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Programmi TV </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/guida-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Guida TV </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/serie-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Serie TV </a> </li> <li class="group flex h-full shrink-0 items-center"> <a href="https://www.davidemaggio.it/shop" target=""> <img class="h-[1rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/shop.svg?id=dc287c3a3191317075e2128626dc349a" alt="shop" loading="lazy"> </a> </li> </ul> <div class="hidden flex-1 items-center justify-end lg:flex"> <button @click="searchModal = !searchModal"> <img class="h-[1.125rem] pl-[2.5625rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/search.svg?id=4b67343d1485ad709e862229696b04a2" alt="search"> </button> </div> </div> <div class="fixed inset-0 z-40 bg-[#F8F8F8] transition-all duration-300 ease-in-out" :class="searchModal ? 'visible opacity-100' : 'invisible opacity-0'" :style="{ top: (isStickyHeader ? headerHeight : headerHeight) + 'px' }" x-cloak @click="searchModal = false"> <img class="absolute inset-0 object-cover object-center" src="https://www.davidemaggio.it/app/themes/custom/public/images/squares.png?id=26b54e4965e01e9101ceba7dfe739bd9" /> <div class="container relative flex h-full flex-col"> <div class="mt-[6.25rem] rounded-[1.25rem] bg-white py-6 px-5" @click.stop> <form action="/" method="get" class="flex flex-col lg:space-x-5 lg:flex-row header-search-form" x-data="{ cat: '', tag: '' }"> <div class="flex min-h-[48px] flex-1 items-center space-x-2 rounded-lg border border-[#D8D8D8] bg-white p-1.5 pl-4 mb-3 lg:mb-0"> <img class="h-[1.13rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/search_gray.svg?id=b747290e039cfb523d25ef75ea69d3eb" alt="Cerca" loading="lazy"> <input type="text" name="s" minlength="3" class="grow font-open text-[1rem] placeholder:text-gray-200 focus:outline-none pr-[30px]" placeholder="Cerca qualcosa" value="" /> <button type="submit" class="shrink-0 rounded bg-primary py-2 px-4 text-[0.88rem] font-medium leading-none text-white !ml-[-20px]"> Cerca </button> </div> <input type="hidden" name="cat" :value="cat"> <div class="relative inline-block mb-3 lg:mb-0" x-data="{ open: false }" x-cloak @click.outside="open = false"> <button @click="open = !open" type="button" class="flex h-full min-h-[48px] w-full min-w-[200px] items-center whitespace-nowrap rounded-lg border border-[#D8D8D8] bg-white px-4 py-3 font-open text-[1rem] leading-tight transition duration-150 ease-in-out focus:outline-none focus:ring-0" type="button" data-bs-toggle="dropdown" aria-expanded="false" :class="cat ? 'text-[#0F1011]' : 'text-gray-200'"> <span x-text="cat ? [{"term_id":63,"name":"Ascolti TV","slug":"ascolti-tv","term_group":0,"term_taxonomy_id":58,"taxonomy":"category","description":"Gli ascolti tv pi\u00f9 completi sulla televisione italiana. Dati auditel del giorno in valori assoluti e share di tv generalista, reti digitali e satellite.","parent":0,"count":8812,"filter":"raw","term_order":"0","cat_ID":63,"category_count":8812,"category_description":"Gli ascolti tv pi\u00f9 completi sulla televisione italiana. Dati auditel del giorno in valori assoluti e share di tv generalista, reti digitali e satellite.","cat_name":"Ascolti TV","category_nicename":"ascolti-tv","category_parent":0},{"term_id":67,"name":"BOOM","slug":"anteprime","term_group":0,"term_taxonomy_id":62,"taxonomy":"category","description":"Notizie in anteprima ed esclusive sulla televisione italiana, sui principali personaggi TV e i dietro le quinte dei programmi pi\u00f9 visti.","parent":0,"count":1757,"filter":"raw","term_order":"0","cat_ID":67,"category_count":1757,"category_description":"Notizie in anteprima ed esclusive sulla televisione italiana, sui principali personaggi TV e i dietro le quinte dei programmi pi\u00f9 visti.","cat_name":"BOOM","category_nicename":"anteprime","category_parent":0},{"term_id":38465,"name":"Canali TV","slug":"canali-tv","term_group":0,"term_taxonomy_id":45651,"taxonomy":"category","description":"","parent":0,"count":638,"filter":"raw","term_order":"0","cat_ID":38465,"category_count":638,"category_description":"","cat_name":"Canali TV","category_nicename":"canali-tv","category_parent":0},{"term_id":38467,"name":"Davide Maggio","slug":"davide-maggio","term_group":0,"term_taxonomy_id":45653,"taxonomy":"category","description":"","parent":0,"count":24,"filter":"raw","term_order":"0","cat_ID":38467,"category_count":24,"category_description":"","cat_name":"Davide Maggio","category_nicename":"davide-maggio","category_parent":0},{"term_id":2918,"name":"Foto","slug":"fotogallery","term_group":0,"term_taxonomy_id":7588,"taxonomy":"category","description":"","parent":0,"count":2785,"filter":"raw","term_order":"0","cat_ID":2918,"category_count":2785,"category_description":"","cat_name":"Foto","category_nicename":"fotogallery","category_parent":0},{"term_id":14,"name":"Guida TV","slug":"stasera-in-tv","term_group":0,"term_taxonomy_id":13,"taxonomy":"category","description":"","parent":0,"count":5154,"filter":"raw","term_order":"0","cat_ID":14,"category_count":5154,"category_description":"","cat_name":"Guida TV","category_nicename":"stasera-in-tv","category_parent":0},{"term_id":29,"name":"Musica","slug":"musica","term_group":0,"term_taxonomy_id":26,"taxonomy":"category","description":"","parent":0,"count":854,"filter":"raw","term_order":"0","cat_ID":29,"category_count":854,"category_description":"","cat_name":"Musica","category_nicename":"musica","category_parent":0},{"term_id":4,"name":"Notizie TV","slug":"notizie-tv","term_group":1,"term_taxonomy_id":4,"taxonomy":"category","description":"","parent":0,"count":33388,"filter":"raw","term_order":"0","cat_ID":4,"category_count":33388,"category_description":"","cat_name":"Notizie TV","category_nicename":"notizie-tv","category_parent":0},{"term_id":29839,"name":"Pagelle TV","slug":"pagelle-tv","term_group":0,"term_taxonomy_id":36862,"taxonomy":"category","description":"","parent":0,"count":638,"filter":"raw","term_order":"0","cat_ID":29839,"category_count":638,"category_description":"","cat_name":"Pagelle TV","category_nicename":"pagelle-tv","category_parent":0},{"term_id":41,"name":"Palinsesti","slug":"palinsesti","term_group":0,"term_taxonomy_id":36,"taxonomy":"category","description":"Tutti i palinsesti di tutte le reti.","parent":0,"count":1195,"filter":"raw","term_order":"0","cat_ID":41,"category_count":1195,"category_description":"Tutti i palinsesti di tutte le reti.","cat_name":"Palinsesti","category_nicename":"palinsesti","category_parent":0},{"term_id":38463,"name":"Programmi TV","slug":"programmi-tv","term_group":0,"term_taxonomy_id":45649,"taxonomy":"category","description":"","parent":0,"count":10161,"filter":"raw","term_order":"0","cat_ID":38463,"category_count":10161,"category_description":"","cat_name":"Programmi TV","category_nicename":"programmi-tv","category_parent":0},{"term_id":70,"name":"Radio","slug":"radio","term_group":0,"term_taxonomy_id":65,"taxonomy":"category","description":"","parent":0,"count":191,"filter":"raw","term_order":"0","cat_ID":70,"category_count":191,"category_description":"","cat_name":"Radio","category_nicename":"radio","category_parent":0},{"term_id":38520,"name":"Recensioni","slug":"recensioni","term_group":0,"term_taxonomy_id":45706,"taxonomy":"category","description":"","parent":0,"count":674,"filter":"raw","term_order":"0","cat_ID":38520,"category_count":674,"category_description":"","cat_name":"Recensioni","category_nicename":"recensioni","category_parent":0},{"term_id":6,"name":"Serie TV","slug":"serie-tv","term_group":0,"term_taxonomy_id":6,"taxonomy":"category","description":"","parent":0,"count":8029,"filter":"raw","term_order":"0","cat_ID":6,"category_count":8029,"category_description":"","cat_name":"Serie TV","category_nicename":"serie-tv","category_parent":0},{"term_id":62,"name":"Video","slug":"videogallery","term_group":0,"term_taxonomy_id":57,"taxonomy":"category","description":"","parent":0,"count":2004,"filter":"raw","term_order":"0","cat_ID":62,"category_count":2004,"category_description":"","cat_name":"Video","category_nicename":"videogallery","category_parent":0}].find(e => e.slug == cat).name : 'Scegli categoria'" class="mr-6 w-full overflow-hidden text-ellipsis text-left"></span> <svg x-show="!cat" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="caret-down" class="ml-auto w-2 text-[#0F1011] transition-transform duration-300" :class="open && 'rotate-180'" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path fill="currentColor" d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"> </path> </svg> <svg x-show="cat" @click.stop="cat = null" xmlns="http://www.w3.org/2000/svg" class="w-4 text-[#0F1011]" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <ul x-show="open" x-transition class="absolute z-20 m-0 mt-1 max-h-56 w-full min-w-[200px] list-none overflow-scroll rounded-lg border-none bg-white bg-clip-padding py-2 shadow-lg"> <li> <button type="button" @click=" cat = 'ascolti-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Ascolti TV</button> </li> <li> <button type="button" @click=" cat = 'anteprime'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">BOOM</button> </li> <li> <button type="button" @click=" cat = 'canali-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Canali TV</button> </li> <li> <button type="button" @click=" cat = 'davide-maggio'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Davide Maggio</button> </li> <li> <button type="button" @click=" cat = 'fotogallery'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Foto</button> </li> <li> <button type="button" @click=" cat = 'stasera-in-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Guida TV</button> </li> <li> <button type="button" @click=" cat = 'musica'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Musica</button> </li> <li> <button type="button" @click=" cat = 'notizie-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Notizie TV</button> </li> <li> <button type="button" @click=" cat = 'pagelle-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Pagelle TV</button> </li> <li> <button type="button" @click=" cat = 'palinsesti'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Palinsesti</button> </li> <li> <button type="button" @click=" cat = 'programmi-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Programmi TV</button> </li> <li> <button type="button" @click=" cat = 'radio'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Radio</button> </li> <li> <button type="button" @click=" cat = 'recensioni'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Recensioni</button> </li> <li> <button type="button" @click=" cat = 'serie-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Serie TV</button> </li> <li> <button type="button" @click=" cat = 'videogallery'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Video</button> </li> </ul> </div> <div class="flex min-h-[48px] items-center space-x-2 rounded-lg border border-[#D8D8D8] bg-white py-1.5 pl-2 pr-4"> <div class="flex grow divide-x divide-[#D8D8D8]" x-init="new DateRangePicker($el, { format: 'dd/mm/yyyy', language: 'it' })"> <input type="text" name="from" class="max-w-[116px] grow px-2 font-open text-[1rem] placeholder:text-gray-200 focus:outline-none" placeholder="Data inizio" value="" /> <input type="text" name="to" class="max-w-[116px] grow px-2 font-open text-[1rem] placeholder:text-gray-200 focus:outline-none" placeholder="Data fine" value="" /> </div> <svg class="h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z" /> </svg> </div> <input type="hidden" name="post_type" value=""> </form> </div> </div> </div> </div> </div> </div> <div class="z-20 ml-auto pl-4 lg:hidden"> <button class="hamburger" type="button" :class="hamburger ? 'is-active' : ''" @click="hamburger = !hamburger"> <span></span> <span></span> <span></span> </button> </div> <div class="megaMenu fixed inset-0 z-40 bg-[#0F1011]/50 backdrop-blur transition-all duration-300 ease-in-out lg:py-10" :class="[(hamburger ? 'visible opacity-100' : 'invisible opacity-0'), (isStickyHeader ? 'stickyMenu' : 'notStickyMenu')]" :style="{ top: (isStickyHeader ? stickyHeaderHeight : headerHeight) + 'px' }" x-cloak x-data="{ catSelected: window.innerWidth > 1280 ? '*' : null, clickCategory : null }" @resize.window="catSelected = (window.innerWidth > 1280) ? '*' : null" @click="hamburger = false" @scroll.window="fixMenuPositionOnScroll"> <div class="h-full lg:container"> <div class="h-full bg-white" @click.stop> <div class="grid h-full grid-cols-1 [grid-template-rows:min-content] lg:grid-cols-4"> <div class="items-center border-b border-[#D8D8D8] px-6 py-3 lg:col-span-4 lg:flex"> <ul class="flex justify-between space-x-8 lg:justify-start"> <li class="js-login"> <a href="#" class="flex items-center space-x-2.5 transition-all duration-300 hover:opacity-75 flex-row"> <img class="h-6" src="https://www.davidemaggio.it/app/themes/custom/public/images/user.svg?id=a589a1d5d124073ef3040fd19b106a6a" alt="Accedi" loading="lazy"> <p class="text-[0.75rem] lg:text-[0.88rem] font-semibold text-primary">Accedi</p> </a> </li> <li> <a href="https://www.davidemaggio.it/newsletter" class="flex items-center space-x-2.5 transition-all duration-300 hover:opacity-75 flex-row"> <img class="h-6" src="https://www.davidemaggio.it/app/themes/custom/public/images/email.svg?id=5a359e4eac06574bf37237f6a278ae75" alt="Iscriviti" loading="lazy"> <p class="text-[0.75rem] lg:text-[0.88rem] font-semibold text-primary">Iscriviti</p> </a> </li> </ul> <div class="ml-auto hidden items-center lg:flex"> <p class="mr-2.5 text-[0.88rem] font-medium leading-[1.29] tracking-[-0.28px] text-[#0F1011]"> Seguici su:</p> <div class="mr-8"> <ul class="flex items-center space-x-2" id="desktop-social"> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.facebook.com/davidemaggio.it/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/facebook-3.svg" src="facebook (3)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://twitter.com/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/X_blackcircle.svg" src="X_blackcircle" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.instagram.com/davidemaggioit/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/instagram-5.svg" src="instagram (5)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.youtube.com/davidemaggiotv" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/youtube-3.svg" src="youtube (3)" /> </a> </li> </ul> </div> <p class="mr-2.5 text-[0.88rem] font-medium leading-[1.29] tracking-[-0.28px] text-[#0F1011]"> Restiamo in contatto:</p> <div class="mr-8"> <ul class="flex items-center space-x-2" id="desktop-app"> <li> <a class="transition duration-300 hover:opacity-75" href="https://t.me/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/apple-3.svg" src="Telegram" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://whatsapp.com/channel/0029VaDTABY4o7qQtZWuDS2w" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/android-2.svg" src="Whatsapp" /> </a> </li> </ul> </div> <button class="hamburger hamburger--collapse-r ml-12" type="button" :class="hamburger ? 'is-active' : ''" @click="hamburger = !hamburger"> <span class="hamburger-box"> <span class="hamburger-inner dark"></span> </span> </button> </div> </div> <div class="h-full overflow-scroll pb-6 px-5 lg:border-r lg:border-[#D8D8D8]" x-data="{ search: '' }"> <div class="sticky top-0 w-full pt-6 bg-white"> <form action="/" method="get"> <div class="flex space-x-2 rounded border border-[#D8D8D8] p-1.5"> <input type="text" name="s" id="search" x-model="search" class="grow font-open text-[1rem] focus:outline-none" placeholder="Cerca" value="" /> <button type="submit" class="flex aspect-square w-[2.25rem] shrink-0 items-center justify-center rounded bg-primary"> <img class="h-[1.13rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/search.svg?id=4b67343d1485ad709e862229696b04a2" alt="Cerca" loading="lazy"> </button> </div> </form> </div> <ul class="mt-6 space-y-2 font-medium text-[#0F1011]"> <li x-data="{ name: 'ascolti tv' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 63; catSelected_link = 'https://www.davidemaggio.it/ascolti-tv'; clickCategory = 63;" :class="catSelected == 63 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/ascolti-tv"> <p>Ascolti TV</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'boom' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 67; catSelected_link = 'https://www.davidemaggio.it/anteprime'; clickCategory = 67;" :class="catSelected == 67 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/anteprime"> <p>BOOM</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'canali tv' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 38465; catSelected_link = 'https://www.davidemaggio.it/canali-tv'; clickCategory = 38465;" :class="catSelected == 38465 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/canali-tv"> <p>Canali TV</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'davide maggio' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 38467; catSelected_link = 'https://www.davidemaggio.it/davide-maggio'; clickCategory = 38467;" :class="catSelected == 38467 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/davide-maggio"> <p>Davide Maggio</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'foto' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 2918; catSelected_link = 'https://www.davidemaggio.it/fotogallery'; clickCategory = 2918;" :class="catSelected == 2918 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/fotogallery"> <p>Foto</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'musica' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 29; catSelected_link = 'https://www.davidemaggio.it/musica'; clickCategory = 29;" :class="catSelected == 29 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/musica"> <p>Musica</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'notizie tv' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 4; catSelected_link = 'https://www.davidemaggio.it/notizie-tv'; clickCategory = 4;" :class="catSelected == 4 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/notizie-tv"> <p>Notizie TV</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'pagelle tv' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 29839; catSelected_link = 'https://www.davidemaggio.it/pagelle-tv'; clickCategory = 29839;" :class="catSelected == 29839 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/pagelle-tv"> <p>Pagelle TV</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'palinsesti' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 41; catSelected_link = 'https://www.davidemaggio.it/palinsesti'; clickCategory = 41;" :class="catSelected == 41 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/palinsesti"> <p>Palinsesti</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'programmi tv' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 38463; catSelected_link = 'https://www.davidemaggio.it/programmi-tv'; clickCategory = 38463;" :class="catSelected == 38463 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/programmi-tv"> <p>Programmi TV</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'radio' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 70; catSelected_link = 'https://www.davidemaggio.it/radio'; clickCategory = 70;" :class="catSelected == 70 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/radio"> <p>Radio</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'recensioni' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 38520; catSelected_link = 'https://www.davidemaggio.it/recensioni'; clickCategory = 38520;" :class="catSelected == 38520 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/recensioni"> <p>Recensioni</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'serie tv' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 6; catSelected_link = 'https://www.davidemaggio.it/serie-tv'; clickCategory = 6;" :class="catSelected == 6 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/serie-tv"> <p>Serie TV</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> <li x-data="{ name: 'video' }" x-show="!search || name.includes(search.toLowerCase())"> <a @click.prevent="catSelected = 62; catSelected_link = 'https://www.davidemaggio.it/videogallery'; clickCategory = 62;" :class="catSelected == 62 && 'bg-[#F9F1EF] text-primary'" class="flex items-center justify-between p-1.5 text-[1rem] leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-primary lg:text-[1rem]" href="https://www.davidemaggio.it/videogallery"> <p>Video</p> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" /> </svg> </a> </li> </ul> </div> <div class="overflow-scroll lg:col-span-3"> <div x-show="catSelected == '*'" x-transition class="absolute inset-0 flex min-h-full flex-col bg-white px-5 pt-14 lg:relative lg:px-8 lg:py-[3.38rem] hidden" x-init="init(); $watch('selected', value => init())" x-data="{ open: false, selected: 63, selectedName: 'Ascolti TV', selectedLink: 'https://www.davidemaggio.it/ascolti-tv', childCategories: [], loading: false, init() { this.loading = true; fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=getChildCategories&category=${this.selected}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.childCategories = data.data }); } }) .finally(() => { this.loading = false; }) } }"> <div class="relative -mx-5 mb-8 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]"> Tutte le categorie</p> </div> <p class="text-[1rem] tracking-[-0.32px] text-[#0F1011]"> Scegli l'argomento che ti interessa:</p> <div class="relative mt-5 inline-block self-start"> <button @click="open = !open" class="flex min-w-[300px] items-center whitespace-nowrap rounded-lg border border-[#D8D8D8] px-4 py-3 font-open text-[1rem] leading-tight text-[#0F1011] transition duration-150 ease-in-out focus:outline-none focus:ring-0" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <span x-text="selectedName" class="mr-6"></span> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="caret-down" class="ml-auto w-2 transition-transform duration-300" :class="open && 'rotate-180'" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path fill="currentColor" d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"> </path> </svg> </button> <ul x-show="open" x-transition class="absolute z-20 m-0 mt-1 max-h-56 w-full list-none overflow-scroll rounded-lg border-none bg-white bg-clip-padding py-2 shadow-lg"> <li> <button @click="selected = 63; selectedName = 'Ascolti TV'; selectedLink = 'https://www.davidemaggio.it/ascolti-tv'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Ascolti TV</button> </li> <li> <button @click="selected = 67; selectedName = 'BOOM'; selectedLink = 'https://www.davidemaggio.it/anteprime'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">BOOM</button> </li> <li> <button @click="selected = 38465; selectedName = 'Canali TV'; selectedLink = 'https://www.davidemaggio.it/canali-tv'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Canali TV</button> </li> <li> <button @click="selected = 38467; selectedName = 'Davide Maggio'; selectedLink = 'https://www.davidemaggio.it/davide-maggio'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Davide Maggio</button> </li> <li> <button @click="selected = 2918; selectedName = 'Foto'; selectedLink = 'https://www.davidemaggio.it/fotogallery'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Foto</button> </li> <li> <button @click="selected = 14; selectedName = 'Guida TV'; selectedLink = 'https://www.davidemaggio.it/stasera-in-tv'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Guida TV</button> </li> <li> <button @click="selected = 29; selectedName = 'Musica'; selectedLink = 'https://www.davidemaggio.it/musica'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Musica</button> </li> <li> <button @click="selected = 4; selectedName = 'Notizie TV'; selectedLink = 'https://www.davidemaggio.it/notizie-tv'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Notizie TV</button> </li> <li> <button @click="selected = 29839; selectedName = 'Pagelle TV'; selectedLink = 'https://www.davidemaggio.it/pagelle-tv'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Pagelle TV</button> </li> <li> <button @click="selected = 41; selectedName = 'Palinsesti'; selectedLink = 'https://www.davidemaggio.it/palinsesti'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Palinsesti</button> </li> <li> <button @click="selected = 38463; selectedName = 'Programmi TV'; selectedLink = 'https://www.davidemaggio.it/programmi-tv'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Programmi TV</button> </li> <li> <button @click="selected = 70; selectedName = 'Radio'; selectedLink = 'https://www.davidemaggio.it/radio'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Radio</button> </li> <li> <button @click="selected = 38520; selectedName = 'Recensioni'; selectedLink = 'https://www.davidemaggio.it/recensioni'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Recensioni</button> </li> <li> <button @click="selected = 6; selectedName = 'Serie TV'; selectedLink = 'https://www.davidemaggio.it/serie-tv'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Serie TV</button> </li> <li> <button @click="selected = 62; selectedName = 'Video'; selectedLink = 'https://www.davidemaggio.it/videogallery'; open = false" class="block w-full whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Video</button> </li> </ul> </div> <div class="relative mt-auto grow pt-8"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul x-show="childCategories.length" class="flex flex-wrap"> <template hidden x-for="child in childCategories"> <li class="mr-[10px] mb-[10px]"> <a :href="child.permalink" x-text="child.name" class="inline-block rounded-full bg-[#D8D8D8] px-5 py-2 text-[0.75rem] leading-none text-[#0F1011] transition-all duration-300 hover:bg-opacity-75"></a> </li> </template> </ul> <p x-show="!childCategories.length">Nessun risultato trovato</p> </div> <div class="bg-white py-4 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 63" x-transition x-data="{ childCatSelected: 63, childCatSelected_slug: 'ascolti-tv', childCatSelected_link: 'https://www.davidemaggio.it/ascolti-tv', catSelected_link: 'https://www.davidemaggio.it/ascolti-tv', catSelected_name: 'Ascolti TV', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '63'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Ascolti TV</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 63; childCatSelected_link = 'https://www.davidemaggio.it/ascolti-tv'" :class="childCatSelected == 63 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/ascolti-tv"> Ascolti TV </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 67" x-transition x-data="{ childCatSelected: 67, childCatSelected_slug: 'anteprime', childCatSelected_link: 'https://www.davidemaggio.it/anteprime', catSelected_link: 'https://www.davidemaggio.it/anteprime', catSelected_name: 'BOOM', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '67'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">BOOM</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 67; childCatSelected_link = 'https://www.davidemaggio.it/anteprime'" :class="childCatSelected == 67 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/anteprime"> BOOM </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 38465" x-transition x-data="{ childCatSelected: 21961, childCatSelected_slug: 'canali-tv', childCatSelected_link: 'https://www.davidemaggio.it/canali-tv/disney', catSelected_link: 'https://www.davidemaggio.it/canali-tv', catSelected_name: 'Canali TV', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '38465'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Canali TV</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 21961; childCatSelected_link = 'https://www.davidemaggio.it/canali-tv/disney'" :class="childCatSelected == 21961 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/canali-tv"> Disney+ </a> </li> <li> <a @click.prevent="childCatSelected = 22134; childCatSelected_link = 'https://www.davidemaggio.it/canali-tv/infinity'" :class="childCatSelected == 22134 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/canali-tv"> Infinity </a> </li> <li> <a @click.prevent="childCatSelected = 11895; childCatSelected_link = 'https://www.davidemaggio.it/canali-tv/netflix'" :class="childCatSelected == 11895 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/canali-tv"> Netflix </a> </li> <li> <a @click.prevent="childCatSelected = 83; childCatSelected_link = 'https://www.davidemaggio.it/canali-tv/sky'" :class="childCatSelected == 83 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/canali-tv"> Sky </a> </li> <li> <a @click.prevent="childCatSelected = 25622; childCatSelected_link = 'https://www.davidemaggio.it/canali-tv/tim-vision'" :class="childCatSelected == 25622 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/canali-tv"> TIMVISION </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 38467" x-transition x-data="{ childCatSelected: 18, childCatSelected_slug: 'davide-maggio', childCatSelected_link: 'https://www.davidemaggio.it/davide-maggio/interviste-di-davide-maggio', catSelected_link: 'https://www.davidemaggio.it/davide-maggio', catSelected_name: 'Davide Maggio', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '38467'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Davide Maggio</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 18; childCatSelected_link = 'https://www.davidemaggio.it/davide-maggio/interviste-di-davide-maggio'" :class="childCatSelected == 18 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/davide-maggio"> Le Interviste di Davide Maggio </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 2918" x-transition x-data="{ childCatSelected: 2918, childCatSelected_slug: 'fotogallery', childCatSelected_link: 'https://www.davidemaggio.it/fotogallery', catSelected_link: 'https://www.davidemaggio.it/fotogallery', catSelected_name: 'Foto', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '2918'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Foto</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 2918; childCatSelected_link = 'https://www.davidemaggio.it/fotogallery'" :class="childCatSelected == 2918 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/fotogallery"> Foto </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 14" x-transition x-data="{ childCatSelected: 14, childCatSelected_slug: 'stasera-in-tv', childCatSelected_link: 'https://www.davidemaggio.it/stasera-in-tv', catSelected_link: 'https://www.davidemaggio.it/stasera-in-tv', catSelected_name: 'Guida TV', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '14'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Guida TV</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 14; childCatSelected_link = 'https://www.davidemaggio.it/stasera-in-tv'" :class="childCatSelected == 14 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/stasera-in-tv"> Guida TV </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 29" x-transition x-data="{ childCatSelected: 29, childCatSelected_slug: 'musica', childCatSelected_link: 'https://www.davidemaggio.it/musica', catSelected_link: 'https://www.davidemaggio.it/musica', catSelected_name: 'Musica', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '29'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Musica</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 29; childCatSelected_link = 'https://www.davidemaggio.it/musica'" :class="childCatSelected == 29 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/musica"> Musica </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 4" x-transition x-data="{ childCatSelected: 4, childCatSelected_slug: 'notizie-tv', childCatSelected_link: 'https://www.davidemaggio.it/notizie-tv', catSelected_link: 'https://www.davidemaggio.it/notizie-tv', catSelected_name: 'Notizie TV', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '4'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Notizie TV</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 4; childCatSelected_link = 'https://www.davidemaggio.it/notizie-tv'" :class="childCatSelected == 4 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/notizie-tv"> Notizie TV </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 29839" x-transition x-data="{ childCatSelected: 29839, childCatSelected_slug: 'pagelle-tv', childCatSelected_link: 'https://www.davidemaggio.it/pagelle-tv', catSelected_link: 'https://www.davidemaggio.it/pagelle-tv', catSelected_name: 'Pagelle TV', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '29839'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Pagelle TV</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 29839; childCatSelected_link = 'https://www.davidemaggio.it/pagelle-tv'" :class="childCatSelected == 29839 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/pagelle-tv"> Pagelle TV </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 41" x-transition x-data="{ childCatSelected: 41, childCatSelected_slug: 'palinsesti', childCatSelected_link: 'https://www.davidemaggio.it/palinsesti', catSelected_link: 'https://www.davidemaggio.it/palinsesti', catSelected_name: 'Palinsesti', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '41'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Palinsesti</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 41; childCatSelected_link = 'https://www.davidemaggio.it/palinsesti'" :class="childCatSelected == 41 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/palinsesti"> Palinsesti </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 38463" x-transition x-data="{ childCatSelected: 38463, childCatSelected_slug: 'programmi-tv', childCatSelected_link: 'https://www.davidemaggio.it/programmi-tv', catSelected_link: 'https://www.davidemaggio.it/programmi-tv', catSelected_name: 'Programmi TV', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '38463'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Programmi TV</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 38463; childCatSelected_link = 'https://www.davidemaggio.it/programmi-tv'" :class="childCatSelected == 38463 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/programmi-tv"> Programmi TV </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 70" x-transition x-data="{ childCatSelected: 70, childCatSelected_slug: 'radio', childCatSelected_link: 'https://www.davidemaggio.it/radio', catSelected_link: 'https://www.davidemaggio.it/radio', catSelected_name: 'Radio', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '70'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Radio</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 70; childCatSelected_link = 'https://www.davidemaggio.it/radio'" :class="childCatSelected == 70 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/radio"> Radio </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 38520" x-transition x-data="{ childCatSelected: 38520, childCatSelected_slug: 'recensioni', childCatSelected_link: 'https://www.davidemaggio.it/recensioni', catSelected_link: 'https://www.davidemaggio.it/recensioni', catSelected_name: 'Recensioni', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '38520'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Recensioni</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 38520; childCatSelected_link = 'https://www.davidemaggio.it/recensioni'" :class="childCatSelected == 38520 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/recensioni"> Recensioni </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 6" x-transition x-data="{ childCatSelected: 6, childCatSelected_slug: 'serie-tv', childCatSelected_link: 'https://www.davidemaggio.it/serie-tv', catSelected_link: 'https://www.davidemaggio.it/serie-tv', catSelected_name: 'Serie TV', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '6'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Serie TV</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 6; childCatSelected_link = 'https://www.davidemaggio.it/serie-tv'" :class="childCatSelected == 6 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/serie-tv"> Serie TV </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> <div class="absolute inset-0 flex flex-col bg-white px-5 pt-6 lg:static lg:block lg:py-[3.75rem] lg:px-[5.88rem]" x-init="init(); $watch('childCatSelected', value => init(1)); $watch('clickCategory', value => init(2));" x-show="catSelected == 62" x-transition x-data="{ childCatSelected: 62, childCatSelected_slug: 'videogallery', childCatSelected_link: 'https://www.davidemaggio.it/videogallery', catSelected_link: 'https://www.davidemaggio.it/videogallery', catSelected_name: 'Video', posts: null, postSelected: null, init(x) { this.loading = true; //Avoid ajax requests on loading... if(x === undefined) return; //se la chiamata parte dal click della categoria, mi assicuro che parta solo per la categoria mostrata if(x == 2 && catSelected != '62'){ return; } //$refs.childCatContainer.scrollIntoView(); fetch(`https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php?action=filterPosts&category=${this.childCatSelected}&posts_per_page=3&post_type=${this.childCatSelected_slug}`, { method: 'GET', }) .then((response) => { if (response.ok) { response.json().then(data => { this.posts = data.data this.postSelected = data.data[0] }); } }) .finally(() => { this.loading = false; }) } }"> <div class="absolute inset-0 z-10 flex items-center justify-center backdrop-blur-xl lg:-inset-4 lg:hidden" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <div class="relative -mx-5 mb-5 border-b border-[#D8D8D8] px-5 pb-5 lg:hidden"> <button class="absolute left-5" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> </button> <p class="text-center text-[1.5rem] font-semibold tracking-[-0.56px]">Video</p> </div> <ul class="flex space-x-6 overflow-x-scroll md:overflow-x-auto min-h-[1.8rem]"> <li> <a @click.prevent="childCatSelected = 62; childCatSelected_link = 'https://www.davidemaggio.it/videogallery'" :class="childCatSelected == 62 && 'font-semibold text-primary border-current'" class="border-b border-transparent text-[1rem] font-medium tracking-[-0.32px] transition-all duration-300 hover:border-current whitespace-nowrap md:whitespace-normal" href="https://www.davidemaggio.it/videogallery"> Video </a> </li> </ul> <div class="relative mt-4 flex grow space-x-5 overflow-scroll lg:mt-10 lg:overflow-visible"> <div class="absolute inset-0 z-10 hidden items-center justify-center backdrop-blur-xl lg:-inset-4 lg:flex" x-show="loading" x-transition> <svg width="50px" height="50px" class="" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </div> <ul class="w-full shrink-0 space-y-5 lg:w-[30%] !ml-0"> <template hidden x-for="post in posts"> <li class="rounded-lg lg:rounded-none" :class="postSelected && postSelected.ID == post.ID && 'bg-[#EEEEEE] p-2.5 lg:bg-transparent lg:p-0'"> <a :href="post.permalink" class="group" @click.prevent @mouseenter="postSelected = post"> <div class="relative aspect-[168/100] overflow-hidden rounded outline outline-2 transition-all duration-300 lg:group-hover:outline-primary" :class="postSelected && postSelected.ID == post.ID ? ' lg:ring-[10px] lg:ring-[#F9F1EF] lg:ring-offset-0 outline-primary' : 'outline-transparent'"> <template hidden x-if="post.thumbnail"> <img class="absolute inset-0 h-full w-full object-cover" :src="post.thumbnail" :alt="post.title" loading="lazy" /> </template> </div> </a> <div x-show="postSelected && postSelected.ID == post.ID" x-transition class="mt-6 lg:hidden"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="post.category_link" x-html="post.category"></a> </p> <a :href="post.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="post.title"> </h4> </a> <div x-show="post.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold" x-html="post.excerpt"></div> </div> </li> </template> </ul> <template hidden x-if="postSelected"> <div class="hidden flex-1 rounded bg-[#EEEEEE] p-8 lg:block"> <p class="mb-4 inline-block text-[1rem] font-bold uppercase leading-[1.25] tracking-[-0.2px] text-primary line-clamp-1"> <a :href="postSelected.category_link" x-html="postSelected.category"></a> </p> <a :href="postSelected.permalink" class="group"> <h4 class="mb-3 lg:mb-6 text-[1.25rem] font-extrabold leading-[1.2] tracking-[-0.4px] text-[#0F1011] transition-colors duration-300 group-hover:text-primary" x-html="postSelected.title"> </h4> </a> <div x-show="postSelected.excerpt" class="font-open text-[1rem] leading-[1.33] text-gray-100 [&>a]:text-primary [&>a]:font-bold"> <span x-html="postSelected.excerpt"></span><br/> <a :href="postSelected.permalink" class="block mt-2">Leggi di più</a> </div> </div> </template> </div> <div class="flex justify-center mt-5 mb-5 lg:mb-0"> <a :href="catSelected_link" class="w-full border border-primary py-2 px-8 text-center text-[1rem] font-bold uppercase tracking-[-0.32px] text-primary rounded transition-colors duration-300 hover:bg-primary hover:text-white md:w-auto"> Vai a <span x-html="catSelected_name"></span> </a> </div> <div class="bg-white py-8 hidden"> <button class="flex space-x-3" @click="catSelected = null"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Torna al menù completo</p> </button> </div> </div> </div> <div class="flex justify-around space-x-4 border-t border-[#D8D8D8] py-4 lg:hidden"> <div class="space-y-4"> <p class="text-center text-[0.88rem] font-medium leading-[1.29] tracking-[-0.28px] text-[#0F1011]"> Seguici su:</p> <div> <ul class="flex items-center justify-center space-x-2" id="mobile-social"> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.facebook.com/davidemaggio.it/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/facebook-3.svg" src="facebook (3)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://twitter.com/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/X_blackcircle.svg" src="X_blackcircle" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.instagram.com/davidemaggioit/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/instagram-5.svg" src="instagram (5)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.youtube.com/davidemaggiotv" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/youtube-3.svg" src="youtube (3)" /> </a> </li> </ul> </div> </div> <div class="space-y-4"> <p class="text-center text-[0.88rem] font-medium leading-[1.29] tracking-[-0.28px] text-[#0F1011]"> Restiamo in contatto:</p> <div> <ul class="flex items-center justify-center space-x-2" id="mobile-app"> <li> <a class="transition duration-300 hover:opacity-75" href="https://t.me/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/apple-3.svg" src="Telegram" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://whatsapp.com/channel/0029VaDTABY4o7qQtZWuDS2w" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/android-2.svg" src="Whatsapp" /> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <script> function fixMenuPositionOnScroll(){ if(jQuery(".stHeader").hasClass('notStickyHeader')) { jQuery(".megaMenu").attr('style','top: '+ (jQuery(".stHeader").outerHeight() + jQuery("div[x-ref='stickyHeader']").offset().top - jQuery(window).scrollTop()) + 'px !important'); } else { jQuery(".megaMenu").attr('style','top: '+ jQuery(".stHeader").outerHeight() + 'px !important'); } } </script> <div class="fixed inset-0 z-40 bg-[#0F1011]/50 backdrop-blur transition-all duration-300 ease-in-out lg:py-10" :class="login ? 'visible opacity-100' : 'invisible opacity-0'" :style="{ top: (isStickyHeader ? stickyHeaderHeight : headerHeight) + 'px' }" x-cloak @click="login = false"> <div class="container flex h-full flex-col"> <div class="relative m-auto max-h-full lg:w-2/5"> <div class="max-h-full w-full overflow-scroll bg-white p-6" @click.stop x-data="{ active: 2 }" x-init="$watch('login', value => value == 2 || value == 3 ? active = value : null)"> <button class="hamburger hamburger--collapse-r is-active absolute top-6 right-6 z-10" type="button" @click="login = false"> <span class="hamburger-box"> <span class="hamburger-inner dark"></span> </span> </button> <div class="flex justify-center"> <button @click="active = 2" :class="active == 2 ? 'border-primary text-[#0F1011]' : 'border-[#A0A0A0] text-[#A0A0A0]'" class="border-b-[3px] py-2.5 px-[1.875rem] text-[1.13rem] font-semibold leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-[#0F1011]">Accedi</button> <button @click="active = 3" :class="active == 3 ? 'border-primary text-[#0F1011]' : 'border-[#A0A0A0] text-[#A0A0A0]'" class="border-b-[3px] py-2.5 px-[1.875rem] text-[1.13rem] font-semibold leading-none tracking-[-0.36px] transition-colors duration-300 hover:text-[#0F1011]">Registrati</button> </div> <div class="mt-8 mb-10 border-b border-[#CBCBCB] pb-10"> <div x-show="active == 2" x-transition:enter class="space-y-4" x-data="loginform"> <p class="text-center font-open text-[0.88rem]">Accedi con la tua email</p> <form name="loginform" method="post" action="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014" class="space-y-4" @submit.prevent="signin()"> <input x-model="username" type="text" name="log" class="w-full rounded border border-[#CBCBCB] px-4 py-3 font-open text-[0.88rem] text-[#0F1011] placeholder-[#A0A0A0] focus:border-[#0F1011] focus:outline-none focus:ring-0 focus:ring-offset-0" placeholder="Username o Email" required /> <input x-model="password" type="password" name="pwd" class="w-full rounded border border-[#CBCBCB] px-4 py-3 font-open text-[0.88rem] text-[#0F1011] placeholder-[#A0A0A0] focus:border-[#0F1011] focus:outline-none focus:ring-0 focus:ring-offset-0" placeholder="Password" required /> <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response" /> <p x-show="message" class="font-open text-[0.75rem] text-primary" x-html="message"></p> <button :disabled="loading" class="relative w-full cursor-pointer rounded bg-primary px-4 py-3 text-[1rem] font-bold uppercase text-white transition-colors duration-300 hover:bg-opacity-50 focus:outline-none focus:ring-0 focus:ring-offset-0 " type="submit" name="wp-submit">Accedi <span x-show="loading"> <svg width="50px" height="50px" class="absolute top-1/2 left-1/2 h-8 -translate-x-1/2 -translate-y-1/2 brightness-0 invert" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </span> </button> </form> <div class="flex justify-center"> <a href="https://www.davidemaggio.it/wp/wp-login.php?action=lostpassword" class="border-b border-primary text-center font-open text-[0.75rem] text-primary transition-colors duration-300 hover:text-opacity-50">Hai dimenticato la password?</a> </div> </div> <div x-show="active == 3" x-transition:enter class="space-y-4" x-data="signupform"> <p class="text-center font-open text-[0.88rem]">Inserisci i tuoi dati</p> <form name="registrationform" method="post" action="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014" class="space-y-4" @submit.prevent="signup()"> <div class="grid grid-cols-2 gap-4"> <input x-model="nome" type="text" name="nome" class="w-full rounded border border-[#CBCBCB] px-4 py-3 font-open text-[0.88rem] text-[#0F1011] placeholder-[#A0A0A0] focus:border-[#0F1011] focus:outline-none focus:ring-0 focus:ring-offset-0" placeholder="Nome" required /> <input x-model="cognome" type="text" name="cognome" class="w-full rounded border border-[#CBCBCB] px-4 py-3 font-open text-[0.88rem] text-[#0F1011] placeholder-[#A0A0A0] focus:border-[#0F1011] focus:outline-none focus:ring-0 focus:ring-offset-0" placeholder="Cognome" required /> </div> <input x-model="username" type="email" name="log" class="w-full rounded border border-[#CBCBCB] px-4 py-3 font-open text-[0.88rem] text-[#0F1011] placeholder-[#A0A0A0] focus:border-[#0F1011] focus:outline-none focus:ring-0 focus:ring-offset-0" placeholder="Email" required /> <input x-model="password" type="password" name="pwd" class="w-full rounded border border-[#CBCBCB] px-4 py-3 font-open text-[0.88rem] text-[#0F1011] placeholder-[#A0A0A0] focus:border-[#0F1011] focus:outline-none focus:ring-0 focus:ring-offset-0" placeholder="Password" required /> <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response" /> <p x-show="message" class="font-open text-[0.75rem] text-primary" x-html="message"></p> <button :disabled="loading" class="relative w-full cursor-pointer rounded bg-primary px-4 py-3 text-[1rem] font-bold uppercase text-white transition-colors duration-300 hover:bg-opacity-50 focus:outline-none focus:ring-0 focus:ring-offset-0 " type="submit" name="wp-submit">Registrati <span x-show="loading"> <svg width="50px" height="50px" class="absolute top-1/2 left-1/2 h-8 -translate-x-1/2 -translate-y-1/2 brightness-0 invert" display="block" shape-rendering="auto" style="background:none" preserveAspectRatio="xMidYMid" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="35" fill="none" stroke="#e50914" stroke-dasharray="164.93361431346415 56.97787143782138" stroke-width="10"> <animateTransform attributeName="transform" dur="1s" keyTimes="0;1" repeatCount="indefinite" type="rotate" values="0 50 50;360 50 50" /> </circle> </svg> </span> </button> </form> </div> </div> <div> <p class="mb-4 text-center font-open text-[0.88rem]">Oppure accedi con i social: </p> <div id="xs-social-login-container"> <div class="xs-login xs-login--style-1"> <a rel="nofollow" class="xs-login__item wslu-color-scheme--facebook" href="javascript:void(0)" onclick="javascript:location.href='https://www.davidemaggio.it/wp-json/wslu-social-login/type/facebook?XScurrentPage=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014'"> <span class="xs-login__item--icon"> <i class="met-social met-social-facebook"></i> </span> <span class="xs-login__item--label"> Login with Facebook </span> </a> <a rel="nofollow" class="xs-login__item wslu-color-scheme--google" href="javascript:void(0)" onclick="javascript:location.href='https://www.davidemaggio.it/wp-json/wslu-social-login/type/google?XScurrentPage=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014'"> <span class="xs-login__item--icon"> <i class="met-social met-social-google"></i> </span> <span class="xs-login__item--label"> Login with Google </span> </a> </div> </div> </div> </div> </div> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('loginform', () => ({ init() { let logged = false; document.querySelectorAll('li.js-login > a') .forEach(el => el.href = '/account' ); if (!logged) document.querySelectorAll('.js-login > a').forEach(el => el.addEventListener('click', e => { e.preventDefault(); this.login = true; })); }, username: '', password: '', 'g-recaptcha-response': '', loading: false, message: '', signin() { this.loading = true; this.message = ''; fetch("https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php", { method: 'POST', headers: { 'Content-type': 'application/x-www-form-urlencoded' }, body: new URLSearchParams({ action: 'signIn', log: this.username, pwd: this.password, 'g-recaptcha-response': jQuery("form[name='loginform'] #g-recaptcha-response").val() }) }) .then((response) => { if (response.ok) { response.json().then(data => { this.message = data.message if (data.loggedin) { location.reload(); } }); } }) .catch((error) => { this.message = "Si è verificato un errore" }) .finally(() => { this.loading = false; }) } })) }) </script> <script> document.addEventListener('alpine:init', () => { Alpine.data('signupform', () => ({ username: '', password: '', nome: '', cognome: '', 'g-recaptcha-response': '', loading: false, message: '', signup() { this.loading = true; this.message = ''; fetch("https://www.davidemaggio.it/wp/wp-admin/admin-ajax.php", { method: 'POST', headers: { 'Content-type': 'application/x-www-form-urlencoded' }, body: new URLSearchParams({ action: 'signUp', log: this.username, pwd: this.password, nome: this.nome, cognome: this.cognome, 'g-recaptcha-response': jQuery("form[name='registrationform'] .g-recaptcha-response").val() }) }) .then((response) => { if (response.ok) { response.json().then(data => { this.message = data.message if (data.loggedin) { location.reload(); } }); } }) .catch((error) => { this.message = "Si è verificato un errore" }) .finally(() => { this.loading = false; }) } })) }) </script> </header> <div x-cloak class="stHeader fixed inset-x-0 top-0 z-30 bg-white" :class="[isStickyHeader ? 'opacity-100 visible stickyHeader' : 'opacity-0 invisible notStickyHeader']"> <div class="container bg-white"> <div class="flex items-center justify-center py-5 lg:py-[1.375rem]"> <div class="hidden flex-1 md:block"> <ul class="flex items-center space-x-4" id="desktop-top-left"> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.facebook.com/davidemaggio.it/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/facebook-3.svg" src="facebook (3)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://twitter.com/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/X-1.svg" src="X (1)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.youtube.com/@davidemaggiotv" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/youtube-3.svg" src="youtube (3)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.instagram.com/davidemaggioit/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/instagram-5.svg" src="instagram (5)" /> </a> </li> </ul> </div> <a href="https://www.davidemaggio.it/"> <img width="383" height="32" src="https://www.davidemaggio.it/app/uploads/2023/10/logo-2.svg" class="h-[20px] lg:h-auto" alt="" decoding="async" loading="lazy" /> </a> <div class="hidden flex-1 justify-end md:flex"> <ul class="flex items-center space-x-4" id="desktop-top-right"> <li class="js-login"> <a href="#" class="transition duration-300 hover:opacity-75"> <img class="h-6" src="https://www.davidemaggio.it/app/themes/custom/public/images/user2.svg?id=459d921d76f3aca82af5c08abb103360" alt="Accedi" loading="lazy"> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://t.me/davidemaggio" target="_self"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/apple-3.svg" src="Telegram" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://whatsapp.com/channel/0029VaDTABY4o7qQtZWuDS2w" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/android-2.svg" src="Whatsapp" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75" href="https://www.davidemaggio.it/newsletter" target="_self"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/09/email.svg" src="email" /> </a> </li> </ul> </div> </div> </div> <div class="bg-black-100 py-3"> <div class="container"> <div class="flex space-x-6 lg:space-x-0"> <div class="flex items-center space-x-3.5 lg:flex-1 lg:space-x-[2.625rem]"> <button class="hamburger hamburger--collapse-r" type="button" :class="hamburger ? 'is-active' : ''" @click="hamburger = !hamburger"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <button @click="hamburger = false" class="text-[1.25rem] font-semibold text-white lg:!hidden" x-cloak x-show="hamburger" x-transition:enter.opacity>Chiudi</button> </div> <div class="flex shrink-0 items-center justify-end transition-opacity lg:hidden" :class="hamburger && 'opacity-0'"> <button @click="searchModal = !searchModal"> <img class="h-[1.125rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/search.svg?id=4b67343d1485ad709e862229696b04a2" alt="search"> </button> </div> <ul class="hide-scrollbar flex items-center space-x-6 overflow-scroll whitespace-nowrap transition-opacity lg:space-x-8 lg:overflow-hidden lg:opacity-100" :class="hamburger && 'opacity-0'"> <li class="group flex h-full shrink-0 items-center"> <a class="mb-1.5" href="https://www.davidemaggio.it/anteprime" target=""> <img class="h-[1rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/boom.svg?id=3c5f94df4dc2da791fc9926df06efad9" alt="Boom" loading="lazy"> </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/ascolti-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Ascolti tv </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/notizie-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Notizie TV </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/programmi-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Programmi TV </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/guida-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Guida TV </a> </li> <li class="group h-full shrink-0"> <a href="https://www.davidemaggio.it/serie-tv" class="text-[0.875rem] font-extrabold uppercase leading-none text-white transition-colors duration-300 hover:text-primary"> Serie TV </a> </li> <li class="group flex h-full shrink-0 items-center"> <a href="https://www.davidemaggio.it/shop" target=""> <img class="h-[1rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/shop.svg?id=dc287c3a3191317075e2128626dc349a" alt="shop" loading="lazy"> </a> </li> </ul> <div class="hidden flex-1 items-center justify-end lg:flex"> <button @click="searchModal = !searchModal"> <img class="h-[1.125rem] pl-[2.5625rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/search.svg?id=4b67343d1485ad709e862229696b04a2" alt="search"> </button> </div> </div> <div class="fixed inset-0 z-40 bg-[#F8F8F8] transition-all duration-300 ease-in-out" :class="searchModal ? 'visible opacity-100' : 'invisible opacity-0'" :style="{ top: (isStickyHeader ? headerHeight : headerHeight) + 'px' }" x-cloak @click="searchModal = false"> <img class="absolute inset-0 object-cover object-center" src="https://www.davidemaggio.it/app/themes/custom/public/images/squares.png?id=26b54e4965e01e9101ceba7dfe739bd9" /> <div class="container relative flex h-full flex-col"> <div class="mt-[6.25rem] rounded-[1.25rem] bg-white py-6 px-5" @click.stop> <form action="/" method="get" class="flex flex-col lg:space-x-5 lg:flex-row header-search-form" x-data="{ cat: '', tag: '' }"> <div class="flex min-h-[48px] flex-1 items-center space-x-2 rounded-lg border border-[#D8D8D8] bg-white p-1.5 pl-4 mb-3 lg:mb-0"> <img class="h-[1.13rem]" src="https://www.davidemaggio.it/app/themes/custom/public/images/search_gray.svg?id=b747290e039cfb523d25ef75ea69d3eb" alt="Cerca" loading="lazy"> <input type="text" name="s" minlength="3" class="grow font-open text-[1rem] placeholder:text-gray-200 focus:outline-none pr-[30px]" placeholder="Cerca qualcosa" value="" /> <button type="submit" class="shrink-0 rounded bg-primary py-2 px-4 text-[0.88rem] font-medium leading-none text-white !ml-[-20px]"> Cerca </button> </div> <input type="hidden" name="cat" :value="cat"> <div class="relative inline-block mb-3 lg:mb-0" x-data="{ open: false }" x-cloak @click.outside="open = false"> <button @click="open = !open" type="button" class="flex h-full min-h-[48px] w-full min-w-[200px] items-center whitespace-nowrap rounded-lg border border-[#D8D8D8] bg-white px-4 py-3 font-open text-[1rem] leading-tight transition duration-150 ease-in-out focus:outline-none focus:ring-0" type="button" data-bs-toggle="dropdown" aria-expanded="false" :class="cat ? 'text-[#0F1011]' : 'text-gray-200'"> <span x-text="cat ? [{"term_id":63,"name":"Ascolti TV","slug":"ascolti-tv","term_group":0,"term_taxonomy_id":58,"taxonomy":"category","description":"Gli ascolti tv pi\u00f9 completi sulla televisione italiana. Dati auditel del giorno in valori assoluti e share di tv generalista, reti digitali e satellite.","parent":0,"count":8812,"filter":"raw","term_order":"0","cat_ID":63,"category_count":8812,"category_description":"Gli ascolti tv pi\u00f9 completi sulla televisione italiana. Dati auditel del giorno in valori assoluti e share di tv generalista, reti digitali e satellite.","cat_name":"Ascolti TV","category_nicename":"ascolti-tv","category_parent":0},{"term_id":67,"name":"BOOM","slug":"anteprime","term_group":0,"term_taxonomy_id":62,"taxonomy":"category","description":"Notizie in anteprima ed esclusive sulla televisione italiana, sui principali personaggi TV e i dietro le quinte dei programmi pi\u00f9 visti.","parent":0,"count":1757,"filter":"raw","term_order":"0","cat_ID":67,"category_count":1757,"category_description":"Notizie in anteprima ed esclusive sulla televisione italiana, sui principali personaggi TV e i dietro le quinte dei programmi pi\u00f9 visti.","cat_name":"BOOM","category_nicename":"anteprime","category_parent":0},{"term_id":38465,"name":"Canali TV","slug":"canali-tv","term_group":0,"term_taxonomy_id":45651,"taxonomy":"category","description":"","parent":0,"count":638,"filter":"raw","term_order":"0","cat_ID":38465,"category_count":638,"category_description":"","cat_name":"Canali TV","category_nicename":"canali-tv","category_parent":0},{"term_id":38467,"name":"Davide Maggio","slug":"davide-maggio","term_group":0,"term_taxonomy_id":45653,"taxonomy":"category","description":"","parent":0,"count":24,"filter":"raw","term_order":"0","cat_ID":38467,"category_count":24,"category_description":"","cat_name":"Davide Maggio","category_nicename":"davide-maggio","category_parent":0},{"term_id":2918,"name":"Foto","slug":"fotogallery","term_group":0,"term_taxonomy_id":7588,"taxonomy":"category","description":"","parent":0,"count":2785,"filter":"raw","term_order":"0","cat_ID":2918,"category_count":2785,"category_description":"","cat_name":"Foto","category_nicename":"fotogallery","category_parent":0},{"term_id":14,"name":"Guida TV","slug":"stasera-in-tv","term_group":0,"term_taxonomy_id":13,"taxonomy":"category","description":"","parent":0,"count":5154,"filter":"raw","term_order":"0","cat_ID":14,"category_count":5154,"category_description":"","cat_name":"Guida TV","category_nicename":"stasera-in-tv","category_parent":0},{"term_id":29,"name":"Musica","slug":"musica","term_group":0,"term_taxonomy_id":26,"taxonomy":"category","description":"","parent":0,"count":854,"filter":"raw","term_order":"0","cat_ID":29,"category_count":854,"category_description":"","cat_name":"Musica","category_nicename":"musica","category_parent":0},{"term_id":4,"name":"Notizie TV","slug":"notizie-tv","term_group":1,"term_taxonomy_id":4,"taxonomy":"category","description":"","parent":0,"count":33388,"filter":"raw","term_order":"0","cat_ID":4,"category_count":33388,"category_description":"","cat_name":"Notizie TV","category_nicename":"notizie-tv","category_parent":0},{"term_id":29839,"name":"Pagelle TV","slug":"pagelle-tv","term_group":0,"term_taxonomy_id":36862,"taxonomy":"category","description":"","parent":0,"count":638,"filter":"raw","term_order":"0","cat_ID":29839,"category_count":638,"category_description":"","cat_name":"Pagelle TV","category_nicename":"pagelle-tv","category_parent":0},{"term_id":41,"name":"Palinsesti","slug":"palinsesti","term_group":0,"term_taxonomy_id":36,"taxonomy":"category","description":"Tutti i palinsesti di tutte le reti.","parent":0,"count":1195,"filter":"raw","term_order":"0","cat_ID":41,"category_count":1195,"category_description":"Tutti i palinsesti di tutte le reti.","cat_name":"Palinsesti","category_nicename":"palinsesti","category_parent":0},{"term_id":38463,"name":"Programmi TV","slug":"programmi-tv","term_group":0,"term_taxonomy_id":45649,"taxonomy":"category","description":"","parent":0,"count":10161,"filter":"raw","term_order":"0","cat_ID":38463,"category_count":10161,"category_description":"","cat_name":"Programmi TV","category_nicename":"programmi-tv","category_parent":0},{"term_id":70,"name":"Radio","slug":"radio","term_group":0,"term_taxonomy_id":65,"taxonomy":"category","description":"","parent":0,"count":191,"filter":"raw","term_order":"0","cat_ID":70,"category_count":191,"category_description":"","cat_name":"Radio","category_nicename":"radio","category_parent":0},{"term_id":38520,"name":"Recensioni","slug":"recensioni","term_group":0,"term_taxonomy_id":45706,"taxonomy":"category","description":"","parent":0,"count":674,"filter":"raw","term_order":"0","cat_ID":38520,"category_count":674,"category_description":"","cat_name":"Recensioni","category_nicename":"recensioni","category_parent":0},{"term_id":6,"name":"Serie TV","slug":"serie-tv","term_group":0,"term_taxonomy_id":6,"taxonomy":"category","description":"","parent":0,"count":8029,"filter":"raw","term_order":"0","cat_ID":6,"category_count":8029,"category_description":"","cat_name":"Serie TV","category_nicename":"serie-tv","category_parent":0},{"term_id":62,"name":"Video","slug":"videogallery","term_group":0,"term_taxonomy_id":57,"taxonomy":"category","description":"","parent":0,"count":2004,"filter":"raw","term_order":"0","cat_ID":62,"category_count":2004,"category_description":"","cat_name":"Video","category_nicename":"videogallery","category_parent":0}].find(e => e.slug == cat).name : 'Scegli categoria'" class="mr-6 w-full overflow-hidden text-ellipsis text-left"></span> <svg x-show="!cat" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="caret-down" class="ml-auto w-2 text-[#0F1011] transition-transform duration-300" :class="open && 'rotate-180'" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"> <path fill="currentColor" d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"> </path> </svg> <svg x-show="cat" @click.stop="cat = null" xmlns="http://www.w3.org/2000/svg" class="w-4 text-[#0F1011]" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /> </svg> </button> <ul x-show="open" x-transition class="absolute z-20 m-0 mt-1 max-h-56 w-full min-w-[200px] list-none overflow-scroll rounded-lg border-none bg-white bg-clip-padding py-2 shadow-lg"> <li> <button type="button" @click=" cat = 'ascolti-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Ascolti TV</button> </li> <li> <button type="button" @click=" cat = 'anteprime'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">BOOM</button> </li> <li> <button type="button" @click=" cat = 'canali-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Canali TV</button> </li> <li> <button type="button" @click=" cat = 'davide-maggio'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Davide Maggio</button> </li> <li> <button type="button" @click=" cat = 'fotogallery'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Foto</button> </li> <li> <button type="button" @click=" cat = 'stasera-in-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Guida TV</button> </li> <li> <button type="button" @click=" cat = 'musica'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Musica</button> </li> <li> <button type="button" @click=" cat = 'notizie-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Notizie TV</button> </li> <li> <button type="button" @click=" cat = 'pagelle-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Pagelle TV</button> </li> <li> <button type="button" @click=" cat = 'palinsesti'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Palinsesti</button> </li> <li> <button type="button" @click=" cat = 'programmi-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Programmi TV</button> </li> <li> <button type="button" @click=" cat = 'radio'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Radio</button> </li> <li> <button type="button" @click=" cat = 'recensioni'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Recensioni</button> </li> <li> <button type="button" @click=" cat = 'serie-tv'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Serie TV</button> </li> <li> <button type="button" @click=" cat = 'videogallery'; open = false" class="block w-full overflow-hidden text-ellipsis whitespace-nowrap bg-transparent py-2 px-4 text-left font-open text-sm text-[#0F1011] transition-all duration-300 hover:bg-primary/50 hover:text-white">Video</button> </li> </ul> </div> <div class="flex min-h-[48px] items-center space-x-2 rounded-lg border border-[#D8D8D8] bg-white py-1.5 pl-2 pr-4"> <div class="flex grow divide-x divide-[#D8D8D8]" x-init="new DateRangePicker($el, { format: 'dd/mm/yyyy', language: 'it' })"> <input type="text" name="from" class="max-w-[116px] grow px-2 font-open text-[1rem] placeholder:text-gray-200 focus:outline-none" placeholder="Data inizio" value="" /> <input type="text" name="to" class="max-w-[116px] grow px-2 font-open text-[1rem] placeholder:text-gray-200 focus:outline-none" placeholder="Data fine" value="" /> </div> <svg class="h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z" /> </svg> </div> <input type="hidden" name="post_type" value=""> </form> </div> </div> </div> </div> </div> </div> <style> .stickyHeader{ z-index: 1000; } /* fix z-index google ads on top */ .gmp-skinmob-container{ z-index: 999 !important; } </style> <main id="main" role="main" class="grow"> <script> function decodeHtml(html) { var txt = document.createElement("textarea"); txt.innerHTML = html; return txt.value; } </script> <script> document.addEventListener('alpine:init', () => { Alpine.data('url', () => ({ changeUrl(permalink, post_title) { let nextURL = permalink; let nextTitle = decodeHtml(post_title); let nextState = { additionalInformation: nextURL }; window.history.pushState(nextState, nextTitle, nextURL); document.title = nextTitle; } })) }); </script> <div x-data="{ initHeight: 0, initTop: 0, }"> <div x-data="{ percent: 0, init() { window.addEventListener('scroll', () => { this.percent = 100 * (document.documentElement.scrollTop - initTop) / initHeight }) } }" x-cloak x-init="init()" class="sticky inset-x-0 top-0 z-30 overflow-hidden" :style="{ top: `${headerHeight}px` }"> <div class="h-2.5 bg-primary" :style="{ width: `${percent > 0 ? percent : 0}%` }"></div> </div> <div id="content"> <div x-data="url" class="container pt-6 pb-10 lg:pt-10 lg:pb-20" x-intersect="initHeight = $el.offsetHeight; initTop = $el.getBoundingClientRect().top + document.documentElement.scrollTop; changeUrl('https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014', 'ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO&#039; (4.3%) - Davide Maggio')"> <div class="dm-721bfff1f457fc595d054383a90a5f81 dm-adv-hp-destkop-1" id="dm-721bfff1f457fc595d054383a90a5f81"></div><div id="ora-in-tendenza" class="-mx-4 flex items-center space-x-8 border-y border-[#D8D8D8] py-3 px-4 lg:mx-0 lg:space-x-20 lg:px-0"> <h3 class="w-min text-base md:text-[1.06rem] font-extrabold leading-[1.18] lg:w-auto lg:text-[1.0625rem] lg:leading-none"> Ora in tendenza </h3> <ul class="hide-scrollbar flex flex-1 space-x-6 overflow-x-scroll overflow-y-hidden pr-10 lg:justify-between lg:overflow-hidden" > <li id="92" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/programmi-tv/festival-di-sanremo'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '92' }) : void(0)" > Festival di Sanremo </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <picture loading="lazy" class="hidden h-full w-full object-cover lg:block"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy"/> </picture> <div class="p-5 lg:py-12"> <div class="min-h-full pb-8 border-b border-gray-200 lg:px-12 lg:pb-0 lg:border-b-0 lg:border-r lg:border-gray-200 "> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="group-child mb-6 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <p class="text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] transition-colors group-child-hover:text-primary"> Sanremo 2025, Pagelle finali </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Lucio Corsi e Olly. Tra i bocciati Alessia Marcuzzi e Tony Effe. </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="inline-block rounded-[6px] border border-primary py-2 px-8 text-[1rem] font-bold tracking-[-0.32px] text-primary transition-colors duration-300 hover:bg-primary hover:text-white"> Leggi di più </a> <picture loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy"/> </picture> </div> </div> <div class="px-5 pt-8 pb-5 lg:px-0 lg:py-12 lg:pl-12"> <ul class="space-y-5"> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/lucio-presta-amadeus-mal-consigliato-in-famiglia" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2024/06/Lucio-Presta-IG-Paola-Perego-150x110.webp" alt="Lucio Presta: “Amadeus mal consigliato in famiglia”" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Lucio Presta: “Amadeus mal consigliato in famiglia”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> E svela con chi andrebbe a cena tra Belen, De Filippi e Balivo </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/tapiro-a-giorgia-dopo-il-6-posto-a-sanremo-2025" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Tapiro-Giorgia-150x83.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Tapiro-Giorgia-150x83.jpg" alt="Tapiro a Giorgia dopo il 6° posto a Sanremo 2025" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Tapiro a Giorgia dopo il 6° posto a Sanremo 2025</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Domani sera la consegna a Striscia la Notizia </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-tutte-le-votazioni-e-le-classifiche" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Olly-5-150x87.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-5-150x87.jpg" alt="Sanremo 2025: tutte le votazioni e le classifiche" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Sanremo 2025: tutte le votazioni e le classifiche</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Scopriamo, nel dettaglio, tutti i punteggi assegnati dalle singole giurie nel corso di ogni serata </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '92' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> <li id="37572" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/tag/olly'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '37572' }) : void(0)" > Olly </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <picture loading="lazy" class="hidden h-full w-full object-cover lg:block"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy"/> </picture> <div class="p-5 lg:py-12"> <div class="min-h-full pb-8 border-b border-gray-200 lg:px-12 lg:pb-0 lg:border-b-0 lg:border-r lg:border-gray-200 "> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="group-child mb-6 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <p class="text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] transition-colors group-child-hover:text-primary"> Sanremo 2025, Pagelle finali </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Lucio Corsi e Olly. Tra i bocciati Alessia Marcuzzi e Tony Effe. </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="inline-block rounded-[6px] border border-primary py-2 px-8 text-[1rem] font-bold tracking-[-0.32px] text-primary transition-colors duration-300 hover:bg-primary hover:text-white"> Leggi di più </a> <picture loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy"/> </picture> </div> </div> <div class="px-5 pt-8 pb-5 lg:px-0 lg:py-12 lg:pl-12"> <ul class="space-y-5"> <li> <a href="https://www.davidemaggio.it/stasera-ce-cattelan-su-rai-2/stasera-ce-cattelan-su-rai2-torna-con-olly" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-Sanremo-2025-scaled-e1739800800970-150x115.jpg" alt="Stasera c’è Cattelan… su Rai2 torna con Olly" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Stasera c’è Cattelan… su Rai2 torna con Olly</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il vincitore di Sanremo 2025 inaugura la nuova stagione del late show di Cattelan </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/olly-frena-sullesc-ho-bisogno-di-prendermi-del-tempo-per-prendere-una-decisione-cosi-importante" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Olly-Conferenza-stampa-Sanremo-150x83.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-Conferenza-stampa-Sanremo-150x83.jpg" alt="Olly frena sull’ESC: “Ho bisogno di tempo per prendere una decisione così importante”" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Olly frena sull’ESC: “Ho bisogno di tempo per prendere una decisione così importante”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il vincitore di Sanremo 2025 non ha ancora accettato di rappresentare l'Italia all'ESC 2025. Ma davvero rifiuterà? </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/olly-vince-il-festival-di-sanremo-2025" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-vincitore-di-Sanremo-2025-e1739669128127-150x88.jpg" alt="Olly vince il Festival di Sanremo 2025" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Olly vince il Festival di Sanremo 2025</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Secondo posto per Lucio Corsi, medaglia di bronzo per Brunori Sas </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '37572' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> <li id="30440" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/tag/classifica-sanremo'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '30440' }) : void(0)" > Classifica Sanremo </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <picture loading="lazy" class="hidden h-full w-full object-cover lg:block"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Classifica-finale-Sanremo-2025-1024x578.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Classifica-finale-Sanremo-2025-1024x578.jpg" alt="La classifica finale di Sanremo 2025" loading="lazy"/> </picture> <div class="p-5 lg:py-12"> <div class="min-h-full pb-8 border-b border-gray-200 lg:px-12 lg:pb-0 lg:border-b-0 lg:border-r lg:border-gray-200 "> <a href="https://www.davidemaggio.it/festival-di-sanremo/la-classifica-finale-di-sanremo-2025" class="group-child mb-6 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <p class="text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] transition-colors group-child-hover:text-primary"> La classifica finale di Sanremo 2025 </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Vince Olly. Giorgia e Achille Lauro fuori dalla top5. Marcella Bella ultima, delusione Tony Effe (25esimo) </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/la-classifica-finale-di-sanremo-2025" class="inline-block rounded-[6px] border border-primary py-2 px-8 text-[1rem] font-bold tracking-[-0.32px] text-primary transition-colors duration-300 hover:bg-primary hover:text-white"> Leggi di più </a> <picture loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Classifica-finale-Sanremo-2025-1024x578.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Classifica-finale-Sanremo-2025-1024x578.jpg" alt="La classifica finale di Sanremo 2025" loading="lazy"/> </picture> </div> </div> <div class="px-5 pt-8 pb-5 lg:px-0 lg:py-12 lg:pl-12"> <ul class="space-y-5"> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-la-classifica-della-terza-serata" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Top-5-terza-serata-Sanremo-2025-150x84.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Top-5-terza-serata-Sanremo-2025-150x84.jpg" alt="Sanremo 2025: la classifica della terza serata" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Sanremo 2025: la classifica della terza serata</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Ecco i 5 Big più votati al Televoto e dalla Giuria delle Radio </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-la-classifica-della-seconda-serata" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Fedez-6-scaled-e1739443624750-150x109.jpg" alt="Sanremo 2025: la classifica della seconda serata" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Sanremo 2025: la classifica della seconda serata</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Ecco i 5 Big più votati al Televoto e dalla Giuria delle Radio </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-la-classifica-della-prima-serata" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Simone-Cristicchi-Sanremo-2025-scaled-e1739359292960-150x110.jpg" alt="Sanremo 2025: la classifica della prima serata" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Sanremo 2025: la classifica della prima serata</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Ecco i 5 Big più votati dalla Giuria della Sala Stampa, Tv e Web </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '30440' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> <li id="41108" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/tag/tony-effe'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '41108' }) : void(0)" > Tony Effe </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <picture loading="lazy" class="hidden h-full w-full object-cover lg:block"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy"/> </picture> <div class="p-5 lg:py-12"> <div class="min-h-full pb-8 border-b border-gray-200 lg:px-12 lg:pb-0 lg:border-b-0 lg:border-r lg:border-gray-200 "> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="group-child mb-6 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <p class="text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] transition-colors group-child-hover:text-primary"> Sanremo 2025, Pagelle finali </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Lucio Corsi e Olly. Tra i bocciati Alessia Marcuzzi e Tony Effe. </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="inline-block rounded-[6px] border border-primary py-2 px-8 text-[1rem] font-bold tracking-[-0.32px] text-primary transition-colors duration-300 hover:bg-primary hover:text-white"> Leggi di più </a> <picture loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy"/> </picture> </div> </div> <div class="px-5 pt-8 pb-5 lg:px-0 lg:py-12 lg:pl-12"> <ul class="space-y-5"> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/gioielli-gate-codacons-contro-tony-effe" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Tony-Effe-1-150x112.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Tony-Effe-1-150x112.jpg" alt="Gioielli gate: Codacons contro Tony Effe" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Gioielli gate: Codacons contro Tony Effe</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> L'esposto riguarda anche Giulia De Lellis che invita a votare per il fidanzato </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/il-dissing-di-tony-effe-a-carlo-conti" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-e-Ema-Stockholma-a-ViD-150x88.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-e-Ema-Stockholma-a-ViD-150x88.jpg" alt="Il dissing di Tony Effe a Carlo Conti" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Il dissing di Tony Effe a Carlo Conti</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> "Se stasera mi levano i gioielli sali tu a cantare" scrive il cantante. La risposta di Carlo Conti e le critiche feroci de La Vita in Diretta </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/tony-effe-vs-sanremo-sono-incazato-nero" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Tony-Effe-1-150x112.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Tony-Effe-1-150x112.jpg" alt="Tony Effe vs Sanremo: “Sono incaz*ato nero”" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Tony Effe vs Sanremo: “Sono incaz*ato nero”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il cantate è arrabbiato perchè gli hanno fatto togliere la collana prima di salire sul palco </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '41108' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> <li id="954" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/tag/alessia_marcuzzi'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '954' }) : void(0)" > Alessia Marcuzzi </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <picture loading="lazy" class="hidden h-full w-full object-cover lg:block"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy"/> </picture> <div class="p-5 lg:py-12"> <div class="min-h-full pb-8 border-b border-gray-200 lg:px-12 lg:pb-0 lg:border-b-0 lg:border-r lg:border-gray-200 "> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="group-child mb-6 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <p class="text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] transition-colors group-child-hover:text-primary"> Sanremo 2025, Pagelle finali </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Lucio Corsi e Olly. Tra i bocciati Alessia Marcuzzi e Tony Effe. </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="inline-block rounded-[6px] border border-primary py-2 px-8 text-[1rem] font-bold tracking-[-0.32px] text-primary transition-colors duration-300 hover:bg-primary hover:text-white"> Leggi di più </a> <picture loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-1024x688.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy"/> </picture> </div> </div> <div class="px-5 pt-8 pb-5 lg:px-0 lg:py-12 lg:pl-12"> <ul class="space-y-5"> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/alessia-marcuzzi-che-imbarazzo" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Alessia-Marcuzzi-e-Achille-Lauro-Sanremo-2025-scaled-e1739796801497-150x92.jpg" alt="Alessia Marcuzzi, che imbarazzo!" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Alessia Marcuzzi, che imbarazzo!</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> La conduttrice sembra aver scambiato il palco dell’Ariston con quello del Festivalbar </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/obbligo-o-verita/obbligo-o-verita-per-alessia-marcuzzi-su-rai2" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Alessia-Marcuzzi-nel-promo-di-Obbligo-o-Verita-150x87.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Alessia-Marcuzzi-nel-promo-di-Obbligo-o-Verita-150x87.jpg" alt="Obbligo o Verità per Alessia Marcuzzi su Rai2" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Obbligo o Verità per Alessia Marcuzzi su Rai2</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il nuovo show, in onda in prima serata da lunedì 24 marzo 2025, sostituisce il reboot di Carramba </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-ecco-i-co-conduttori" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/01/Sanremo-2025-150x84.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/Sanremo-2025-150x84.jpg" alt="Sanremo 2025: ecco i co-conduttori" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Sanremo 2025: ecco i co-conduttori</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Ci sono anche Bianca Balti, Malgioglio, Elettra Lamborghini e Miriam Leone </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '954' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> </ul> </div> <script> function hideOthersTendenza(id) { if(window.innerWidth < 769) { if(jQuery('#'+id).find('.tendenza_menu').hasClass('tendenza_menu_selected')) { jQuery('#'+id).find('.tendenza_menu').removeClass('tendenza_menu_selected'); jQuery('#'+id).find('.tendenza_menu').removeClass('!block'); jQuery('#'+id).find('.tendenza_menu').removeClass('!visible'); jQuery('#'+id).find('.tendenza_menu').removeClass('!opacity-100'); return; } jQuery('.tendenza_menu').removeClass('tendenza_menu_selected'); jQuery('.tendenza_menu').removeClass('!block'); jQuery('.tendenza_menu').removeClass('!visible'); jQuery('.tendenza_menu').removeClass('!opacity-100'); jQuery('#'+id).find('.tendenza_menu').addClass('!block !visible !opacity-100 tendenza_menu_selected'); } } </script> <div class="mt-5 flex"> <nav class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList"> <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" class="breadcrumbs_parent --root" href="https://www.davidemaggio.it/"> <span itemprop="name">Home</span> </a> <meta itemprop="position" content="1"/> </span> <span class="breadcrumbs_slash">/</span> <span itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" class="breadcrumbs_parent" href="https://www.davidemaggio.it/ascolti-tv"> <span itemprop="name">Ascolti TV</span> </a> <meta itemprop="position" content="2"/> </span> </nav> <style> .breadcrumbs_arrow{ width: 18px; margin: -2px 5px 0px; display: inline-block; } .breadcrumbs_slash{ display: inline-block; margin-left: 5px; margin-right: 5px; color: #A0A0A0; text-align: left; font-family: inherit; font-size: 12px; font-weight: bold; line-height: 12px; letter-spacing: -0.24px; } .breadcrumbs_parent{ color: #A0A0A0; text-align: left; font-family: inherit; font-size: 12px; font-weight: bold; line-height: 12px; letter-spacing: -0.24px; display: inline-block; text-transform: uppercase; } .breadcrumbs_parent:hover{ color: rgb(229 9 20); } .breadcrumbs_item{ color: #E50914; text-align: left; font-family: inherit; font-size: 12px; font-weight: bold; line-height: 12px; letter-spacing: -0.24px; display: inline-block; text-transform: uppercase; } </style> </div> <h1 class="mt-2 text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] lg:w-3/4">ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)</h1> <div class="mt-2.5 grid grid-cols-1 items-start gap-[2rem] lg:grid-cols-3"> <div class="col-span-1 lg:col-span-2"> <div class="flex space-x-[4.375rem]"> <p class="text-[0.75rem] font-bold uppercase leading-none text-primary"> <a href='https://www.davidemaggio.it/ascolti-tv'>Ascolti TV</a> </p> </div> <div class="mt-3 flex items-center justify-between"> <div class="flex items-center space-x-2"> <img src="https://www.davidemaggio.it/app/uploads/2024/06/Mattia-Buonocore.webp" alt="Mattia Buonocore" class="rounded-full w-[26px]" style="width: 26px; height: 26px;"/> <p class="font-open text-[0.75rem] leading-none">di Mattia Buonocore</p> </div> <p class="font-open text-[0.75rem] font-semibold leading-none text-gray-200">17/12/2014 - 09:30</p> </div> </div> </div> <div class="mt-2.5 grid grid-cols-1 items-start gap-[2rem] lg:grid-cols-3"> <div class="col-span-1 lg:col-span-2"> <div class="block mt-8 lg:flex lg:space-x-5"> <div class="flex-1"> <div class="relative"> <img class="w-full rounded" src="https://www.davidemaggio.it/app/uploads/2014/12/ascolti-tv-16-dicembre-2014-i-dieci-comandamenti.jpg" alt="ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)" loading="lazy" /> <div class="absolute right-2.5 top-2.5 !mt-0 flex items-center space-x-2 p-2 lg:right-2.5 lg:top-2.5"> </div> </div> <p class="mt-1 mb-5 italic text-gray-100 font-open text-gray-100 text-sm"></p> <div class="mt-[1.75rem] mb-[1.75rem] lg:mb-0"> </div> <div class="block lg:hidden"> <ul x-cloak class=" inline-flex flex-row divide-x divide-[#CBCBCB] rounded-sm border border-[#CBCBCB] text-[#0F1011]" x-data="{ social: { facebook: { title: 'Facebook', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>', url: 'https://www.facebook.com/sharer.php?u=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014', }, twitter: { title: 'X (Twitter)', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: 'https://twitter.com/intent/tweet?url=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014&text=ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/ascolti-tv\/ascolti-tv-di-martedi-16-dicembre-2014', title: 'ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)' } }"> <template x-for="(s, key) in social" hidden :key="key"> <li class="leading-none"> <button :title="s.title" @click.prevent="window.open(encodeURI(s.url), '_blank');" class=" !p-2 hover:text-primary p-1" x-html="s.svg"></button> </li> </template> <li class="leading-none"> <button @click.prevent='shareSocials = data; shareModal = true' class=" !p-2 hover:text-primary"> <svg class="aspect-square h-4 transition-all duration-300" viewBox="0 0 13.333 10" xmlns="http://www.w3.org/2000/svg"> <path transform="translate(-4 -7)" d="M11.778,13.462v3.205L17.333,12,11.778,7V9.778C5.278,9.778,4,17,4,17,5.841,13.771,8.25,13.462,11.778,13.462Z" fill="currentColor" /> </svg> </button> </li> </ul> </div> <div class="prose mt-[1.75rem] max-w-none font-open text-gray-100 prose-headings:text-gray-100 prose-a:text-gray-100 prose-img:rounded"> <figure id="attachment_110373" aria-describedby="caption-attachment-110373" style="width: 490px" class="wp-caption aligncenter"><img fetchpriority="high" decoding="async" class="size-full wp-image-110373 " title="ascolti tv 16 dicembre 2014 i dieci comandamenti" src="https://www.davidemaggio.it/app/uploads/2014/12/ascolti-tv-16-dicembre-2014-i-dieci-comandamenti.jpg" alt="" width="490" height="304" /><figcaption id="caption-attachment-110373" class="wp-caption-text">Roberto Benigni</figcaption></figure> <h2><strong>Ascolti tv prime time – martedì 16 dicembre 2014<br /> </strong></h2> <div class="dm-7e21ee5056cf8380707102c343a71ae9 dm-content_4" id="dm-7e21ee5056cf8380707102c343a71ae9"></div><p style="text-align: justify;">Su Rai1 la seconda e ultima puntata de<strong> I Dieci Comandamenti</strong> (<a href="https://www.davidemaggio.it/archives/110383/i-dieci-comandamenti-roberto-benigni-racconta-luomo-parlando-di-dio-il-finale-e-un-crescendo" target="_blank" rel="noopener">qui la nostra recensione</a>), con Roberto Benigni, ha conquistato 10.266.000 spettatori pari al 38.32% (presentazione: 7.845.000 – 27.1%). Si tratta del terzo risultato assoluto del 2014, dopo la partita della nazionale italiana ai Mondiali brasiliani contro l’Uruguay e la serata inaugurale del Festival di Sanremo 2014. Su Canale 5 <strong>The Guardian</strong> ha raccolto davanti al video 2.421.000 spettatori pari al 10.75% di share. Su Rai2<strong> Ricatto d’Amore </strong>ha registrato 1.971.000 spettatori (7.19%). Su Italia1 <strong>American Pie – Ancora Insieme</strong> ha intrattenuto 1.475.000 spettatori (5.56%). Su Rai3<strong> Ballarò </strong>ha raccolto davanti al video 1.048.000 spettatori con il 4.3% (<strong>Il Candidato Zucca Presidente</strong> 1.261.000 – 10.11%). Su Rete4 <strong>Il Caso Thomas Crawford</strong> totalizza 832.000 spettatori (3.23%). Su La7 il talk show <strong>DiMartedì</strong> è stato visto da 877.000 spettatori (3.88%). Su Real Time/+1 <strong>Diario di un Wedding Planner</strong> ha totalizzato 391.000 telespettatori con l’1.4% di share, nel primo episodio, e 401.000 telespettatori con l’1.6% nel secondo episodio.</p> <h2 style="text-align: justify;"><strong>Access prime time<br /> </strong></h2> <p style="text-align: justify;"><strong><em>Entrambe le ammiraglie superano i 6 milioni.</em></strong></p><div class="dm-9d1668f735734de2035d35d3fc8d63d1 dm-content" id="dm-9d1668f735734de2035d35d3fc8d63d1"></div><div class="dm-732ff8586224c3609e153438a040aae1 dm-adv-articolo-mobile-inside-2" id="dm-732ff8586224c3609e153438a040aae1"></div> <p style="text-align: justify;">Su Rai1<strong> Affari Tuoi </strong>è stato seguito da 6.023.000 spettatori e il 21.66% di share mentre su Canale 5<strong> Striscia La Notizia </strong>ha fatto segnare 6.069.000 spettatori (21.48%). Per il gioco dei pacchi, nel periodo di sovrapposizione con Striscia la notizia (terminato quasi 12 minuti più tardi rispetto alla fine di Affari Tuoi), dalle 20:47:16 alle 21:12:44, ci sono stati 6.149.000 spettatori con il 21,98% di share, mentre per il competitor gli spettatori sono stati 5.506.000 pari al 19,68% di share. Su Rai2 <strong>Impazienti </strong>ha divertito 1.292.000 spettatori con il 4.54%. Su Italia1 la serie in replica<strong> CSI:NY </strong>ha registrato 1.519.000 spettatori con il 5.61%. Su Rai3 la soap<strong> Un Posto al Sole </strong>ha fatto segnare 2.010.000 spettatori pari al 7.33%. Su Rete4<strong> Tempesta d’Amore</strong> ha radunato 1.249.000 individui all’ascolto (4.49%) mentre su La7<strong> Otto e Mezzo </strong>ha informato 1.303.000 spettatori (4.74%).</p> <h2 style="text-align: justify;"><strong>Preserale</strong></h2> <p style="text-align: justify;"><em><strong>CentoVetrine è persino in calo.</strong></em></p><div class="dm-48a5e5563d8f6738e5225a93cfc259a9 dm-content_5" id="dm-48a5e5563d8f6738e5225a93cfc259a9"></div><div class="dm-382f7aee4524df50d970d08af3e092b6 dm-content_2" id="dm-382f7aee4524df50d970d08af3e092b6"></div> <p style="text-align: justify;">Su Rai1 <strong>L’Eredità – La Sfida dei 6 </strong>ha ottenuto un ascolto medio di 3.747.000 spettatori (22.03%) mentre <strong>L’Eredità</strong> ha raccolto 5.249.000 spettatori (25.35%). Su Canale 5 <strong>Avanti il Primo </strong>ha raccolto 2.954.000 spettatori con il 17.69% mentre <strong>Avanti Un Altro</strong> ha ottenuto 4.133.000 spettatori con il 20.26%. Su Rai2 la serie <strong>NCIS Los Angeles </strong>ha interessato 1.045.000 ascoltatori (5.55%) mentre <strong>NCIS </strong>ha ottenuto 1.875.000 spettatori (7.83%). Su Italia1<strong> CSI: NY </strong>ha totalizzato 740.000 spettatori (3.29%). Su Rai3 <strong>Blob</strong> segna 1.199.000 spettatori con il 4.93%. Su Rete 4 <strong>Il Segreto</strong> in replica ha appassionato 840.000 telespettatori con il 3.72% mentre <strong>CentoVetrine</strong> ha raccolto 1.046.000 spettatori con il 4.16%. Su La7 la serie transalpina <strong>Il Commissario Cordier </strong>ha appassionato 367.000 spettatori (share del 2.21%).</p> <p style="text-align: justify;"><img decoding="async" title="Continua..." src="https://www.davidemaggio.it/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /><span id="more-110371"></span></p> <h2 style="text-align: justify;"><strong>Daytime Mattina<br /> </strong></h2> <p style="text-align: justify;"><em><strong>Risultato monstre per Storie Vere.</strong></em></p><div class="dm-5c79fa20407a30d88342a158c041f6d0 dm-content_3" id="dm-5c79fa20407a30d88342a158c041f6d0"></div> <p style="text-align: justify;">Su Rai1 <strong>Uno Mattina </strong>dà il buongiorno a 1.014.000 telespettatori con il 20.32%. <strong>Storie Vere </strong><strong> </strong>segna 1.174.000 spettatori con il 25.21%. Su Canale5 <strong>Un Ciclone in Famiglia </strong>ha convinto 445.000 spettatori (9.3%). Su Rai2 la serie <strong>Il Tocco di Un Angelo </strong>ha ottenuto 226.000 spettatori con il 4.2%, nel primo episodio, e 249.000 spettatori con il 5.16%, nel secondo episodio. Su Rai3 <strong>Agorà </strong>segna 518.000 spettatori con il 9.83% mentre <strong>Mi Manda Rai3</strong> ha ottenuto 354.000 spettatori con il 7.58%. Su Rete 4 <strong>Cuore Ribelle</strong> ha interessato 137.000 spettatori con il 2.34%. Su La7 <strong>Omnibus</strong> conquista 185.000 spettatori (3.48%) mentre <strong>Coffee Break</strong> ne porta a casa 201.000 (4.3%).</p> <h2 style="text-align: justify;"><strong>Daytime Mezzogiorno<br /> </strong></h2> <p style="text-align: justify;"><em><strong>Rete 4 oltre il 6%.</strong></em></p> <p style="text-align: justify;">Su Rai1 <strong>A Conti Fatti </strong>registra 1.082.000 spettatori con il 17.64%. Sulla stessa rete il cooking show <strong>La Prova del Cuoco</strong> porta a casa 2.296.000 spettatori (18.28%). Su Canale 5<strong> Forum</strong> arriva a 1.320.000 telespettatori con il 15.29%. Su Rai2 l’intrattenimento de <strong>I Fatti Vostri</strong> segna 807.000 spettatori con il 9.39%. <strong>Sport Mediaset</strong> ha ottenuto 1.364.000 spettatori con l’8.59%, nella prima parte, e 1.180.000 spettatori con il 6.98%, nella seconda parte. Su Rai3 <strong>Pane Quotidiano </strong>ottiene 686.000 spettatori (4.82%). Su Rete4 il telefilm <strong>Un Detective in Corsia </strong>è stato seguito da 707.000 telespettatori con il 6.06%, mentre <strong>La Signora in Giallo </strong>ha appassionato 1.031.000 spettatori con il 6.29%. Su La7 <strong>L’Aria che Tira</strong> ha raccolto 332.000 spettatori con il 5.48%, nella prima parte, e 402.000 spettatori con il 3.18%, nella seconda parte.</p> <h2 style="text-align: justify;"><strong>Daytime Pomeriggio</strong><em><strong> </strong></em></h2> <p style="text-align: justify;"><em><strong>Beautiful si ferma al 17.45%. Detto Fatto all’8.4%.<br /> </strong></em></p> <p style="text-align: justify;">Su Rai1 l’appuntamento con <strong>Dolci dopo il Tiggì</strong>, con Antonella Clerici, ottiene 1.939.000 telespettatori con l’11.93%. A seguire<strong> Torto o Ragione? Il Verdetto Finale</strong> ha interessato 1.840.000 spettatori con il 14.64%. Sempre su Rai1 l’anteprima di Vid <strong>Italia in Diretta </strong>ha convinto 1.786.000 spettatori (15.4%). <strong>La Vita in Diretta</strong>, con Marco Liorni e Cristina Parodi, ha intrattenuto complessivamente nelle due parti di messa in onda 2.762.000 spettatori con il 21.5% (24.05% prima parte – 18.17% seconda parte). Tra le due parti di VID dalle 17.26 alle 18:16 la <strong>diretta dal Quirinale per i tradizionali auguri di fine anno del Presidente Napolitano alle alte cariche dello Stato</strong> ha ottenuto 2.230.000 e il 17.34%. Su Canale5 il doppio appuntamento con la soap <strong>Beautiful</strong> ha raccolto 2.903.000 telespettatori con il 17.45%.<strong> </strong>A seguire l’appuntamento con <strong>Temptation Island Qualche Mese Dopo </strong>ha incollato al video 1.787.000 spettatori con il 14.05%. Sulla stessa rete la seconda stagione della telenovela spagnola <strong>Il Segreto</strong> ha appassionato 3.248.000 spettatori con il 27.77%. Il film <strong>Equivoci D’Amore</strong> ha convinto 1.747.000 spettatori con il 13.61%.<strong> </strong>Su Rai2 <strong>Detto Fatto </strong>ha raccolto 1.157.000 spettatori e l’8.4% di share mentre <strong>Castle</strong> ha ottenuto 687.000 spettatori e il 5.89%. A seguire<strong> Super Max Tv </strong>ottiene 326.000 telespettatori con il 2.72%. Su Italia1<strong> I Simpson</strong><strong> </strong>appassionano 1.330.000 spettatori con il 7.95%. <strong>Futurama </strong>raccoglie 1.510.000 telespettatori con il 9.69%. <strong>The Big Bang Theory </strong>ha divertito 741.000 telespettatori con il 5.58%, nel primo episodio, e 694.000 spettatori con il 5.69%, nel secondo episodio. <strong>Mom</strong> ha ottenuto 606.000 spettatori con il 5.26%, nel primo episodio, e 540.000 spettatori, con il 4.63% nel secondo episodio. Su Rai3 <strong>Terra Nostra 2</strong> ha convinto 732.000 spettatori (6%) mentre <strong>Geo</strong> ha ottenuto 1.399.000 spettatori (10.16%). Su Rete4 <strong>Lo Sportello di Forum</strong> è stato seguito da 1.127.000 spettatori con il 7.5%. Su La7 <strong>Cuochi e Fiamme</strong> ha ottenuto 144.000 spettatori con l’1.06%.</p> <h2 style="text-align: justify;"><strong>Seconda Serata<br /> </strong></h2> <p style="text-align: justify;"><em><strong>Vespa al 16.81%.</strong></em></p> <p style="text-align: justify;">Su Rai1 l’appuntamento con<strong> Porta a Porta </strong>totalizza 1.570.000 spettatori per uno share del 16.81%.<strong> </strong>In 283.000 si sono sintonizzati su Canale 5 per seguire <strong>Heroes</strong> (share del 5.11%). Su Rai2 <strong>2 Next </strong>segna 392.000 spettatori con il 4.5%. Su Italia1 <strong>Paul </strong>ha ottenuto 624.000 spettatori (7%). Su Rete 4 <strong>The Life of David Gale</strong> ha interessato 381.000 spettatori con il 5.16%.</p> <h2 style="text-align: justify;"><strong>Telegiornali</strong></h2> <p style="text-align: justify;"><strong> </strong>(edizioni meridiana e della sera in migliaia):</p> <p style="text-align: justify;">TG1: 3.863 (22.89%) / 6.325 (25.6%)<br /> TG2: 2.782 (17.83%) / 2.631 (9.86%)<br /> TG3: 2.095 (13.28%) / 2.065 (10.97%)<br /> TG5: 3.301 (20.94%) / 5.211 (20.77%)<br /> STUDIO APERTO: 2.207 (17.34%) / 1.092 (6.92%)<br /> TG4: 607 (9.03%) /789 (4.22%)<br /> TGLA7: 648 (3.83%) / 1.353 (5.43%)</p> <h2 style="text-align: justify;"><strong>Dati auditel per fasce</strong></h2> <p><strong>Rai 1 23,09</strong> 10,58 19,79 21,90 16,70 17,81 22,96 29,98 28,37<br /> Rai 2 6,95 3,58 2,88 5,45 10,43 6,60 6,25 7,02 6,51<br /> Rai 3 7,00 3,52 11,37 8,42 8,68 6,94 9,15 4,57 5,12<br /> Rai 4 0,82 1,42 0,45 0,94 0,27 0,51 0,36 1,01 1,83<br /> Rai 5 0,32 0,33 0,18 0,17 0,27 0,71 0,25 0,25 0,29<br /> Rai Movie 1,09 1,66 0,74 0,95 0,86 1,41 1,05 1,10 1,16<br /> Rai Premium 1,30 2,53 1,15 0,79 0,72 1,76 1,55 1,35 1,18<br /> Rai YoYo 1,16 0,40 2,53 2,30 1,27 1,64 1,52 0,60 0,35<br /> Rai Sport 1 0,19 0,31 0,13 0,09 0,15 0,28 0,18 0,09 0,31<br /> Rai Sport 2 0,09 0,31 0,01 0,09 0,08 0,14 0,07 0,08 0,09<br /> Rai News 0,39 1,73 1,77 0,60 0,33 0,58 0,24 0,12 0,17<br /> Rai GULP 0,47 0,16 0,81 0,39 0,45 0,38 0,87 0,37 0,23<br /> Rai Scuola 0,01 0,00 0,02 0,01 0,00 0,00 0,01 0,01 0,00<br /> Rai Storia 0,13 0,31 0,04 0,20 0,08 0,13 0,13 0,18 0,09<br /> Rai Specializzate 5,96 9,17 7,83 6,51 4,48 7,54 6,21 5,16 5,71<br /> RAI 43,00 26,84 41,87 42,28 40,29 38,89 44,57 46,73 45,72</p> <p>Canale5 15,30 12,20 18,21 11,78 17,13 17,39 18,43 15,14 9,51<br /> Italia1 5,55 2,06 2,49 3,73 9,40 4,39 4,08 5,51 6,28<br /> Rete4 4,58 1,83 2,22 5,11 6,34 6,19 4,12 3,84 3,77<br /> Boing 0,83 0,36 1,32 0,72 0,97 1,38 1,30 0,47 0,16<br /> Iris 0,94 2,04 0,47 0,85 0,51 0,95 0,60 1,24 1,36<br /> La5 0,63 1,59 0,26 0,70 0,30 0,58 0,34 0,56 1,34<br /> Mediaset Extra 0,65 0,96 0,08 0,56 0,56 0,75 0,41 0,60 1,11<br /> Italia 2 0,55 0,67 0,29 0,77 0,40 0,56 0,61 0,53 0,65<br /> Cartoonito 0,60 0,09 1,28 1,05 0,49 1,05 0,72 0,47 0,14<br /> Top Crime 0,94 1,82 0,46 0,76 0,88 1,03 0,77 0,99 1,12<br /> Premium Calcio HD 0,05 0,05 0,03 0,01 0,03 0,02 0,08 0,06 0,07<br /> Mediaset Specializzate 5,21 7,59 4,20 5,42 4,13 6,33 4,82 4,92 5,95<br /> MEDIASET 30,64 23,69 27,12 26,04 37,00 34,31 31,45 29,41 25,52</p> <p>La7 3,18 2,66 3,53 4,50 2,72 1,62 3,04 4,15 3,37<br /> La7d 0,49 1,13 0,13 0,32 0,41 0,47 0,46 0,50 0,65<br /> Totale La7 3,67 3,79 3,66 4,83 3,12 2,09 3,50 4,66 4,02</p> <p>Totale editore SKY 3,65 5,35 3,47 2,97 2,74 3,51 2,76 4,06 5,1<br /> Totale editore Discovery 5,30 11,43 5,38 6,90 4,70 6,40 4,87 3,51 6,21<br /> Totale editore LT Multimedia 0,37 0,30 0,53 0,64 0,32 0,41 0,36 0,28 0,39</p> </div> </div> <div class="hidden shrink-0 lg:block"> <ul x-cloak class=" sticky top-40 inline-flex flex-col divide-y divide-[#CBCBCB] rounded-sm border border-[#CBCBCB] text-[#0F1011]" x-data="{ social: { facebook: { title: 'Facebook', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>', url: 'https://www.facebook.com/sharer.php?u=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014', }, twitter: { title: 'X (Twitter)', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: 'https://twitter.com/intent/tweet?url=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014&text=ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/ascolti-tv\/ascolti-tv-di-martedi-16-dicembre-2014', title: 'ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)' } }"> <template x-for="(s, key) in social" hidden :key="key"> <li class="leading-none"> <button :title="s.title" @click.prevent="window.open(encodeURI(s.url), '_blank');" class=" !p-2 hover:text-primary p-1" x-html="s.svg"></button> </li> </template> <li class="leading-none"> <button @click.prevent='shareSocials = data; shareModal = true' class=" !p-2 hover:text-primary"> <svg class="aspect-square h-4 transition-all duration-300" viewBox="0 0 13.333 10" xmlns="http://www.w3.org/2000/svg"> <path transform="translate(-4 -7)" d="M11.778,13.462v3.205L17.333,12,11.778,7V9.778C5.278,9.778,4,17,4,17,5.841,13.771,8.25,13.462,11.778,13.462Z" fill="currentColor" /> </svg> </button> </li> </ul> </div> </div> <div class="mt-[3.125rem] flex items-end space-x-4 border-b border-[#E9E9E9] pb-10"> <div> <p class="flex items-center space-x-1"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M17.707 9.293a1 1 0 010 1.414l-7 7a1 1 0 01-1.414 0l-7-7A.997.997 0 012 10V5a3 3 0 013-3h5c.256 0 .512.098.707.293l7 7zM5 6a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" /> </svg> <span class="text-[0.75rem] font-medium tracking-[-0.24px] text-[#A0A0A0]">Tags</span> </p> <ul class="mt-3 flex flex-wrap items-center"> <li class="mr-[10px] mb-[10px]"> <a class="rounded-full bg-[#F7CDCF] px-4 py-1 text-[0.75rem] leading-none text-[#404042] transition-colors duration-300 hover:bg-primary hover:text-white" href="https://www.davidemaggio.it/tag/ascolti_tv">Ascolti TV</a> </li> <li class="mr-[10px] mb-[10px]"> <a class="rounded-full bg-[#F7CDCF] px-4 py-1 text-[0.75rem] leading-none text-[#404042] transition-colors duration-300 hover:bg-primary hover:text-white" href="https://www.davidemaggio.it/tag/dati_auditel">Dati Auditel</a> </li> </ul> </div> </div> <div class="mt-8 border-b border-[#E9E9E9] pb-[3.125rem]"> <div class="mb-3 flex items-end space-x-2"> <span class="inline-block h-2 w-2 -translate-y-[0.8rem] bg-primary"></span> <h3 class="text-[1.25rem] font-extrabold leading-[1.9] tracking-[-0.4px]"> Articoli che ti possono interessare </h3> </div> <div class="grid grid-cols-1 gap-4 lg:grid-cols-2"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-total-audience-domenica-16-febbraio-2025" class="group flex items-center overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-square w-[28%] shrink-0 overflow-hidden"> <picture class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" loading="lazy"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Domenica-In-Speciale-Sanremo-1024x576.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Domenica-In-Speciale-Sanremo-1024x576.jpg" alt="Ascolti TV Total Audience | Domenica 16 Febbraio 2025. Le prime due parti di Domenica In superano i 5,6 milioni" loading="lazy"/> </picture> </div> <div class="p-5"> <h3 class="text-[1rem] font-extrabold leading-[1.25] tracking-[-0.32px] text-gray-100 transition-colors duration-300 group-hover:text-primary lg:min-h-[55px]"> Ascolti TV Total Audience | Domenica 16 Febbraio 2025. Le prime due parti di Domenica In superano i 5,6 milioni </h3> </div> </a> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-domenica-16-febbraio-2025" class="group flex items-center overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-square w-[28%] shrink-0 overflow-hidden"> <picture class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" loading="lazy"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Mina-Settembre-1024x558.png.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Mina-Settembre-1024x558.png" alt="Ascolti TV | Domenica 16 Febbraio 2025. Mina Settembre chiude bene (25.3%). Boom Domenica In (41.2-44-34.4%)" loading="lazy"/> </picture> </div> <div class="p-5"> <h3 class="text-[1rem] font-extrabold leading-[1.25] tracking-[-0.32px] text-gray-100 transition-colors duration-300 group-hover:text-primary lg:min-h-[55px]"> Ascolti TV | Domenica 16 Febbraio 2025. Mina Settembre chiude bene (25.3%). Boom Domenica In (41.2-44-34.4%) </h3> </div> </a> </div> </div> <div class="mt-12"> <div id="comments" class="comments-area" x-data x-init="document.getElementById('commentform').removeAttribute('novalidate')"> <div id="respond" class="comment-respond"> <div class="dm-73ab7042749e098d5304114bb37f846f dm-posizione-personalizzata_4" id="dm-73ab7042749e098d5304114bb37f846f"></div><h3 id="reply-title" class="comment-reply-title text-[1.5rem] font-bold leading-[1.58] tracking-[-0.48px]">Lascia un commento <small><a rel="nofollow" id="cancel-comment-reply-link" href="/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014#respond" style="display:none;">Annulla risposta</a></small></h3><p class="must-log-in">Devi essere <a href="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014">connesso</a> per inviare un commento.</p> </div> <h2 class="comments-title mt-10 font-bold"> 42 commenti su "<span>ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO’ (4.3%)</span>" </h2> <ol class="comment-list"> <li class="comment even thread-even depth-1 " id="comment-2725382"> <div id="div-comment-2725382" class="comment-body"> <div class="mt-2.5 flex items-center justify-between"> <div class="comment-author vcard flex items-center space-x-2"> <img alt='' src='https://secure.gravatar.com/avatar/d4eb72725fab6fd87bdf670e67e2e8fe?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d4eb72725fab6fd87bdf670e67e2e8fe?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo rounded-full' height='32' width='32' decoding='async'/><p class="font-open text-[0.75rem] leading-none">Lello dice:</p> </div> <div class="comment-meta commentmetadata font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/comment-page-4#comment-2725382"> 17 Dicembre 2014 alle 21:01 </a> </div> </div> <p class="mt-3"> Buonasera.che risultato per benigni.e credo che meriti tutto. .dall'ascolto al compenso. Mi chiedo max26 e Luana ma gli spot quanto sono costati agli investitori? E la rai a fronte dei costi quanto avrà ricavato? penso tantissimo!! Ergo non criticate il costo .. piuttosto fate i complimenti alla cultura portata in TV e apprezzata da milioni di italiani.e poi basta con il fatto che canale 5 è spenta e raiuno sale.ripeto:già è stata la rete vincente in periodo di garanzia. Poi si vedrà in seguito con i programmi in partenza. Qualcuno già li da per flop assicurati. . .Mah! Palla magica? <p> <div class="reply mt-2 font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a rel="nofollow" class="comment-reply-login" href="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014">Accedi per rispondere</a> </div> </div> </li> <li class="comment odd alt thread-odd thread-alt depth-1 " id="comment-2724390"> <div id="div-comment-2724390" class="comment-body"> <div class="mt-2.5 flex items-center justify-between"> <div class="comment-author vcard flex items-center space-x-2"> <img alt='' src='https://secure.gravatar.com/avatar/b4ca6ff1761432c7462ca97e540d50af?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/b4ca6ff1761432c7462ca97e540d50af?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo rounded-full' height='32' width='32' decoding='async'/><p class="font-open text-[0.75rem] leading-none">vicky dice:</p> </div> <div class="comment-meta commentmetadata font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/comment-page-4#comment-2724390"> 17 Dicembre 2014 alle 17:29 </a> </div> </div> <p class="mt-3"> Se si fa questo discorso alteriamoci per i barbieri e i commessi della Camera,per le fotomodelle mute che vanno a Sanremo, vogliamo parlare dei baby pensionati della politica...il discorso è lungo. Almeno per Benigni c'è stato il rientro triplicato dalla pubblicità. E' stato un grande spettacolo e lui un premio Oscar che da lustro all'Italia che diventa cloaca sempre di più <p> <div class="reply mt-2 font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a rel="nofollow" class="comment-reply-login" href="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014">Accedi per rispondere</a> </div> </div> </li> <li class="comment byuser comment-author-peppe93 even thread-even depth-1 " id="comment-2723999"> <div id="div-comment-2723999" class="comment-body"> <div class="mt-2.5 flex items-center justify-between"> <div class="comment-author vcard flex items-center space-x-2"> <img alt='' src='https://secure.gravatar.com/avatar/5566b9aa20f74815fefd17aaa6eee5ba?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5566b9aa20f74815fefd17aaa6eee5ba?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo rounded-full' height='32' width='32' loading='lazy' decoding='async'/><p class="font-open text-[0.75rem] leading-none">Peppe93 dice:</p> </div> <div class="comment-meta commentmetadata font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/comment-page-4#comment-2723999"> 17 Dicembre 2014 alle 16:01 </a> </div> </div> <p class="mt-3"> Davvero grandi numeri per Benigni. <p> <div class="reply mt-2 font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a rel="nofollow" class="comment-reply-login" href="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014">Accedi per rispondere</a> </div> </div> </li> <li class="comment odd alt thread-odd thread-alt depth-1 " id="comment-2723862"> <div id="div-comment-2723862" class="comment-body"> <div class="mt-2.5 flex items-center justify-between"> <div class="comment-author vcard flex items-center space-x-2"> <img alt='' src='https://secure.gravatar.com/avatar/83b5d4177e59ad24eec1b2b87bccc8b7?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/83b5d4177e59ad24eec1b2b87bccc8b7?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo rounded-full' height='32' width='32' loading='lazy' decoding='async'/><p class="font-open text-[0.75rem] leading-none">Luca11 dice:</p> </div> <div class="comment-meta commentmetadata font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/comment-page-4#comment-2723862"> 17 Dicembre 2014 alle 15:25 </a> </div> </div> <p class="mt-3"> Ma ragazzi, davvero stiamo paragonando gli stipendi del mondo dello spettacolo con quelli delle persone comuni? Detto da uno che non vede quasi mai entrambi i canali.. Non conosco i costi di produzione (credo siano molto alti) e i ricavi di centovetrine.. So solo che era il prodotto più debole del pomeriggio di C5, mentre il segreto è il più forte.. La scelta mi sembra tutto tranne che incomprensibile.. Eticamente sbagliata forse si.. Detto da uno che non segue nessuna delle 2 telenovele.. <p> <div class="reply mt-2 font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a rel="nofollow" class="comment-reply-login" href="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014">Accedi per rispondere</a> </div> </div> </li> <li class="comment even thread-even depth-1 " id="comment-2723842"> <div id="div-comment-2723842" class="comment-body"> <div class="mt-2.5 flex items-center justify-between"> <div class="comment-author vcard flex items-center space-x-2"> <img alt='' src='https://secure.gravatar.com/avatar/576e86d5e29827ce28cc20750cb665aa?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/576e86d5e29827ce28cc20750cb665aa?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo rounded-full' height='32' width='32' loading='lazy' decoding='async'/><p class="font-open text-[0.75rem] leading-none">GIANLU dice:</p> </div> <div class="comment-meta commentmetadata font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/comment-page-4#comment-2723842"> 17 Dicembre 2014 alle 15:20 </a> </div> </div> <p class="mt-3"> Mattia mi puoi dire per favore i v.a di LA VITA IN DIRETTA 1- 2°Parte? Grazie <p> <div class="reply mt-2 font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a rel="nofollow" class="comment-reply-login" href="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014">Accedi per rispondere</a> </div> </div> </li> <li class="comment odd alt thread-odd thread-alt depth-1 " id="comment-2723839"> <div id="div-comment-2723839" class="comment-body"> <div class="mt-2.5 flex items-center justify-between"> <div class="comment-author vcard flex items-center space-x-2"> <img alt='' src='https://secure.gravatar.com/avatar/64ccf0598315e7c45767f3e9b803870f?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/64ccf0598315e7c45767f3e9b803870f?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo rounded-full' height='32' width='32' loading='lazy' decoding='async'/><p class="font-open text-[0.75rem] leading-none">luana dice:</p> </div> <div class="comment-meta commentmetadata font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/comment-page-4#comment-2723839"> 17 Dicembre 2014 alle 15:19 </a> </div> </div> <p class="mt-3"> Hanno voluto coscientemente far affondare Centovetrine che col suo 16% sorpassava comunque la Rai nello stesso orario.Detto da una che non lo ha mai guardato.Canale 5 fa delle cose incomprensibili.Boh.Sono proprio rimbecilliti per quell'obbrobrio del segreto che non merita nemmeno la maiuscola <p> <div class="reply mt-2 font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a rel="nofollow" class="comment-reply-login" href="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014">Accedi per rispondere</a> </div> </div> </li> <li class="comment even thread-even depth-1 " id="comment-2723803"> <div id="div-comment-2723803" class="comment-body"> <div class="mt-2.5 flex items-center justify-between"> <div class="comment-author vcard flex items-center space-x-2"> <img alt='' src='https://secure.gravatar.com/avatar/64ccf0598315e7c45767f3e9b803870f?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/64ccf0598315e7c45767f3e9b803870f?s=64&d=mm&r=g 2x' class='avatar avatar-32 photo rounded-full' height='32' width='32' loading='lazy' decoding='async'/><p class="font-open text-[0.75rem] leading-none">luana dice:</p> </div> <div class="comment-meta commentmetadata font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/comment-page-4#comment-2723803"> 17 Dicembre 2014 alle 15:11 </a> </div> </div> <p class="mt-3"> Signor Buono core ma lei lo sa quanto sono 4milioni di euro? Su questo blog sembra una cosa normale ma non lo e'.Un po di rispetto per i poveri disgraziati e ammetta che e' veramente esagerato.Se poi si vuole per forza giustificare la Rai allora e' un altro discorso.Detto da una che guarda entrambi i canali anche quello che si fa pagare il canone <p> <div class="reply mt-2 font-open text-[0.75rem] font-semibold leading-none text-gray-200"> <a rel="nofollow" class="comment-reply-login" href="https://www.davidemaggio.it/wp/wp-login.php?redirect_to=https%3A%2F%2Fwww.davidemaggio.it%2Fascolti-tv%2Fascolti-tv-di-martedi-16-dicembre-2014">Accedi per rispondere</a> </div> </div> </li> </ol> <nav class="navigation comment-navigation" role="navigation"> <h1 class="screen-reader-text section-heading">Commenti</h1> <div class="nav-previous"><a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-di-martedi-16-dicembre-2014/comment-page-3#comments" >← Vecchi Commenti</a></div> <div class="nav-next"></div> </nav> </div> </div> </div> <div class="mt-8 space-y-16 block lg:block ml-auto lg:max-w-[365px]" id="sidebar"> <div class="relative"> <div data-class="!not-sr-only" class=" group relative block max-w-[365px] mx-auto border-2 border-primary px-[3.25rem] pt-[1.625rem] pb-12"> <div class="absolute min-w-[32px] top-0 left-0 bg-primary py-4 px-2 after:absolute after:bottom-0 after:left-1/2 after:h-2 after:w-2 after:translate-y-1/2 after:-translate-x-1/2 after:rounded-full after:bg-white"> <p class="-rotate-180 text-[0.8125rem] font-black uppercase leading-none text-white [writing-mode:tb-rl]"> Il punto di</p> </div> <div class="px-6"> <img width="383" height="32" src="https://www.davidemaggio.it/app/uploads/2023/10/logo-2.svg" class="h-[20px] lg:h-auto" alt="" decoding="async" loading="lazy" /> </div> <div class="relative mx-auto mt-12 w-[90%]"> <img class="aspect-square w-full rounded-full object-contain" src="https://www.davidemaggio.it/app/uploads/2024/07/Davide-Maggio-quadrata.jpg" alt="Davide Maggio"> <span id="open-il-punto" class="absolute bottom-2 left-2 h-10 w-10 rounded-full bg-primary transition duration-300 group-hover:bg-opacity-50 flex justify-center items-center text-white cursor-pointer"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16"> <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"></path> </svg> </span> </div> <div class="relative mt-12 mb-6 text-gray-100"> <svg viewBox="0 0 23.39 20" class="h-5 -translate-x-1/2" xmlns="http://www.w3.org/2000/svg"> <g transform="translate(-897.66 -584.04)"> <path transform="translate(897.66 584.04)" d="M13.369,20V9.979A9.979,9.979,0,0,1,23.349,0h.042V3.292h-.042a6.688,6.688,0,0,0-6.688,6.688h6.73V20ZM0,20V9.979A9.979,9.979,0,0,1,9.979,0h.042V3.292H9.979A6.688,6.688,0,0,0,3.292,9.979h6.73V20Z" fill="currentColor" /> </g> </svg> <p class="text-center text-[0.9375rem] font-bold leading-[1.2] tracking-[-0.3px] line-clamp-4"> In arrivo... <br /> Il Punto di Davide Maggio </p> </div> <video x-cloak class="video-js !hidden !w-full !h-full !absolute !inset-0 bg-white" x-data="video" x-ref="video" id="il-punto"> <source src="https://player.vimeo.com/external/965018415.m3u8?s=634517b87a75b049002c023ccbab4c5b9af77d26&logging=false" type="application/x-mpegURL"> </video> <script> document.addEventListener('alpine:init', () => { Alpine.data('video', () => ({ init() { playerPunto: null, this.$nextTick(() => { if (!this.playerPunto) { this.playerPunto = videojs(this.$refs.video, { controls: true, autoplay: false, preload: 'auto', fluid: true }); this.playerPunto.logo({ image: 'https://www.davidemaggio.it/app/themes/custom/resources/assets/images/logo-video.png', position: 'bottom-right', width: '150', offsetH: '20', offsetV: '30' }); this.playerPunto.ima({ adTagUrl: 'https://pubads.g.doubleclick.net/gampad/ads?iu=/22248368690,2517714/davidemaggio.it_vast&description_url=%5Bdescription_url%5D&tfcd=0&npa=0&sz=640x480&gdfp_req=1&output=vast&unviewed_position_start=1&impl=s&correlator=%5Btimestamp%5D&vpmute=0&env=instream&plcmt=2&vpos=preroll' }); } }); } })) }) </script> <style> .video-js .vjs-big-play-button{ background-color:rgb(229,9,20); border-radius: 50%; width: 50px; height: 50px; line-height: 50px; border: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-left: 0; margin-top: 0; } .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button { background-color:rgba(229,9,20,0.5); transition: all 0s; } .video-js.vjs-logo .vjs-logo-content { visibility: visible !important; opacity: 1 !important; } .vjs-ad-playing .video-js.vjs-logo .vjs-logo-content { visibility: hidden !important; opacity: 0 !important; } @media screen and (max-width: 450px) { .vjs-logo-content { width: 120px !important; right: 10px !important; } } </style> </div> <a id="link-il-punto" href="https://www.davidemaggio.it" class="absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2" target="_blank"> <img src="https://www.davidemaggio.it/app/themes/custom/public/images/listen-on-spotify.png?id=b5ecfbfea39f14b5eccaf88cdfc99522" alt="Listen on Spotify" class="h-[2.625rem]"> </a> </div> <script> document.getElementById('open-il-punto').addEventListener("click", function(e){ e.preventDefault(); jQuery("#il-punto").removeClass('!hidden'); jQuery("#link-il-punto").addClass('hidden'); jQuery("#il-punto .vjs-big-play-button").trigger('click'); }); </script> <div class="dm-57959062740c5dc4484a1c9a44e1a0ee dm-adv-articolo-desktop-topright" id="dm-57959062740c5dc4484a1c9a44e1a0ee"></div><div id="sidebar_il-punto_after"></div> <div> <div class="mb-5 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.8rem] bg-primary"></span> <h3 class="text-[1.25rem] font-extrabold uppercase leading-[1.9] tracking-[-0.4px]"> Trending now </h3> </div> <div class="space-y-6"> <a href="https://www.davidemaggio.it/festival-di-sanremo/elodie-che-succede" class="group relative flex aspect-[250/250] snap-start flex-col overflow-hidden rounded px-4 py-5"> <picture class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" loading="lazy"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-Sanremo-2025-1024x554.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-Sanremo-2025-1024x554.jpg" alt="Elodie, che succede?" loading="lazy"/> </picture> <div class="absolute inset-0 bg-gradient-to-b from-transparent via-black/[0.36] to-black/90 transition-all duration-500"></div> <div class="relative flex items-center justify-end space-x-2"> <ul x-cloak class=" flex divide-x divide-[#CBCBCB] bg-primary text-white" x-data="{ social: { facebook: { title: 'Facebook', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>', url: 'https://www.facebook.com/sharer.php?u=https://www.davidemaggio.it/festival-di-sanremo/elodie-che-succede', }, twitter: { title: 'X (Twitter)', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: 'https://twitter.com/intent/tweet?url=https://www.davidemaggio.it/festival-di-sanremo/elodie-che-succede&text=Elodie, che succede?' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/festival-di-sanremo\/elodie-che-succede', title: 'Elodie, che succede?' } }"> <li class="leading-none"> <button @click.prevent='shareSocials = data; shareModal = true' class=" p-1 hover:text-white/60"> <svg class="aspect-square h-4 transition-all duration-300" viewBox="0 0 13.333 10" xmlns="http://www.w3.org/2000/svg"> <path transform="translate(-4 -7)" d="M11.778,13.462v3.205L17.333,12,11.778,7V9.778C5.278,9.778,4,17,4,17,5.841,13.771,8.25,13.462,11.778,13.462Z" fill="currentColor" /> </svg> </button> </li> </ul> </div> <div class="relative mt-auto space-y-1"> <p class="relative inline-block border border-white py-0.5 px-2.5 text-[0.875rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-white transition-colors duration-300 before:absolute before:top-1/2 before:left-0 before:h-2.5 before:w-2.5 before:-translate-y-1/2 before:-translate-x-1/2 before:bg-primary"> <span class='line-clamp-1'>Festival di Sanremo</span> </p> <h4 class="text-[1.125rem] font-extrabold leading-[1.22] tracking-[-0.36px] text-white line-clamp-4"> Elodie, che succede? </h4> </div> </a> <a href="https://www.davidemaggio.it/festival-di-sanremo/la-classifica-finale-di-sanremo-2025" class="group relative flex aspect-[250/250] snap-start flex-col overflow-hidden rounded px-4 py-5"> <picture class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" loading="lazy"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Classifica-finale-Sanremo-2025-1024x578.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Classifica-finale-Sanremo-2025-1024x578.jpg" alt="La classifica finale di Sanremo 2025" loading="lazy"/> </picture> <div class="absolute inset-0 bg-gradient-to-b from-transparent via-black/[0.36] to-black/90 transition-all duration-500"></div> <div class="relative flex items-center justify-end space-x-2"> <ul x-cloak class=" flex divide-x divide-[#CBCBCB] bg-primary text-white" x-data="{ social: { facebook: { title: 'Facebook', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>', url: 'https://www.facebook.com/sharer.php?u=https://www.davidemaggio.it/festival-di-sanremo/la-classifica-finale-di-sanremo-2025', }, twitter: { title: 'X (Twitter)', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: 'https://twitter.com/intent/tweet?url=https://www.davidemaggio.it/festival-di-sanremo/la-classifica-finale-di-sanremo-2025&text=La classifica finale di Sanremo 2025' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/festival-di-sanremo\/la-classifica-finale-di-sanremo-2025', title: 'La classifica finale di Sanremo 2025' } }"> <li class="leading-none"> <button @click.prevent='shareSocials = data; shareModal = true' class=" p-1 hover:text-white/60"> <svg class="aspect-square h-4 transition-all duration-300" viewBox="0 0 13.333 10" xmlns="http://www.w3.org/2000/svg"> <path transform="translate(-4 -7)" d="M11.778,13.462v3.205L17.333,12,11.778,7V9.778C5.278,9.778,4,17,4,17,5.841,13.771,8.25,13.462,11.778,13.462Z" fill="currentColor" /> </svg> </button> </li> </ul> </div> <div class="relative mt-auto space-y-1"> <p class="relative inline-block border border-white py-0.5 px-2.5 text-[0.875rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-white transition-colors duration-300 before:absolute before:top-1/2 before:left-0 before:h-2.5 before:w-2.5 before:-translate-y-1/2 before:-translate-x-1/2 before:bg-primary"> <span class='line-clamp-1'>Festival di Sanremo</span> </p> <h4 class="text-[1.125rem] font-extrabold leading-[1.22] tracking-[-0.36px] text-white line-clamp-4"> La classifica finale di Sanremo 2025 </h4> </div> </a> <a href="https://www.davidemaggio.it/festival-di-sanremo/alessia-marcuzzi-che-imbarazzo" class="group relative flex aspect-[250/250] snap-start flex-col overflow-hidden rounded px-4 py-5"> <img class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" src="https://www.davidemaggio.it/app/uploads/2025/02/Alessia-Marcuzzi-e-Achille-Lauro-Sanremo-2025-scaled-e1739796801497-1024x627.jpg" alt="Alessia Marcuzzi, che imbarazzo!" loading="lazy" /> <div class="absolute inset-0 bg-gradient-to-b from-transparent via-black/[0.36] to-black/90 transition-all duration-500"></div> <div class="relative flex items-center justify-end space-x-2"> <ul x-cloak class=" flex divide-x divide-[#CBCBCB] bg-primary text-white" x-data="{ social: { facebook: { title: 'Facebook', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>', url: 'https://www.facebook.com/sharer.php?u=https://www.davidemaggio.it/festival-di-sanremo/alessia-marcuzzi-che-imbarazzo', }, twitter: { title: 'X (Twitter)', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: 'https://twitter.com/intent/tweet?url=https://www.davidemaggio.it/festival-di-sanremo/alessia-marcuzzi-che-imbarazzo&text=Alessia Marcuzzi, che imbarazzo!' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/festival-di-sanremo\/alessia-marcuzzi-che-imbarazzo', title: 'Alessia Marcuzzi, che imbarazzo!' } }"> <li class="leading-none"> <button @click.prevent='shareSocials = data; shareModal = true' class=" p-1 hover:text-white/60"> <svg class="aspect-square h-4 transition-all duration-300" viewBox="0 0 13.333 10" xmlns="http://www.w3.org/2000/svg"> <path transform="translate(-4 -7)" d="M11.778,13.462v3.205L17.333,12,11.778,7V9.778C5.278,9.778,4,17,4,17,5.841,13.771,8.25,13.462,11.778,13.462Z" fill="currentColor" /> </svg> </button> </li> </ul> </div> <div class="relative mt-auto space-y-1"> <p class="relative inline-block border border-white py-0.5 px-2.5 text-[0.875rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-white transition-colors duration-300 before:absolute before:top-1/2 before:left-0 before:h-2.5 before:w-2.5 before:-translate-y-1/2 before:-translate-x-1/2 before:bg-primary"> <span class='line-clamp-1'>Festival di Sanremo</span> </p> <h4 class="text-[1.125rem] font-extrabold leading-[1.22] tracking-[-0.36px] text-white line-clamp-4"> Alessia Marcuzzi, che imbarazzo! </h4> </div> </a> </div> </div> <div class="dm-99b2754bca69ffbd64faac902ddd415b dm-adv-articolo-desktop-middleright" id="dm-99b2754bca69ffbd64faac902ddd415b"></div><div id="sidebar_trending-now_after"></div> <div class="space-y-6"> <div class="flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.8rem] bg-primary"></span> <h3 class="text-[1.25rem] font-extrabold uppercase leading-[1.9] tracking-[-0.4px]"> Pagelle TV </h3> </div> <div x-data="{ promossi: null }" x-cloak> <div class="mb-3 flex items-center justify-between"> <h4 class="inline-block rounded bg-[#99CC00] py-3 px-4 text-[1.25rem] font-extrabold leading-[1.20] tracking-[-0.4px] text-white"> Promossi </h4> <div> <button @click="promossi.slidePrev()" :disabled="promossi && (!promossi.progress || promossi.progress <= 0)" class="rotate-180 cursor-pointer transition duration-300 hover:opacity-75 disabled:cursor-not-allowed disabled:opacity-25"> <img src="https://www.davidemaggio.it/app/themes/custom/public/images/arrow2.svg?id=bd9e44467b34f0dd0a3624656bbaa37c" alt=""> </button> <button @click="promossi.slideNext()" :disabled="promossi && promossi.progress >= 1" class="cursor-pointer transition duration-300 hover:opacity-75 disabled:cursor-not-allowed disabled:opacity-25"> <img src="https://www.davidemaggio.it/app/themes/custom/public/images/arrow2.svg?id=bd9e44467b34f0dd0a3624656bbaa37c" alt=""> </button> </div> </div> <div x-init="$nextTick(() => { promossi = new Swiper($refs.promossi, { slidesPerView: 3, spaceBetween: 16, direction: 'vertical' }) })" x-ref="promossi" class="h-[218px] overflow-hidden"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <picture loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Lucio-Corsi-Sanremo-2025-1-scaled.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Lucio-Corsi-Sanremo-2025-1-scaled.jpg" alt="Lucio Corsi" loading="lazy"/> </picture> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Lucio Corsi </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 10 </p> </div> </a> </div> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/2 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-Sanremo-2025-scaled-e1739800800970.jpg" alt="Olly" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Olly </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 9 </p> </div> </a> </div> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/4 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <picture loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/GiorgiaJPG.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/GiorgiaJPG.jpg" alt="Giorgia" loading="lazy"/> </picture> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Giorgia </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 8 </p> </div> </a> </div> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/5 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Conti-Sanremo-2025-e1739390545730.jpg" alt="Carlo Conti" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Carlo Conti </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 8 </p> </div> </a> </div> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/6 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Alessia-Marcuzzi-e-Achille-Lauro-Sanremo-2025-scaled-e1739796801497.jpg" alt="Achille Lauro" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Achille Lauro </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 7 </p> </div> </a> </div> </div> </div> </div> <div x-data="{ bocciati: null }" x-cloak> <div class="mb-3 flex items-center justify-between"> <h4 class="inline-block rounded bg-[#E50914] py-3 px-4 text-[1.25rem] font-extrabold leading-[1.20] tracking-[-0.4px] text-white"> Bocciati </h4> <div> <button @click="bocciati.slidePrev()" :disabled="bocciati && (!bocciati.progress || bocciati.progress <= 0)" class="rotate-180 cursor-pointer transition duration-300 hover:opacity-75 disabled:cursor-not-allowed disabled:opacity-25"> <img src="https://www.davidemaggio.it/app/themes/custom/public/images/arrow2.svg?id=bd9e44467b34f0dd0a3624656bbaa37c" alt=""> </button> <button @click="bocciati.slideNext()" :disabled="bocciati && bocciati.progress >= 1" class="cursor-pointer transition duration-300 hover:opacity-75 disabled:cursor-not-allowed disabled:opacity-25"> <img src="https://www.davidemaggio.it/app/themes/custom/public/images/arrow2.svg?id=bd9e44467b34f0dd0a3624656bbaa37c" alt=""> </button> </div> </div> <div x-init="$nextTick(() => { bocciati = new Swiper($refs.bocciati, { slidesPerView: 3, spaceBetween: 16, direction: 'vertical' }) })" x-ref="bocciati" class="h-[218px] overflow-hidden"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/11 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <picture loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Clara-e-Il-Volo-Sanremo-2025-scaled.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Clara-e-Il-Volo-Sanremo-2025-scaled.jpg" alt="Clara" loading="lazy"/> </picture> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Clara </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 5 </p> </div> </a> </div> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/12 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Tony-Effe-Sanremo-2025-1-scaled-e1739359066294.jpg" alt="Tony Effe" loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Tony Effe </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 4 </p> </div> </a> </div> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/13 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <picture loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-scaled.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-scaled.jpg" alt="Alessia Marcuzzi" loading="lazy"/> </picture> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Alessia Marcuzzi </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 4 </p> </div> </a> </div> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/14 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <picture loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Marcella-Bella-e-i-Twin-Violins-Sanremo-2025-scaled.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Marcella-Bella-e-i-Twin-Violins-Sanremo-2025-scaled.jpg" alt="Marcella Bella" loading="lazy"/> </picture> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Marcella Bella </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 4 </p> </div> </a> </div> <div class="swiper-slide"> <a href=" https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali/15 " class=" group relative flex overflow-hidden rounded border border-[#D8D8D8]"> <div class="relative aspect-[76/60] w-[76px] shrink-0 overflow-hidden"> <picture loading="lazy" class="h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Giorgia-e-Annalisa-Sanremo-2025-scaled.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Giorgia-e-Annalisa-Sanremo-2025-scaled.jpg" alt="Polemiche sulle donne" loading="lazy"/> </picture> </div> <div class="relative flex grow items-center justify-between space-x-2.5 p-3.5"> <h4 class="text-[0.75rem] font-bold leading-[1.33] tracking-[-0.24px] text-[#0F1011] "> Polemiche sulle donne </h4> <p class="text-right text-[1.88rem] font-extrabold leading-[0.8] tracking-[-0.6px] text-[#0F1011]"> 1 </p> </div> </a> </div> </div> </div> </div> </div> <div id="sidebar_pagelle_after"></div><div class="dm-fecadd69a0a5f210f153c381d8d71b81 dm-adv-articolo-desktop-bottomright" id="dm-fecadd69a0a5f210f153c381d8d71b81"></div> </div> </div> </div> </div> </div> <style> body.single .prose figure:nth-child(1) { display: none; } </style> <style> /* Con questo codice andremmo a rimuovere ancheimmagini lecite */ /*body.single .prose p:first-child img { display: none; }*/ </style> </main> <div x-cloak x-show="shareModal && shareSocials" x-transition.opacity class="fixed inset-0 z-50 flex cursor-default items-center justify-center bg-[#0F1011]/50 backdrop-blur-[6px]" @click.prevent="shareModal = false; shareSocials = null"> <div class="w-[400px] cursor-default bg-white p-6" @click.stop.prevent> <div class="flex justify-between space-x-2"> <h5 class="text-[1.13rem] font-semibold leading-[1.56] tracking-[-0.36px] text-[#0F1011]"> Condividi su:</h5> <button @click="shareModal = false; shareSocials = null"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <ul class="mt-5 mb-8 space-y-4 text-[1rem] font-medium tracking-[-0.32px] text-[#0F1011]"> <li> <button title="Facebook" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://www.facebook.com/sharer.php?u={url}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-[#0084FF] inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg> </span> <span>Facebook</span> </button> </li> <li> <button title="X (Twitter)" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://twitter.com/intent/tweet?url={url}&text={title}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-[#000000] inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> </span> <span>X (Twitter)</span> </button> </li> <li> <button title="Whatsapp" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://api.whatsapp.com/send?text={title} {url}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <svg version="1.1" viewBox="0 0 48 48" class="aspect-square h-8 shrink-0 text-[#24D366]" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-388 -391)" fill="#01E675"><path d="m411.99 391v3.98e-4h0.013934c13.231 0 23.993 10.765 23.993 24 0 13.234-10.762 24-23.993 24-4.8805 0-9.4084-1.453-13.203-3.9645l-9.2248 2.9483 2.9904-8.9169c-2.8774-3.9509-4.57-8.8185-4.57-14.067 0-13.235 10.762-24 23.993-24zm-6.7002 12.191c-0.46536-1.1146-0.81807-1.1568-1.5231-1.1854-0.24005-0.013937-0.50756-0.027874-0.80413-0.027874-0.91719 0-1.8762 0.26799-2.4546 0.86051-0.70501 0.71954-2.4542 2.3983-2.4542 5.8412 0 3.4428 2.5107 6.7726 2.8491 7.2384 0.3527 0.4651 4.8949 7.6327 11.947 10.554 5.5151 2.2857 7.1516 2.0738 8.4068 1.8058 1.8336-0.39501 4.1329-1.7501 4.7113-3.3863 0.57842-1.637 0.57842-3.0339 0.40883-3.3301-0.16919-0.29626-0.63495-0.4651-1.34-0.8183-0.70501-0.3528-4.1329-2.0459-4.7818-2.2717-0.63495-0.23972-1.2412-0.1549-1.7205 0.52244-0.67714 0.94532-1.34 1.905-1.8762 2.4832-0.42317 0.45156-1.1146 0.5081-1.6927 0.26799-0.77587-0.32413-2.9478-1.0867-5.6281-3.4711-2.0736-1.848-3.484-4.1476-3.8929-4.8389-0.40923-0.70521-0.042197-1.115 0.28184-1.4956 0.3527-0.43762 0.69108-0.74782 1.0438-1.1572 0.3527-0.40895 0.55015-0.62079 0.77587-1.1006 0.24005-0.46549 0.070461-0.94532-0.098725-1.2981-0.16919-0.3528-1.5796-3.7956-2.158-5.1921z"/></g></g></svg> <span>Whatsapp</span> </button> </li> <li> <button title="Telegram" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://t.me/share/url?url={url}&text={title}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-[#62B1DC] inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 512 512"><path fill="currentColor" d="M511.6 36.86l-64 415.1c-1.5 9.734-7.375 18.22-15.97 23.05c-4.844 2.719-10.27 4.097-15.68 4.097c-4.188 0-8.319-.8154-12.29-2.472l-122.6-51.1l-50.86 76.29C226.3 508.5 219.8 512 212.8 512C201.3 512 192 502.7 192 491.2v-96.18c0-7.115 2.372-14.03 6.742-19.64L416 96l-293.7 264.3L19.69 317.5C8.438 312.8 .8125 302.2 .0625 289.1s5.469-23.72 16.06-29.77l448-255.1c10.69-6.109 23.88-5.547 34 1.406S513.5 24.72 511.6 36.86z"/></svg> </span> <span>Telegram</span> </button> </li> <li> <button title="Linkedin" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://www.linkedin.com/sharing/share-offsite/?url={url}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-[#0e76a8] inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg> </span> <span>Linkedin</span> </button> </li> <li> <button title="Email" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('mailto:?subject={title}&body={url} {title}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-black inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 512 512"><path fill="currentColor" d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/></svg> </span> <span>Email</span> </button> </li> </ul> <p class="text-[1.13rem] font-semibold leading-[1.56] tracking-[-0.36px] text-[#0F1011]"> Oppure</p> <button x-data="copy" title="Copia" class="border-primary hover:bg-primary text-primary mt-5 rounded-[6px] border py-2 px-8 text-[1rem] font-bold uppercase tracking-[-0.32px] transition-colors duration-300 hover:text-white" @click.prevent="$clipboard(shareSocials.permalink); changeText()" x-text="text"> </button> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('copy', () => ({ text: "Copia il link", textCopied: "Copiato!", changeText() { var initText = this.text this.text = this.textCopied setTimeout(() => this.text = initText, 3000) } })) }) </script> <footer role="contentinfo" class="flex flex-col justify-between min-h-[464px] bg-black pt-11"> <div class="container"> <div class="flex flex-col items-center space-y-10 lg:flex-row lg:items-baseline lg:space-x-0 justify-between"> <a href="https://www.davidemaggio.it"> <img src="https://www.davidemaggio.it/app/themes/custom/public/images/logo-footer.svg?id=4dded58a651a2ec3d4f48d89f62a62a9" alt="logo"> </a> <div class="flex items-center justify-between"> <div class="flex flex-col items-center space-x-2 lg:flex-row"> <h6 class="text-[0.88rem] font-medium leading-[1.29] tracking-[-0.28px] text-white"> Seguici su:</h6> <div class="mr-5"> <ul class="flex items-center space-x-2" id="footer-social"> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://www.facebook.com/davidemaggio.it/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/facebook-4.svg" src="facebook (4)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://twitter.com/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/X_whitecircle-3.svg" src="X_whitecircle (3)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://www.youtube.com/@davidemaggiotv" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/youtube-icona-footer.png" src="youtube icona footer" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://www.instagram.com/davidemaggioit/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/instagram-icona-footer.png" src="instagram icona footer" /> </a> </li> </ul> </div> </div> <div class="flex flex-col items-center space-x-2 lg:flex-row pl-[20px]"> <h6 class="text-[0.88rem] font-medium leading-[1.29] tracking-[-0.28px] text-white"> Restiamo in contatto:</h6> <div> <ul class="flex items-center space-x-2" id="footer-app"> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://t.me/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/Telegram_icon.svg" src="Telegram_icon" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://whatsapp.com/channel/0029VaDTABY4o7qQtZWuDS2w" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/Whatsapp_icon.svg" src="Whatsapp_icon" /> </a> </li> </ul> </div> </div> </div> </div> <div class="mt-12 mb-6"> <div class="w-full"> <ul class="flex flex-col items-center justify-between px-4 lg:flex-row" id="desktop-footer-menu"> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/chi-e-davide-maggio" target="_self"> Chi è Davide Maggio </a> </li> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/redazione" target="_self"> Redazione </a> </li> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/contatti" target="_self"> Contatti </a> </li> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/privacy-policy" target="_self"> Privacy Policy </a> </li> </ul> </div> </div> <div class="h-1 w-full rounded-full bg-primary"></div> <div class="mt-6 mb-6"> <div class="w-full"> <ul class="flex flex-col items-center justify-between px-4 lg:flex-row" id="desktop-footer-menu-secondario"> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/davide-maggio/lavora-con-davidemaggio-it" target="_self"> Davide Maggio cerca te! </a> </li> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/pubblicita" target="_self"> Pubblicità </a> </li> </ul> </div> </div> <div class="mt-[64px] prose:font-medium prose flex max-w-full items-center justify-center text-center text-[1rem] leading-[1.29] text-white prose-p:text-[1rem] lg:text-[0.875rem] lg:prose-p:text-[0.875rem]"> <p>DavideMaggio.it è una testata giornalistica registrata al Tribunale di Milano n.29/17 <span class="inline-block h-1 w-1 -translate-y-1/2 bg-primary"></span> Licenza SIAE 4776/1/4441 <span class="inline-block h-1 w-1 -translate-y-1/2 bg-primary"></span> N° ROC 26997</p> </div> <img class="mx-auto mb-6 mt-[2.0625rem] max-w-[7.5rem] h-auto footer-logo" src="https://www.davidemaggio.it/app/uploads/2023/09/MEDIAMAI_BN_NEGATIVE_ORIZ.png" alt="logo" loading="lazy" /> </div> <div class="bg-[#252627] py-8"> <div class="container"> <div class="prose:font-medium prose max-w-full text-center text-[1rem] leading-[1.29] text-white prose-p:text-[1rem] lg:text-[0.875rem] lg:prose-p:text-[0.875rem]"> <p>© 2006-2025 mediaMai srl<br /> viale Mazzini 114/A • 00195 Roma<br /> Capitale Sociale: Euro 200.000 i.v.<br /> C.F. P.I. e R.I.: 13614301003 • REA RM-1461309</p> </div> </div> </div> </footer> </div> <script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script> <script>(function(){var advanced_ads_ga_UID="G-379332310",advanced_ads_ga_anonymIP=!!1;function AdvAdsAdBlockCounterGA(t){this.UID=t,this.analyticsObject="function"==typeof gtag;var n=this;return this.count=function(){gtag("event","AdBlock",{event_category:"Advanced Ads",event_label:"Yes",non_interaction:!0,send_to:n.UID})},function(){if(!n.analyticsObject){var e=document.createElement("script");e.src="https://www.googletagmanager.com/gtag/js?id="+t,e.async=!0,document.body.appendChild(e),window.dataLayer=window.dataLayer||[],window.gtag=function(){dataLayer.push(arguments)},n.analyticsObject=!0,gtag("js",new Date)}var a={send_page_view:!1,transport_type:"beacon"};window.advanced_ads_ga_anonymIP&&(a.anonymize_ip=!0),gtag("config",t,a)}(),this}window.advanced_ads_check_adblocker=function(t){var n=[],e=null;function a(t){(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return setTimeout(t,16)}).call(window,t)}return a((function(){var t=document.createElement("div");t.innerHTML=" ",t.setAttribute("class","ad_unit ad-unit text-ad text_ad pub_300x250"),t.setAttribute("style","width: 1px !important; height: 1px !important; position: absolute !important; left: 0px !important; top: 0px !important; overflow: hidden !important;"),document.body.appendChild(t),a((function(){var a=window.getComputedStyle&&window.getComputedStyle(t),o=a&&a.getPropertyValue("-moz-binding");e=a&&"none"===a.getPropertyValue("display")||"string"==typeof o&&-1!==o.indexOf("about:");for(var i=0,d=n.length;i<d;i++)n[i](e);n=[]}))})),function(t){null!==e?t(e):n.push(t)}}(),advanced_ads_check_adblocker((function(t){t&&new AdvAdsAdBlockCounterGA(advanced_ads_ga_UID).count()}));})();</script><style>.cl-consent-settings{left:unset !important;right:16px !important;}.cl-consent-settings__btn{opacity:0;cursor:auto !important;}</style> <script>(function(){var a=document.createElement("li");a.className="publy_privacy_privacy flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"; var b=document.createElement("a");b.className="publy_privacy_privacybutton relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full";b.innerHTML="Consensi";b.href='javascript:void(0)';b.onclick=function(){return void 0!==window.__lxG__consent__&&null!==window.__lxG__consent__.getState()&&window.__lxG__consent__.showConsent(),!1}; a.appendChild(b); var d=0;window.onscroll=function(){0==d&&(d++,document.getElementById('desktop-footer-menu').appendChild(a))}})();</script><script src="https://www.davidemaggio.it/app/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.6" id="swv-js"></script> <script id="contact-form-7-js-extra"> var wpcf7 = {"api":{"root":"https:\/\/www.davidemaggio.it\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; </script> <script src="https://www.davidemaggio.it/app/plugins/contact-form-7/includes/js/index.js?ver=5.9.6" id="contact-form-7-js"></script> <script id="advanced-ads-pro/front-js-extra"> var advadsCfpInfo = {"cfpExpHours":"3","cfpClickLimit":"3","cfpBan":"7","cfpPath":"\/wp","cfpDomain":"www.davidemaggio.it"}; </script> <script src="https://www.davidemaggio.it/app/plugins/advanced-ads-pro/assets/js/advanced-ads-pro.min.js?ver=2.24.0" id="advanced-ads-pro/front-js"></script> <script id="advanced-ads-pro/cache_busting-js-extra"> var advanced_ads_pro_ajax_object = {"ajax_url":"https:\/\/www.davidemaggio.it\/wp\/wp-admin\/admin-ajax.php","lazy_load_module_enabled":"","lazy_load":{"default_offset":0,"offsets":[]},"moveintohidden":"","wp_timezone_offset":"3600"}; </script> <script src="https://www.davidemaggio.it/app/plugins/advanced-ads-pro/assets/js/base.min.js?ver=2.24.0" id="advanced-ads-pro/cache_busting-js"></script> <script id="sage/vendor.js-js-before"> (()=>{"use strict";var e,r={},o={};function t(e){var n=o[e];if(void 0!==n)return n.exports;var i=o[e]={id:e,exports:{}};return r[e].call(i.exports,i,i.exports,t),i.exports}t.m=r,e=[],t.O=(r,o,n,i)=>{if(!o){var l=1/0;for(s=0;s<e.length;s++){for(var[o,n,i]=e[s],a=!0,u=0;u<o.length;u++)(!1&i||l>=i)&&Object.keys(t.O).every((e=>t.O[e](o[u])))?o.splice(u--,1):(a=!1,i<l&&(l=i));if(a){e.splice(s--,1);var f=n();void 0!==f&&(r=f)}}return r}i=i||0;for(var s=e.length;s>0&&e[s-1][2]>i;s--)e[s]=e[s-1];e[s]=[o,n,i]},t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={546:0,692:0};t.O.j=r=>0===e[r];var r=(r,o)=>{var n,i,[l,a,u]=o,f=0;if(l.some((r=>0!==e[r]))){for(n in a)t.o(a,n)&&(t.m[n]=a[n]);if(u)var s=u(t)}for(r&&r(o);f<l.length;f++)i=l[f],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(s)},o=globalThis.webpackChunk=globalThis.webpackChunk||[];o.forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o))})(),t.nc=void 0})(); //# sourceMappingURL=manifest.js.map </script> <script src="https://www.davidemaggio.it/app/themes/custom/public/scripts/vendor.js?id=5476a0cac74e9afef5079cde8d00827c" id="sage/vendor.js-js"></script> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js?ver=1.0.0" id="remote_sdk-js" async data-wp-strategy="async"></script> <script>window.advads_admin_bar_items = [];</script><script>window.advads_passive_placements = {"content_4_1":{"elementid":["dm-7e21ee5056cf8380707102c343a71ae9"],"ads":{"301517":{"id":301517,"title":"ADV Articolo Mobile - Top","expiry_date":0,"visitors":[{"type":"mobile","value":["mobile","tablet"]},{"type":"mobile","value":["mobile","tablet"],"connector":"and"}],"content":"<div class=\"dm-content_4\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-1133293747\"><div id='gmp-topmobile' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":301517,"placement_info":{"type":"post_content","name":"Content 4","item":"ad_301517","options":{"placement_position":""},"id":"content_4"},"test_id":null,"inject_before":[""]},"adv-articolo-mobile-inside-2_3":{"elementid":["dm-732ff8586224c3609e153438a040aae1"],"ads":{"301525":{"id":301525,"title":"ADV Articolo Mobile - Middle","expiry_date":0,"visitors":[{"type":"mobile","value":["mobile","tablet"]},{"type":"mobile","value":["mobile","tablet"],"connector":"and"}],"content":"<div class=\"dm-adv-articolo-mobile-inside-2\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-300620322\"><div id='gmp-middlemobile' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":301525,"placement_info":{"type":"post_content","name":"ADV Articolo Mobile - Inside 2","item":"ad_301525","options":{"placement_position":""},"id":"adv-articolo-mobile-inside-2"},"test_id":null,"inject_before":[""]},"content_5":{"elementid":["dm-9d1668f735734de2035d35d3fc8d63d1"],"ads":{"301514":{"id":301514,"title":"ADV Articolo Desktop - Inside 1","expiry_date":0,"visitors":[{"type":"mobile","value":["desktop"]},{"type":"mobile","value":["desktop"],"connector":"and"}],"content":"<div class=\"dm-content\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-1302176263\"><div id='gmp-insideposttop' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":301514,"placement_info":{"type":"post_content","name":"Content","item":"ad_301514","options":{"placement_position":""},"id":"content"},"test_id":null,"inject_before":[""]},"content_2_7":{"elementid":["dm-382f7aee4524df50d970d08af3e092b6"],"ads":{"301515":{"id":301515,"title":"ADV Articolo Desktop - Inside 2","expiry_date":0,"visitors":[{"type":"mobile","value":["desktop"]},{"type":"mobile","value":["desktop"],"connector":"and"}],"content":"<div class=\"dm-content_2\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-951940799\"><div id='gmp-insideposttop' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":301515,"placement_info":{"type":"post_content","name":"Content 2","item":"ad_301515","options":{"placement_position":""},"id":"content_2"},"test_id":null,"inject_before":[""]},"content_5_9":{"elementid":["dm-48a5e5563d8f6738e5225a93cfc259a9"],"ads":{"301527":{"id":301527,"title":"ADV Articolo Mobile - Bottom","expiry_date":0,"visitors":[{"type":"mobile","value":["mobile","tablet"]},{"type":"mobile","value":["mobile","tablet"],"connector":"and"}],"content":"<div class=\"dm-content_5\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-2067241795\"><div id='gmp-bottomobile' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":301527,"placement_info":{"type":"post_content","name":"Content 5","item":"ad_301527","options":{"placement_position":""},"id":"content_5"},"test_id":null,"inject_before":[""]},"content_3_11":{"elementid":["dm-5c79fa20407a30d88342a158c041f6d0"],"ads":{"301516":{"id":301516,"title":"ADV Articolo Desktop - Inside 3","expiry_date":0,"visitors":[{"type":"mobile","value":["desktop"]},{"type":"mobile","value":["desktop"],"connector":"and"}],"content":"<div class=\"dm-content_3\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-1612974936\"><div id='gmp-insideposttop' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":301516,"placement_info":{"type":"post_content","name":"Content 3","item":"ad_301516","options":{"placement_position":""},"id":"content_3"},"test_id":null,"inject_before":[""]},"adv-articolo-desktop-bottomright_13":{"elementid":["dm-fecadd69a0a5f210f153c381d8d71b81"],"ads":{"279661":{"id":279661,"title":"ADV Articolo Desktop - Sidebar 3 (BottomRight)","expiry_date":0,"visitors":[{"type":"mobile","value":["desktop"]},{"type":"mobile","value":["desktop"],"connector":"and"}],"content":"<div class=\"dm-adv-articolo-desktop-bottomright\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-1992277823\"><div id='gmp-bottomright' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":279661,"placement_info":{"type":"custom_position","name":"ADV Articolo Desktop - BottomRight","item":"ad_279661","options":{"placement_position":"center","inject_by":"pro_custom_element","pro_custom_element":"#sidebar_pagelle_after","container_id":"#c4f49f839817684590330cad5814cd6a3"},"id":"adv-articolo-desktop-bottomright"},"test_id":null,"inject_before":[""]},"adv-articolo-desktop-middleright_15":{"elementid":["dm-99b2754bca69ffbd64faac902ddd415b"],"ads":{"279662":{"id":279662,"title":"ADV Articolo Desktop \u2013 Sidebar 2 (MiddleRight)","expiry_date":0,"visitors":[{"type":"mobile","value":["desktop"],"connector":"and"}],"content":"<div class=\"dm-adv-articolo-desktop-middleright\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-148494039\"><div id='gmp-middleright' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"none","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":279662,"placement_info":{"type":"custom_position","name":"ADV Articolo Desktop - MiddleRight","item":"ad_279662","options":{"placement_position":"center","inject_by":"pro_custom_element","pro_custom_element":"#sidebar_trending-now_after","container_id":"#c3f8d5224428541b7109124d911e214f8"},"id":"adv-articolo-desktop-middleright"},"test_id":null,"inject_before":[""]},"adv-articolo-desktop-topright_17":{"elementid":["dm-57959062740c5dc4484a1c9a44e1a0ee"],"ads":{"279102":{"id":279102,"title":"ADV Articolo Desktop - Sidebar 1 (TopRight)","expiry_date":0,"visitors":[{"type":"mobile","value":["desktop"]}],"content":"<div class=\"dm-adv-articolo-desktop-topright\" style=\"margin-left: auto; margin-right: auto; text-align: center; \" id=\"dm-767807016\"><div id='gmp-topright' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":279102,"placement_info":{"type":"custom_position","name":" ADV Articolo Desktop - TopRight","item":"ad_279102","options":{"placement_position":"","inject_by":"pro_custom_element","pro_custom_element":"#sidebar_il-punto_after","container_id":"#cd0b7a406573604065ed7dfdd1e56f9a5"},"id":"adv-articolo-desktop-topright"},"test_id":null,"inject_before":[""]},"adv-hp-destkop-1_19":{"elementid":["dm-721bfff1f457fc595d054383a90a5f81"],"ads":{"279095":{"id":279095,"title":"ADV HP Desktop - Masthead 1","expiry_date":0,"visitors":[{"type":"mobile","value":["desktop"]},{"type":"mobile","value":["desktop"],"connector":"and"}],"content":"<div class=\"dm-adv-hp-destkop-1\" style=\"margin-left: auto; margin-right: auto; text-align: center; margin-top: -20px; margin-bottom: 40px; width: 970px; height: 250px; \" id=\"dm-1665507321\"><div id='gmp-masthead' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":279095,"placement_info":{"type":"custom_position","name":"ADV HP Destkop 1","item":"ad_279095","options":{"placement_position":"center","inject_by":"pro_custom_element","pro_custom_element":"#ora-in-tendenza","container_id":"#cdcd76a56effd0db241ace3ef2a887228"},"id":"adv-hp-destkop-1"},"test_id":null,"inject_before":[""]},"posizione-personalizzata_4_21":{"elementid":["dm-73ab7042749e098d5304114bb37f846f"],"ads":{"279101":{"id":279101,"title":"ADV Articolo Desktop - Native (dopo commenti)","expiry_date":0,"visitors":[{"type":"mobile","value":["desktop","mobile","tablet"]},{"type":"mobile","value":["desktop","mobile","tablet"],"connector":"and"}],"content":"<div class=\"dm-posizione-personalizzata_4\" style=\"margin-left: auto; margin-right: auto; text-align: center; margin-top: 25px; \" id=\"dm-918592458\"><div id='gmp-native' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":279101,"placement_info":{"type":"custom_position","name":"Posizione personalizzata 4","item":"ad_279101","options":{"placement_position":"","inject_by":"pro_custom_element","pro_custom_element":"div#comments > div#respond > h3#reply-title","container_id":"#c06ce86c1082dcb00fdf8d11bbacf6b20"},"id":"posizione-personalizzata_4"},"test_id":null,"inject_before":[""]}}; ( window.advanced_ads_ready || jQuery( document ).ready ).call( null, function() {if ( !window.advanced_ads_pro ) {console.log("Advanced Ads Pro: cache-busting can not be initialized");} });</script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script> <script src='https://s.adplay.it/davidemaggio/adplay.js' async type='text/javascript'></script> <script> jQuery(function($){ $(document).on('submit', '.header-search-form', function(e){ $(this).find('button[type="submit"]').attr('disabled', true); $(this).find('button[type="submit"]').append('<i class="fa fa-spinner fa-spin ml-[5px]"></i>'); $(this).find('button[type="submit"]').css('opacity', '.5'); }); }); </script> </body> </html>

CINXE.COM

ASCOLTI TV DI MARTEDI 16 DICEMBRE 2014: BENIGNI CRESCE E SFONDA IL MURO DEI 10 MILIONI (38.32%). CROLLA BALLARO' (4.3%) - Davide Maggio