Contatti - 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>Contatti - Davide Maggio</title> <link rel="canonical" href="https://www.davidemaggio.it/contatti" /> <meta property="og:locale" content="it_IT" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Contatti" /> <meta property="og:description" content="Redazione di davidemaggio.itredazioneATdavidemaggio.it (comunicati stampa verranno cestinati) Invio di Comunicati StampapressATdavidemaggio.it (email diverse da comunicati stampa verranno cestinate) Pubblicità su …" /> <meta property="og:url" content="https://www.davidemaggio.it/contatti" /> <meta property="og:site_name" content="Davide Maggio" /> <meta property="article:publisher" content="https://www.facebook.com/davidemaggio.it" /> <meta property="article:modified_time" content="2024-06-07T22:50:15+00:00" /> <meta property="og:image" content="https://www.davidemaggio.it/app/uploads/2024/06/DM_social_thumbnail.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="675" /> <meta property="og:image:type" content="image/png" /> <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":"WebPage","@id":"https://www.davidemaggio.it/contatti","url":"https://www.davidemaggio.it/contatti","name":"Contatti - Davide Maggio","isPartOf":{"@id":"https://www.davidemaggio.it/#website"},"datePublished":"2023-01-10T11:15:45+00:00","dateModified":"2024-06-07T22:50:15+00:00","breadcrumb":{"@id":"https://www.davidemaggio.it/contatti#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https://www.davidemaggio.it/contatti"]}]},{"@type":"BreadcrumbList","@id":"https://www.davidemaggio.it/contatti#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.davidemaggio.it/"},{"@type":"ListItem","position":2,"name":"Contatti"}]},{"@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>  <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":"8a918067c3","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":"8a918067c3","root":"https:\/\/www.davidemaggio.it\/wp-json\/"}; var wsluFrontObj = {"resturl":"https:\/\/www.davidemaggio.it\/wp-json\/","rest_nonce":"8a918067c3"}; </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/pages/225405" /><link rel='shortlink' href='https://www.davidemaggio.it/?p=225405' />  <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 = ''; </script> </head> <body class="page-template-default page page-id-225405 wp-custom-logo wp-embed-responsive contatti 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":8818,"filter":"raw","term_order":"0","cat_ID":63,"category_count":8818,"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":1759,"filter":"raw","term_order":"0","cat_ID":67,"category_count":1759,"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":2787,"filter":"raw","term_order":"0","cat_ID":2918,"category_count":2787,"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":33390,"filter":"raw","term_order":"0","cat_ID":4,"category_count":33390,"category_description":"","cat_name":"Notizie TV","category_nicename":"notizie-tv","category_parent":0},{"term_id":29839,"name":"Pagelle TV","slug":"pagelle-tv","term_group":0,"term_taxonomy_id":36862,"taxonomy":"category","description":"","parent":0,"count":638,"filter":"raw","term_order":"0","cat_ID":29839,"category_count":638,"category_description":"","cat_name":"Pagelle TV","category_nicename":"pagelle-tv","category_parent":0},{"term_id":41,"name":"Palinsesti","slug":"palinsesti","term_group":0,"term_taxonomy_id":36,"taxonomy":"category","description":"Tutti i palinsesti di tutte le reti.","parent":0,"count":1195,"filter":"raw","term_order":"0","cat_ID":41,"category_count":1195,"category_description":"Tutti i palinsesti di tutte le reti.","cat_name":"Palinsesti","category_nicename":"palinsesti","category_parent":0},{"term_id":38463,"name":"Programmi TV","slug":"programmi-tv","term_group":0,"term_taxonomy_id":45649,"taxonomy":"category","description":"","parent":0,"count":10161,"filter":"raw","term_order":"0","cat_ID":38463,"category_count":10161,"category_description":"","cat_name":"Programmi TV","category_nicename":"programmi-tv","category_parent":0},{"term_id":70,"name":"Radio","slug":"radio","term_group":0,"term_taxonomy_id":65,"taxonomy":"category","description":"","parent":0,"count":191,"filter":"raw","term_order":"0","cat_ID":70,"category_count":191,"category_description":"","cat_name":"Radio","category_nicename":"radio","category_parent":0},{"term_id":38520,"name":"Recensioni","slug":"recensioni","term_group":0,"term_taxonomy_id":45706,"taxonomy":"category","description":"","parent":0,"count":676,"filter":"raw","term_order":"0","cat_ID":38520,"category_count":676,"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":8033,"filter":"raw","term_order":"0","cat_ID":6,"category_count":8033,"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":2006,"filter":"raw","term_order":"0","cat_ID":62,"category_count":2006,"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%2Fcontatti" 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%2Fcontatti" 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/contatti'"> <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/contatti'"> <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":8818,"filter":"raw","term_order":"0","cat_ID":63,"category_count":8818,"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":1759,"filter":"raw","term_order":"0","cat_ID":67,"category_count":1759,"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":2787,"filter":"raw","term_order":"0","cat_ID":2918,"category_count":2787,"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":33390,"filter":"raw","term_order":"0","cat_ID":4,"category_count":33390,"category_description":"","cat_name":"Notizie TV","category_nicename":"notizie-tv","category_parent":0},{"term_id":29839,"name":"Pagelle TV","slug":"pagelle-tv","term_group":0,"term_taxonomy_id":36862,"taxonomy":"category","description":"","parent":0,"count":638,"filter":"raw","term_order":"0","cat_ID":29839,"category_count":638,"category_description":"","cat_name":"Pagelle TV","category_nicename":"pagelle-tv","category_parent":0},{"term_id":41,"name":"Palinsesti","slug":"palinsesti","term_group":0,"term_taxonomy_id":36,"taxonomy":"category","description":"Tutti i palinsesti di tutte le reti.","parent":0,"count":1195,"filter":"raw","term_order":"0","cat_ID":41,"category_count":1195,"category_description":"Tutti i palinsesti di tutte le reti.","cat_name":"Palinsesti","category_nicename":"palinsesti","category_parent":0},{"term_id":38463,"name":"Programmi TV","slug":"programmi-tv","term_group":0,"term_taxonomy_id":45649,"taxonomy":"category","description":"","parent":0,"count":10161,"filter":"raw","term_order":"0","cat_ID":38463,"category_count":10161,"category_description":"","cat_name":"Programmi TV","category_nicename":"programmi-tv","category_parent":0},{"term_id":70,"name":"Radio","slug":"radio","term_group":0,"term_taxonomy_id":65,"taxonomy":"category","description":"","parent":0,"count":191,"filter":"raw","term_order":"0","cat_ID":70,"category_count":191,"category_description":"","cat_name":"Radio","category_nicename":"radio","category_parent":0},{"term_id":38520,"name":"Recensioni","slug":"recensioni","term_group":0,"term_taxonomy_id":45706,"taxonomy":"category","description":"","parent":0,"count":676,"filter":"raw","term_order":"0","cat_ID":38520,"category_count":676,"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":8033,"filter":"raw","term_order":"0","cat_ID":6,"category_count":8033,"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":2006,"filter":"raw","term_order":"0","cat_ID":62,"category_count":2006,"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="container pt-6 pb-[3.125rem] lg:pt-10"> <div class="dm-267a72afa9849d2619d67f952e43619d dm-adv-hp-destkop-1" id="dm-267a72afa9849d2619d67f952e43619d"></div><div class="dm-a93defa1562c2e0143c9aafff88cfb44 dm-adv-hp-mobile-1" id="dm-a93defa1562c2e0143c9aafff88cfb44"></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/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/editoriale-davide-maggio-festival-di-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]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/situazione-carta-stampata-150x86.webp" alt="Merde d’artiste" 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"> Merde d’artiste</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> L'editoriale di Davide Maggio sul Festival di Sanremo 2025 e sulla situazione della stampa in Italia. </div> </div> </a> </li> <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/lucio-presta-amadeus-mal-consigliato-in-famiglia" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2024/06/Lucio-Presta-IG-Paola-Perego-150x110.webp" alt="Lucio Presta: “Amadeus mal consigliato in famiglia”" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Lucio Presta: “Amadeus mal consigliato in famiglia”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> E svela con chi andrebbe a cena tra Belen, De Filippi e Balivo </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '92' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> <li id="37572" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/tag/olly'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '37572' }) : void(0)" > Olly </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <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/stasera-ce-cattelan-su-rai-2/stasera-ce-cattelan-su-rai2-torna-con-olly" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-Sanremo-2025-scaled-e1739800800970-150x115.jpg" alt="Stasera c’è Cattelan… su Rai2 torna con Olly" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Stasera c’è Cattelan… su Rai2 torna con Olly</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il vincitore di Sanremo 2025 inaugura la nuova stagione del late show di Cattelan </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/olly-frena-sullesc-ho-bisogno-di-prendermi-del-tempo-per-prendere-una-decisione-cosi-importante" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Olly-Conferenza-stampa-Sanremo-150x83.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-Conferenza-stampa-Sanremo-150x83.jpg" alt="Olly frena sull’ESC: “Ho bisogno di tempo per prendere una decisione così importante”" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Olly frena sull’ESC: “Ho bisogno di tempo per prendere una decisione così importante”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il vincitore di Sanremo 2025 non ha ancora accettato di rappresentare l'Italia all'ESC 2025. Ma davvero rifiuterà? </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/olly-vince-il-festival-di-sanremo-2025" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Olly-vincitore-di-Sanremo-2025-e1739669128127-150x88.jpg" alt="Olly vince il Festival di Sanremo 2025" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Olly vince il Festival di Sanremo 2025</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Secondo posto per Lucio Corsi, medaglia di bronzo per Brunori Sas </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '37572' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> <li id="6325" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/tag/simona-ventura'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '6325' }) : void(0)" > Simona Ventura </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <picture loading="lazy" class="hidden h-full w-full object-cover lg:block"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Simona-Ventura-Citofonare-Rai2-1024x571.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Simona-Ventura-Citofonare-Rai2-1024x571.jpg" alt="Simona Ventura rinuncia al nuovo show di Rai2" loading="lazy"/> </picture> <div class="p-5 lg:py-12"> <div class="min-h-full pb-8 border-b border-gray-200 lg:px-12 lg:pb-0 lg:border-b-0 lg:border-r lg:border-gray-200 "> <a href="https://www.davidemaggio.it/anteprime/simona-ventura-rinuncia-al-nuovo-show-di-rai2" class="group-child mb-6 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <p class="text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] transition-colors group-child-hover:text-primary"> Simona Ventura rinuncia al nuovo show di Rai2 </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Davide Maggio vi svela perchè la conduttrice ha preferito il noto a L'Ignoto </div> <a href="https://www.davidemaggio.it/anteprime/simona-ventura-rinuncia-al-nuovo-show-di-rai2" class="inline-block rounded-[6px] border border-primary py-2 px-8 text-[1rem] font-bold tracking-[-0.32px] text-primary transition-colors duration-300 hover:bg-primary hover:text-white"> Leggi di più </a> <picture loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Simona-Ventura-Citofonare-Rai2-1024x571.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Simona-Ventura-Citofonare-Rai2-1024x571.jpg" alt="Simona Ventura rinuncia al nuovo show di Rai2" loading="lazy"/> </picture> </div> </div> <div class="px-5 pt-8 pb-5 lg:px-0 lg:py-12 lg:pl-12"> <ul class="space-y-5"> <li> <a href="https://www.davidemaggio.it/anteprime/simona-ventura-verso-lignoto" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/01/SIMONA-VENTURA_-150x75.jpeg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/SIMONA-VENTURA_-150x75.jpeg" alt="Simona Ventura verso L’Ignoto" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Simona Ventura verso L’Ignoto</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Ecco come sarà il nuovo prime time di Rai2 destinato alla conduttrice </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/programmi-tv/cercasi-i-protagonisti-del-nuovo-reality-di-simona-ventura" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/01/Simona-Ventura-150x80.jpeg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/Simona-Ventura-150x80.jpeg" alt="Cercasi i protagonisti del nuovo reality di Simona Ventura" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Cercasi i protagonisti del nuovo reality di Simona Ventura</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Le registrazioni sono fissate a marzo, messa in onda prevista nell'autunno 2025 </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/pagelle-tv/pagelle-tv-dellanno-promossi" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2024/09/Stefano-De-Martino-Affari-Tuoi-1-e1727107993456-150x79.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2024/09/Stefano-De-Martino-Affari-Tuoi-1-e1727107993456-150x79.jpg" alt="Pagelle TV dell’anno 2024 – Promossi" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Pagelle TV dell’anno 2024 – Promossi</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Stefano De Martino, Fiorello, Maria De Filippi </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '6325' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> <li id="28489" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/tag/elodie'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '28489' }) : void(0)" > Elodie </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <picture loading="lazy" class="hidden h-full w-full object-cover lg:block"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-Sanremo-2025-1024x554.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-Sanremo-2025-1024x554.jpg" alt="Elodie, che succede?" loading="lazy"/> </picture> <div class="p-5 lg:py-12"> <div class="min-h-full pb-8 border-b border-gray-200 lg:px-12 lg:pb-0 lg:border-b-0 lg:border-r lg:border-gray-200 "> <a href="https://www.davidemaggio.it/festival-di-sanremo/elodie-che-succede" class="group-child mb-6 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <p class="text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] transition-colors group-child-hover:text-primary"> Elodie, che succede? </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> La cantante si è esibita senza ballerine ed è apparsa contrariata </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/elodie-che-succede" class="inline-block rounded-[6px] border border-primary py-2 px-8 text-[1rem] font-bold tracking-[-0.32px] text-primary transition-colors duration-300 hover:bg-primary hover:text-white"> Leggi di più </a> <picture loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-Sanremo-2025-1024x554.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-Sanremo-2025-1024x554.jpg" alt="Elodie, che succede?" loading="lazy"/> </picture> </div> </div> <div class="px-5 pt-8 pb-5 lg:px-0 lg:py-12 lg:pl-12"> <ul class="space-y-5"> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/elodie-a-sanremo-con-un-vibratore-nella-borsa" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-13-150x101.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-13-150x101.jpg" alt="Elodie a Sanremo con un vibratore nella borsa" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Elodie a Sanremo con un vibratore nella borsa</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> La rivelazione della cantante romana in gara nella 75esima edizione della kermesse canora </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/gaffe-di-elodie-con-alberto-matano-frank-come-stai" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-a-La-Vita-in-Diretta-150x86.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Elodie-a-La-Vita-in-Diretta-150x86.jpg" alt="Gaffe di Elodie con Alberto Matano: “Frank, come stai?”" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Gaffe di Elodie con Alberto Matano: “Frank, come stai?”</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> La cantante poi si scusa: "Sono una rincoglionita" </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/pagelle-tv/sanremo-2025-pagelle-seconda-serata" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Damiano-David-20-scaled-e1739455924152-150x132.jpg" alt="Sanremo 2025, pagelle seconda serata" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Sanremo 2025, pagelle seconda serata</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Nino Frassica e Bianca Balti. Tra i bocciati Damiano David </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '28489' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> <li id="954" class="group" @open="hideOthersTendenza($event.detail.li_id); isOpen = !isOpen" x-data="{ isOpen: false }" > <span class="relative inline-flex h-full items-center before:absolute before:inset-x-0 before:top-full before:h-full after:invisible after:absolute after:left-1/2 after:top-full after:z-30 after:-translate-x-1/2 after:translate-y-1 after:border-l-[6px] after:border-r-[6px] after:border-b-[8px] after:border-l-transparent after:border-r-transparent after:border-b-white after:opacity-0 after:transition-all after:duration-300 group-hover:after:visible group-hover:after:opacity-100"> <a :href="window.innerWidth < 769 ? 'javascript:void(0);' : 'https://www.davidemaggio.it/tag/alessia_marcuzzi'" class="whitespace-nowrap border-b border-transparent text-[1rem] font-medium leading-none text-primary transition duration-300 hover:opacity-50 group-hover:border-primary lg:text-[0.75rem]" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '954' }) : void(0)" > Alessia Marcuzzi </a> </span> <ul class="tendenza_menu invisible absolute inset-x-0 z-20 mt-2.5 hidden opacity-0 transition-all duration-300 lg:group-hover:visible lg:group-hover:opacity-100 lg:block" :class="isOpen && window.innerWidth < 769 && '!block !visible !opacity-100'" > <div class="bg-white pr-0 lg:pr-[2.5rem] xl:pr-[12.5rem] [box-shadow:0px_10px_40px_-15px_#404042]"> <div class="grid grid-cols-1 lg:grid-cols-3"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-scaled-e1739894007645-1024x561.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy" class="hidden h-full w-full object-cover lg:block"> <div class="p-5 lg:py-12"> <div class="min-h-full pb-8 border-b border-gray-200 lg:px-12 lg:pb-0 lg:border-b-0 lg:border-r lg:border-gray-200 "> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="group-child mb-6 flex items-end space-x-2"> <span class="inline-block h-2 w-2 shrink-0 -translate-y-[0.7rem] bg-primary"></span> <p class="text-[1.75rem] font-extrabold leading-[1.36] tracking-[-0.56px] transition-colors group-child-hover:text-primary"> Sanremo 2025, Pagelle finali </p> </a> <div class="mb-10 font-open text-[0.875rem] leading-[1.43] text-gray-100"> Tra i promossi Lucio Corsi e Olly. Tra i bocciati Alessia Marcuzzi e Tony Effe. </div> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-pagelle-finali" class="inline-block rounded-[6px] border border-primary py-2 px-8 text-[1rem] font-bold tracking-[-0.32px] text-primary transition-colors duration-300 hover:bg-primary hover:text-white"> Leggi di più </a> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Carlo-Conti-Alessandro-Cattelan-e-Alessia-Marcuzzi-Sanremo-2025-3-scaled-e1739894007645-1024x561.jpg" alt="Sanremo 2025, Pagelle finali" loading="lazy" class="block h-full w-full mt-6 object-cover lg:hidden"> </div> </div> <div class="px-5 pt-8 pb-5 lg:px-0 lg:py-12 lg:pl-12"> <ul class="space-y-5"> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/alessia-marcuzzi-che-imbarazzo" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Alessia-Marcuzzi-e-Achille-Lauro-Sanremo-2025-scaled-e1739796801497-150x92.jpg" alt="Alessia Marcuzzi, che imbarazzo!" loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Alessia Marcuzzi, che imbarazzo!</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> La conduttrice sembra aver scambiato il palco dell’Ariston con quello del Festivalbar </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/obbligo-o-verita/obbligo-o-verita-per-alessia-marcuzzi-su-rai2" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/02/Alessia-Marcuzzi-nel-promo-di-Obbligo-o-Verita-150x87.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/02/Alessia-Marcuzzi-nel-promo-di-Obbligo-o-Verita-150x87.jpg" alt="Obbligo o Verità per Alessia Marcuzzi su Rai2" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Obbligo o Verità per Alessia Marcuzzi su Rai2</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Il nuovo show, in onda in prima serata da lunedì 24 marzo 2025, sostituisce il reboot di Carramba </div> </div> </a> </li> <li> <a href="https://www.davidemaggio.it/festival-di-sanremo/sanremo-2025-ecco-i-co-conduttori" class="group-child flex items-center space-x-5"> <div class="relative aspect-square w-[4.5rem] shrink-0 overflow-hidden rounded bg-[#EBEBEB]"> <picture loading="lazy" class="absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-child-hover:scale-105"> <source type="image/webp" srcset="https://www.davidemaggio.it/app/uploads/2025/01/Sanremo-2025-150x84.jpg.webp"/> <img src="https://www.davidemaggio.it/app/uploads/2025/01/Sanremo-2025-150x84.jpg" alt="Sanremo 2025: ecco i co-conduttori" loading="lazy"/> </picture> </div> <div class="relative space-y-2.5"> <p class="text-[1.125rem] font-bold leading-[1.22] tracking-[-0.36px] text-gray-100 transition-colors group-child-hover:text-primary"> Sanremo 2025: ecco i co-conduttori</p> <div class="font-open text-[0.875rem] leading-[1.43] text-gray-100"> Ci sono anche Bianca Balti, Malgioglio, Elettra Lamborghini e Miriam Leone </div> </div> </a> </li> </ul> </div> <div class="bg-white px-5 py-4 md:hidden"> <button class="flex space-x-3" @click="window.innerWidth < 769 ? $dispatch('open', { li_id: '954' }) : void(0)"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 text-primary"> <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" /> </svg> <p class="text-[1rem] font-semibold text-primary underline"> Chiudi</p> </button> </div> </div> </div> </ul> </li> </ul> </div> <script> function hideOthersTendenza(id) { if(window.innerWidth < 769) { if(jQuery('#'+id).find('.tendenza_menu').hasClass('tendenza_menu_selected')) { jQuery('#'+id).find('.tendenza_menu').removeClass('tendenza_menu_selected'); jQuery('#'+id).find('.tendenza_menu').removeClass('!block'); jQuery('#'+id).find('.tendenza_menu').removeClass('!visible'); jQuery('#'+id).find('.tendenza_menu').removeClass('!opacity-100'); return; } jQuery('.tendenza_menu').removeClass('tendenza_menu_selected'); jQuery('.tendenza_menu').removeClass('!block'); jQuery('.tendenza_menu').removeClass('!visible'); jQuery('.tendenza_menu').removeClass('!opacity-100'); jQuery('#'+id).find('.tendenza_menu').addClass('!block !visible !opacity-100 tendenza_menu_selected'); } } </script> <div class="mb-10 mt-10 flex items-end space-x-2 justify-center"> <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> <h1 class="text-[1.75rem] font-extrabold uppercase leading-[1.36] tracking-[-0.56px]"> Contatti </h1> </div> <div class="prose my-[1.75rem] max-w-none font-open text-gray-100 prose-headings:text-gray-100 prose-a:text-gray-100 prose-img:rounded"> <div class="wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"> <p class="has-text-align-left"><strong>Redazione di davidemaggio.it</strong><br>redazioneATdavidemaggio.it (comunicati stampa verranno cestinati)</p> </div> </div> <div class="wp-block-columns alignfull are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"> <p class="has-text-align-left"><strong>Invio di Comunicati Stampa</strong><br>pressATdavidemaggio.it (email diverse da comunicati stampa verranno cestinate)</p> </div> </div> <div class="wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"> <p class="has-text-align-left"><strong>Pubblicità su davidemaggio.it</strong><br>Visita l’apposita sezione “Pubblicità”</p> </div> </div> <div class="wp-block-columns alignfull are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:66.66%"> <p class="has-text-align-left"><strong>Per contattare l’editore</strong> <strong>mediaMai srl</strong></p> <p class="has-text-align-left">Viale Mazzini 114/A – 00195 Roma<br>Capitale Sociale: Euro 200.000 i.v.<br>C.F., P.Iva e R.I.: 13614301003<br>REA RM-1461309</p> <p class="has-text-align-left">DavideMaggio.it è una testata registrata al Tribunale di Milano n.29/17</p> <p class="has-text-align-left">Direttore Responsabile: Davide Maggio </p> <p class="has-text-align-left">Licenza SIAE 4776/I/4441<br>N° ROC 26997</p> </div> </div> </div> </div> </main> <div x-cloak x-show="shareModal && shareSocials" x-transition.opacity class="fixed inset-0 z-50 flex cursor-default items-center justify-center bg-[#0F1011]/50 backdrop-blur-[6px]" @click.prevent="shareModal = false; shareSocials = null"> <div class="w-[400px] cursor-default bg-white p-6" @click.stop.prevent> <div class="flex justify-between space-x-2"> <h5 class="text-[1.13rem] font-semibold leading-[1.56] tracking-[-0.36px] text-[#0F1011]"> Condividi su:</h5> <button @click="shareModal = false; shareSocials = null"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <ul class="mt-5 mb-8 space-y-4 text-[1rem] font-medium tracking-[-0.32px] text-[#0F1011]"> <li> <button title="Facebook" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://www.facebook.com/sharer.php?u={url}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-[#0084FF] inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" /></svg> </span> <span>Facebook</span> </button> </li> <li> <button title="X (Twitter)" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://twitter.com/intent/tweet?url={url}&text={title}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-[#000000] inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 24 24" version="1.1"><path fill="currentColor" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> </span> <span>X (Twitter)</span> </button> </li> <li> <button title="Whatsapp" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://api.whatsapp.com/send?text={title} {url}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <svg version="1.1" viewBox="0 0 48 48" class="aspect-square h-8 shrink-0 text-[#24D366]" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g transform="translate(-388 -391)" fill="#01E675"><path d="m411.99 391v3.98e-4h0.013934c13.231 0 23.993 10.765 23.993 24 0 13.234-10.762 24-23.993 24-4.8805 0-9.4084-1.453-13.203-3.9645l-9.2248 2.9483 2.9904-8.9169c-2.8774-3.9509-4.57-8.8185-4.57-14.067 0-13.235 10.762-24 23.993-24zm-6.7002 12.191c-0.46536-1.1146-0.81807-1.1568-1.5231-1.1854-0.24005-0.013937-0.50756-0.027874-0.80413-0.027874-0.91719 0-1.8762 0.26799-2.4546 0.86051-0.70501 0.71954-2.4542 2.3983-2.4542 5.8412 0 3.4428 2.5107 6.7726 2.8491 7.2384 0.3527 0.4651 4.8949 7.6327 11.947 10.554 5.5151 2.2857 7.1516 2.0738 8.4068 1.8058 1.8336-0.39501 4.1329-1.7501 4.7113-3.3863 0.57842-1.637 0.57842-3.0339 0.40883-3.3301-0.16919-0.29626-0.63495-0.4651-1.34-0.8183-0.70501-0.3528-4.1329-2.0459-4.7818-2.2717-0.63495-0.23972-1.2412-0.1549-1.7205 0.52244-0.67714 0.94532-1.34 1.905-1.8762 2.4832-0.42317 0.45156-1.1146 0.5081-1.6927 0.26799-0.77587-0.32413-2.9478-1.0867-5.6281-3.4711-2.0736-1.848-3.484-4.1476-3.8929-4.8389-0.40923-0.70521-0.042197-1.115 0.28184-1.4956 0.3527-0.43762 0.69108-0.74782 1.0438-1.1572 0.3527-0.40895 0.55015-0.62079 0.77587-1.1006 0.24005-0.46549 0.070461-0.94532-0.098725-1.2981-0.16919-0.3528-1.5796-3.7956-2.158-5.1921z"/></g></g></svg> <span>Whatsapp</span> </button> </li> <li> <button title="Telegram" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://t.me/share/url?url={url}&text={title}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-[#62B1DC] inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 512 512"><path fill="currentColor" d="M511.6 36.86l-64 415.1c-1.5 9.734-7.375 18.22-15.97 23.05c-4.844 2.719-10.27 4.097-15.68 4.097c-4.188 0-8.319-.8154-12.29-2.472l-122.6-51.1l-50.86 76.29C226.3 508.5 219.8 512 212.8 512C201.3 512 192 502.7 192 491.2v-96.18c0-7.115 2.372-14.03 6.742-19.64L416 96l-293.7 264.3L19.69 317.5C8.438 312.8 .8125 302.2 .0625 289.1s5.469-23.72 16.06-29.77l448-255.1c10.69-6.109 23.88-5.547 34 1.406S513.5 24.72 511.6 36.86z"/></svg> </span> <span>Telegram</span> </button> </li> <li> <button title="Linkedin" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('https://www.linkedin.com/sharing/share-offsite/?url={url}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-[#0e76a8] inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 448 512"><path fill="currentColor" d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg> </span> <span>Linkedin</span> </button> </li> <li> <button title="Email" class="flex items-center space-x-2.5" @click.prevent="window.open(encodeURI('mailto:?subject={title}&body={url} {title}'.replaceAll('{title}', shareSocials.title).replaceAll('{url}', shareSocials.permalink)), '_blank');"> <span class="bg-black inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-white"> <svg xmlns="http://www.w3.org/2000/svg" class="aspect-square h-4" viewBox="0 0 512 512"><path fill="currentColor" d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/></svg> </span> <span>Email</span> </button> </li> </ul> <p class="text-[1.13rem] font-semibold leading-[1.56] tracking-[-0.36px] text-[#0F1011]"> Oppure</p> <button x-data="copy" title="Copia" class="border-primary hover:bg-primary text-primary mt-5 rounded-[6px] border py-2 px-8 text-[1rem] font-bold uppercase tracking-[-0.32px] transition-colors duration-300 hover:text-white" @click.prevent="$clipboard(shareSocials.permalink); changeText()" x-text="text"> </button> </div> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('copy', () => ({ text: "Copia il link", textCopied: "Copiato!", changeText() { var initText = this.text this.text = this.textCopied setTimeout(() => this.text = initText, 3000) } })) }) </script> <footer role="contentinfo" class="flex flex-col justify-between min-h-[464px] bg-black pt-11"> <div class="container"> <div class="flex flex-col items-center space-y-10 lg:flex-row lg:items-baseline lg:space-x-0 justify-between"> <a href="https://www.davidemaggio.it"> <img src="https://www.davidemaggio.it/app/themes/custom/public/images/logo-footer.svg?id=4dded58a651a2ec3d4f48d89f62a62a9" alt="logo"> </a> <div class="flex items-center justify-between"> <div class="flex flex-col items-center space-x-2 lg:flex-row"> <h6 class="text-[0.88rem] font-medium leading-[1.29] tracking-[-0.28px] text-white"> Seguici su:</h6> <div class="mr-5"> <ul class="flex items-center space-x-2" id="footer-social"> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://www.facebook.com/davidemaggio.it/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/facebook-4.svg" src="facebook (4)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://twitter.com/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/X_whitecircle-3.svg" src="X_whitecircle (3)" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://www.youtube.com/@davidemaggiotv" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/youtube-icona-footer.png" src="youtube icona footer" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://www.instagram.com/davidemaggioit/" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/instagram-icona-footer.png" src="instagram icona footer" /> </a> </li> </ul> </div> </div> <div class="flex flex-col items-center space-x-2 lg:flex-row pl-[20px]"> <h6 class="text-[0.88rem] font-medium leading-[1.29] tracking-[-0.28px] text-white"> Restiamo in contatto:</h6> <div> <ul class="flex items-center space-x-2" id="footer-app"> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://t.me/davidemaggio" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/Telegram_icon.svg" src="Telegram_icon" /> </a> </li> <li> <a class="transition duration-300 hover:opacity-75 text-white text-[0.88rem]" href="https://whatsapp.com/channel/0029VaDTABY4o7qQtZWuDS2w" target="_blank"> <img class="h-6" src="https://www.davidemaggio.it/app/uploads/2023/10/Whatsapp_icon.svg" src="Whatsapp_icon" /> </a> </li> </ul> </div> </div> </div> </div> <div class="mt-12 mb-6"> <div class="w-full"> <ul class="flex flex-col items-center justify-between px-4 lg:flex-row" id="desktop-footer-menu"> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/chi-e-davide-maggio" target="_self"> Chi è Davide Maggio </a> </li> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/redazione" target="_self"> Redazione </a> </li> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/contatti" target="_self"> Contatti </a> </li> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/privacy-policy" target="_self"> Privacy Policy </a> </li> </ul> </div> </div> <div class="h-1 w-full rounded-full bg-primary"></div> <div class="mt-6 mb-6"> <div class="w-full"> <ul class="flex flex-col items-center justify-between px-4 lg:flex-row" id="desktop-footer-menu-secondario"> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/davide-maggio/lavora-con-davidemaggio-it" target="_self"> Davide Maggio cerca te! </a> </li> <li class="flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"> <a class="relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full" href="https://www.davidemaggio.it/pubblicita" target="_self"> Pubblicità </a> </li> </ul> </div> </div> <div class="mt-[64px] prose:font-medium prose flex max-w-full items-center justify-center text-center text-[1rem] leading-[1.29] text-white prose-p:text-[1rem] lg:text-[0.875rem] lg:prose-p:text-[0.875rem]"> <p>DavideMaggio.it è una testata giornalistica registrata al Tribunale di Milano n.29/17 <span class="inline-block h-1 w-1 -translate-y-1/2 bg-primary"></span> Licenza SIAE 4776/1/4441 <span class="inline-block h-1 w-1 -translate-y-1/2 bg-primary"></span> N° ROC 26997</p> </div> <img class="mx-auto mb-6 mt-[2.0625rem] max-w-[7.5rem] h-auto footer-logo" src="https://www.davidemaggio.it/app/uploads/2023/09/MEDIAMAI_BN_NEGATIVE_ORIZ.png" alt="logo" loading="lazy" /> </div> <div class="bg-[#252627] py-8"> <div class="container"> <div class="prose:font-medium prose max-w-full text-center text-[1rem] leading-[1.29] text-white prose-p:text-[1rem] lg:text-[0.875rem] lg:prose-p:text-[0.875rem]"> <p>© 2006-2025 mediaMai srl<br /> viale Mazzini 114/A • 00195 Roma<br /> Capitale Sociale: Euro 200.000 i.v.<br /> C.F. P.I. e R.I.: 13614301003 • REA RM-1461309</p> </div> </div> </div> </footer> </div> <script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script> <script>(function(){var advanced_ads_ga_UID="G-379332310",advanced_ads_ga_anonymIP=!!1;function AdvAdsAdBlockCounterGA(t){this.UID=t,this.analyticsObject="function"==typeof gtag;var n=this;return this.count=function(){gtag("event","AdBlock",{event_category:"Advanced Ads",event_label:"Yes",non_interaction:!0,send_to:n.UID})},function(){if(!n.analyticsObject){var e=document.createElement("script");e.src="https://www.googletagmanager.com/gtag/js?id="+t,e.async=!0,document.body.appendChild(e),window.dataLayer=window.dataLayer||[],window.gtag=function(){dataLayer.push(arguments)},n.analyticsObject=!0,gtag("js",new Date)}var a={send_page_view:!1,transport_type:"beacon"};window.advanced_ads_ga_anonymIP&&(a.anonymize_ip=!0),gtag("config",t,a)}(),this}window.advanced_ads_check_adblocker=function(t){var n=[],e=null;function a(t){(window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return setTimeout(t,16)}).call(window,t)}return a((function(){var t=document.createElement("div");t.innerHTML=" ",t.setAttribute("class","ad_unit ad-unit text-ad text_ad pub_300x250"),t.setAttribute("style","width: 1px !important; height: 1px !important; position: absolute !important; left: 0px !important; top: 0px !important; overflow: hidden !important;"),document.body.appendChild(t),a((function(){var a=window.getComputedStyle&&window.getComputedStyle(t),o=a&&a.getPropertyValue("-moz-binding");e=a&&"none"===a.getPropertyValue("display")||"string"==typeof o&&-1!==o.indexOf("about:");for(var i=0,d=n.length;i<d;i++)n[i](e);n=[]}))})),function(t){null!==e?t(e):n.push(t)}}(),advanced_ads_check_adblocker((function(t){t&&new AdvAdsAdBlockCounterGA(advanced_ads_ga_UID).count()}));})();</script><style>.cl-consent-settings{left:unset !important;right:16px !important;}.cl-consent-settings__btn{opacity:0;cursor:auto !important;}</style> <script>(function(){var a=document.createElement("li");a.className="publy_privacy_privacy flex-auto text-[1.13rem] font-semibold leading-none tracking-[-0.32px] text-white lg:text-[1rem] text-center md:first:text-left md:last:text-right pt-[5px] pb-[5px]"; var b=document.createElement("a");b.className="publy_privacy_privacybutton relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-white after:transition-all after:duration-300 after:ease-in-out hover:after:w-full";b.innerHTML="Consensi";b.href='javascript:void(0)';b.onclick=function(){return void 0!==window.__lxG__consent__&&null!==window.__lxG__consent__.getState()&&window.__lxG__consent__.showConsent(),!1}; a.appendChild(b); var d=0;window.onscroll=function(){0==d&&(d++,document.getElementById('desktop-footer-menu').appendChild(a))}})();</script><style id='core-block-supports-inline-css'> .wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-2.wp-container-core-columns-is-layout-2{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-4.wp-container-core-columns-is-layout-4{flex-wrap:nowrap;} </style> <script src="https://www.davidemaggio.it/app/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.6" id="swv-js"></script> <script id="contact-form-7-js-extra"> var wpcf7 = {"api":{"root":"https:\/\/www.davidemaggio.it\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; </script> <script src="https://www.davidemaggio.it/app/plugins/contact-form-7/includes/js/index.js?ver=5.9.6" id="contact-form-7-js"></script> <script id="advanced-ads-pro/front-js-extra"> var advadsCfpInfo = {"cfpExpHours":"3","cfpClickLimit":"3","cfpBan":"7","cfpPath":"\/wp","cfpDomain":"www.davidemaggio.it"}; </script> <script src="https://www.davidemaggio.it/app/plugins/advanced-ads-pro/assets/js/advanced-ads-pro.min.js?ver=2.24.0" id="advanced-ads-pro/front-js"></script> <script id="advanced-ads-pro/cache_busting-js-extra"> var advanced_ads_pro_ajax_object = {"ajax_url":"https:\/\/www.davidemaggio.it\/wp\/wp-admin\/admin-ajax.php","lazy_load_module_enabled":"","lazy_load":{"default_offset":0,"offsets":[]},"moveintohidden":"","wp_timezone_offset":"3600"}; </script> <script src="https://www.davidemaggio.it/app/plugins/advanced-ads-pro/assets/js/base.min.js?ver=2.24.0" id="advanced-ads-pro/cache_busting-js"></script> <script id="sage/vendor.js-js-before"> (()=>{"use strict";var e,r={},o={};function t(e){var n=o[e];if(void 0!==n)return n.exports;var i=o[e]={id:e,exports:{}};return r[e].call(i.exports,i,i.exports,t),i.exports}t.m=r,e=[],t.O=(r,o,n,i)=>{if(!o){var l=1/0;for(s=0;s<e.length;s++){for(var[o,n,i]=e[s],a=!0,u=0;u<o.length;u++)(!1&i||l>=i)&&Object.keys(t.O).every((e=>t.O[e](o[u])))?o.splice(u--,1):(a=!1,i<l&&(l=i));if(a){e.splice(s--,1);var f=n();void 0!==f&&(r=f)}}return r}i=i||0;for(var s=e.length;s>0&&e[s-1][2]>i;s--)e[s]=e[s-1];e[s]=[o,n,i]},t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={546:0,692:0};t.O.j=r=>0===e[r];var r=(r,o)=>{var n,i,[l,a,u]=o,f=0;if(l.some((r=>0!==e[r]))){for(n in a)t.o(a,n)&&(t.m[n]=a[n]);if(u)var s=u(t)}for(r&&r(o);f<l.length;f++)i=l[f],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(s)},o=globalThis.webpackChunk=globalThis.webpackChunk||[];o.forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o))})(),t.nc=void 0})(); //# sourceMappingURL=manifest.js.map </script> <script src="https://www.davidemaggio.it/app/themes/custom/public/scripts/vendor.js?id=5476a0cac74e9afef5079cde8d00827c" id="sage/vendor.js-js"></script> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js?ver=1.0.0" id="remote_sdk-js" async data-wp-strategy="async"></script> <script>window.advads_admin_bar_items = [];</script><script>window.advads_passive_placements = {"adv-hp-destkop-1_1":{"elementid":["dm-267a72afa9849d2619d67f952e43619d"],"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-1083051118\"><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-1_3":{"elementid":["dm-a93defa1562c2e0143c9aafff88cfb44"],"ads":{"279588":{"id":279588,"title":"ADV HP Mobile 1","expiry_date":0,"visitors":[{"type":"mobile","value":["mobile","tablet"]},{"type":"mobile","value":["mobile","tablet"],"connector":"and"}],"content":"<div class=\"dm-adv-hp-mobile-1\" style=\"margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 20px; \" id=\"dm-997095218\"><div id='gmp-topmobile' class='gmp'><\/div><\/div>","once_per_page":0,"debugmode":false,"blog_id":1,"type":"plain","position":"center_nofloat","privacy":{"ignore":false,"needs_consent":false}}},"type":"ad","id":279588,"placement_info":{"type":"custom_position","name":"ADV HP Mobile 1","item":"ad_279588","options":{"placement_position":"center","inject_by":"pro_custom_element","pro_custom_element":"#ora-in-tendenza","container_id":"#ce4f360b16bf1a03953dee96426915733"},"id":"adv-hp-mobile-1"},"test_id":null,"inject_before":[""]}}; ( window.advanced_ads_ready || jQuery( document ).ready ).call( null, function() {if ( !window.advanced_ads_pro ) {console.log("Advanced Ads Pro: cache-busting can not be initialized");} });</script><script>!function(){window.advanced_ads_ready_queue=window.advanced_ads_ready_queue||[],advanced_ads_ready_queue.push=window.advanced_ads_ready;for(var d=0,a=advanced_ads_ready_queue.length;d<a;d++)advanced_ads_ready(advanced_ads_ready_queue[d])}();</script> <script src='https://s.adplay.it/davidemaggio/adplay.js' async type='text/javascript'></script> <script> jQuery(function($){ $(document).on('submit', '.header-search-form', function(e){ $(this).find('button[type="submit"]').attr('disabled', true); $(this).find('button[type="submit"]').append('<i class="fa fa-spinner fa-spin ml-[5px]"></i>'); $(this).find('button[type="submit"]').css('opacity', '.5'); }); }); </script> </body> </html>

CINXE.COM

Contatti - Davide Maggio