Merde d'artiste - Davide Maggio

<!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>Merde d'artiste - Davide Maggio</title> <meta name="description" content="L'editoriale di Davide Maggio sul Festival di Sanremo 2025 e sulla situazione della stampa in Italia." /> <link rel="canonical" href="https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo" /> <meta property="og:locale" content="it_IT" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Merde d'artiste" /> <meta property="og:description" content="L'editoriale di Davide Maggio sul Festival di Sanremo 2025 e sulla situazione della stampa in Italia." /> <meta property="og:url" content="https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo" /> <meta property="og:site_name" content="Davide Maggio" /> <meta property="article:publisher" content="https://www.facebook.com/davidemaggio.it" /> <meta property="article:author" content="https://facebook.com/davidemaggio.it" /> <meta property="article:published_time" content="2025-02-18T16:51:50+00:00" /> <meta property="article:modified_time" content="2025-02-20T11:09:17+00:00" /> <meta property="og:image" content="https://www.davidemaggio.it/app/uploads/2025/02/situazione-carta-stampata.webp" /> <meta property="og:image:width" content="1792" /> <meta property="og:image:height" content="1024" /> <meta property="og:image:type" content="image/webp" /> <meta name="author" content="Davide Maggio" /> <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="Davide Maggio" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="3 minuti" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#article","isPartOf":{"@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo"},"author":{"name":"Davide Maggio","@id":"https://www.davidemaggio.it/#/schema/person/b800fbcd6706b80d6aa2253bf2ab9621"},"headline":"Merde d’artiste","datePublished":"2025-02-18T16:51:50+00:00","dateModified":"2025-02-20T11:09:17+00:00","mainEntityOfPage":{"@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo"},"wordCount":676,"commentCount":2,"publisher":{"@id":"https://www.davidemaggio.it/#organization"},"image":{"@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#primaryimage"},"thumbnailUrl":"https://www.davidemaggio.it/app/uploads/2025/02/situazione-carta-stampata.webp","keywords":["Festival di Sanremo 2025","In tendenza"],"articleSection":["Editoriali","Festival di Sanremo"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https://www.davidemaggio.it/#organization"}},{"@type":"WebPage","@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo","url":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo","name":"Merde d'artiste - Davide Maggio","isPartOf":{"@id":"https://www.davidemaggio.it/#website"},"primaryImageOfPage":{"@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#primaryimage"},"image":{"@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#primaryimage"},"thumbnailUrl":"https://www.davidemaggio.it/app/uploads/2025/02/situazione-carta-stampata.webp","datePublished":"2025-02-18T16:51:50+00:00","dateModified":"2025-02-20T11:09:17+00:00","description":"L'editoriale di Davide Maggio sul Festival di Sanremo 2025 e sulla situazione della stampa in Italia.","breadcrumb":{"@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#primaryimage","url":"https://www.davidemaggio.it/app/uploads/2025/02/situazione-carta-stampata.webp","contentUrl":"https://www.davidemaggio.it/app/uploads/2025/02/situazione-carta-stampata.webp","width":1792,"height":1024,"caption":"un bagno con dei giornali"},{"@type":"BreadcrumbList","@id":"https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.davidemaggio.it/"},{"@type":"ListItem","position":2,"name":"Merde d’artiste"}]},{"@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/b800fbcd6706b80d6aa2253bf2ab9621","name":"Davide Maggio","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https://www.davidemaggio.it/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/eb1174b51b33c688be0f8fac07315b11?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/eb1174b51b33c688be0f8fac07315b11?s=96&d=mm&r=g","caption":"Davide Maggio"},"sameAs":["https://www.davidemaggio.it","https://facebook.com/davidemaggio.it","https://instagram.com/davidemaggioit","https://www.linkedin.com/in/davidemaggio","https://x.com/davidemaggio"],"url":"https://www.davidemaggio.it/author/davide-maggio"}]}</script>  <link rel="alternate" type="application/rss+xml" title="Davide Maggio » Merde d’artiste Feed dei commenti" href="https://www.davidemaggio.it/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo/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":"1ab6b55d67","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":"1ab6b55d67","root":"https:\/\/www.davidemaggio.it\/wp-json\/"}; var wsluFrontObj = {"resturl":"https:\/\/www.davidemaggio.it\/wp-json\/","rest_nonce":"1ab6b55d67"}; </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/389214" /><link rel='shortlink' href='https://www.davidemaggio.it/?p=389214' />  <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-389214 single-format-standard wp-custom-logo wp-embed-responsive editoriale-davide-maggio-festival-di-sanremo 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":8820,"filter":"raw","term_order":"0","cat_ID":63,"category_count":8820,"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":1763,"filter":"raw","term_order":"0","cat_ID":67,"category_count":1763,"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":2789,"filter":"raw","term_order":"0","cat_ID":2918,"category_count":2789,"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":33392,"filter":"raw","term_order":"0","cat_ID":4,"category_count":33392,"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":10162,"filter":"raw","term_order":"0","cat_ID":38463,"category_count":10162,"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":678,"filter":"raw","term_order":"0","cat_ID":38520,"category_count":678,"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":8034,"filter":"raw","term_order":"0","cat_ID":6,"category_count":8034,"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":2012,"filter":"raw","term_order":"0","cat_ID":62,"category_count":2012,"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%2Ffestival-di-sanremo%2Feditoriale-davide-maggio-festival-di-sanremo" 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%2Ffestival-di-sanremo%2Feditoriale-davide-maggio-festival-di-sanremo" 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/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo'"> <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/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo'"> <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":8820,"filter":"raw","term_order":"0","cat_ID":63,"category_count":8820,"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":1763,"filter":"raw","term_order":"0","cat_ID":67,"category_count":1763,"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":2789,"filter":"raw","term_order":"0","cat_ID":2918,"category_count":2789,"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":33392,"filter":"raw","term_order":"0","cat_ID":4,"category_count":33392,"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":10162,"filter":"raw","term_order":"0","cat_ID":38463,"category_count":10162,"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":678,"filter":"raw","term_order":"0","cat_ID":38520,"category_count":678,"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":8034,"filter":"raw","term_order":"0","cat_ID":6,"category_count":8034,"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":2012,"filter":"raw","term_order":"0","cat_ID":62,"category_count":2012,"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/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo', 'Merde d&#039;artiste - Davide Maggio')"> <div class="dm-5cd6052749976caaa74265efbd2789e7 dm-adv-hp-destkop-1" id="dm-5cd6052749976caaa74265efbd2789e7"></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/Marcella-Bella-e-i-Twin-Violins-Sanremo-2025-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Marcella-Bella-e-i-Twin-Violins-Sanremo-2025-1024x688.jpg" alt="Marcella Bella: “Chi mi piacerebbe vedere all’Eurovision? Non ho dubbi, me stessa!”" 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/eurovision-song-contest/marcella-bella-chi-mi-piacerebbe-vedere-alleurovision-non-ho-dubbi-me-stessa" 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"> Marcella Bella: “Chi mi piacerebbe vedere all’Eurovision? Non ho dubbi, me stessa!” </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> La cantante, ospite della Bortone, parla anche di Sanremo: "La mia canzone è piaciuta molto" </div> <a href="https://www.davidemaggio.it/eurovision-song-contest/marcella-bella-chi-mi-piacerebbe-vedere-alleurovision-non-ho-dubbi-me-stessa" 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/Marcella-Bella-e-i-Twin-Violins-Sanremo-2025-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Marcella-Bella-e-i-Twin-Violins-Sanremo-2025-1024x688.jpg" alt="Marcella Bella: “Chi mi piacerebbe vedere all’Eurovision? Non ho dubbi, me stessa!”" 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/carlo-conti-a-emanuela-fanelli-ti-voglio-con-me-il-prossimo-anno-a-sanremo" 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-ed-Emanuela-Fanelli-150x86.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-ed-Emanuela-Fanelli-150x86.jpg" alt="Carlo Conti a Emanuela Fanelli: “Ti voglio con me il prossimo anno a Sanremo”" 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"> Carlo Conti a Emanuela Fanelli: “Ti voglio con me il prossimo anno a Sanremo”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> A Splendida Cornice la gag che vorremmo diventasse realtà </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/perche-sanremo-ha-avuto-cosi-successo" 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/Lucio-Corsi-arlo-Ce-Topo-Gigio-Sanremo-2025-scaled-e1740049593605-150x91.jpg" alt="Perchè Sanremo ha avuto così successo?" 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"> Perchè Sanremo ha avuto così successo?</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Analizziamo il circolo virtuoso che ha portato la kermesse a dei risultati enormi </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/mogol-su-giorgia-canta-come-30-anni-fa-la-voce-deve-essere-credibile" 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/Mogol-150x84.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Mogol-150x84.jpg" alt="Mogol su Giorgia: “Canta come 30 anni fa, la voce deve essere credibile”" 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"> Mogol su Giorgia: “Canta come 30 anni fa, la voce deve essere credibile”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il paroliere è netto sul perché la cantante non sia riuscita a vincere il Festival di Sanremo 2025 e le offre un corso </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="3201" 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/giorgia'" 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: '3201' }) : void(0)" > Giorgia </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/Mogol-1024x576.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Mogol-1024x576.jpg" alt="Mogol su Giorgia: “Canta come 30 anni fa, la voce deve essere credibile”" 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/mogol-su-giorgia-canta-come-30-anni-fa-la-voce-deve-essere-credibile" 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"> Mogol su Giorgia: “Canta come 30 anni fa, la voce deve essere credibile” </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il paroliere è netto sul perché la cantante non sia riuscita a vincere il Festival di Sanremo 2025 e le offre un corso </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/mogol-su-giorgia-canta-come-30-anni-fa-la-voce-deve-essere-credibile" 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/Mogol-1024x576.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Mogol-1024x576.jpg" alt="Mogol su Giorgia: “Canta come 30 anni fa, la voce deve essere credibile”" 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-pagelle-finali" 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/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-scaled-e1739894007645-150x82.jpg" alt="Sanremo 2025, Pagelle finali" 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, Pagelle finali</p> <div class="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> </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/giorgia-vince-la-serata-cover-di-sanremo-2025-la-classifica" 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/Premiazione-Giorgia-nella-serata-cover-Sanremo-2025-150x86.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Premiazione-Giorgia-nella-serata-cover-Sanremo-2025-150x86.jpg" alt="Giorgia vince la serata cover di 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"> Giorgia vince la serata cover di Sanremo 2025</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> La cantante insieme ad Annalisa batte Lucio Corsi e Topo Gigio. Ecco la classifica della 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: '3201' }) : 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="6325" 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/simona-ventura'" 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: '6325' }) : void(0)" > Simona Ventura </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/Simona-Ventura-Citofonare-Rai2-1024x571.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Simona-Ventura-Citofonare-Rai2-1024x571.jpg" alt="Simona Ventura rinuncia al nuovo show di Rai2" 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/anteprime/simona-ventura-rinuncia-al-nuovo-show-di-rai2" 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"> Simona Ventura rinuncia al nuovo show di Rai2 </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Davide Maggio vi svela perchè la conduttrice ha preferito il noto a L'Ignoto </div> <a href="https://www.davidemaggio.it/anteprime/simona-ventura-rinuncia-al-nuovo-show-di-rai2" 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/Simona-Ventura-Citofonare-Rai2-1024x571.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Simona-Ventura-Citofonare-Rai2-1024x571.jpg" alt="Simona Ventura rinuncia al nuovo show di Rai2" 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/anteprime/simona-ventura-verso-lignoto" 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/SIMONA-VENTURA_-150x75.jpeg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/SIMONA-VENTURA_-150x75.jpeg" alt="Simona Ventura verso L’Ignoto" 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"> Simona Ventura verso L’Ignoto</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Ecco come sarà il nuovo prime time di Rai2 destinato alla conduttrice </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/programmi-tv/cercasi-i-protagonisti-del-nuovo-reality-di-simona-ventura" 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/Simona-Ventura-150x80.jpeg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/Simona-Ventura-150x80.jpeg" alt="Cercasi i protagonisti del nuovo reality di Simona Ventura" 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"> Cercasi i protagonisti del nuovo reality di Simona Ventura</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Le registrazioni sono fissate a marzo, messa in onda prevista nell'autunno 2025 </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/pagelle-tv/pagelle-tv-dellanno-promossi" 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/2024/09/Stefano-De-Martino-Affari-Tuoi-1-e1727107993456-150x79.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/09/Stefano-De-Martino-Affari-Tuoi-1-e1727107993456-150x79.jpg" alt="Pagelle TV dell’anno 2024 – Promossi" 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"> Pagelle TV dell’anno 2024 – Promossi</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Stefano De Martino, Fiorello, Maria De Filippi </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: '6325' }) : 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="28489" 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/elodie'" 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: '28489' }) : void(0)" > Elodie </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/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="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/elodie-che-succede" 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"> Elodie, che succede? </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> La cantante si è esibita senza ballerine ed è apparsa contrariata </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/elodie-che-succede" 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/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> </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/elodie-a-sanremo-con-un-vibratore-nella-borsa" 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/Elodie-13-150x101.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-13-150x101.jpg" alt="Elodie a Sanremo con un vibratore nella borsa" 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"> Elodie a Sanremo con un vibratore nella borsa</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> La rivelazione della cantante romana in gara nella 75esima edizione della kermesse canora </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/gaffe-di-elodie-con-alberto-matano-frank-come-stai" 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/Elodie-a-La-Vita-in-Diretta-150x86.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-a-La-Vita-in-Diretta-150x86.jpg" alt="Gaffe di Elodie con Alberto Matano: “Frank, come stai?”" 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"> Gaffe di Elodie con Alberto Matano: “Frank, come stai?”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> La cantante poi si scusa: "Sono una rincoglionita" </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/pagelle-tv/sanremo-2025-pagelle-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/Damiano-David-20-scaled-e1739455924152-150x132.jpg" alt="Sanremo 2025, pagelle 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, pagelle seconda serata</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Nino Frassica e Bianca Balti. Tra i bocciati Damiano David </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: '28489' }) : 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"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-scaled-e1739894007645-1024x561.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy" class="hidden h-full w-full object-cover lg:block"> <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> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-scaled-e1739894007645-1024x561.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> </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/davide-maggio"> <span itemprop="name">Davide Maggio</span> </a> <meta itemprop="position" content="2"/> </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/davide-maggio/editoriali"> <span itemprop="name">Editoriali</span> </a> <meta itemprop="position" content="3"/> </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">Merde d’artiste</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/davide-maggio/editoriali'>Editoriali</a>, <a href='https://www.davidemaggio.it/programmi-tv/festival-di-sanremo'>Festival di Sanremo</a> </p> </div> <div class="mt-3 flex items-center justify-between"> <div class="flex items-center space-x-2"> <img alt='' src='https://secure.gravatar.com/avatar/eb1174b51b33c688be0f8fac07315b11?s=26&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/eb1174b51b33c688be0f8fac07315b11?s=52&d=mm&r=g 2x' class='avatar avatar-26 photo rounded-full w-[26px]' height='26' width='26' decoding='async'/> <p class="font-open text-[0.75rem] leading-none">di Davide Maggio</p> </div> <p class="font-open text-[0.75rem] font-semibold leading-none text-gray-200">18/02/2025 - 17:51</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/2025/02/situazione-carta-stampata-1024x585.webp" alt="Merde d’artiste" 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="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/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo', }, 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/editoriale-davide-maggio-festival-di-sanremo&text=Merde d’artiste' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/festival-di-sanremo\/editoriale-davide-maggio-festival-di-sanremo', title: 'Merde d’artiste' } }"> <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"> <div class="dm-4186b598ba4609df236a839dc4c2300e dm-content_4" id="dm-4186b598ba4609df236a839dc4c2300e"></div><p><em>Merde d’artiste</em> è un’opera d’arte di Piero Manzoni. Ma di arte, in questo caso, c’è ben poco e Sanremo ne è diventato il crogiolo perfetto. </p> <p>Complici i social, si assiste da qualche tempo ad un divertente fenomeno di <strong>esaltazione del sè</strong> che fuori dal palco troverebbe la sua collocazione ideale nello studio di uno specialista. A Sanremo, invece, gli specialisti sono alcuni ‘colleghi’ che hanno normalizzato una patologia, umiliando un’intera categoria professionale. </p><div class="dm-3b76572db0b9f4a4b39718c545ab07e8 dm-content" id="dm-3b76572db0b9f4a4b39718c545ab07e8"></div><div class="dm-8202ca98be1a72fd2bb7277fcf7c23d0 dm-adv-articolo-mobile-inside-2" id="dm-8202ca98be1a72fd2bb7277fcf7c23d0"></div> <p>Il problema dell’<strong>ego smisurato di alcuni artistoidi sanremesi</strong> non sta, infatti, nelle loro idiote fanbase, drogate e aizzate a comando: non hanno gli strumenti per recuperare quella lucidità che viene sottratta loro dal beniamino di turno. Il problema è chi permette agli artistoidi di essere <strong>continuamente celebrati e osannati</strong> senza uno straccio di critica su ciò che viene dato in pasto al pubblico e vomitato sul mercato. Esattamente ciò che fanno i fan: idolatrano! </p> <p>E verrebbe da dire che idolatrano a prescindere. In realtà <strong>l’idolatria non è genuina, è indotta</strong>. Le ragioni, neanche a dirlo, sono economiche, seppur non necessariamente in senso stretto. Capita così di vedere giornalisti che si umilino a fare dimostrazioni di aspirapolveri sulle web tv di alcuni broadcaster; di vederli goffamente travestiti alle riffe natalizie organizzate da alcuni uffici stampa; di fare a gara per essere invitati in alcune giurie pur di assicurarsi il regalino della produzione; di generare il sospetto di essere a libro paga di alcuni artisti come se curassero sottobanco la comunicazione o in qualche modo ne agevolassero il <em>sentiment</em> positivo sulla carta. Su quale tipo di carta, è meglio soprassedere.</p><div class="dm-656f5832146839e37c9bfbe5585198f6 dm-content_5" id="dm-656f5832146839e37c9bfbe5585198f6"></div><div class="dm-341c6cb2a24c49a95951eeae06184997 dm-content_2" id="dm-341c6cb2a24c49a95951eeae06184997"></div> <p>Sul web, non ne parliamo. Piccoli appassionati di spettacolo, che si sbrodolano per il sol fatto di avere nel proprio campo visivo il cantante famoso, assurgono al rango di ‘giornalisti accreditati’ nella Sala Stampa Lucio Dalla – fortunatamente e universalmente riconosciuta di serie B – che formulano domande del tipo: “<em>Ciao, volevo dirti che sei stato bravissimo”. </em>Obiettivo: selfie. </p> <p>Ad accomunarli tutti, la <strong>sottomissione all’artista</strong>, che è di due tipi: diretta, per rapporti personali con l’artistoide/ufficio stampa dell’artistoide o indiretta, per la speranza di poterli avere o, ancor di più, poter beneficiare di una menzione social. </p><div class="dm-b3ea164f4451db05f2f7bdfd494f8130 dm-content_3" id="dm-b3ea164f4451db05f2f7bdfd494f8130"></div> <p>Perchè c’è poco da fare, la <strong>vanità</strong> è decisamente il loro peccato preferito. </p> <p>Succede così che chi qui scrive venga azzannato da Elodie per aver chiesto dei chiarimenti sui suoi comportamenti nella serata finale del Festival. Una DO MAN DA che scaturiva dal fatto di non aver accennato alla questione su queste pagine e che, proprio per questo, ritenevo fosse opportuno far chiarire dalla diretta interessata. Diretta interessata che, presa dalla solita rabbia, ha malcelato un nervosismo che altro non è che una conferma di qualche intoppo sul quale ha evidentemente preferito glissare. </p> <p>Ciò su cui non glissa, invece, è la <strong>strumentalizzazione di determinate sensibilità</strong>, ormai <em>passepartout</em> per capovolgere qualsiasi situazione critica o spostare l’attenzione da tematiche non gradite. Una su tutte <strong>le donne e il patriarcato</strong>. </p> <p>Come è stato fatto, ad esempio, per <strong>Giorgia</strong>: affranta per il sesto posto della collega, Elodie se la prende con i giornalisti della sala stampa che avrebbero penalizzato la donna di cui si dovrebbe rispettare la carriera. Ora, a prescindere dal doppiopesismo nei confronti di Marcella Bella – perchè lei sì, anche se è una donna, può essere ultima pure con 50 anni di carrierà chè tanto è fuori dai giri ed è ritenuta vicina alla destra -, sarebbe interessante ricordare ad Elodie che Giorgia è stata sempre prima per la sala stampa ed è stata penalizzata dal televoto. Dunque, piuttosto che parlare a vanvera, come spesso accade, potrebbe constatare che è stato proprio il pubblico più vicino a quello degli amati social a mettere fuori dalla top 5 l’interprete de La cura per me. </p> <p>Il punto è uno soltanto: per carriere e personaggi che trovano la propria linfa nella ‘<strong>bolla social</strong>‘, opportunamente costruita e alimentata, arriva giocoforza il momento nel quale ci si scontra con la realtà vera, quella nella quale i fan sono concentrati nelle <strong>shitstorm</strong> che ormai creano più risate che fastidi, e tutti gli altri ti sbattono in fondo alle classifiche semplicemente perchè non hanno gradito ciò che hai fatto o hai dato loro in pasto.</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/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo', }, 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/editoriale-davide-maggio-festival-di-sanremo&text=Merde d’artiste' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/festival-di-sanremo\/editoriale-davide-maggio-festival-di-sanremo', title: 'Merde d’artiste' } }"> <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/festival-di-sanremo-2025">Festival di Sanremo 2025</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/trending_now">In tendenza</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/eurovision-song-contest/marcella-bella-chi-mi-piacerebbe-vedere-alleurovision-non-ho-dubbi-me-stessa" 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/Marcella-Bella-e-i-Twin-Violins-Sanremo-2025-1024x688.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Marcella-Bella-e-i-Twin-Violins-Sanremo-2025-1024x688.jpg" alt="Marcella Bella: “Chi mi piacerebbe vedere all’Eurovision? Non ho dubbi, me stessa!”" 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]"> Marcella Bella: “Chi mi piacerebbe vedere all’Eurovision? Non ho dubbi, me stessa!” </h3> </div> </a> <a href="https://www.davidemaggio.it/festival-di-sanremo/carlo-conti-a-emanuela-fanelli-ti-voglio-con-me-il-prossimo-anno-a-sanremo" 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/Carlo-Conti-ed-Emanuela-Fanelli-1024x584.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-ed-Emanuela-Fanelli-1024x584.jpg" alt="Carlo Conti a Emanuela Fanelli: “Ti voglio con me il prossimo anno a Sanremo”" 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]"> Carlo Conti a Emanuela Fanelli: “Ti voglio con me il prossimo anno a Sanremo” </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-dbff2bd9c7f6dbb48505b98eac9c99fe dm-posizione-personalizzata_4" id="dm-dbff2bd9c7f6dbb48505b98eac9c99fe"></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="/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#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%2Ffestival-di-sanremo%2Feditoriale-davide-maggio-festival-di-sanremo">connesso</a> per inviare un commento.</p> </div> <h2 class="comments-title mt-10 font-bold"> 2 commenti su "<span>Merde d’artiste</span>" </h2> <ol class="comment-list"> <li class="comment byuser comment-author-bickle71libero-it even thread-even depth-1 " id="comment-4201593"> <div id="div-comment-4201593" 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/a7c7c091d9cbf43c1ba6bc917c15ffa1?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/a7c7c091d9cbf43c1ba6bc917c15ffa1?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">Zio Ros 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/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#comment-4201593"> 18 Febbraio 2025 alle 19:13 </a> </div> </div> <p class="mt-3"> Sottoscrivo quasi tutto. Ma rinfacciare a Gaia la percentuale vicina allo zero è stata una precisazione superflua. Bastava dire che era arrivata ultima: stesso concetto, ma senza cattiveria (sicuramente non voluta) inutile. <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%2Ffestival-di-sanremo%2Feditoriale-davide-maggio-festival-di-sanremo">Accedi per rispondere</a> </div> </div> </li> <li class="comment byuser comment-author-craighnadun85gmail-com odd alt thread-odd thread-alt depth-1 " id="comment-4201592"> <div id="div-comment-4201592" 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/db10588a72ff4e77a6e79b15f6cc2aff?s=32&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/db10588a72ff4e77a6e79b15f6cc2aff?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">Il Generale Vannacci 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/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo#comment-4201592"> 18 Febbraio 2025 alle 18:09 </a> </div> </div> <p class="mt-3"> Stanno facendo una polemica inutile e pretestuosa. <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%2Ffestival-di-sanremo%2Feditoriale-davide-maggio-festival-di-sanremo">Accedi per rispondere</a> </div> </div> </li> </ol> </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-51fef98f051ff7e552ccba2328b8c9d2 dm-adv-articolo-desktop-topright" id="dm-51fef98f051ff7e552ccba2328b8c9d2"></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/anteprime/simona-ventura-rinuncia-al-nuovo-show-di-rai2" 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/Simona-Ventura-Citofonare-Rai2-1024x571.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Simona-Ventura-Citofonare-Rai2-1024x571.jpg" alt="Simona Ventura rinuncia al nuovo show di Rai2" 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/anteprime/simona-ventura-rinuncia-al-nuovo-show-di-rai2', }, 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/anteprime/simona-ventura-rinuncia-al-nuovo-show-di-rai2&text=Simona Ventura rinuncia al nuovo show di Rai2' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/anteprime\/simona-ventura-rinuncia-al-nuovo-show-di-rai2', title: 'Simona Ventura rinuncia al nuovo show di Rai2' } }"> <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'>BOOM</span> </p> <h4 class="text-[1.125rem] font-extrabold leading-[1.22] tracking-[-0.36px] text-white line-clamp-4"> Simona Ventura rinuncia al nuovo show di Rai2 </h4> </div> </a> <a href="https://www.davidemaggio.it/step/stasera-tutto-e-possibile-verso-rai1" 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/01/De-Martino-e1738058380976-1024x515.jpg" alt="Stasera Tutto è Possibile verso Rai1" 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/step/stasera-tutto-e-possibile-verso-rai1', }, 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/step/stasera-tutto-e-possibile-verso-rai1&text=Stasera Tutto è Possibile verso Rai1' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/step\/stasera-tutto-e-possibile-verso-rai1', title: 'Stasera Tutto \u00e8 Possibile verso Rai1' } }"> <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'>Stasera tutto è possibile</span> </p> <h4 class="text-[1.125rem] font-extrabold leading-[1.22] tracking-[-0.36px] text-white line-clamp-4"> Stasera Tutto è Possibile verso Rai1 </h4> </div> </a> <a href="https://www.davidemaggio.it/festival-di-sanremo/lucio-presta-amadeus-mal-consigliato-in-famiglia" 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/2024/06/Lucio-Presta-IG-Paola-Perego.webp" alt="Lucio Presta: “Amadeus mal consigliato in famiglia”" 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/lucio-presta-amadeus-mal-consigliato-in-famiglia', }, 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/lucio-presta-amadeus-mal-consigliato-in-famiglia&text=Lucio Presta: “Amadeus mal consigliato in famiglia”' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/festival-di-sanremo\/lucio-presta-amadeus-mal-consigliato-in-famiglia', title: 'Lucio Presta: “Amadeus mal consigliato in famiglia”' } }"> <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"> Lucio Presta: “Amadeus mal consigliato in famiglia” </h4> </div> </a> </div> </div> <div class="dm-39ab52aa042b088ba55146595d4018b8 dm-adv-articolo-desktop-middleright" id="dm-39ab52aa042b088ba55146595d4018b8"></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-f337f4a267518a48408e6a8c9e3faa93 dm-adv-articolo-desktop-bottomright" id="dm-f337f4a267518a48408e6a8c9e3faa93"></div> </div> </div> </div> <script> function decodeHtml(html) { var txt = document.createElement("textarea"); txt.innerHTML = html; return txt.value; } </script> <div x-data="{ selected: null, permalink: null, post_title: null, html: null, loading: false, getContent() { if (!this.permalink) { return } this.loading = true fetch(this.permalink) .then((response) => { /* let nextURL = this.permalink; let nextTitle = decodeHtml(this.post_title); let nextState = { additionalInformation: nextURL }; window.history.pushState(nextState, nextTitle, nextURL); document.title = nextTitle; */ response.text().then(html => { let page = html page = page ? new DOMParser().parseFromString(page, 'text/html').getElementById('content') : null const oraInTendenza = page ? page.querySelector('#ora-in-tendenza') : null if (oraInTendenza) { oraInTendenza.remove() } const sidebar = page ? page.querySelector('#sidebar') : null if (sidebar) { sidebar.classList.add('hidden'); sidebar.classList.add('lg:block'); } this.html = page ? page.innerHTML : null this.loading = false }); }) .catch((error) => { this.html = null }) }, }" x-cloak x-init="$watch('selected', value => getContent());" x-intersect.once.margin.200px="selected = 388223; permalink = 'https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali?page=2'; post_title = 'Merde d&#039;artiste - Davide Maggio'"> <div class="bg-[#F8F8F8] pt-10 pb-10 lg:pt-20 lg:pb-20"> <div class="container"> <div class="mb-8 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <h3 class="text-[1.75rem] font-extrabold uppercase leading-[1.36] tracking-[-0.56px]"> Davide Maggio consiglia </h3> </div> <div class="-mr-4 flex snap-x snap-proximity gap-5 overflow-x-scroll pr-4 lg:mr-0 lg:grid lg:grid-cols-4 lg:overflow-x-hidden lg:pr-0"> <a class="group block shrink-0 basis-7/12 snap-start lg:basis-0" :class="selected == 388223 && 'pointer-events-none'" @click.prevent="selected = 388223; permalink = 'https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali'; post_title = 'Merde d&#039;artiste - Davide Maggio'" href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali"> <div class="relative aspect-[262/200] overflow-hidden rounded"> <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/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-scaled-e1739894007645-1024x561.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy" /> </div> <h4 :class="selected == 388223 && 'font-bold'" class="mt-4 text-center text-[1.125rem] leading-[1.22] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 group-hover:text-opacity-50"> Sanremo 2025, Pagelle finali </h4> <div class="flex transition-all duration-300" :class="selected == 388223 || 'invisible opacity-0'"> <span class="mx-auto mt-8 inline-block border-l-[23px] border-r-[23px] border-t-[22px] border-t-primary border-l-transparent border-r-transparent"> </span> </div> </a> <a class="group block shrink-0 basis-7/12 snap-start lg:basis-0" :class="selected == 389006 && 'pointer-events-none'" @click.prevent="selected = 389006; permalink = 'https://www.davidemaggio.it/festival-di-sanremo/lucio-presta-amadeus-mal-consigliato-in-famiglia'; post_title = 'Merde d&#039;artiste - Davide Maggio'" href="https://www.davidemaggio.it/festival-di-sanremo/lucio-presta-amadeus-mal-consigliato-in-famiglia"> <div class="relative aspect-[262/200] overflow-hidden rounded"> <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/2024/06/Lucio-Presta-IG-Paola-Perego.webp" alt="Lucio Presta: “Amadeus mal consigliato in famiglia”" loading="lazy" /> </div> <h4 :class="selected == 389006 && 'font-bold'" class="mt-4 text-center text-[1.125rem] leading-[1.22] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 group-hover:text-opacity-50"> Lucio Presta: “Amadeus mal consigliato in famiglia” </h4> <div class="flex transition-all duration-300" :class="selected == 389006 || 'invisible opacity-0'"> <span class="mx-auto mt-8 inline-block border-l-[23px] border-r-[23px] border-t-[22px] border-t-primary border-l-transparent border-r-transparent"> </span> </div> </a> <a class="group block shrink-0 basis-7/12 snap-start lg:basis-0" :class="selected == 388527 && 'pointer-events-none'" @click.prevent="selected = 388527; permalink = 'https://www.davidemaggio.it/festival-di-sanremo/tapiro-a-giorgia-dopo-il-6-posto-a-sanremo-2025'; post_title = 'Merde d&#039;artiste - Davide Maggio'" href="https://www.davidemaggio.it/festival-di-sanremo/tapiro-a-giorgia-dopo-il-6-posto-a-sanremo-2025"> <div class="relative aspect-[262/200] overflow-hidden rounded"> <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/Tapiro-Giorgia-1024x564.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Tapiro-Giorgia-1024x564.jpg" alt="Tapiro a Giorgia dopo il 6° posto a Sanremo 2025" loading="lazy"/> </picture> </div> <h4 :class="selected == 388527 && 'font-bold'" class="mt-4 text-center text-[1.125rem] leading-[1.22] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 group-hover:text-opacity-50"> Tapiro a Giorgia dopo il 6° posto a Sanremo 2025 </h4> <div class="flex transition-all duration-300" :class="selected == 388527 || 'invisible opacity-0'"> <span class="mx-auto mt-8 inline-block border-l-[23px] border-r-[23px] border-t-[22px] border-t-primary border-l-transparent border-r-transparent"> </span> </div> </a> <a class="group block shrink-0 basis-7/12 snap-start lg:basis-0" :class="selected == 388389 && 'pointer-events-none'" @click.prevent="selected = 388389; permalink = 'https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-tutte-le-votazioni-e-le-classifiche'; post_title = 'Merde d&#039;artiste - Davide Maggio'" href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-tutte-le-votazioni-e-le-classifiche"> <div class="relative aspect-[262/200] overflow-hidden rounded"> <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/Olly-5-1024x595.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-5-1024x595.jpg" alt="Sanremo 2025: tutte le votazioni e le classifiche" loading="lazy"/> </picture> </div> <h4 :class="selected == 388389 && 'font-bold'" class="mt-4 text-center text-[1.125rem] leading-[1.22] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 group-hover:text-opacity-50"> Sanremo 2025: tutte le votazioni e le classifiche </h4> <div class="flex transition-all duration-300" :class="selected == 388389 || 'invisible opacity-0'"> <span class="mx-auto mt-8 inline-block border-l-[23px] border-r-[23px] border-t-[22px] border-t-primary border-l-transparent border-r-transparent"> </span> </div> </a> </div> </div> </div> <div class="relative min-h-[11rem]"> <div class="absolute inset-0 z-10 flex justify-center pt-16 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> <div x-html="html"> </div> </div> </div> </div> </div> </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-4186b598ba4609df236a839dc4c2300e"],"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-1506683476\"><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-8202ca98be1a72fd2bb7277fcf7c23d0"],"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-106749469\"><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-3b76572db0b9f4a4b39718c545ab07e8"],"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-340015348\"><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-341c6cb2a24c49a95951eeae06184997"],"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-1601544900\"><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-656f5832146839e37c9bfbe5585198f6"],"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-579320658\"><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-b3ea164f4451db05f2f7bdfd494f8130"],"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-1608645296\"><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-f337f4a267518a48408e6a8c9e3faa93"],"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-2072833436\"><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-39ab52aa042b088ba55146595d4018b8"],"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-642564516\"><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-51fef98f051ff7e552ccba2328b8c9d2"],"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-54225998\"><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-5cd6052749976caaa74265efbd2789e7"],"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-881744327\"><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-dbff2bd9c7f6dbb48505b98eac9c99fe"],"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-1895432835\"><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

Merde d'artiste - Davide Maggio