Canali TV - 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>Canali TV - Davide Maggio</title> <link rel="canonical" href="https://www.davidemaggio.it/canali-tv" /> <link rel="next" href="https://www.davidemaggio.it/canali-tv/page/2" /> <meta property="og:locale" content="it_IT" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Canali TV" /> <meta property="og:url" content="https://www.davidemaggio.it/canali-tv" /> <meta property="og:site_name" content="Davide Maggio" /> <meta property="og:image" content="https://www.davidemaggio.it/app/uploads/2024/06/DM-icona-notifiche.webp" /> <meta property="og:image:width" content="1090" /> <meta property="og:image:height" content="1090" /> <meta property="og:image:type" content="image/webp" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@davidemaggio" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://www.davidemaggio.it/canali-tv","url":"https://www.davidemaggio.it/canali-tv","name":"Canali TV - Davide Maggio","isPartOf":{"@id":"https://www.davidemaggio.it/#website"},"primaryImageOfPage":{"@id":"https://www.davidemaggio.it/canali-tv#primaryimage"},"image":{"@id":"https://www.davidemaggio.it/canali-tv#primaryimage"},"thumbnailUrl":"https://www.davidemaggio.it/app/uploads/2025/01/PrimeVideo_RedCarpetVipalTappeto_3.jpg","breadcrumb":{"@id":"https://www.davidemaggio.it/canali-tv#breadcrumb"},"inLanguage":"it-IT"},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https://www.davidemaggio.it/canali-tv#primaryimage","url":"https://www.davidemaggio.it/app/uploads/2025/01/PrimeVideo_RedCarpetVipalTappeto_3.jpg","contentUrl":"https://www.davidemaggio.it/app/uploads/2025/01/PrimeVideo_RedCarpetVipalTappeto_3.jpg","width":1482,"height":899,"caption":"© US Prime Video"},{"@type":"BreadcrumbList","@id":"https://www.davidemaggio.it/canali-tv#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.davidemaggio.it/"},{"@type":"ListItem","position":2,"name":"Canali TV"}]},{"@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"}]}</script>  <link rel="alternate" type="application/rss+xml" title="Davide Maggio » Canali TV Feed della categoria" href="https://www.davidemaggio.it/canali-tv/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/categories/38465" /> <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 = 'category'; </script> </head> <body class="archive category category-canali-tv category-38465 wp-custom-logo wp-embed-responsive 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" /> </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%2Fred-carpet-vip-al-tappeto%2Fla-grande-novita-dello-streaming-marcuzzi-vs-blasi-e-la-sfida-del-giorno" 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%2Fred-carpet-vip-al-tappeto%2Fla-grande-novita-dello-streaming-marcuzzi-vs-blasi-e-la-sfida-del-giorno" 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/canali-tv'"> <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/canali-tv'"> <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" /> </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"> <div class="group relative flex aspect-[414/540] justify-center pb-8 pt-5 lg:aspect-[1440/540] min-h-[380px] lg:min-h-[500px] lg:items-center"> <img class="absolute inset-0 h-full w-full object-cover" src="https://www.davidemaggio.it/app/uploads/2023/10/Fazio_CTCF21-1.webp" alt="Canali TV" loading="lazy"> <div class="absolute inset-0" style="background: transparent linear-gradient(180deg, #0000004D 0%, #00000080 100%) 0% 0% no-repeat padding-box;"> </div> <div class="container relative flex flex-col justify-between lg:justify-start"> <h1 class="relative mx-auto inline-block bg-primary py-1.5 pl-6 pr-5 text-center text-[1.75rem] font-bold uppercase leading-none text-white before:absolute before:left-0 before:top-1/2 before:aspect-square before:w-5 before:-translate-y-1/2 before:-translate-x-1/2 before:bg-white"> Canali TV </h1> </div> </div> <div class="container pt-6 pb-[3.125rem] lg:pt-10"> <div class="dm-cb313e19d1c7a764c92aaa76a0718836 dm-adv-hp-destkop-1" id="dm-cb313e19d1c7a764c92aaa76a0718836"></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> <div class="container"> <div class="mb-10 bg-[#F8F8F8] py-6 px-5"> <form action="/" method="get" class="flex flex-col lg:space-x-5 lg:flex-row category-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":21961,"name":"Disney+","slug":"disney","term_group":0,"term_taxonomy_id":40525,"taxonomy":"category","description":"","parent":38465,"count":111,"filter":"raw","term_order":"0","cat_ID":21961,"category_count":111,"category_description":"","cat_name":"Disney+","category_nicename":"disney","category_parent":38465},{"term_id":22134,"name":"Infinity","slug":"infinity","term_group":0,"term_taxonomy_id":37536,"taxonomy":"category","description":"Infinity \u00e8 il primo servizio di video streaming on demand italiano con un catalogo di oltre 6000 film, serie tv e cartoni animati da vedere e rivedere senza vincoli di orari e palinsesti su centinaia di dispositivi abilitati: Smart TV, PC, Tablet, Smartphone, Chromecast, Decoder connessi e game console. Si possono inoltre scaricare film e serie tv su PC, Smartphone e Tablet per guardarli ovunque e in qualsiasi momento, anche in assenza di connessione internet. I contenuti sono inoltre disponibili anche in super HD e Ultra HD, per una visione di grande qualit\u00e0, in lingua originale e con sottotitoli. \r\nInfinity propone un'offerta che consente di usufruire di un periodo di prova gratuita di 30 giorni nei quali poter guardare liberamente tutto ci\u00f2 che si desidera. La sottoscrizione non prevede costi di attivazione e non comporta alcun vincolo temporale; ogni mese \u00e8 possibile scegliere liberamente se continuare a usufruire del servizio oppure disdirlo in maniera semplice e del tutto gratuita.","parent":38465,"count":113,"filter":"raw","term_order":"0","cat_ID":22134,"category_count":113,"category_description":"Infinity \u00e8 il primo servizio di video streaming on demand italiano con un catalogo di oltre 6000 film, serie tv e cartoni animati da vedere e rivedere senza vincoli di orari e palinsesti su centinaia di dispositivi abilitati: Smart TV, PC, Tablet, Smartphone, Chromecast, Decoder connessi e game console. Si possono inoltre scaricare film e serie tv su PC, Smartphone e Tablet per guardarli ovunque e in qualsiasi momento, anche in assenza di connessione internet. I contenuti sono inoltre disponibili anche in super HD e Ultra HD, per una visione di grande qualit\u00e0, in lingua originale e con sottotitoli. \r\nInfinity propone un'offerta che consente di usufruire di un periodo di prova gratuita di 30 giorni nei quali poter guardare liberamente tutto ci\u00f2 che si desidera. La sottoscrizione non prevede costi di attivazione e non comporta alcun vincolo temporale; ogni mese \u00e8 possibile scegliere liberamente se continuare a usufruire del servizio oppure disdirlo in maniera semplice e del tutto gratuita.","cat_name":"Infinity","category_nicename":"infinity","category_parent":38465},{"term_id":11895,"name":"Netflix","slug":"netflix","term_group":0,"term_taxonomy_id":35773,"taxonomy":"category","description":"Tutto sul mondo Netflix. ","parent":38465,"count":437,"filter":"raw","term_order":"0","cat_ID":11895,"category_count":437,"category_description":"Tutto sul mondo Netflix. ","cat_name":"Netflix","category_nicename":"netflix","category_parent":38465},{"term_id":83,"name":"Sky","slug":"sky","term_group":0,"term_taxonomy_id":78,"taxonomy":"category","description":"","parent":38465,"count":1101,"filter":"raw","term_order":"0","cat_ID":83,"category_count":1101,"category_description":"","cat_name":"Sky","category_nicename":"sky","category_parent":38465},{"term_id":25622,"name":"TIMVISION","slug":"tim-vision","term_group":0,"term_taxonomy_id":42429,"taxonomy":"category","description":"Tutte le novit\u00e0 della piattaforma TIMVISION. ","parent":38465,"count":43,"filter":"raw","term_order":"0","cat_ID":25622,"category_count":43,"category_description":"Tutte le novit\u00e0 della piattaforma TIMVISION. ","cat_name":"TIMVISION","category_nicename":"tim-vision","category_parent":38465}].find(e => e.slug == cat).name : 'in sottocategoria'" 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 = 'disney'; 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">Disney+</button> </li> <li> <button type="button" @click=" cat = 'infinity'; 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">Infinity</button> </li> <li> <button type="button" @click=" cat = 'netflix'; 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">Netflix</button> </li> <li> <button type="button" @click=" cat = 'sky'; 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">Sky</button> </li> <li> <button type="button" @click=" cat = 'tim-vision'; 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">TIMVISION</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> <script> jQuery(function($){ $(document).on('submit', '.category-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> <div class="pb-10 lg:pb-20"> <div class="mb-10 inline-flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.6rem] bg-primary transition-all duration-300 group-hover:h-[1.25rem]"></span> <h2 class="text-[1.75rem] font-extrabold uppercase leading-[1.36] tracking-[-0.56px]"> Canali TV </h2> </div> <div class="grid grid-cols-1 gap-6 pb-10 lg:pb-20 lg:grid-cols-12"> <div class="relative block space-y-2.5 lg:col-span-7"> <div class="group relative aspect-[638/420] overflow-hidden rounded min-h-[400px] max-w-full"> <a href="https://www.davidemaggio.it/recensioni/recensione-ilary-netflix"> <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/2024/12/Ilary-S1_E1-26_48_07-1024x512.jpeg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/12/Ilary-S1_E1-26_48_07-1024x512.jpeg" alt="Il dolce far niente di Ilary Blasi" loading="lazy"/> </picture> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/netflix' class='line-clamp-1'>Netflix</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/recensioni/recensione-ilary-netflix', }, 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/recensioni/recensione-ilary-netflix&text=Il dolce far niente di Ilary Blasi' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/recensioni\/recensione-ilary-netflix', title: 'Il dolce far niente di Ilary Blasi' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.375rem] lg:min-h-[55px]"> <a href="https://www.davidemaggio.it/recensioni/recensione-ilary-netflix">Il dolce far niente di Ilary Blasi</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Il ritorno della conduttrice su Netflix è all'insegna della superficialità </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> <span>10/01/2025</span> </p> <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> <div class="flex flex-col justify-between space-y-6 lg:col-span-5"> <div class="flex flex-wrap md:space-x-5 space-y-5 lg:space-y-0 md:flex-nowrap"> <div class="group relative aspect-[356/196] md:aspect-[168/177] w-full md:w-[37%] shrink-0 overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/red-carpet-vip-al-tappeto/la-grande-novita-dello-streaming-marcuzzi-vs-blasi-e-la-sfida-del-giorno"> <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/01/PrimeVideo_RedCarpetVipalTappeto_3-1024x621.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/PrimeVideo_RedCarpetVipalTappeto_3-1024x621.jpg" alt="La ‘grande novità’ dello streaming: Marcuzzi vs Blasi è la sfida del giorno" loading="lazy"/> </picture> <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> </a> </div> <div class="space-y-4"> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/netflix' class='line-clamp-1'>Netflix</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/red-carpet-vip-al-tappeto/la-grande-novita-dello-streaming-marcuzzi-vs-blasi-e-la-sfida-del-giorno', }, 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/red-carpet-vip-al-tappeto/la-grande-novita-dello-streaming-marcuzzi-vs-blasi-e-la-sfida-del-giorno&text=La ‘grande novità’ dello streaming: Marcuzzi vs Blasi è la sfida del giorno' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/red-carpet-vip-al-tappeto\/la-grande-novita-dello-streaming-marcuzzi-vs-blasi-e-la-sfida-del-giorno', title: 'La ‘grande novit\u00e0’ dello streaming: Marcuzzi vs Blasi \u00e8 la sfida del giorno' } }"> <li class="leading-none"> <button @click.prevent='shareSocials = data; shareModal = true' class=" p-1 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> <h4 class="text-[1.13rem] font-extrabold leading-[1.22] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem]"> <a href="https://www.davidemaggio.it/red-carpet-vip-al-tappeto/la-grande-novita-dello-streaming-marcuzzi-vs-blasi-e-la-sfida-del-giorno">La ‘grande novità’ dello streaming: Marcuzzi vs Blasi è la sfida del giorno</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Debuttano Red Carpet su Prime Video e Ilary su Netflix </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> </p> </div> </div> <div class="flex flex-wrap md:space-x-5 space-y-5 lg:space-y-0 md:flex-nowrap"> <div class="group relative aspect-[356/196] md:aspect-[168/177] w-full md:w-[37%] shrink-0 overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/italias-got-talent/italias-got-talent-torna-su-disney"> <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/2023/01/Italias-Got-Talent.jpg" alt="Italia’s got talent torna su Disney+" 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> </a> </div> <div class="space-y-4"> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/disney' class='line-clamp-1'>Disney+</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/italias-got-talent/italias-got-talent-torna-su-disney', }, 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/italias-got-talent/italias-got-talent-torna-su-disney&text=Italia’s got talent torna su Disney+' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/italias-got-talent\/italias-got-talent-torna-su-disney', title: 'Italia’s got talent torna su Disney+' } }"> <li class="leading-none"> <button @click.prevent='shareSocials = data; shareModal = true' class=" p-1 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> <h4 class="text-[1.13rem] font-extrabold leading-[1.22] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem]"> <a href="https://www.davidemaggio.it/italias-got-talent/italias-got-talent-torna-su-disney">Italia’s got talent torna su Disney+</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Al via i casting </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> </p> </div> </div> <div class="flex flex-wrap md:space-x-5 space-y-5 lg:space-y-0 md:flex-nowrap"> <div class="group relative aspect-[356/196] md:aspect-[168/177] w-full md:w-[37%] shrink-0 overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/programmi-tv/ilary-blasi-netflix-sciarelli"> <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/2024/12/Ilary-S1_E3-Blasi-e-Sciarelli-1024x512.jpeg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/12/Ilary-S1_E3-Blasi-e-Sciarelli-1024x512.jpeg" alt="Ilary porta Federica Sciarelli su Netflix" loading="lazy"/> </picture> <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> </a> </div> <div class="space-y-4"> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/netflix' class='line-clamp-1'>Netflix</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/programmi-tv/ilary-blasi-netflix-sciarelli', }, 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/programmi-tv/ilary-blasi-netflix-sciarelli&text=Ilary porta Federica Sciarelli su Netflix' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/programmi-tv\/ilary-blasi-netflix-sciarelli', title: 'Ilary porta Federica Sciarelli su Netflix' } }"> <li class="leading-none"> <button @click.prevent='shareSocials = data; shareModal = true' class=" p-1 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> <h4 class="text-[1.13rem] font-extrabold leading-[1.22] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem]"> <a href="https://www.davidemaggio.it/programmi-tv/ilary-blasi-netflix-sciarelli">Ilary porta Federica Sciarelli su Netflix</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> La conduttrice di Chi l'ha visto sarà la 'professoressa' della Blasi nel docureality che segue Unica </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> </p> </div> </div> </div> </div> <div class="grid grid-cols-1 lg:grid-cols-3"> <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:col-span-2 mb-10 lg:mb-0"> <div class="relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/notizie-tv/coppa-davis-su-rai-e-sky-lultima-settimana-del-2024-di-grande-tennis"> <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/2024/11/Coppa-Davis-1024x576.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/11/Coppa-Davis-1024x576.jpg" alt="Coppa Davis: su Rai e Sky l’ultima settimana del 2024 di grande tennis" loading="lazy"/> </picture> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/notizie-tv' class='line-clamp-1'>Notizie TV</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/notizie-tv/coppa-davis-su-rai-e-sky-lultima-settimana-del-2024-di-grande-tennis', }, 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/notizie-tv/coppa-davis-su-rai-e-sky-lultima-settimana-del-2024-di-grande-tennis&text=Coppa Davis: su Rai e Sky l’ultima settimana del 2024 di grande tennis' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/notizie-tv\/coppa-davis-su-rai-e-sky-lultima-settimana-del-2024-di-grande-tennis', title: 'Coppa Davis: su Rai e Sky l’ultima settimana del 2024 di grande tennis' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/notizie-tv/coppa-davis-su-rai-e-sky-lultima-settimana-del-2024-di-grande-tennis">Coppa Davis: su Rai e Sky l’ultima settimana del 2024 di grande tennis</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Da oggi a domenica le partite in diretta su Rai 2, Rai Sport e Sky Sport. Sinner e l'Italia a caccia del bis </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Fabio Fabbretti</span> <span>19/11/2024</span> </p><div class="dm-69cb1b7028031d8592b5e922e642882b dm-adv-hp-mobile-2" id="dm-69cb1b7028031d8592b5e922e642882b"></div> </div> <div class="relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/tutto-chiede-salvezza/tutto-chiede-salvezza-cancellata"> <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/2024/08/TCS_201_Unit_00523RC-1024x683.jpeg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/08/TCS_201_Unit_00523RC-1024x683.jpeg" alt="Tutto Chiede Salvezza cancellata" loading="lazy"/> </picture> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/netflix' class='line-clamp-1'>Netflix</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/tutto-chiede-salvezza/tutto-chiede-salvezza-cancellata', }, 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/tutto-chiede-salvezza/tutto-chiede-salvezza-cancellata&text=Tutto Chiede Salvezza cancellata' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/tutto-chiede-salvezza\/tutto-chiede-salvezza-cancellata', title: 'Tutto Chiede Salvezza cancellata' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/tutto-chiede-salvezza/tutto-chiede-salvezza-cancellata">Tutto Chiede Salvezza cancellata</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> La serie Netflix non avrà una terza stagione </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Stefania Stefanelli</span> <span>29/10/2024</span> </p> </div> <div class="relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/disney/stop-alla-messa-in-onda-della-serie-su-avetrana"> <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/2024/10/VanessaScalera_ImmaVilla_GiuliaPerulli_MimmoMancini_PaoloDeVita_Avetrana_QuinoneHollywood_PhLorenzoPesce_4-1024x683.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/10/VanessaScalera_ImmaVilla_GiuliaPerulli_MimmoMancini_PaoloDeVita_Avetrana_QuinoneHollywood_PhLorenzoPesce_4-1024x683.jpg" alt="Stop alla serie su Avetrana" loading="lazy"/> </picture> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/serie-tv/avetrana-qui-non-e-hollywood' class='line-clamp-1'>Avetrana - Qui non è Hollywood</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/disney/stop-alla-messa-in-onda-della-serie-su-avetrana', }, 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/disney/stop-alla-messa-in-onda-della-serie-su-avetrana&text=Stop alla serie su Avetrana' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/disney\/stop-alla-messa-in-onda-della-serie-su-avetrana', title: 'Stop alla serie su Avetrana' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/disney/stop-alla-messa-in-onda-della-serie-su-avetrana">Stop alla serie su Avetrana</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Il Tribunale di Taranto blocca la diffusione su Disney+ dopo il ricorso del sindaco della cittadina </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Stefania Stefanelli</span> <span>23/10/2024</span> </p> </div> <div class="relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/netflix/netflix-aumenta-ancora-i-prezzi"> <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/2024/07/netflix-logo-1024x514.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/07/netflix-logo-1024x514.jpg" alt="Netflix aumenta ancora i prezzi" loading="lazy"/> </picture> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/netflix' class='line-clamp-1'>Netflix</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/netflix/netflix-aumenta-ancora-i-prezzi', }, 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/netflix/netflix-aumenta-ancora-i-prezzi&text=Netflix aumenta ancora i prezzi' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/netflix\/netflix-aumenta-ancora-i-prezzi', title: 'Netflix aumenta ancora i prezzi' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/netflix/netflix-aumenta-ancora-i-prezzi">Netflix aumenta ancora i prezzi</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Ecco il nuovo listino </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Stefania Stefanelli</span> <span>19/10/2024</span> </p> </div> </div> <div class="flex flex-col items-center space-x-8 lg:pl-8"> <div class="sticky top-40"> </div> </div> </div> </div> </div> <div class="container"> <div class=" pb-10 lg:pb-20"> <div class="grid grid-cols-1 lg:grid-cols-3"> <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:col-span-2 mb-10"> <div class="relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/disney/disney-e-sempre-in-saldo"> <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/2024/09/Avetrana-Qui-non-e-Hollywood-1024x525.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/09/Avetrana-Qui-non-e-Hollywood-1024x525.jpg" alt="Disney+ è sempre in saldo" loading="lazy"/> </picture> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/disney' class='line-clamp-1'>Disney+</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/disney/disney-e-sempre-in-saldo', }, 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/disney/disney-e-sempre-in-saldo&text=Disney+ è sempre in saldo' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/disney\/disney-e-sempre-in-saldo', title: 'Disney+ \u00e8 sempre in saldo' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/disney/disney-e-sempre-in-saldo">Disney+ è sempre in saldo</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Per lo streamer di Topolino i prezzi al ribasso sono il modo più semplice e veloce per acquisire abbonati </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> <span>26/09/2024</span> </p> </div> <div class="relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/serie-tv/i-piu-visti-su-netflix-nella-prima-meta-del-2024-domina-un-inganno-di-troppo"> <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/2024/09/Bridgerton-3-Un-Inganno-di-Troppo-Baby-Reindeer-1024x576.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/09/Bridgerton-3-Un-Inganno-di-Troppo-Baby-Reindeer-1024x576.jpg" alt="I più visti su Netflix nella prima metà del 2024: vanno forte Peppa Pig e le serie britanniche" loading="lazy"/> </picture> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/netflix' class='line-clamp-1'>Netflix</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/serie-tv/i-piu-visti-su-netflix-nella-prima-meta-del-2024-domina-un-inganno-di-troppo', }, 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/serie-tv/i-piu-visti-su-netflix-nella-prima-meta-del-2024-domina-un-inganno-di-troppo&text=I più visti su Netflix nella prima metà del 2024: vanno forte Peppa Pig e le serie britanniche' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/serie-tv\/i-piu-visti-su-netflix-nella-prima-meta-del-2024-domina-un-inganno-di-troppo', title: 'I pi\u00f9 visti su Netflix nella prima met\u00e0 del 2024: vanno forte Peppa Pig e le serie britanniche' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/serie-tv/i-piu-visti-su-netflix-nella-prima-meta-del-2024-domina-un-inganno-di-troppo">I più visti su Netflix nella prima metà del 2024: vanno forte Peppa Pig e le serie britanniche</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Un Inganno di troppo al primo posto. Supersex vince tra gli italiani. Delude Nuova Scena, bene Il Clandestino </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Stefania Stefanelli</span> <span>20/09/2024</span> </p> </div> <div class="relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/disney/la-nuova-frontiera-dello-streaming-sono-le-telenovelas"> <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/2024/09/Regreso-a-Las-Sabinas-1024x512.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/09/Regreso-a-Las-Sabinas-1024x512.jpg" alt="La ‘nuova’ frontiera dello streaming sono le telenovelas!" loading="lazy"/> </picture> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/disney' class='line-clamp-1'>Disney+</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/disney/la-nuova-frontiera-dello-streaming-sono-le-telenovelas', }, 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/disney/la-nuova-frontiera-dello-streaming-sono-le-telenovelas&text=La ‘nuova’ frontiera dello streaming sono le telenovelas!' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/disney\/la-nuova-frontiera-dello-streaming-sono-le-telenovelas', title: 'La ‘nuova’ frontiera dello streaming sono le telenovelas!' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/disney/la-nuova-frontiera-dello-streaming-sono-le-telenovelas">La ‘nuova’ frontiera dello streaming sono le telenovelas!</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Disney+ lancia la prima produzione originale quotidiana in Spagna </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> <span>03/09/2024</span> </p> </div> <div class="relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded min-h-[180px]"> <a href="https://www.davidemaggio.it/the-family/the-family-2-la-nuova-stagione-arriva-in-esclusiva-su-mediaset-infinity"> <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/08/The-Family-2-Kivanc-Tatlitug-Aslan-ep.2x02-scaled-e1725208896296-1024x529.webp" alt="The Family 2, la nuova stagione arriva in esclusiva su Mediaset Infinity" 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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/canali-tv/infinity' class='line-clamp-1'>Infinity</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/the-family/the-family-2-la-nuova-stagione-arriva-in-esclusiva-su-mediaset-infinity', }, 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/the-family/the-family-2-la-nuova-stagione-arriva-in-esclusiva-su-mediaset-infinity&text=The Family 2, la nuova stagione arriva in esclusiva su Mediaset Infinity' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/the-family\/the-family-2-la-nuova-stagione-arriva-in-esclusiva-su-mediaset-infinity', title: 'The Family 2, la nuova stagione arriva in esclusiva su Mediaset Infinity' } }"> <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-1 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-1 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> <h3 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/the-family/the-family-2-la-nuova-stagione-arriva-in-esclusiva-su-mediaset-infinity">The Family 2, la nuova stagione arriva in esclusiva su Mediaset Infinity</a> </h3> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100 "> Dopo il grande successo su Canale 5, la seconda stagione della serie turca con protagonisti Kivanç Tatlitug e Serenay Sarikaya sarà disponibile dal 2 settembre solo su Mediaset Infinity </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Redazione</span> <span>01/09/2024</span> </p> </div> </div> <div class="flex flex-col items-center space-x-8 lg:pl-8"> <div class="sticky top-40"> </div> </div> </div> <div class="mt-[3rem]"> <ul class='page-numbers flex items-center justify-center lg:justify-start'> <li><span aria-current="page" class="page-numbers current font-open w-10 h-10 inline-flex justify-center items-center font-semibold text-[1rem] p-2.5 bg-primary text-white">1</span></li> <li><a class="page-numbers font-open min-w-[2.5rem] h-10 inline-flex justify-center items-center text-[#8C92A0] hover:text-primary font-semibold text-[1rem] p-2.5" href="https://www.davidemaggio.it/canali-tv/page/2">2</a></li> <li><span class="page-numbers dots text-[#8C92A0] font-semibold text-[1rem]">…</span></li> <li><a class="page-numbers font-open min-w-[2.5rem] h-10 inline-flex justify-center items-center text-[#8C92A0] hover:text-primary font-semibold text-[1rem] p-2.5" href="https://www.davidemaggio.it/canali-tv/page/194">194</a></li> <li><a class="page-numbers font-open min-w-[2.5rem] h-10 inline-flex justify-center items-center text-[#8C92A0] hover:text-primary font-semibold text-[1rem] p-2.5" href="https://www.davidemaggio.it/canali-tv/page/195">195</a></li> <li><a class="next page-numbers w-8 h-8 bg-primary inline-flex justify-center items-center text-white transition-all duration-300 hover:opacity-75" href="https://www.davidemaggio.it/canali-tv/page/2"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /> </svg> </a></li> </ul> </div> </div> </div> <div class="container"> </div> <div class="overflow-hidden bg-[#F9F1EF]" id="homepage_trending-now"> <div class="container pt-10 pb-10 lg:pt-10 lg:pb10"> <a href="#" class="group mb-8 inline-flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.6rem] bg-primary transition-all duration-300 group-hover:h-[1.25rem]"></span> <h2 class="text-[1.75rem] font-extrabold uppercase leading-[1.36] tracking-[-0.56px]"> Trending now </h2> </a> <div class="grid gap-5 md:grid-cols-4"> <a href="https://www.davidemaggio.it/anteprime/simona-ventura-rinuncia-al-nuovo-show-di-rai2" class="group relative flex aspect-[250/330] shrink-0 basis-3/4 snap-start flex-col overflow-hidden rounded px-4 py-5 md:basis-2/5 lg:basis-0 min-h-[450px] w-full"> <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/festival-di-sanremo/editoriale-davide-maggio-festival-di-sanremo" class="group relative flex aspect-[250/330] shrink-0 basis-3/4 snap-start flex-col overflow-hidden rounded px-4 py-5 md:basis-2/5 lg:basis-0 min-h-[450px] w-full"> <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/situazione-carta-stampata-1024x585.webp" alt="Merde d’artiste" 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/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' } }"> <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'>Editoriali</span> </p> <h4 class="text-[1.125rem] font-extrabold leading-[1.22] tracking-[-0.36px] text-white line-clamp-4"> Merde d’artiste </h4> </div> </a> <a href="https://www.davidemaggio.it/step/stasera-tutto-e-possibile-verso-rai1" class="group relative flex aspect-[250/330] shrink-0 basis-3/4 snap-start flex-col overflow-hidden rounded px-4 py-5 md:basis-2/5 lg:basis-0 min-h-[450px] w-full"> <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/330] shrink-0 basis-3/4 snap-start flex-col overflow-hidden rounded px-4 py-5 md:basis-2/5 lg:basis-0 min-h-[450px] w-full"> <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-264c8cd0157b803c03ddd11df781a1f7 dm-posizione-personalizzata" id="dm-264c8cd0157b803c03ddd11df781a1f7"></div> </div> <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]"> Ora in homepage </h3> </div> <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3"> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/amici-di-maria-de-filippi/amici-anticipazioni-puntata-di-domenica-23-febbraio-2025-ospiti-5-big-di-sanremo"> <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/Gaia-Amici-e1740153866455-1024x582.jpg" alt="Amici, anticipazioni puntata di domenica 23 febbraio 2025: ospiti 5 Big di Sanremo" loading="lazy" /> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/programmi-tv/amici-di-maria-de-filippi' class='line-clamp-1'>Amici di Maria De Filippi</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/amici-di-maria-de-filippi/amici-anticipazioni-puntata-di-domenica-23-febbraio-2025-ospiti-5-big-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/amici-di-maria-de-filippi/amici-anticipazioni-puntata-di-domenica-23-febbraio-2025-ospiti-5-big-di-sanremo&text=Amici, anticipazioni puntata di domenica 23 febbraio 2025: ospiti 5 Big di Sanremo' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/amici-di-maria-de-filippi\/amici-anticipazioni-puntata-di-domenica-23-febbraio-2025-ospiti-5-big-di-sanremo', title: 'Amici, anticipazioni puntata di domenica 23 febbraio 2025: ospiti 5 Big di Sanremo' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/amici-di-maria-de-filippi/amici-anticipazioni-puntata-di-domenica-23-febbraio-2025-ospiti-5-big-di-sanremo">Amici, anticipazioni puntata di domenica 23 febbraio 2025: ospiti 5 Big di Sanremo</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> Tra i giudici c'è Elisa. Ecco cosa è successo nella registrazione </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Fabio Fabbretti</span> <span>21/02/2025</span> </p> <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> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/ora-o-mai-piu/ruggeri-zarrillo-e-stewart-ospiti-della-semifinale-di-ora-o-mai-piu-2025"> <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/2019/07/Enrico-Ruggeri-Una-Vita-Da-Cantare.jpg" alt="Ruggeri, Zarrillo e Stewart ospiti della semifinale di Ora o Mai Più 2025" loading="lazy" /> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/programmi-tv/ora-o-mai-piu' class='line-clamp-1'>Ora o Mai Piú</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/ora-o-mai-piu/ruggeri-zarrillo-e-stewart-ospiti-della-semifinale-di-ora-o-mai-piu-2025', }, twitter: { title: 'X (Twitter)', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: 'https://twitter.com/intent/tweet?url=https://www.davidemaggio.it/ora-o-mai-piu/ruggeri-zarrillo-e-stewart-ospiti-della-semifinale-di-ora-o-mai-piu-2025&text=Ruggeri, Zarrillo e Stewart ospiti della semifinale di Ora o Mai Più 2025' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/ora-o-mai-piu\/ruggeri-zarrillo-e-stewart-ospiti-della-semifinale-di-ora-o-mai-piu-2025', title: 'Ruggeri, Zarrillo e Stewart ospiti della semifinale di Ora o Mai Pi\u00f9 2025' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/ora-o-mai-piu/ruggeri-zarrillo-e-stewart-ospiti-della-semifinale-di-ora-o-mai-piu-2025">Ruggeri, Zarrillo e Stewart ospiti della semifinale di Ora o Mai Più 2025</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> Con la perdita della diretta, arriva la 'giuria dei giornalisti' nel talent show di Marco Liorni </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Roberto Mallò</span> <span>21/02/2025</span> </p> <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> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/serie-tv/una-nuova-soap-per-lestate-di-rai1-al-posto-de-il-paradiso-delle-signore"> <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/Ritorno-a-las-sabinas-1024x512.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Ritorno-a-las-sabinas-1024x512.jpg" alt="Una nuova soap per l’estate di Rai1 al posto de Il Paradiso delle Signore" loading="lazy"/> </picture> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/anteprime' class='line-clamp-1'>BOOM</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/serie-tv/una-nuova-soap-per-lestate-di-rai1-al-posto-de-il-paradiso-delle-signore', }, 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/serie-tv/una-nuova-soap-per-lestate-di-rai1-al-posto-de-il-paradiso-delle-signore&text=Una nuova soap per l’estate di Rai1 al posto de Il Paradiso delle Signore' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/serie-tv\/una-nuova-soap-per-lestate-di-rai1-al-posto-de-il-paradiso-delle-signore', title: 'Una nuova soap per l’estate di Rai1 al posto de Il Paradiso delle Signore' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/serie-tv/una-nuova-soap-per-lestate-di-rai1-al-posto-de-il-paradiso-delle-signore">Una nuova soap per l’estate di Rai1 al posto de Il Paradiso delle Signore</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> La Rai ha messo gli occhi su Ritorno a Las Sabinas, distribuita da Disney +. Nessuna 'tentazione turca' </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> <span>21/02/2025</span> </p> <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"> <span class="relative flex items-center space-x-1 rounded bg-primary text-[0.75rem] font-bold uppercase leading-none text-white min-h-[30px] min-w-[30px]"> <img class="w-full" src="https://www.davidemaggio.it/app/themes/custom/public/images/badge-boom.svg?id=890f16469452bb0d5b4f131b15e89aeb" alt="Boom" loading="lazy"> </span> </div> </div> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/the-voice-senior/the-voice-senior-2025-con-piu-audizioni-al-buio"> <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/Antonella-Clerici-e-i-coach-The-Voice-1024x576.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Antonella-Clerici-e-i-coach-The-Voice-1024x576.jpg" alt="The Voice Senior 2025 con più audizioni al buio" loading="lazy"/> </picture> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/programmi-tv/the-voice/the-voice-senior' class='line-clamp-1'>The Voice Senior</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/the-voice-senior/the-voice-senior-2025-con-piu-audizioni-al-buio', }, 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/the-voice-senior/the-voice-senior-2025-con-piu-audizioni-al-buio&text=The Voice Senior 2025 con più audizioni al buio' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/the-voice-senior\/the-voice-senior-2025-con-piu-audizioni-al-buio', title: 'The Voice Senior 2025 con pi\u00f9 audizioni al buio' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/the-voice-senior/the-voice-senior-2025-con-piu-audizioni-al-buio">The Voice Senior 2025 con più audizioni al buio</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> La nuova edizione del talent condotto da Antonella Clerici su Rai 1 si allunga rispetto al 2024 </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Fabio Fabbretti</span> <span>21/02/2025</span> </p> <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> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/notizie-tv/mediaset-e-stufa-dello-strapotere-delle-case-di-produzione"> <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/Mediaset-Marco-Salvati-e1740141828597-1024x575.jpg" alt="Mediaset è stufa dello strapotere delle case di produzione" loading="lazy" /> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/anteprime' class='line-clamp-1'>BOOM</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/notizie-tv/mediaset-e-stufa-dello-strapotere-delle-case-di-produzione', }, 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/notizie-tv/mediaset-e-stufa-dello-strapotere-delle-case-di-produzione&text=Mediaset è stufa dello strapotere delle case di produzione' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/notizie-tv\/mediaset-e-stufa-dello-strapotere-delle-case-di-produzione', title: 'Mediaset \u00e8 stufa dello strapotere delle case di produzione' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/notizie-tv/mediaset-e-stufa-dello-strapotere-delle-case-di-produzione">Mediaset è stufa dello strapotere delle case di produzione</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> Il broadcaster di Cologno Monzese mette in piedi un team di creazione e controllo format affidato a Marco Salvati </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Davide Maggio</span> <span>21/02/2025</span> </p> <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"> <span class="relative flex items-center space-x-1 rounded bg-primary text-[0.75rem] font-bold uppercase leading-none text-white min-h-[30px] min-w-[30px]"> <img class="w-full" src="https://www.davidemaggio.it/app/themes/custom/public/images/badge-boom.svg?id=890f16469452bb0d5b4f131b15e89aeb" alt="Boom" loading="lazy"> </span> </div> </div> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/eurovision-song-contest/marcella-bella-chi-mi-piacerebbe-vedere-alleurovision-non-ho-dubbi-me-stessa"> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/programmi-tv/eurovision-song-contest' class='line-clamp-1'>Eurovision Song Contest</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/eurovision-song-contest/marcella-bella-chi-mi-piacerebbe-vedere-alleurovision-non-ho-dubbi-me-stessa', }, 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/eurovision-song-contest/marcella-bella-chi-mi-piacerebbe-vedere-alleurovision-non-ho-dubbi-me-stessa&text=Marcella Bella: “Chi mi piacerebbe vedere all’Eurovision? Non ho dubbi, me stessa!”' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/eurovision-song-contest\/marcella-bella-chi-mi-piacerebbe-vedere-alleurovision-non-ho-dubbi-me-stessa', title: 'Marcella Bella: “Chi mi piacerebbe vedere all’Eurovision? Non ho dubbi, me stessa!”' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/eurovision-song-contest/marcella-bella-chi-mi-piacerebbe-vedere-alleurovision-non-ho-dubbi-me-stessa">Marcella Bella: “Chi mi piacerebbe vedere all’Eurovision? Non ho dubbi, me stessa!”</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> La cantante, ospite della Bortone, parla anche di Sanremo: "La mia canzone è piaciuta molto" </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> <span>21/02/2025</span> </p> <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> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/notizie-tv/lo-show-dei-record-si-sdoppia-a-cologno-per-la-spagna"> <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/Jesus-Vazquez-1024x589.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Jesus-Vazquez-1024x589.jpg" alt="Lo Show dei Record si sdoppia a Cologno per la Spagna" loading="lazy"/> </picture> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/anteprime' class='line-clamp-1'>BOOM</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/notizie-tv/lo-show-dei-record-si-sdoppia-a-cologno-per-la-spagna', }, 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/notizie-tv/lo-show-dei-record-si-sdoppia-a-cologno-per-la-spagna&text=Lo Show dei Record si sdoppia a Cologno per la Spagna' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/notizie-tv\/lo-show-dei-record-si-sdoppia-a-cologno-per-la-spagna', title: 'Lo Show dei Record si sdoppia a Cologno per la Spagna' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/notizie-tv/lo-show-dei-record-si-sdoppia-a-cologno-per-la-spagna">Lo Show dei Record si sdoppia a Cologno per la Spagna</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> Gerry Scotti e Jesus Vazquez si 'dividono' le registrazioni del Guinness World Records. </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Davide Maggio</span> <span>21/02/2025</span> </p> <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"> <span class="relative flex items-center space-x-1 rounded bg-primary text-[0.75rem] font-bold uppercase leading-none text-white min-h-[30px] min-w-[30px]"> <img class="w-full" src="https://www.davidemaggio.it/app/themes/custom/public/images/badge-boom.svg?id=890f16469452bb0d5b4f131b15e89aeb" alt="Boom" loading="lazy"> </span> </div> </div> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-total-audience-giovedi-20-febbraio-2025-amici-in-vetta-con-130k-dal-16-5-al-17-52"> <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/Alessandra-Celentano-Amici-24-e1739089597252-1024x626.jpg" alt="Ascolti TV Total Audience | Giovedi 20 Febbraio 2025. Amici in vetta con +130K (dal 16.5 al 17.52%)" loading="lazy" /> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/ascolti-tv' class='line-clamp-1'>Ascolti TV</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " x-data="{ social: { facebook: { title: 'Facebook', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>', url: 'https://www.facebook.com/sharer.php?u=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-total-audience-giovedi-20-febbraio-2025-amici-in-vetta-con-130k-dal-16-5-al-17-52', }, twitter: { title: 'X (Twitter)', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: 'https://twitter.com/intent/tweet?url=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-total-audience-giovedi-20-febbraio-2025-amici-in-vetta-con-130k-dal-16-5-al-17-52&text=Ascolti TV Total Audience | Giovedi 20 Febbraio 2025. Amici in vetta con +130K (dal 16.5 al 17.52%)' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/ascolti-tv\/ascolti-tv-total-audience-giovedi-20-febbraio-2025-amici-in-vetta-con-130k-dal-16-5-al-17-52', title: 'Ascolti TV Total Audience | Giovedi 20 Febbraio 2025. Amici in vetta con +130K (dal 16.5 al 17.52%)' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-total-audience-giovedi-20-febbraio-2025-amici-in-vetta-con-130k-dal-16-5-al-17-52">Ascolti TV Total Audience | Giovedi 20 Febbraio 2025. Amici in vetta con +130K (dal 16.5 al 17.52%)</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> Grande Fratello riesce a superare i 2 milioni (dal 15.11 al 15.33%) </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> <span>21/02/2025</span> </p> <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> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-giovedi-20-febbraio-2025"> <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/Marco-Rossetti-e-Giusy-Buscemi-Un-Passo-dal-Cielo-8-scaled-e1740067218199-1024x683.jpg" alt="Ascolti TV | Giovedì 20 Febbraio 2025. Un Passo dal Cielo chiude al 23.3%. GF fermo al 15.1%" loading="lazy" /> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/ascolti-tv' class='line-clamp-1'>Ascolti TV</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " x-data="{ social: { facebook: { title: 'Facebook', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg>', url: 'https://www.facebook.com/sharer.php?u=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-giovedi-20-febbraio-2025', }, twitter: { title: 'X (Twitter)', svg: '<svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4 transition-all duration-300" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>', url: 'https://twitter.com/intent/tweet?url=https://www.davidemaggio.it/ascolti-tv/ascolti-tv-giovedi-20-febbraio-2025&text=Ascolti TV | Giovedì 20 Febbraio 2025. Un Passo dal Cielo chiude al 23.3%. GF fermo al 15.1%' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/ascolti-tv\/ascolti-tv-giovedi-20-febbraio-2025', title: 'Ascolti TV | Gioved\u00ec 20 Febbraio 2025. Un Passo dal Cielo chiude al 23.3%. GF fermo al 15.1%' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/ascolti-tv/ascolti-tv-giovedi-20-febbraio-2025">Ascolti TV | Giovedì 20 Febbraio 2025. Un Passo dal Cielo chiude al 23.3%. GF fermo al 15.1%</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> Record Splendida Cornice (6.9%). Only Fun (3.7%) meglio di Detectives (3.1%), vicini Del Debbio (6.1%) e Formigli (6%) </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Mattia Buonocore</span> <span>21/02/2025</span> </p> <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> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/un-passo-dal-cielo/un-passo-dal-cielo-8-ecco-come-finita"> <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/01/Giusy-Buscemi-e-MArco-Rossetti-Un-Passo-dal-Cielo-8-2-1024x683.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/Giusy-Buscemi-e-MArco-Rossetti-Un-Passo-dal-Cielo-8-2-1024x683.jpg" alt="Un Passo dal Cielo 8: ecco com’è finita" loading="lazy"/> </picture> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/serie-tv/un-passo-dal-cielo' class='line-clamp-1'>Un Passo dal Cielo</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/un-passo-dal-cielo/un-passo-dal-cielo-8-ecco-come-finita', }, 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/un-passo-dal-cielo/un-passo-dal-cielo-8-ecco-come-finita&text=Un Passo dal Cielo 8: ecco com’è finita' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/un-passo-dal-cielo\/un-passo-dal-cielo-8-ecco-come-finita', title: 'Un Passo dal Cielo 8: ecco com’\u00e8 finita' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/un-passo-dal-cielo/un-passo-dal-cielo-8-ecco-come-finita">Un Passo dal Cielo 8: ecco com’è finita</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> Nell'ultimo episodio la morte di Stephen e la scoperta della verità </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Stefania Stefanelli</span> <span>20/02/2025</span> </p> <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> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/festival-di-sanremo/carlo-conti-a-emanuela-fanelli-ti-voglio-con-me-il-prossimo-anno-a-sanremo"> <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> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/programmi-tv/festival-di-sanremo' class='line-clamp-1'>Festival di Sanremo</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/carlo-conti-a-emanuela-fanelli-ti-voglio-con-me-il-prossimo-anno-a-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/carlo-conti-a-emanuela-fanelli-ti-voglio-con-me-il-prossimo-anno-a-sanremo&text=Carlo Conti a Emanuela Fanelli: “Ti voglio con me il prossimo anno a Sanremo”' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/festival-di-sanremo\/carlo-conti-a-emanuela-fanelli-ti-voglio-con-me-il-prossimo-anno-a-sanremo', title: 'Carlo Conti a Emanuela Fanelli: “Ti voglio con me il prossimo anno a Sanremo”' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/festival-di-sanremo/carlo-conti-a-emanuela-fanelli-ti-voglio-con-me-il-prossimo-anno-a-sanremo">Carlo Conti a Emanuela Fanelli: “Ti voglio con me il prossimo anno a Sanremo”</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> A Splendida Cornice la gag che vorremmo diventasse realtà </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Daniele Lombardi</span> <span>20/02/2025</span> </p> <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"> <span class="relative flex items-center space-x-1 rounded bg-primary text-[0.75rem] font-bold uppercase leading-none text-white min-h-[30px] min-w-[30px]"> <img class="w-full" src="https://www.davidemaggio.it/app/themes/custom/public/images/badge-videogallery.svg?id=12b8442386347f66300b06ea0642a6bb" alt="Videogallery" loading="lazy"> </span> </div> </div> <div class="group relative block space-y-2.5"> <div class="group relative aspect-[356/196] overflow-hidden rounded"> <a href="https://www.davidemaggio.it/un-passo-dal-cielo/un-passo-dal-cielo-9-ci-sara"> <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/01/Giusy-Buscemi-Un-Passo-dal-Cielo-8-1024x683.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/Giusy-Buscemi-Un-Passo-dal-Cielo-8-1024x683.jpg" alt="Un Passo dal Cielo 9 ci sarà?" loading="lazy"/> </picture> </a> </div> <div class="flex items-center justify-between space-x-2"> <p class="relative inline-block border border-primary py-0.5 px-2.5 text-[0.75rem] font-semibold uppercase leading-[1.25] tracking-[-0.28px] text-primary 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"> <a href='https://www.davidemaggio.it/serie-tv/un-passo-dal-cielo' class='line-clamp-1'>Un Passo dal Cielo</a> </p> <ul x-cloak class=" inline-flex divide-x divide-[#CBCBCB] border border-[#CBCBCB] text-[#CBCBCB] rounded " 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/un-passo-dal-cielo/un-passo-dal-cielo-9-ci-sara', }, 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/un-passo-dal-cielo/un-passo-dal-cielo-9-ci-sara&text=Un Passo dal Cielo 9 ci sarà?' } }, data: { permalink: 'https:\/\/www.davidemaggio.it\/un-passo-dal-cielo\/un-passo-dal-cielo-9-ci-sara', title: 'Un Passo dal Cielo 9 ci sar\u00e0?' } }"> <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-1 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-1 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> <h4 class="mb-4 text-[1.13rem] font-bold leading-[1.25] tracking-[-0.32px] text-[#0F1011] transition-colors duration-300 hover:text-primary lg:text-[1.125rem] lg:min-h-[45px]"> <a href="https://www.davidemaggio.it/un-passo-dal-cielo/un-passo-dal-cielo-9-ci-sara">Un Passo dal Cielo 9 ci sarà?</a> </h4> <div class="mb-4 font-open text-[0.88rem] leading-[1.43] text-gray-100"> In un'eventuale nona stagione potrebbero esserci nuovi protagonisti </div> <p class="flex justify-between space-x-4 font-open text-[0.88rem] font-semibold italic leading-[1.57] text-[#A0A0A0]"> <span>di Stefania Stefanelli</span> <span>20/02/2025</span> </p> <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> </div> </div> </div> <section class="container py-[9.375rem] bg-white"> <div class="flex flex-wrap items-start justify-center lg:justify-between lg:space-x-20 lg:flex-nowrap"> <div class="block lg:flex items-center justify-between mb-10 lg:mr-10"> <i class="block mb-6 text-center text-6xl far fa-envelope-open lg:mb-0"></i> <div class="text-center lg:text-left lg:ml-8"> <h4 class="w-2/3 mx-auto mb-4 font-sans font-extrabold text-black text-2xl uppercase lg:w-full lg:mx-0 lg:mb-0"> Iscriviti alla Newsletter </h4> <small class="font-open font-semibold text-gray-100 text-sm"> Iscriviti alla newsletter di Davide Maggio </small> </div> </div> <div class="relative min-w-full lg:min-w-[544px]" x-data="{ subscribe() { this.$el.parentElement.getElementsByClassName('newsletter-submit')[0].click() } }" > <script>(function() { window.mc4wp = window.mc4wp || { listeners: [], forms: { on: function(evt, cb) { window.mc4wp.listeners.push( { event : evt, callback: cb } ); } } } })(); </script><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-253785" method="post" data-id="253785" data-name="DM Newsletter" ><div class="mc4wp-form-fields"><div class="wpcf7-form mb-5"> <p> <input type="email" name="EMAIL" placeholder="Inserisci la tua email" class="wpcf7-email" required /> </p> <p> <span class="wpcf7-form-control-wrap"> <span class="wpcf7-form-control wpcf7-acceptance"> <span class="wpcf7-list-item"> <label> <input type="checkbox" name="AGREE_TO_TERMS" value="1" required=""> <span class="wpcf7-list-item-label">Confermo di aver preso visione e accettato la <a href="/privacy-policy">Privacy Policy</a>.</span> </label> </span> </span> </span> </p> <p> <input type="submit" class="newsletter-submit" /> </p> </div> <?php echo '123';?></div><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1740157547" /><input type="hidden" name="_mc4wp_form_id" value="253785" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /><div class="mc4wp-response"></div></form> <button class="absolute top-[0.875rem] right-4 group" @click="subscribe()"> <i class=" block text-gray-100 text-2xl fas fa-paper-plane transition-colors duration-300 group-hover:text-primary"></i> </button> <style> .newsletter-submit{ display: none; } .mc4wp-response{ text-align: center; } .mc4wp-alert{ font-weight: bold; } </style> </div> </div> </section> </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>(function() {function maybePrefixUrlField () { const value = this.value.trim() if (value !== '' && value.indexOf('http') !== 0) { this.value = 'http://' + value } } const urlFields = document.querySelectorAll('.mc4wp-form input[type="url"]') for (let j = 0; j < urlFields.length; j++) { urlFields[j].addEventListener('blur', maybePrefixUrlField) } })();</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 defer src="https://www.davidemaggio.it/app/plugins/mailchimp-for-wp/assets/js/forms.js?ver=4.9.13" id="mc4wp-forms-api-js"></script> <script>window.advads_admin_bar_items = [];</script><script>window.advads_passive_placements = {"adv-hp-destkop-1_1":{"elementid":["dm-cb313e19d1c7a764c92aaa76a0718836"],"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-782141374\"><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":[""]},"adv-hp-mobile-2_3":{"elementid":["dm-69cb1b7028031d8592b5e922e642882b"],"ads":{"279589":{"id":279589,"title":"ADV HP Mobile 2","expiry_date":0,"visitors":[{"type":"mobile","value":["mobile","tablet"]},{"type":"mobile","value":["mobile","tablet"],"connector":"and"}],"content":"<div class=\"dm-adv-hp-mobile-2\" style=\"margin-left: auto; margin-right: auto; text-align: center; margin-top: 20px; margin-bottom: -10px; \" id=\"dm-1419908401\"><div id='gmp-middlemobile_home' 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":279589,"placement_info":{"type":"custom_position","name":"ADV HP Mobile 2","item":"ad_279589","options":{"placement_position":"center","inject_by":"pro_custom_element","pro_custom_element":"div.grid > div.relative.block:eq(1) > p.flex.justify-between","container_id":"#cea88d110892ce4e40a99e6f918cde6f2"},"id":"adv-hp-mobile-2"},"test_id":null,"inject_before":[""]}}; window.advads_ajax_queries = [{"id":"posizione-personalizzata","method":"placement","params":{"inline-css":"","placement_conditions":{"display":[{"value":["is_archive"],"type":"general"}],"visitors":[{"type":"mobile","value":["desktop"]}]},"inject_by":"pro_custom_element","pro_custom_element":"main#main > div.overflow-hidden:eq(0) > div.container","pro_custom_position":"insertAfter","container_id":"#c88c8bcbdb483ec449bece215862e63d8","tag":"custom","xpath":"(descendant-or-self::main[@id = 'main']\/div[@class and contains(concat(' ', normalize-space(@class), ' '), ' overflow-hidden ')])[1]\/div[@class and contains(concat(' ', normalize-space(@class), ' '), ' container ')]","position":"after","previous_method":"placement","previous_id":"posizione-personalizzata","post":"r0","wp_the_query":{"term_id":38465,"taxonomy":"category","is_archive":true,"is_singular":false},"url_parameter":"\/canali-tv","placement_type":"custom_position","output":{"class":["dm-posizione-personalizzata"],"placement_id":"posizione-personalizzata"},"change-ad":{"visitors":[{"type":"mobile","value":["desktop"],"connector":"and"}],"conditions":[{"value":["is_archive"],"type":"general","connector":"and"}]}},"elementid":"dm-264c8cd0157b803c03ddd11df781a1f7","blog_id":1}]; window.advads_ajax_queries_args = {"r0":{"id":372464,"author":"644","post_type":"post"}}; ( 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

Canali TV - Davide Maggio