CINXE.COM

<!DOCTYPE html> <html class="ltr" dir="ltr" lang="it-IT"> <head> <meta charset="UTF-8" /> <title>I nostri eventi - Visit Cuneese - visitcuneese</title> <meta name="theme-color" content="#7eba27" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="apple-touch-icon" sizes="180x180" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/favicon-16x16.png" /> <link rel="mask-icon" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/safari-pinned-tab.svg" color="#7eba27" /> <meta name="apple-mobile-web-app-title" content="Cuneo" /> <meta name="application-name" content="Cuneo" /> <meta name="msapplication-TileColor" content="#7eba27" /> <link rel="canonical" href="https://www.visitcuneese.it/eventi"> <link rel="stylesheet" type="text/css" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css/brands.min.css?v=5.15.3" /> <link rel="stylesheet" type="text/css" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css/light.min.css?v=5.15.3" /> <link rel="stylesheet" type="text/css" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css/regular.min.css?v=5.15.3" /> <link rel="stylesheet" type="text/css" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css/solid.min.css?v=5.15.3" /> <link rel="stylesheet" type="text/css" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css/fontawesome.min.css?v=5.15.3" /> <link rel="stylesheet" type="text/css" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css/swiper.min.css?v=6.4.11" /> <script src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/swiper.min.js?v=6.4.11" defer></script> <link rel="stylesheet" href="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/leaflet.css" rel="preload" as="style"/> <link rel="stylesheet" href="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/suggestomap.css" rel="preload" as="style"/> <link rel="stylesheet" href="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/pure-min.css" rel="preload" as="style"/> <link rel="stylesheet" href="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/grids-responsive-min.css" rel="preload" as="style"/> <link rel="stylesheet" href="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/leaflet-gesture-handling.min.css" rel="preload" as="style"> <script src="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/leaflet.js" defer></script> <script src="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/leaflet-omnivore.min.js" defer></script> <script src="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/leaflet-gesture-handling.min.js" defer></script> <script src="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/suggestoicondata.js" defer></script> <script src="https://d2m98g73xnllun.cloudfront.net/ECTRLSOLUTIONS/d40cdn/main/map/libs/suggestomap.js" defer></script> <script src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/vue.js?v=2.6.12" defer></script> <script src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/vue-router.min.js?v=3.5.1" defer></script> <script src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/axios.min.js?v=0.21.1" defer></script> <script src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/moment-with-locales.min.js?v=2.29.1" defer></script> <script src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/vue-moment-lib.min.js?v=1.2.2" defer></script> <script src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/v-calendar.min.js?v=2.3.0" defer></script> <script src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/vue-multiselect.min.js?v=2.1.6" defer></script> <meta content="text/html; charset=UTF-8" http-equiv="content-type"> <link rel="stylesheet" type="text/css" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css/clay.css?minifierType=css" /> <link rel="stylesheet" type="text/css" href="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css/main.css?minifierType=css&v=2025-04-03T17:38Z" /> <script data-senna-track="temporary" type="text/javascript">var Liferay=Liferay||{}; Liferay.ThemeDisplay={getLayoutId:function(){return"9"},getLayoutRelativeURL:function(){return window.location.pathname},getLayoutURL:function(){return window.location.href},getCanonicalURL:function(){return window.location.href},getPortalURL:function(){return window.location.origin},getURLHome:function(){return"https://www.visitcuneese.it/web/guest"},getCDNBaseURL:function(){return"https://d1gs1gbsln3rpy.cloudfront.net"},getCDNHost:function(){return"https://d1gs1gbsln3rpy.cloudfront.net"},getCompanyGroupId:function(){return"1315513"}, getCompanyId:function(){return"1315478"},getLanguageId:function(){return"it_IT"},getSiteGroupId:function(){return"1331017"},getScopeGroupId:function(){return"1331017"},getParentLayoutId:function(){return"0"},getPlid:function(){return"1656743"},getPortalURL:function(){return"https://www.visitcuneese.it"},getUserId:function(){return"1315481"},getUserName:function(){return""},getUserEmailAddress:function(){return""},getPathThemeImages:function(){return"https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images"}, getPathThemeRoot:function(){return"/o/cuneo-theme"},getPathThemeIcons:function(){return"https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/icons"},getPathThemeCss:function(){return"https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/css"},getPathThemeJavaScript:function(){return"https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js"},getThemeId:function(){return"cuneo_WAR_cuneotheme"},isSignedIn:function(){return false}};</script> <script data-senna-track="permanent" src="/o/frontend-js-web/jquery/jquery.js" defer></script> <script data-senna-track="permanent" src="/o/frontend-js-web/clay/popper.js" defer></script> <script data-senna-track="permanent" src="/o/frontend-js-web/clay/bootstrap.js" defer></script> <script data-senna-track="permanent" src="/o/frontend-js-lodash-web/lodash/lodash.js" defer></script> <script data-senna-track="temporary" src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/js/main.js?v=2025-04-03T17:38Z" defer></script> <meta content="Lasciati coinvolgere dagli eventi che il territorio del cuneese offre in ogni stagione dell'anno. Esposizioni d'arte e spettacoli, esperienze all'aria aperta o laboratori per bambini rappresentano un ottimo completamento per la tua vacanza in Piemonte, mentre fiere, sagre e mercati ti permettono di vivere un momento autentico a contatto con la comunit脿 locale." lang="it-IT" name="description" /><meta content=", Eventi oggi Cuneo, eventi oggi cuneese, Calendario eventi Cuneo, calendario eventi cuneese, calendario eventi Piemonte, eventi Cuneo, manifestazioni Cuneo, eventi Piemonte, manifestazioni Piemonte, mostre Cuneo, mostre Piemonte, fiere Cuneo, fiere Piemonte, sagre Cuneo, sagre Piemonte, spettacoli Cuneo, spettacoli Piemonte, teatro Cuneo, teatro Piemonte, danza Cuneo, danza Piemonte, eventi enogastronomici Cuneo, eventi enogastronomici Piemonte, mercati Cuneo, mercati Piemonte, tour guidati Cuneo, tour guidati Piemonte, concerti Cuneo, concerti Piemonte, eventi sportivi Cuneo, sapori di primavera, Cuneo Art Music Festival, autunno con gusto, eventi oggi Fossano, eventi oggi fossanese, eventi oggi Mondov矛, eventi oggi monregalese, eventi oggi Saluzzo, eventi oggi saluzzese, eventi oggi Savigliano, eventi oggi saviglianese, eventi oggi Limone, eventi oggi Valle Po, eventi oggi Valle Varaita, eventi oggi Valle Maira, eventi oggi Valle Grana, eventi oggi Valle Stura, eventi oggi Valle Gesso, eventi oggi Valle Vermenagna, eventi oggi Valle Pesio, eventi oggi Valle Tanaro, eventi oggi Valli Monregalesi, eventi oggi Cebano." lang="it-IT" name="keywords" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!="dataLayer"?"\x26l\x3d"+l:"";j.async=true;j.src="https://www.googletagmanager.com/gtm.js?id\x3d"+i+dl;f.parentNode.insertBefore(j,f)})(window,document,"script","dataLayer","GTM-TTMHCZT");</script>  <script type="text/javascript">var _iub=_iub||{};_iub.cons_instructions=_iub.cons_instructions||[];_iub.cons_instructions.push(["init",{api_key:"iqyWOONiZ5joBo7IMmEsCmyfUgUmuo8L"}]); _iub.csConfiguration={"invalidateConsentWithoutLog":true,"consentOnContinuedBrowsing":false,"perPurposeConsent":true,"enableTcf":true,"googleAdditionalConsentMode":true,"lang":"it","siteId":2479533,"floatingPreferencesButtonDisplay":"bottom-left","cookiePolicyId":21961532,"banner":{"closeButtonRejects":true,"acceptButtonDisplay":true,"customizeButtonDisplay":true,"acceptButtonColor":"#0073CE","acceptButtonCaptionColor":"white","customizeButtonCaptionColor":"#4D4D4D","rejectButtonDisplay":true,"rejectButtonColor":"#0073CE", "rejectButtonCaptionColor":"white","listPurposes":true,"explicitWithdrawal":true,"position":"float-bottom-right","textColor":"black","backgroundColor":"white"}};</script> <script type="text/javascript" src="//cdn.iubenda.com/cons/iubenda_cons.js" async></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub-v2.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/safe-tcf-v2.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script> </head> <body class=" controls-visible yui3-skin-sam signed-out public-page site">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TTMHCZT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="pt-0" id="wrapper"> <div id="body-content" class="p-0"> <div id="navbars" class="tw:fixed tw:w-full tw:transition-all tw:z-sticky tw:top-0 tw:duration-300"> <nav id="topbar" class="navbar tw:bg-dark tw:font-text tw:flex tw:z-fixed tw:px-0 tw:py-0 lg:tw:px-3"> <div class="container tw:px-0 lg:tw:px-3"> <div class="row no-gutters justify-content-end justify-content-lg-between tw:w-full"> <div class="col-auto tw:hidden lg:tw:block"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ portlet-static portlet-static-end portlet-barebone portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_" > <span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span> <div id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="btn-group tw:h-full tw:font-text"> <button type="button" class="btn btn-link dropdown-toggle tw:text-white tw:py-0" data-toggle="dropdown"> <i class="fas fa-globe tw:text-white tw:mr-2"></i> <span class="tw:capitalize">IT </span> </button> <div class="dropdown-menu tw:z-fixed"> <span class="active dropdown-item tw:flex"> <div class="dropdown-item-indicator-start tw:mr-3"> <i class="fal fa-check tw:text-dark"></i> </div> Italiano </span> <a href="/c/portal/update_language?p_l_id=1656743&redirect=%2Feventi&languageId=en_US" class="dropdown-item"> English </a> <a href="/c/portal/update_language?p_l_id=1656743&redirect=%2Feventi&languageId=fr_FR" class="dropdown-item"> Fran莽ais </a> <a href="/c/portal/update_language?p_l_id=1656743&redirect=%2Feventi&languageId=de_DE" class="dropdown-item"> Deutsch </a> </div> </div> </div> </div> </div> </div> </div> <div class="col-auto"> <div class="tw:flex tw:space-x-6"> <a href="/esplora" class="tw:text-green tw:uppercase my-auto d-lg-none">ESPLORA</a> <div id="high-contrast" class="d-none d-lg-flex tw:my-auto"> <div class="form-group tw:flex tw:h-8 tw:mb-0"> <span class="tw:text-white tw:my-auto tw:mr-3">Alto contrasto</span> <label class="toggle-switch"> <input class="toggle-switch-check" type="checkbox" /> <span class="toggle-switch-bar"> <span class="toggle-switch-handle" data-label-off="" data-label-on=""> <span class="button-icon button-icon-on toggle-switch-icon"> <i class="fal fa-check"></i> </span> <span class="button-icon button-icon-off toggle-switch-icon"> <i class="fal fa-times"></i> </span> </span> </span> </label> </div> </div> <div class="tw:bg-green tw:no-underline tw:py-2 lg:tw:py-3"> <a href="/mappa" class="btn btn-link lg:tw:text-white tw:text-dark tw:px-5 tw:py-0"> <i class="fas fa-map-marked-alt tw:mr-2"></i> <span class="d-none d-lg-inline tw:uppercase">Mappa virtuale</span> <span class="d-lg-none tw:uppercase">Mappa</span> </a> </div> </div> </div> </div> </div> </nav> <nav id="navbar" class="navbar navbar-expand-lg tw:bg-transparent tw:transition-all tw:duration-300 tw:mt-3 lg:tw:mt-14"> <div class="container-fluid container-fluid-max-xl"> <div class="tw:flex tw:w-full"> <a href="https://www.visitcuneese.it" class="navbar-brand d-none d-lg-flex xl:tw:mr-10" title="visitcuneese"> <img src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/logos/it/logo_green_it.svg" class="logo-white tw:my-auto tw:w-152px xl:tw:w-204px" alt="visitcuneese" /> <img src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/logos/it/logo_colored_it.svg" class="logo-colored tw:hidden tw:my-auto tw:w-152px xl:tw:w-204px" alt="visitcuneese" /> </a> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_navbar_navigation_" > <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_navbar_navigation"></span> <div id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_navbar_navigation" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div id="links" class="flex-nowrap collapse navbar-collapse tw:bg-dark"> <div id="explore" class="navbar-nav tw:bg-green tw:h-full"> <a href="/esplora" class="nav-item nav-link tw:font-heading tw:text-sm tw:text-white tw:tracking-tight tw:uppercase xl:tw:tracking-normal tw:font-bold tw:px-1 xl:tw:px-2"> ESPLORA </a> </div> <div class="navbar-nav tw:h-full tw:overflow-x-auto lg:tw:ml-auto"> <div class="nav-item dropdown"> <a href="javascript:void(0);" class="nav-link tw:font-heading tw:text-sm tw:text-white tw:tracking-tight tw:uppercase tw:px-1 xl:tw:tracking-normal xl:tw:px-2" data-toggle="dropdown"> Territorio </a> <div class="megamenu dropdown-wide dropdown-wide-container container tw:fixed tw:font-text tw:w-full tw:inset-0 tw:z-top tw:pointer-events-none"> <div class="dropdown-menu tw:w-full tw:rounded-md tw:border-0 tw:top-0 tw:mt-0 tw:z-fixed tw:pointer-events-auto"> <div class="sheet tw:border-0 tw:p-4"> <div class="row tw:justify-between tw:divide-x tw:divide-gray-100"> <div class="col-4"> <a href="https://www.visitcuneese.it/territorio" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="tw:divide-y-3 tw:divide-green"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">Territorio</p> </div> <div class="aspect-ratio aspect-ratio-16-to-9 tw:pt-3"> <img data-src="/image/logo?img_id=2922880" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" alt="Territorio" /> </div> </div> <div class="card-body tw:px-0"> <p class="tw:text-dark mb-3">Conca verde che da Torino si apre a sud ovest, costellata da citt脿 d'arte e piccoli borghi, mentre lo sguardo corre sui campi coltivati fino ai profili eleganti delle montagne, tra golose produzioni tipiche e biodiversit脿.</p> <span class="tw:text-green tw:block tw:no-underline"> Scopri <i class="fas fa-long-arrow-right ml-1"></i> </span> </div> </a> </div> <div class="col-8"> <div class="row"> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-localita?structureKey=1332945&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=&p3=1387612" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">PICCOLI BORGHI</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/dall-antica-augusta-bagiennorum-alla-barocca-bene-vagienna" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Bene Vagienna </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/dronero-la-porta-della-valle-maira" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Dronero </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/carru-porta-della-langa" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Carr霉 </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/entracque-tesoro-della-valle-gesso" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Entracque </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/limone-piemonte-perla-alpina-delle-alpi-marittime" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Limone Piemonte </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/ormea-perla-incastonata-nelle-alpi-liguri" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Ormea </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/ostana-borgo-occitano-d-eccellenza" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Ostana </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/revello-ai-piedi-del-monte-bracco" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Revello </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/a-roburent-nel-cuore-delle-alpi-monregalesi" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Roburent </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/la-magnificenza-barocca-del-santuario-di-vicoforte" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Vicoforte </a> <a href="https://www.visitcuneese.it/ricerca-localita?structureKey=1332945&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=&p3=1387612" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-localita?structureKey=1332945&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=&p3=1364738" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">ALPI CUNEESI</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-po-emozioni-all-ombra-del-monviso" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Po </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-varaita-un-avventura-lunga-60-chilometri" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Varaita </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-maira-cuore-selvaggio-delle-alpi-occitane" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Maira </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-grana-terra-del-castelmagno" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Grana </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-stura-selvaggia-e-inaspettata" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Stura </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-vermenagna-nella-patria-dello-sci" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Vermenagna </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-gesso-camminare-in-una-valle-da-re" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Gesso </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-pesio-piccolo-gioiello-che-profuma-di-natura" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Pesio </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valle-tanaro-un-territorio-dal-fascino-autentico" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Tanaro </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valli-monregalesi-emozioni-sulla-punta-delle-dita" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valli Monregalesi </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/valli-mongia-e-cevetta-e-la-langa-cebana" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valli del Cebano </a> <a href="https://www.visitcuneese.it/ricerca-localita?structureKey=1332945&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=&p3=1364738" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-localita?structureKey=1332945&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=&p3=1387691" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">CITT脌 D'ARTE</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/borgo-san-dalmazzo-e-l-antica-fiera-fredda-1" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Borgo San Dalmazzo </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/boves-ai-piedi-della-bisalta" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Boves </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/busca-e-il-castello-del-roccolo" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Busca </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/cuneo-capitale-verde-del-piemonte" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Cuneo </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/fossano-la-citta-degli-acaja" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Fossano </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/viaggio-nel-tempo-a-mondovi" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Mondov矛 </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/racconigi-alla-corte-dei-savoia" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Racconigi </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/saluzzo-e-il-marchesato" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Saluzzo </a> <a href="https://www.visitcuneese.it/dettaglio-localita/-/d/lasciati-conquistare-da-savigliano" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Savigliano </a> <a href="https://www.visitcuneese.it/ricerca-localita?structureKey=1332945&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=&p3=1387691" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="nav-item dropdown"> <a href="javascript:void(0);" class="nav-link tw:font-heading tw:text-sm tw:text-white tw:tracking-tight tw:uppercase tw:px-1 xl:tw:tracking-normal xl:tw:px-2" data-toggle="dropdown"> Outdoor </a> <div class="megamenu dropdown-wide dropdown-wide-container container tw:fixed tw:font-text tw:w-full tw:inset-0 tw:z-top tw:pointer-events-none"> <div class="dropdown-menu tw:w-full tw:rounded-md tw:border-0 tw:top-0 tw:mt-0 tw:z-fixed tw:pointer-events-auto"> <div class="sheet tw:border-0 tw:p-4"> <div class="row tw:justify-between tw:divide-x tw:divide-gray-100"> <div class="col-4"> <a href="https://www.visitcuneese.it/outdoor" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="tw:divide-y-3 tw:divide-green"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">Outdoor</p> </div> <div class="aspect-ratio aspect-ratio-16-to-9 tw:pt-3"> <img data-src="/image/logo?img_id=5175357" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" alt="Outdoor" /> </div> </div> <div class="card-body tw:px-0"> <p class="tw:text-dark mb-3">Il Cuneese, terra di sportivi e amanti dell'outdoor, grazie al magnifico anfiteatro alpino che diventa palestra a cielo aperto. Divertimento, sfide e relax in ogni stagione e per tutti i gusti. Lasciati ispirare, respira a pieni polmoni la tua passione.</p> <span class="tw:text-green tw:block tw:no-underline"> Scopri <i class="fas fa-long-arrow-right ml-1"></i> </span> </div> </a> </div> <div class="col-8"> <div class="row"> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-itinerari?structureKey=1332909&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388231&p3=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">ESCURSIONISMO</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/anello-dei-laghi-sul-versante-nord-del-monviso" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Anello dei Laghi del Monviso </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/laghi-di-chianale" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Laghi di Chianale </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/sentiero-dei-ciclamini" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Sentiero dei Ciclamini </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/anello-di-narbona" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Anello di Narbona </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/lago-superiore-di-roburent" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Lago Superiore di Roburent </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/vallone-di-valasco-valle-gesso-comune-di-valdieri-frazione-terme" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Vallone di Valasco </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/pis-del-pesio" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Pis del Pesio </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/laghi-della-brignola" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Laghi della Brignola </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/pizzo-d-ormea" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Pizzo d'Ormea </a> <a href="https://www.visitcuneese.it/ricerca-itinerari?structureKey=1332909&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388231&p3=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-itinerari?structureKey=1332909&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388232&p3=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">BIKE</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/saluzzo-saluzzo-la-salita-al-pian-del-re" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Salita al Pian del Re </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/cuneo-cuneo-la-salita-al-colle-dell-agnello" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Salita al Colle dell'Agnello </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/la-strada-dei-cannoni" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> La Strada dei Cannoni </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/gardetta-bike-emotions" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Gardetta Bike Emotions </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/cuneo-cuneo-la-salita-al-colle-fauniera" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Salita al Colle Fauniera </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/l-anello-del-parco-fluviale-gesso-e-stura" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Anello del Parco Fluviale </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/la-via-del-sale-dalle-alpi-al-mare" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Alta Via del Sale </a> <a href="https://www.visitcuneese.it/dettaglio-itinerario/-/d/tour-ai-piedi-della-bisalta" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Tour della Bisalta </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388232&p3=&p4=" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Bike Park - Downhill </a> <a href="https://www.visitcuneese.it/ricerca-itinerari?structureKey=1332909&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388232&p3=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388230&p3=&p4=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">SPORT INVERNALI</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386739" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Po </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386740" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Varaita </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386741" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Maira </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386742" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Stura </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386768" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Vermenagna </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1381892" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Gesso </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386769" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Pesio </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386772" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valle Tanaro </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386770" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valli Monregalesi </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=1386771" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Valli del Cebano </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388230&p3=&p4=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-itinerari?structureKey=1332909&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">CIASPOLE E SCIALPINISMO</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-itinerari?structureKey=1332909&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=&p2=1388230&p3=&p4=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388233&p3=&p4=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">ALTRI SPORT</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388233&p3=&p4=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="nav-item dropdown"> <a href="javascript:void(0);" class="nav-link tw:font-heading tw:text-sm tw:text-white tw:tracking-tight tw:uppercase tw:px-1 xl:tw:tracking-normal xl:tw:px-2" data-toggle="dropdown"> Cultura </a> <div class="megamenu dropdown-wide dropdown-wide-container container tw:fixed tw:font-text tw:w-full tw:inset-0 tw:z-top tw:pointer-events-none"> <div class="dropdown-menu tw:w-full tw:rounded-md tw:border-0 tw:top-0 tw:mt-0 tw:z-fixed tw:pointer-events-auto"> <div class="sheet tw:border-0 tw:p-4"> <div class="row tw:justify-between tw:divide-x tw:divide-gray-100"> <div class="col-4"> <a href="https://www.visitcuneese.it/cultura" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="tw:divide-y-3 tw:divide-green"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">Cultura</p> </div> <div class="aspect-ratio aspect-ratio-16-to-9 tw:pt-3"> <img data-src="/image/logo?img_id=2922933" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" alt="Cultura" /> </div> </div> <div class="card-body tw:px-0"> <p class="tw:text-dark mb-3">Il Cuneese 猫 una terra di storia e cultura tutta da scoprire. Arte sacra, antiche fortezze e palazzi nobiliari, centri visita e musei: ogni luogo 猫 un racconto a s茅, una voce fatta di radici, tradizioni e usanze locali in attesa di essere ascoltata.</p> <span class="tw:text-green tw:block tw:no-underline"> Scopri <i class="fas fa-long-arrow-right ml-1"></i> </span> </div> </a> </div> <div class="col-8"> <div class="row"> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388237&p3=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">ARTE SACRA</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/santuario-basilica-regina-montis-regalis-vicoforte" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Santuario di Vicoforte </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/santuario-di-monserrato-borgo-san-dalmazzo" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Santuario di Monserrato </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/santuario-fossano-cussanio" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Santuario di Cussanio </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/santuario-di-sant-anna-vinadio" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Santuario di Sant'Anna </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/certosa-di-santa-maria-chiusa-di-pesio" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Certosa di Chiusa di Pesio </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/santuario-di-san-magno-castelmagno" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Santuario di San Magno </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/abbazia-di-santa-maria-di-staffarda-revello" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Abbazia di Staffarda </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/chiesa-di-san-francesco-saverio-detta-la-missione-mondovi-rione-piazza-" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Chiesa della Missione </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/chiesa-di-san-fiorenzo-bastia-mondovi" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Chiesa di San Fiorenzo </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388237&p3=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388236&p3=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">MUSEI E CENTRI VISITA</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/museo-della-ceramica-vecchia-mondovi" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Museo della Ceramica </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/museo-civico-di-cuneo-cuneo" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Museo Civico di Cuneo </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/espaci-occitan-dronero" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Espaci Occitan </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/il-filatoio-di-caraglio" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Filatoio di Caraglio </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/museo-civico-e-gipsoteca-savigliano" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Museo civico e Gipsoteca Calandra </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/museo-casa-cavassa-saluzzo" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Museo Casa Cavassa </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/muses-accademia-europea-delle-essenze-savigliano" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> M煤ses Savigliano </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/pinacoteca-civica-levis-sismonda-racconigi" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Pinacoteca Levis-Sismonda </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/casa-museo-galimberti-cuneo" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Museo Casa Galimberti </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388236&p3=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388235&p3=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">CASTELLI E GIARDINI</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/castello-reale-e-parco-di-racconigi" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Castello Reale di Racconigi </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/castello-dei-principi-d-acaja-fossano" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Castello Acaja di Fossano </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/castello-della-manta" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Castello della Manta </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/castello-di-casotto-garessio" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Castello di Casotto </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/castello-di-mombasiglio-museo-bonaparte" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Castello di Mombasiglio </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/castello-e-parco-del-roccolo-busca" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Castello del Roccolo </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/i-castelli-di-lagnasco-giardino-delle-essenze" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Castello di Lagnasco </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/castello-di-rocca-de-baldi" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Castello di Rocca de' Baldi </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/forte-di-vinadio" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Forte di Vinadio </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388235&p3=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="nav-item dropdown"> <a href="javascript:void(0);" class="nav-link tw:font-heading tw:text-sm tw:text-white tw:tracking-tight tw:uppercase tw:px-1 xl:tw:tracking-normal xl:tw:px-2" data-toggle="dropdown"> Natura e benessere </a> <div class="megamenu dropdown-wide dropdown-wide-container container tw:fixed tw:font-text tw:w-full tw:inset-0 tw:z-top tw:pointer-events-none"> <div class="dropdown-menu tw:w-full tw:rounded-md tw:border-0 tw:top-0 tw:mt-0 tw:z-fixed tw:pointer-events-auto"> <div class="sheet tw:border-0 tw:p-4"> <div class="row tw:justify-between tw:divide-x tw:divide-gray-100"> <div class="col-4"> <a href="https://www.visitcuneese.it/natura-e-benessere" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="tw:divide-y-3 tw:divide-green"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">Natura e benessere</p> </div> <div class="aspect-ratio aspect-ratio-16-to-9 tw:pt-3"> <img data-src="/image/logo?img_id=2922964" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" alt="Natura e benessere" /> </div> </div> <div class="card-body tw:px-0"> <p class="tw:text-dark mb-3">Un'oasi diffusa di pace per vivere esperienze autentiche e rigenerare il proprio corpo a contatto con la natura. Un viaggio tra meraviglie botaniche ed eccezionali presenze faunistiche, nella tranquillit脿 di parchi e riserve naturali.</p> <span class="tw:text-green tw:block tw:no-underline"> Scopri <i class="fas fa-long-arrow-right ml-1"></i> </span> </div> </a> </div> <div class="col-8"> <div class="row"> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388238&p3=&p4=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">PARCHI NATURALI</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/parco-naturale-del-marguareis" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Parco Naturale del Marguareis </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/parco-naturale-delle-alpi-marittime" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Parco Naturale Alpi Marittime </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/parco-del-monviso" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Parco del Monviso </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/parco-fluviale-gesso-e-stura" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Parco Fluviale Gesso e Stura </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388238&p3=&p4=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388239&p3=&p4=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">RISERVE NATURALI</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/riserva-naturale-ciciu-del-villar" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Riserva Naturale Ciciu del Villar </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/riserva-naturale-crava-morozzo" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Riserva Naturale Crava Morozzo </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/riserva-naturale-di-bene-vagienna" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Riserva Naturale Bene Vagienna </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/riserva-naturale-sorgenti-del-belbo" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Riserva Naturale Sorgenti del Belbo </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388239&p3=&p4=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388242" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">TERME E WELLNESS</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388242" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388241&p3=&p4=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">GROTTE</p> </div> </a> <div class="card-body tw:px-0"> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/grotta-di-bossea" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Grotta di Bossea </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/grotta-dei-dossi" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Grotta dei Dossi </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/grotte-del-caudano" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Grotte del Caudano </a> <a href="https://www.visitcuneese.it/dettaglio-punto-di-interesse/-/d/grotte-del-bandito" class="tw:text-dark tw:block tw:no-underline tw:mb-2"> <i class="fas fa-chevron-right tw:text-green fa-xs mr-1"></i> Grotte del Bandito </a> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388241&p3=&p4=" class="tw:text-green tw:block tw:no-underline"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388240" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">PARCHI DIVERTIMENTO</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-punti-interesse?structureKey=1332941&pag=1&num=500&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=1388240" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="nav-item dropdown"> <a href="javascript:void(0);" class="nav-link tw:font-heading tw:text-sm tw:text-white tw:tracking-tight tw:uppercase tw:px-1 xl:tw:tracking-normal xl:tw:px-2" data-toggle="dropdown"> Eventi </a> <div class="megamenu dropdown-wide dropdown-wide-container container tw:fixed tw:font-text tw:w-full tw:inset-0 tw:z-top tw:pointer-events-none"> <div class="dropdown-menu tw:w-full tw:rounded-md tw:border-0 tw:top-0 tw:mt-0 tw:z-fixed tw:pointer-events-auto"> <div class="sheet tw:border-0 tw:p-4"> <div class="row tw:justify-between tw:divide-x tw:divide-gray-100"> <div class="col-4"> <a href="https://www.visitcuneese.it/eventi" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="tw:divide-y-3 tw:divide-green"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">Eventi</p> </div> <div class="aspect-ratio aspect-ratio-16-to-9 tw:pt-3"> <img data-src="/image/logo?img_id=2922898" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" alt="Eventi" /> </div> </div> <div class="card-body tw:px-0"> <p class="tw:text-dark mb-3">Arte e spettacoli, esperienze all'aria aperta, laboratori per bambini e ancora fiere, sagre e mercati: sono solo alcuni dei momenti autentici che compongono il calendario eventi del Cuneese, il modo pi霉 semplice per scoprire colori e sapori delle nostre vallate.</p> <span class="tw:text-green tw:block tw:no-underline"> Scopri <i class="fas fa-long-arrow-right ml-1"></i> </span> </div> </a> </div> <div class="col-8"> <div class="row"> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388266&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">SPORT E NATURA</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388266&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388275&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">SAPORI DI PRIMAVERA</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388275&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388270&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">ENOGASTRONOMIA</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388270&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388271&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">BAMBINI E FAMIGLIE</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388271&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=3242401&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">MOSTRE</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=3242401&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388269&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">SPETTACOLI TEATRO DANZA</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388269&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388272&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">MERCATI E MERCATINI</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388272&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388263&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">VISITE E TOUR GUIDATI</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388263&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388262&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">Cultura e tradizioni</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=100&qry=query&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=1388262&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=1388267&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">CONFERENZE E CONGRESSI</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=1388267&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> <div class="col-4"> <div class="tw:divide-y-3 tw:divide-green"> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=1388282&p2=&p3=&d1=&d2=" class="card tw:shadow-none tw:no-underline tw:border-0 lg:tw:mr-5"> <div class="card-body tw:px-0 tw:pb-0"> <p class="card-title tw:text-dark tw:font-bold tw:text-lg tw:uppercase tw:tracking-wide tw:mb-0">LABORATORI E CORSI</p> </div> </a> <div> <a href="https://www.visitcuneese.it/ricerca-eventi?structureKey=1332933&pag=1&num=500&qry=query&so=score%20desc&orderByColumn1=modifiedDate&kw=&p1=1388282&p2=&p3=&d1=&d2=" class="tw:text-green tw:block tw:no-underline mt-3"> Vedi tutti <i class="fas fa-long-arrow-right ml-1"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="nav-item "> <a href="https://www.visitcuneese.it/accoglienza" class="nav-link tw:font-heading tw:text-sm tw:text-white tw:tracking-tight tw:uppercase tw:px-1 xl:tw:tracking-normal xl:tw:px-2" title="Accoglienza"> Accoglienza </a> </div> </div> <div class="navbar-nav tw:bg-green tw:h-full"> <a href="/ricerca" class="nav-item nav-link tw:font-heading tw:text-sm tw:text-white tw:tracking-tight tw:uppercase xl:tw:tracking-normal tw:px-1 xl:tw:px-2 tw:mx-2"> <span class="sr-only">Cerca</span> <i class="far fa-search fa-lg"></i> </a> </div> </div> </div> </div> </div> </div> <a href="https://www.visitcuneese.it" class="navbar-brand d-none d-lg-flex" title="visitcuneese"> <img src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/logo_atl_white.svg" class="logo-white tw:my-auto tw:w-106px" alt="visitcuneese" /> <img src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/logo_atl_colored.svg" class="logo-colored tw:hidden tw:my-auto tw:w-106px" alt="visitcuneese" /> </a> <a href="https://www.visitcuneese.it" class="navbar-brand d-flex d-lg-none" title="visitcuneese"> <img src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/logos/it/logo_green_it.svg" class="logo-white tw:my-auto tw:w-106px" alt="visitcuneese" /> <img src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/logos/it/logo_colored_it.svg" class="logo-colored tw:hidden tw:my-auto tw:w-106px" alt="visitcuneese" /> </a> </div> </div> </nav> <div id="quick-actions" class="navbar tw:hidden tw:transition-all tw:transform lg:tw:flex tw:opacity-100 tw:duration-300 tw:pointer-events-none"> <div class="container"> <div class="navbar-nav tw:ml-auto tw:space-x-4 tw:pt-2 tw:pointer-events-auto"> <a href="/ricerca-esperienze?p1=1333120" class="sticker tw:flex tw:justify-center tw:align-center tw:rounded-full tw:ring-white tw:w-16 tw:h-16 tw:ring-2 tw:no-underline"> <i class="fal fa-flower-daffodil tw:text-white fa-3x"></i> </a> <a href="/ricerca-esperienze?p1=1333117" class="sticker tw:flex tw:justify-center tw:align-center tw:rounded-full tw:ring-white tw:w-16 tw:h-16 tw:ring-2 tw:no-underline"> <i class="fal fa-sun tw:text-white fa-3x"></i> </a> <a href="/ricerca-esperienze?p1=1333119" class="sticker tw:flex tw:justify-center tw:align-center tw:rounded-full tw:ring-white tw:w-16 tw:h-16 tw:ring-2 tw:no-underline"> <i class="fal fa-leaf-oak tw:text-white fa-3x"></i> </a> <a href="/ricerca-esperienze?p1=1333118" class="sticker tw:flex tw:justify-center tw:align-center tw:rounded-full tw:ring-white tw:w-16 tw:h-16 tw:ring-2 tw:no-underline"> <i class="fal fa-snowflake tw:text-white fa-3x"></i> </a> </div> </div> </div> </div> <div id="menu" class="inline-scroller tw:fixed tw:w-screen tw:h-screen tw:bg-white tw:origin-top tw:transition-all tw:transform tw:pointer-events-none tw:z-top lg:tw:hidden tw:opacity-0 tw:duration-300 tw:scale-95 tw:top-0"> <div class="tw:flex tw:flex-col tw:h-full"> <div class="tw:bg-dark tw:text-center tw:w-full tw:h-[42px]"> <button type="button" class="btn btn-link menu-toggler sticker tw:rounded-full tw:bg-green tw:w-10 tw:h-10 tw:-mb-tw:w-14"> <i class="fal fa-times tw:text-dark fa-3x"></i> </button> </div> <div class="sheet tw:border-none tw:divide-y tw:w-full tw:divide-gray-100 tw:pt-10"> <div class="tw:flex tw:justify-center tw:space-x-4 tw:py-4"> <a href="https://it-it.facebook.com/ATLCuneese/" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="Facebook" target="_blank"> <i class="fab fa-facebook-f"></i> </a> <a href="https://www.instagram.com/visitcuneese/" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="Instagram" target="_blank"> <i class="fab fa-instagram"></i> </a> <a href="https://www.youtube.com/channel/UC9lTXMfQd32YMgSZzEjUPOg/" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="YouTube" target="_blank"> <i class="fab fa-youtube"></i> </a> <a href="https://www.loquis.com/it/channel/2389/ATL+del+Cuneese" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="Loquis" target="_blank"> <i class="fas fa-podcast"></i> </a> <a href="https://open.spotify.com/user/e5o3bb4hr7mawj6i6507femf8?si=39c61f626c934e25&nd=1" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="Spotify" target="_blank"> <i class="fab fa-spotify"></i> </a> <a href="https://www.tiktok.com/@visitcuneese?_t=8VU5fPHxUJR&_r=1" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="TikTok" target="_blank"> <i class="fab fa-tiktok"></i> </a> </div> <div class="tw:text-center tw:mt-auto"> <div class="languages navbar-nav tw:inline-flex tw:flex-row tw:h-full tw:mx-auto"> <a href="/c/portal/update_language?p_l_id=1656743&redirect=%2F&languageId=it_IT" class="nav-item nav-link tw:text-dark tw:uppercase tw:my-auto tw:px-0"> it </a> <a href="/c/portal/update_language?p_l_id=1656743&redirect=%2F&languageId=en_US" class="nav-item nav-link tw:text-dark tw:uppercase tw:my-auto tw:px-0"> en </a> <a href="/c/portal/update_language?p_l_id=1656743&redirect=%2F&languageId=fr_FR" class="nav-item nav-link tw:text-dark tw:uppercase tw:my-auto tw:px-0"> fr </a> <a href="/c/portal/update_language?p_l_id=1656743&redirect=%2F&languageId=de_DE" class="nav-item nav-link tw:text-dark tw:uppercase tw:my-auto tw:px-0"> de </a> </div></div> <form id="searchForm" class="form-group tw:py-4"> <div class="input-group"> <div class="input-group-item input-group-item-shrink input-group-prepend"> <span class="input-group-text tw:bg-white tw:border-none"><i class="far fa-search fa-lg tw:text-dark"></i></span> </div> <div class="input-group-append input-group-item"> <input type="text" class="form-control tw:bg-white tw:border-none tw:placeholder-dark" placeholder="Fai qui la tua ricerca" /> </div> </div> </form> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_mobile_navigation_" > <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_mobile_navigation"></span> <div id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_mobile_navigation" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="navbar-nav inline-scroller tw:flex-col tw:max-h-80 tw:py-4"> <a href="https://www.visitcuneese.it/esplora" class="nav-item nav-link tw:text-center tw:text-dark tw:font-heading tw:text-lg tw:uppercase"> Esplora </a> <a href="https://www.visitcuneese.it/territorio" class="nav-item nav-link tw:text-center tw:text-dark tw:font-heading tw:text-lg tw:uppercase"> Territorio </a> <a href="https://www.visitcuneese.it/outdoor" class="nav-item nav-link tw:text-center tw:text-dark tw:font-heading tw:text-lg tw:uppercase"> Outdoor </a> <a href="https://www.visitcuneese.it/cultura" class="nav-item nav-link tw:text-center tw:text-dark tw:font-heading tw:text-lg tw:uppercase"> Cultura </a> <a href="https://www.visitcuneese.it/natura-e-benessere" class="nav-item nav-link tw:text-center tw:text-dark tw:font-heading tw:text-lg tw:uppercase"> Natura e benessere </a> <a href="https://www.visitcuneese.it/eventi" class="nav-item nav-link tw:text-center tw:text-dark tw:font-heading tw:text-lg tw:uppercase"> Eventi </a> <a href="https://www.visitcuneese.it/accoglienza" class="nav-item nav-link tw:text-center tw:text-dark tw:font-heading tw:text-lg tw:uppercase"> Accoglienza </a> </div> <script>document.addEventListener("DOMContentLoaded",function(){$("#searchForm").on("submit",function(e){e.preventDefault();window.location.href="/ricerca?kw\x3d"+$("#searchForm input").val()})});</script> </div> </div> </div> </div> </div> <div class="dropdown-divider tw:border-green tw:border-t-3 tw:mx-5"></div> <div class="sheet tw:flex tw:flex-col tw:border-none tw:h-full tw:w-full tw:p-6 sm:tw:px-15"> <div class="row no-gutters justify-content-center"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_mobile_menu_navigation_" > <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_mobile_menu_navigation"></span> <div id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_mobile_menu_navigation" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="row no-gutters tw:justify-center"> <div class="col-3"> <div class="tw:text-center"> <a href="https://www.visitcuneese.it/preferiti" class="btn btn-link tw:text-dark"> <i class="fas fa-heart tw:text-dark"></i> </a> </div> </div> <div class="col-3"> <div class="tw:text-center"> <a href="https://www.visitcuneese.it/ricerca?structureKey=&pag=1&num=30&qry=global&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=&p3=" class="btn btn-link tw:text-dark"> <i class="fas fa-map-marker-alt tw:text-dark"></i> </a> </div> </div> <div class="col-3"> <div class="tw:text-center"> <a href="https://www.visitcuneese.it/video-atl" class="btn btn-link tw:text-dark"> <i class="fas fa-tv-retro tw:text-dark"></i> </a> </div> </div> <div class="col-3"> <div class="tw:text-center"> <a href="https://www.visitcuneese.it/podcast" class="btn btn-link tw:text-dark"> <i class="fas fa-microphone-alt tw:text-dark"></i> </a> </div> </div> <div class="col-3"> <div class="tw:text-center"> <a href="https://www.visitcuneese.it/download" class="btn btn-link tw:text-dark"> <i class="fas fa-download tw:text-dark"></i> </a> </div> </div> <div class="col-3"> <div class="tw:text-center"> <a href="https://www.visitcuneese.it/rassegna-stampa" class="btn btn-link tw:text-dark"> <i class="fas fa-paperclip tw:text-dark"></i> </a> </div> </div> <div class="col-3"> <div class="tw:text-center"> <a href="https://www.visitcuneese.it/network" class="btn btn-link tw:text-dark"> <i class="fas fa-globe tw:text-dark"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="tw:left-4 hcm-bg-capable tw:hidden tw:fixed tw:bg-green tw:rounded-md tw:flex-col tw:z-fixed tw:transform tw:transition-all lg:tw:flex tw:top-2/4 tw:-translate-y-2/4 tw:duration-300"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_sidebar_navigation_" > <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_sidebar_navigation"></span> <div id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_sidebar_navigation" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="tw:divide-y tw:divide-gray-100" style="max-width: 7rem;"> <div> <a href="https://www.visitcuneese.it/preferiti" class="card tw:bg-transparent tw:no-underline tw:text-center tw:text-white tw:border-none tw:shadow-none tw:py-4 tw:px-2 tw:mb-0"> <i class="fas fa-heart fa-2x"></i> <p class="tw:text-sm tw:uppercase"> Preferiti </p> </a> </div> <div> <a href="https://www.visitcuneese.it/ricerca?structureKey=&pag=1&num=30&qry=global&orderByColumn1=priority_sortable&orderByType1=random&kw=&p1=&p2=&p3=" id='map' class="card tw:bg-transparent tw:no-underline tw:text-center tw:text-white tw:border-none tw:shadow-none tw:py-4 tw:px-2 tw:mb-0"> <i class="fas fa-map-marker-alt fa-2x"></i> <p class="tw:text-sm tw:uppercase"> Mappa </p> </a> </div> <div> <a href="https://www.visitcuneese.it/video-atl" class="card tw:bg-transparent tw:no-underline tw:text-center tw:text-white tw:border-none tw:shadow-none tw:py-4 tw:px-2 tw:mb-0"> <i class="fas fa-tv-retro fa-2x"></i> <p class="tw:text-sm tw:uppercase"> Video </p> </a> </div> <div> <a href="https://www.visitcuneese.it/podcast" class="card tw:bg-transparent tw:no-underline tw:text-center tw:text-white tw:border-none tw:shadow-none tw:py-4 tw:px-2 tw:mb-0"> <i class="fas fa-microphone-alt fa-2x"></i> <p class="tw:text-sm tw:uppercase"> Podcast </p> </a> </div> <div> <a href="https://www.visitcuneese.it/download" class="card tw:bg-transparent tw:no-underline tw:text-center tw:text-white tw:border-none tw:shadow-none tw:py-4 tw:px-2 tw:mb-0"> <i class="fas fa-download fa-2x"></i> <p class="tw:text-sm tw:uppercase"> Download </p> </a> </div> <div> <a href="https://www.visitcuneese.it/rassegna-stampa" class="card tw:bg-transparent tw:no-underline tw:text-center tw:text-white tw:border-none tw:shadow-none tw:py-4 tw:px-2 tw:mb-0"> <i class="fas fa-paperclip fa-2x"></i> <p class="tw:text-sm tw:uppercase"> Rassegna stampa </p> </a> </div> <div> <a href="https://www.visitcuneese.it/network" class="card tw:bg-transparent tw:no-underline tw:text-center tw:text-white tw:border-none tw:shadow-none tw:py-4 tw:px-2 tw:mb-0"> <i class="fas fa-globe fa-2x"></i> <p class="tw:text-sm tw:uppercase"> Network </p> </a> </div> </div> <script>document.addEventListener("DOMContentLoaded",function(){$("#map").on("click",function(){sessionStorage.setItem("viewMode","map")});$("#topbar a").on("click",function(){if($(this).attr("href")=="/mappa")sessionStorage.setItem("viewMode","map")})});</script> </div> </div> </div> </div> </div> <div id="sidebar-toggler" class="tw:-left-50 tw:hidden tw:fixed tw:rounded-md tw:flex-col tw:z-fixed tw:transform tw:transition-all lg:tw:flex tw:top-2/4 tw:-translate-y-2/4 tw:duration-300"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> <div id="portlet_" class="portlet"> <div class="columns-1" id="main-content" role="main"> <div class="portlet-layout row"> <div class="col-md-12 portlet-column portlet-column-only" id="column-1"> <div class="portlet-dropzone portlet-column-content portlet-column-content-only" id="layout-column_column-1"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nj7ZhCbJVl7t_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nj7ZhCbJVl7t"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_Nj7ZhCbJVl7t" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="2449394" data-analytics-asset-title="Slideshow eventi" data-analytics-asset-type="web-content"> <section id="slideshow" class="diagonal-divider tw:h-[65vh]"> <div class="swiper-container tw:h-full"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img data-src="https://d28r45jypu6nt9.cloudfront.net/o/d40/img/w_1920,h_730/https.www.visitcuneese.it/documents/1331017/1445085/Il+regio+a+Racconigi.jpg/1d246bee-b6be-e76a-da75-e802226bd889?t=1630594791218" loading="lazy" class="lazyload tw:object-cover tw:h-full tw:w-full" alt="" /> <div class="card-img-overlay tw:bg-dark tw:bg-opacity-40"></div> </div> <div class="swiper-slide"> <img data-src="https://d28r45jypu6nt9.cloudfront.net/o/d40/img/w_1920,h_730/https.www.visitcuneese.it/documents/1331017/1444678/Mondov%C3%AC%2C+Raduno+Aerostatico+Internazionale+-+ph.+R.+Croci+-+Archivio+ATL+del+Cuneese+%282%29.jpg/1d90cde6-b8e8-b6ae-e249-8109097279af?t=1630577086898" loading="lazy" class="lazyload tw:object-cover tw:h-full tw:w-full" alt="" /> <div class="card-img-overlay tw:bg-dark tw:bg-opacity-40"></div> </div> <div class="swiper-slide"> <img data-src="https://d28r45jypu6nt9.cloudfront.net/o/d40/img/w_1920,h_730/https.www.visitcuneese.it/documents/1331017/1456238/Carnevale+Alpino+di+Valdieri+-+ph.+Luca+Oddone+-+Archivio+ATL+del+Cuneese+%281%29.jpg/2bdaf30d-abb6-3bca-b724-88fb83b26658?t=1687508824769" loading="lazy" class="lazyload tw:object-cover tw:h-full tw:w-full" alt="" /> <div class="card-img-overlay tw:bg-dark tw:bg-opacity-40"></div> </div> </div> </div> </section> <script>document.addEventListener("DOMContentLoaded",function(){new Swiper("#slideshow .swiper-container",{loop:true,effect:"fade",speed:3E3,allowTouchMove:false,autoplay:{delay:3E3,disableOnInteraction:false},fadeEffect:{crossFade:true}})});</script> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_ portlet-static portlet-static-end portlet-barebone portlet-breadcrumb " id="p_p_id_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_YulEcVloMwEm_" > <span id="p_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_YulEcVloMwEm"></span> <div id="portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_YulEcVloMwEm" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <nav aria-label="Briciole di pane" id="_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_YulEcVloMwEm_breadcrumbs-defaultScreen"> <section id="breadcrumb" class="tw:font-heading tw:text-base tw:mt-4 <lg:tw:hidden"> <div class="container"> <ol class="breadcrumb tw-space-x-2"> <li class="breadcrumb-item"> <a href="/" class="breadcrumb-link" title="Home" data-senna-off="true"> <span class="breadcrumb-text-truncate tw:text-dark tw:uppercase">Home</span> </a> </li> <li class="breadcrumb-item active"> <span class="tw:text-green tw:uppercase" title="Eventi"> Eventi </span> </li> </ol> </div> </section> </nav> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_maJx1JwxJLRW_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_maJx1JwxJLRW"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_maJx1JwxJLRW" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="2683652" data-analytics-asset-title="Introduzione eventi" data-analytics-asset-type="web-content"> <section id="description" class="tw:font-text tw:mt-20"> <div class="container"> <p class="tw:inline tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl">I nostri eventi</p> <div class="tw:border-t-2 tw:border-gray-100 tw:mt-5 tw:pt-10"> <div class="tw:flow-root"> <div class="tw:w-full lg:tw:float-left lg:tw:w-5/12 lg:pr-5"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md tw:shadow-2xl"> <img data-src="https://d28r45jypu6nt9.cloudfront.net/o/d40/img/w_400,h_300/https.www.visitcuneese.it/documents/1331017/1444678/Mondov%C3%AC%2C+Mostra+Artigianato+Artistico+-+ph.+R.+Croci+-+Archivio+ATL+del+Cuneese+%28115%29.jpg/308e7607-73dc-9b6d-f67c-1860324f4428?t=1628864779287" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" alt="" /> </div> </div> <div class="tw:text-dark tw:font-light tw:mt-5 lg:tw:mt-0"> <p>Lasciati coinvolgere dagli <strong>eventi che il territorio del cuneese</strong> offre in ogni stagione dell'anno. Esposizioni d'arte e spettacoli, esperienze all'aria aperta o laboratori per bambini rappresentano un ottimo completamento per la tua <strong>vacanza in Piemonte</strong>, mentre fiere, sagre e mercati ti permettono di vivere un momento autentico a contatto con la comunit脿 locale. <br /> <br /> Ricordati di contattare gli organizzatori e <strong>prenotare l'attivit脿 desiderata</strong>, cos矛 da permettere la migliore organizzazione possibile per la soddisfazione e la sicurezza di tutti i partecipanti. Iscriviti alla nostra <strong>newsletter</strong> o seguici sui canali social per restare sempre in contatto.</p> </div> <a href="/ricerca-eventi" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-4 tw:px-5 tw:mt-5"> Vedi tutti </a> </div> </div> </div> </section> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_map" onclick="vue_Cytq960CkGNpapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388275&p2=1388275&p3=1388275&p4=1388275" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_filterConfig={c1:c1,f0:"1388275",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_Cytq960CkGNp_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="2449427" data-analytics-asset-title="Titolo eventi cultura" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> Cultura e </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> tradizioni </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <i class="fal fa-university fa-lg tw:text-white p-2"></i> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_map" onclick="vue_KfNwoWhO4Utnapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388262&p2=1388262&p3=1388262&p4=1388262" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_filterConfig={c1:c1,f0:"1388262",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_KfNwoWhO4Utn_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="3048295" data-analytics-asset-title="Titolo eventi enogastronomia" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> Eventi </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> enogastronomici </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <i class="fal fa-cocktail fa-lg tw:text-white p-2"></i> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_map" onclick="vue_7iEzYwXQd5UEapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388270&p2=1388270&p3=1388270&p4=1388270" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_filterConfig={c1:c1,f0:"1388270",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_7iEzYwXQd5UE_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="3402142" data-analytics-asset-title="Titolo eventi Mostre" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> MOSTRE </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <i class="fal fa-users-class fa-lg tw:text-white p-2"></i> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_map" onclick="vue_UDYdTV9I2wOmapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=3242401&p2=3242401&p3=3242401&p4=3242401" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_filterConfig={c1:c1,f0:"3242401",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_UDYdTV9I2wOm_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="2449512" data-analytics-asset-title="Titolo eventi fiere e sagre" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> Fiere e </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> Sagre </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <i class="fas fa-store fa-lg tw:text-white p-2"></i> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_map" onclick="vue_BvPsxteseAy2app.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388265&p2=1388265&p3=1388265&p4=1388265" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_filterConfig={c1:c1,f0:"1388265",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2 .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2 .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_BvPsxteseAy2_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="2449521" data-analytics-asset-title="Titolo eventi sport e natura" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> Sport e </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> Natura </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <img src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/icons/leaf.svg" class="tw:w-8 tw:h-8 tw:mx-auto" alt="leaf"> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_map" onclick="vue_jd8NsbPc9ngBapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388266&p2=1388266&p3=1388266&p4=1388266" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_filterConfig={c1:c1,f0:"1388266",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_jd8NsbPc9ngB_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="2449530" data-analytics-asset-title="Titolo eventi Spettacoli Teatro Danza" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> Spettacoli </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> Teatro Danza </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <i class="fas fa-theater-masks fa-lg tw:text-white p-2"></i> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_map" onclick="vue_x2svbCNSePqNapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388269&p2=1388269&p3=1388269&p4=1388269" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_filterConfig={c1:c1,f0:"1388269",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_x2svbCNSePqN_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="2449539" data-analytics-asset-title="Titolo eventi Bambini e Famiglie" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> Bambini e </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> Famiglie </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <i class="fal fa-users fa-lg tw:text-white p-2"></i> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_map" onclick="vue_siHWnxu4DN7eapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388271&p2=1388271&p3=1388271&p4=1388271" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_filterConfig={c1:c1,f0:"1388271",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_siHWnxu4DN7e_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="3048328" data-analytics-asset-title="Titolo eventi mercati" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> Mercati </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> e mercatini </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <i class="fas fa-store fa-lg tw:text-white p-2"></i> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_map" onclick="vue_JJP8IW58MRmKapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388272&p2=1388272&p3=1388272&p4=1388272" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_filterConfig={c1:c1,f0:"1388272",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_JJP8IW58MRmK_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="3048351" data-analytics-asset-title="Titolo eventi visite e tour" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> Visite e tour </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> guidati </p> <div class="btn btn-monospaced tw:bg-green tw:pointer-events-none"> <i class="fal fa-users-class fa-lg tw:text-white p-2"></i> </div> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_map" onclick="vue_I99nfoYonpIqapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388263&p2=1388263&p3=1388263&p4=1388263" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_filterConfig={c1:c1,f0:"1388263",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_I99nfoYonpIq_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="6137150" data-analytics-asset-title="LABORATORI E CORSI" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> LABORATORI </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> E CORSI </p> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_map" onclick="vue_VLnNhTN9nyF1app.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388282&p2=1388282&p3=1388282&p4=1388282" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_filterConfig={c1:c1,f0:"1388282",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1 .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1 .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_VLnNhTN9nyF1_custom_hook])});</script> </div> </div> </div> </div> <div class="portlet-boundary portlet-boundary_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_ portlet-static portlet-static-end portlet-barebone portlet-asset-publisher " id="p_p_id_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_" > <span id="p_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe"></span> <div id="portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="subscribe-action"> </div> <script>var circularCategories=[],c1="";if(typeof groupedCategories!=="undefined")JSON.parse(groupedCategories).forEach(function(gCat){if(gCat.vocabularyName=="TERRITORIO")gCat.categories.forEach(function(cat){circularCategories.push(cat.categoryId)})});c1=circularCategories.join(", ");console.log("c1: ",c1);</script> <style> .tw\:border-b-green{ border-top: 0; border-left: 0; border-right: 0; } .tab-pane.fade:not(.active){ height: 0; overflow: hidden; } .aspect-ratio-banner{ padding-bottom: 28.86%; } #com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_app .portlet .portlet-topper{ z-index: 1060; } .high-contrast .nav-item .hcm-text-capable:not(.active){ color: white !important; } </style> <section id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_app" class="tw:font-text tw:mt-20"> <div class="split-bg"> <div class="container"> <div class="card-row tw:pt-20 tw:mb-5 <lg:tw:flex-col"> <div class="autofit-col"> <div class="autofit-section"> <div class="portlet-boundary portlet-boundary_com_liferay_journal_content_web_portlet_JournalContentPortlet_ portlet-static portlet-static-end portlet-barebone portlet-journal-content " id="p_p_id_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_" > <span id="p_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe"></span> <div id="portlet_com_liferay_journal_content_web_portlet_JournalContentPortlet_INSTANCE_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="text-right user-tool-asset-addon-entries"> </div> <div class="clearfix journal-content-article" data-analytics-asset-id="5445691" data-analytics-asset-title="CONFERENZE E CONGRESSI" data-analytics-asset-type="web-content"> <div class="tw:space-x-2 tw:border-2 tw:border-b-green"> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-light tw:text-2xl tw:uppercase lg:tw:text-4xl"> CONFERENZE </p> <p class="tw:inline tw:align-middle tw:text-dark tw:font-heading tw:font-extrabold tw:text-2xl tw:uppercase lg:tw:text-4xl"> E CONGRESSI </p> </div> </div> <div class="content-metadata-asset-addon-entries"> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:flex tw:mt-3 lg:tw:ml-auto lg:mt-0"> <ul role="tablist" class="nav nav-tabs tw:order-1 tw:space-x-4 tw:ml-auto lg:tw:order-2 lg:ml-4"> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_grid" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline active show" data-toggle="tab"> <i class="fas fa-th fa-lg"></i> <span class="sr-only">visualizzazione_griglia</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_list" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-list fa-lg"></i> <span class="sr-only">visualizzazione_lista</span> </a> </li> <li class="nav-item"> <a href="#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_map" onclick="vue_sVUnHSEeVDJeapp.buildMap();" class="sticker sticker-lg hcm-text-capable tw:flex tw:bg-dark tw:text-white tw:rounded-md tw:no-underline" data-toggle="tab"> <i class="fas fa-map-marker-alt fa-lg"></i> <span class="sr-only">visualizzazione_mappa</span> </a> </li> </ul> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe" class="tw:border-t-2 tw:border-gray-100 tw:pt-10"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_grid" class="tab-pane fade show active"> <div class="container"> <div class="swiper-container"> <div class="swiper-wrapper"> <div v-for="(item, index) in docs" :key="'grid-' + item.articleId + '-' + index" class="swiper-slide"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 400, 300)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:h-2/5 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex align-items-end card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> <div class="swiper-button-prev" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-left fa-lg tw:text-white"></i> </button> </div> <div class="swiper-button-next" v-show="docs.length > 2"> <button type="button" class="btn btn-link sticker sticker-lg sticker-circle hcm-bg-capable tw:bg-green"> <i class="fal fa-arrow-right fa-lg tw:text-white"></i> </button> </div> </div> <div v-if="docs.length == 0" class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_list" class="tab-pane fade"> <div class="container"> <div v-if="docs.length > 0" class="row"> <div v-for="(item, index) in docs" :key="'list-' + item.articleId" class="col-12"> <div class="card tw:border-0 tw:shadow-2xl tw:rounded-md"> <div class="tw:relative"> <div class="card-body tw:p-0"> <div class="aspect-ratio aspect-ratio-banner tw:rounded-md"> <img :data-src="getPrefix(item.contentJSON.previewPicture, 1280, 370)" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" :alt="item.contentJSON.title" /> </div> </div> <div class="card-img-overlay card-body tw:p-0"> <div class="card-img-overlay tw:rounded-b-md tw:bg-gradient-to-t tw:from-dark tw:to-transparent tw:opacity-60 tw:mt-auto"></div> <div class="card-img-overlay tw:pointer-events-none tw:rounded-t-md tw:p-0"> <div class="tw:flex tw:justify-end tw:w-full"> <div class="triangle-top-right"> <div class="shape"></div> <button type="button" @click="isFavorite(item.id) ? removeFavorite(item) : setFavorite(item);" class="btn btn-link btn-monospaced tw:absolute tw:inset-0 tw:pointer-events-auto tw:ml-auto tw:mt-3 tw:mr-3 tw:z-5"> <i :class="(isFavorite(item.id) ? 'fas' : 'fal') + ' fa-heart fa-lg tw:text-white'"></i> <span class="sr-only">Aggiungi ai preferiti</span> </button> </div> </div> </div> <a :href="item.contentJSON.viewUrl" class="tw:flex card-img-overlay tw:rounded-b-md tw:mt-auto tw:no-underline"> <div class="card-body hcm-bg-capable tw:border-l-2 tw:border-green tw:py-0 tw:mt-auto"> <div class="card-row"> <div class="autofit-col autofit-col-expand"> <p class="tw:text-white tw:uppercase tw:font-heading tw:font-bold tw:mt-4 tw:mb-2">{{ item.contentJSON.title }}</p> <p class="tw:text-white tw:uppercase tw:font-heading tw:text-xs"> <span v-for="(hashtag, nameIndex) in getGroupedCategoriesNames(item.contentJSON.groupedCategories[0].categories)" :key="nameIndex"> {{ hashtag }} </span> </p> <p class="tw:text-white tw:font-heading tw:text-xs"> <template v-if="item.contentJSON.Date.dataInizio != ''"> dal {{ item.contentJSON.Date.dataInizio | moment().format("DD MMMM YYYY") }} al {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> <template v-else> il {{ item.contentJSON.Date.dataFine | moment().format("DD MMMM YYYY") }} </template> </p> <div class="card-row tw:space-x-2"> <div class="autofit-col"> <div class="autofit-section"> <i class="fas fa-map-marker-alt tw:text-white"></i> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="autofit-section"> <p class="tw:text-white tw:text-xs"> {{ getComuni(item.contentJSON.groupedCategories) }} </p> </div> </div> </div> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div v-else class="row pb-5"> <div class="col-12"> <div class="tw:text-center"> <p class="tw:text-dark tw:text-lg">Nessun risultato trovato</p> </div> </div> </div> </div> </div> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_map" class="tab-pane fade"> <div id="com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_suggesto-map" class="tw:rounded-md tw:w-full" style="height: 500px;"></div> </div> </div> <div v-if="docs.length > 0" class="container tw:my-5"> <div class="card-row tw:space-x-4"> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> <div class="autofit-col"> <div class="autofit-section"> <a href="/ricerca-eventi?p1=1388267&p2=1388267&p3=1388267&p4=1388267" class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-3 tw:px-5"> Scopri tutti </a> </div> </div> <div class="autofit-col autofit-col-expand"> <div class="tw:border-t-2 tw:border-gray-100 tw:my-auto"></div> </div> </div> </div> </div> </section> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/initVueADT.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/components/securityV2.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/assetpub.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/favorites.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/lazyload.js"></script> <script src="https://s3-eu-west-1.amazonaws.com/mkspresstage.suggesto.eu/mixins/js/prefix.js"></script> <script>var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_filterConfig={c1:c1,f0:"1388267",f1:"",routerEnabled:false,structureKey:"1332933",queryAndOperator0:"true",queryAndOperator1:"",queryAndOperatorC1:false,orderByColumn1:"modifiedDate",orderByColumn2:"title",orderByType1:"DESC",orderByType2:"ASC",routerMode:"history",endPoint:"/jsonfeed?p_p_id\x3dConfigurable\x26p_p_lifecycle\x3d2\x26p_p_resource_id\x3djson\x26_Configurable_jsonParams\x3d",pageSize:4,currentPage:1, maxItemInMap:100,qry:"query",so:"score desc",filterGroup:[]}; var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_custom_hook={data:{regionLat:"44.3921388",regionLng:"7.5211695",map:null,mapActive:false,slider:null},created(){moment.locale(navigator.language.split("-")[0])},mounted(){this.slider=new Swiper(this.portletId+" .swiper-container",{init:false,slidesPerView:1,spaceBetween:50,centerSlides:true,centerInsufficientSlides:true,breakpoints:{768:{slidesPerView:2,spaceBetween:25}},navigation:{nextEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe .swiper-button-next", prevEl:"#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe .swiper-button-prev"}})},methods:{buildMap:function(){console.log("building map");if(!this.mapActive){var that=this;console.log("setting map active");this.mapActive=true;setTimeout(function(){var layers=[],markers=[],map=new SuggestoMap(that.namespace+"_suggesto-map");that.docs.forEach(function(doc){if(doc.contentJSON.geoRef){var marker={group:"1",latlng:[parseFloat(doc.contentJSON.geoRef.latitude),parseFloat(doc.contentJSON.geoRef.longitude)], value:"",type:"svgNumIcon",size:"10",color:"#7eba27",html:"\x3cdiv style\x3d'width:400px;' class\x3d'pure-g'\x3e"+"\x3cdiv class\x3d'pure-u-1-3'\x3e"+"\x3cimg class\x3d'pure-img' src\x3d'"+doc.contentJSON.previewPicture+"' alt\x3d'"+doc.contentJSON.title+"'\x3e"+"\x3c/div\x3e"+"\x3cdiv class\x3d'pure-u'\x3e"+"\x3cdiv class\x3d'l-box'\x3e"+"\x3ch5 class\x3d'l-boxh3 tw:text-green' style\x3d'width: 225px'\x3e"+doc.contentJSON.title+"\x3c/h5\x3e"+"\x3cdiv class\x3d'l-boxp' style\x3d'width: 225px'\x3e"+ doc.contentJSON.introDescription+"\x3c/div\x3e"+"\x3ca class\x3d'pure-button tw:bg-green tw:text-white' href\x3d'"+doc.contentJSON.viewUrl+"' data-senna-off\x3d'true'\x3eVedi\x3c/a\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"+"\x3c/div\x3e"};markers.push(marker)}});var mapData={tilelayer:"osm",gestureHandling:true,fitBounds:false,mapcenter:[parseFloat(that.regionLat),parseFloat(that.regionLng)],zoom:10,markersFilter:"*",markers:markers,layers:layers};console.log("mapData is: ",mapData);map.sm.createMap(mapData); that.map=map},250)}},getComuni:function(groupedCategories){var comuniCats=[];groupedCategories.forEach(function(gCat){if(gCat.vocabularyName.toLowerCase()==="territorio")gCat.categories.forEach(function(cat){comuniCats.push(cat.name)})});return comuniCats.join(", ")},getGroupedCategoriesNames:function(categories){var names=[];categories.forEach(function(cat){if(cat.pathById.split("/").length-1==1)names.push("#"+cat.name)});return names},runAfterFetch:function(){var that=this;this.$nextTick(function(){that.initLazyLoad(); that.slider.init()})}}}; document.addEventListener("DOMContentLoaded",function(){var com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_vueApp=initVueADT("#com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe","com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe",com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_filterConfig,[d40_assetpub,d40_crop,d40_lazyload,d40_favorites,com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_sVUnHSEeVDJe_custom_hook])});</script> </div> </div> </div> </div> </div> </div> </div> </div> <form action="#" id="hrefFm" method="post" name="hrefFm"><span></span></form> </div> <div id="bottombar" class="lg:tw:hidden tw:fixed tw:bg-green tw:font-text tw:tw:transition-all tw:z-fixed tw:duration-300 tw:bottom-0 tw:inset-x-0"> <div class="card-row"> <div class="autofit-col autofit-col-expand tw:py-3"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_bottombar_navigation_" > <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_bottombar_navigation"></span> <div id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_bottombar_navigation" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="d-flex"> <div class="navbar-nav tw:ml-auto tw:mr-2 tw:space-x-4 tw:pt-2 tw:pointer-events-auto"> <a href="https://www.visitcuneese.it/preferiti" class="sticker tw:flex tw:justify-center tw:align-center tw:rounded-full tw:ring-white tw:w-16 tw:h-16 tw:ring-2 tw:no-underline" title="Preferiti"> <span class="sr-only">Preferiti</span> <i class="fas fa-heart tw:text-white fa-3x"></i> </a> <a href="https://www.visitcuneese.it/video-atl" class="sticker tw:flex tw:justify-center tw:align-center tw:rounded-full tw:ring-white tw:w-16 tw:h-16 tw:ring-2 tw:no-underline" title="Video"> <span class="sr-only">Video</span> <i class="fas fa-tv-retro tw:text-white fa-3x"></i> </a> </div> </div> </div> </div> </div> </div> </div> <div class="autofit-col tw:bg-dark tw:py-3"> <button type="button" class="btn btn-link menu-toggler tw:text-white tw:uppercase"> Menu <i class="far fa-bars fa-lg tw:ml-2"></i> </button> </div> </div> </div> <div id="btt" class="tw:fixed tw:transition-opacity tw:duration-300 tw:right-10 tw:bottom-10 tw:z-fixed tw:opacity-100"> <button type="button" class="corner-triangle bottom-right tw:border-0 tw:outline-none"> <i class="fal fa-long-arrow-up fa-2x tw:text-dark tw:absolute tw:right-7 tw:-bottom-20"></i> </button> </div> <footer id="footer" class="tw:bg-dark tw:font-text tw:mt-20"> <div class="container tw:py-10"> <div class="tw:divide-y tw:divide-gray-200 tw:space-y-8"> <div class="card lg:tw:text-left tw:text-center tw:border-none tw:shadow-none tw:rounded-md tw:bg-gray-200 tw:py-3 tw:px-6"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_footer_navigation_" > <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_footer_navigation"></span> <div id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_footer_navigation" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <a href="https://www.visitcuneese.it/info-operatori" class="btn btn-link hover:tw:underline tw:text-white tw:font-heading tw:uppercase tw:px-0" title="Info operatori"> Info operatori </a> <a href="https://www.visitcuneese.it/ufficio-stampa" class="btn btn-link hover:tw:underline tw:text-white tw:font-heading tw:uppercase tw:px-0" title="Ufficio stampa"> Ufficio stampa </a> <a href="https://www.visitcuneese.it/b2b" class="btn btn-link hover:tw:underline tw:text-white tw:font-heading tw:uppercase tw:px-0" title="B2B"> B2B </a> <a href="https://www.visitcuneese.it/osservatorio-turistico" class="btn btn-link hover:tw:underline tw:text-white tw:font-heading tw:uppercase tw:px-0" title="Osservatorio turistico"> Osservatorio turistico </a> <a href="https://www.visitcuneese.it/progetti-europei" class="btn btn-link hover:tw:underline tw:text-white tw:font-heading tw:uppercase tw:px-0" title="Progetti Europei"> Progetti Europei </a> </div> </div> </div> </div> </div> <div> <div class="row no-gutters tw:space-y-6 tw:mt-10 lg:tw:space-y-0"> <div class="col-12 col-lg-2 tw:space-y-4"> <img data-src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/logo_atl_white.svg" loading="lazy" class="lazyload img-fluid tw:mx-auto lg:tw:mr-auto" alt="visitcuneese" /> <img data-src="https://d1gs1gbsln3rpy.cloudfront.net/o/cuneo-theme/images/regione_piemonte.png" loading="lazy" class="lazyload img-fluid tw:mx-auto lg:tw:mr-auto" alt="Regione Piemonte" /> </div> <div class="col-12 col-lg-7"><div class="lg:tw:text-left tw:text-center tw:ml-10"> <div class="tw:text-white tw:mb-5"> <p class="tw:mb-0">A.T.L. Azienda Turistica Locale del Cuneese</p> <p class="tw:mb-0">Partita Iva: IT 02597450044</p> <p class="tw:mb-0">REA: CN-220627</p> </div> <div class="tw:text-white tw:mb-5"> <p class="tw:mb-0">Via Pascal, 7 (piazza ex Foro Boario) - 12100 CUNEO</p> <p class="tw:mb-0"> Tel. +39.0171.690217 - Email: <a href="mailto:info@visitcuneese.it" class="tw:text-white tw:underline">info@visitcuneese.it</a> </p> </div> </div></div> <div class="col-12 col-lg-3"> <div class="tw:text-center lg:tw:text-right"> <div class="tw:flex justify-content-center justify-content-lg-end tw:space-x-4 tw:mb-4"> <a href="https://it-it.facebook.com/ATLCuneese/" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="Facebook" target="_blank"> <i class="fab fa-facebook-f"></i> </a> <a href="https://www.instagram.com/visitcuneese/" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="Instagram" target="_blank"> <i class="fab fa-instagram"></i> </a> <a href="https://www.youtube.com/channel/UC9lTXMfQd32YMgSZzEjUPOg/" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="YouTube" target="_blank"> <i class="fab fa-youtube"></i> </a> <a href="https://www.loquis.com/it/channel/2389/ATL+del+Cuneese" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="Loquis" target="_blank"> <i class="fas fa-podcast"></i> </a> <a href="https://open.spotify.com/user/e5o3bb4hr7mawj6i6507femf8?si=39c61f626c934e25&nd=1" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="Spotify" target="_blank"> <i class="fab fa-spotify"></i> </a> <a href="https://www.tiktok.com/@visitcuneese?_t=8VU5fPHxUJR&_r=1" class="tw:no-underline tw:my-auto tw:transition-color tw:text-white tw:duration-300 hover:tw:opacity-60" title="TikTok" target="_blank"> <i class="fab fa-tiktok"></i> </a> </div> <div id="high-contrast" class="d-lg-none"> <div class="form-group tw:flex justify-content-center tw:h-8 tw:mb-0"> <span class="tw:text-white tw:my-auto tw:mr-3">Alto contrasto</span> <label class="toggle-switch"> <input class="toggle-switch-check" type="checkbox" /> <span class="toggle-switch-bar"> <span class="toggle-switch-handle" data-label-off="" data-label-on=""> <span class="button-icon button-icon-on toggle-switch-icon"> <i class="fal fa-check"></i> </span> <span class="button-icon button-icon-off toggle-switch-icon"> <i class="fal fa-times"></i> </span> </span> </span> </label> </div> </div> <div class="mt-4"> <a class="btn btn-link tw:bg-green tw:text-white tw:uppercase tw:font-bold tw:font-heading tw:rounded-md tw:py-4 tw:px-5" href="/newsletter"> Iscriviti alla newsletter </a> </div> </div> </div> </div> </div> <div class="row no-gutters justify-content-between tw:pt-10"> <div class="col-lg-auto col-12 tw:order-2 lg:tw:order-1"> <div class="navbar-nav justify-content-center justify-content-lg-start tw:h-full lg:tw:mr-auto"> <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_ portlet-static portlet-static-end portlet-barebone portlet-navigation " id="p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_footer_privacy_navigation_" > <span id="p_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_footer_privacy_navigation"></span> <div id="portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_cuneo_footer_privacy_navigation" class="portlet"> <div class=" portlet-content-container" > <div class="portlet-body"> <div class="tw:flex tw:justify-center flex-wrap"> <a href="https://www.visitcuneese.it/crediti" class="nav-item nav-link hover:tw:underline tw:text-white tw:my-auto tw:px-0"> Crediti </a> <a href="https://www.iubenda.com/privacy-policy/21961532/cookie-policy" target='_blank' class="nav-item nav-link hover:tw:underline tw:text-white tw:my-auto tw:px-0"> Cookie policy </a> <a href="https://www.visitcuneese.it/privacy-policy-new" target='_blank' class="nav-item nav-link hover:tw:underline tw:text-white tw:my-auto tw:px-0"> Privacy policy </a> <a href="https://www.visitcuneese.it/indice/a" class="nav-item nav-link hover:tw:underline tw:text-white tw:my-auto tw:px-0"> Indice </a> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-auto col-12 tw:order-1 lg:tw:order-2"> <div class="tw:text-center lg:tw:text-left tw:mb-4 lg:tw:mb-0"> <a href="/societa-trasparente" class="btn btn-link tw:rounded-md tw:font-heading tw:text-white tw:uppercase tw:bg-gray-400 tw:py-4 tw:px-14">Societ脿 Trasparente</a> </div> </div> </div> </div> </div> </footer> </div> </div>  <script>var _paq=window._paq=window._paq||[];_paq.push(["setExcludedQueryParams",["control_panel"]]);_paq.push(["trackPageView"]);_paq.push(["enableLinkTracking"]);(function(){var u="https://matomo.suggesto.eu/";_paq.push(["setTrackerUrl",u+"matomo.php"]);_paq.push(["setSiteId","42"]);var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.async=true;g.src=u+"matomo.js";s.parentNode.insertBefore(g,s)})(); if(false)Liferay.on("endNavigate",function(event){_paq.push(["setCustomUrl",window.location.pathname]);_paq.push(["setDocumentTitle",document.title]);_paq.push(["trackPageView"])});</script>   <script>(function(){var s=document.createElement("script"),e=!document.body?document.querySelector("head"):document.body;s.src="https://acsbapp.com/apps/app/dist/js/app.js";s.async=true;s.onload=function(){acsbJS.init({statementLink:"",footerHtml:'\x3ca href\x3d"https://www.accessiway.com/" target\x3d"_blank"\x3eAccessiWay. The Web Accessibility Solution\x3c/a\x3e',hideMobile:false,hideTrigger:false,language:"it",position:"left",leadColor:"#0069fb",triggerColor:"#004fce",triggerRadius:"50%",triggerPositionX:"left", triggerPositionY:"bottom",triggerIcon:"people",triggerSize:"medium",triggerOffsetX:60,triggerOffsetY:10,mobile:{triggerSize:"medium",triggerPositionX:"left",triggerPositionY:"bottom",triggerOffsetX:60,triggerOffsetY:10,triggerRadius:"50%"}})};e.appendChild(s)})();</script>  </body> </html>