1#if ($locale == 'es_ES')
2 #set( $localidad_label = 'Localidad' )
3 #set( $contacto_label = 'Contacto' )
4#else
5 #set( $localidad_label = 'Herria' )
6 #set( $contacto_label = 'kontaktu' )
7#end
8
9#set ($serviceContext = $portal.getClass().forName("com.liferay.portal.service.ServiceContextThreadLocal").getServiceContext())
10#set ($httpServletRequest = $serviceContext.getRequest())
11
12#if($SEO && $SEO.TitleSEO && $SEO.TitleSEO.getData()!="")
13$httpServletRequest.setAttribute("META_TAG_title", $SEO.TitleSEO.getData() )
14#end
15
16#if($SEO && $SEO.DescriptionSEO && $SEO.DescriptionSEO.getData()!="")
17$httpServletRequest.setAttribute("META_TAG_description", $SEO.DescriptionSEO.getData() )
18#end
19
20#if($SEO && $SEO.keywords && $SEO.keywords.getData()!="")
21$httpServletRequest.setAttribute("META_TAG_keywords", $SEO.keywords.getData() )
22#end
23
24#set( $video = false )
25#set( $galeria = false )
26
27<div class="journal-content-article">
28 <div class="relative bg-black pt4 pb4 overflow-hidden">
29 <div class="absolute absolute--fill z-1 cover filter-blur-30 gallery-bg" style="background-image: url('${imagen.getData()}');"></div>
30 #foreach($item in $Bereizlea6894.getSiblings())
31 #if( $item.UrlVideo.getData() != "")
32 #set( $video = true )
33 #break
34 #end
35 #end
36 #foreach($item in $Bereizlea6894.getSiblings())
37 #foreach($subItem in $item.Imagenesinterior.getSiblings())
38 #if( $subItem.getData() != "")
39 #set( $galeria = true )
40 #break
41 #end
42 #end
43 #end
44 #if ($video)
45 <div class="container relative z-9">
46 <div class="aspect-ratio aspect-ratio--16x9 w-100">
47 <iframe class="aspect-ratio--object" src="${Bereizlea6894.UrlVideo.getData()}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
48 </div>
49 </div>
50 #else
51 #if ($galeria)
52 <div class="container">
53 <div class="slide-container-gallery">
54 <div class="swiper-wrapper flex items-center">
55 #foreach($item in $Bereizlea6894.Imagenesinterior.getSiblings())
56 <div class="swiper-slide h-auto">
57 <img src="${item.getData()}" alt="#" class="db w-100">
58 </div>
59 #end
60 </div>
61 <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
62 </div>
63 </div>
64 #end
65 #end
66 </div>
67 <div class="container full-container">
68 <div class="pt5 pb3">
69 <h1 class="f1 mt0 mb3">$reserved-article-title.data</h1>
70 <h2 class="f2 fw5 mt0 mb0">${subtitulo.getData()}</h2>
71 </div>
72 <div class="pt3 pb3">
73 <dl class="flex-ns">
74 <div class="w-third-ns">
75 <dt>${localidad_label}</dt>
76 <dd>${localidad.getData()}</dd>
77 </div>
78 <div class="w-third-ns">
79 #foreach($item in $enalce.getSiblings())
80 <dt>${item.Label.getData()}</dt>
81 <dd><a href="${item.enlace.getData()}" class="link" target="_blank">${item.Texto.getData()}</a></dd>
82 #end
83 </div>
84 <div class="w-third-ns">
85 <dt>${contacto_label}</dt>
86 <dd><a href="mailto:${contacto.getData()}" class="link" target="_blank">${contacto.getData()}</a></dd>
87 </div>
88 </dl>
89 </div>
90 <div class="content-copy lh-copy">
91 ${descripcion.getData()}
92 </div>
93 </div>
94</div>