Bioma Caatinga - Embrapa Territorial
Bioma Caatinga
O bioma Caatinga ocupa mais de 10% do território nacional e é moradia de aproximadamente 26 milhões de pessoas. Em que pese o clima predominantemente semiárido, possui uma produção agropecuária diversificada, que vai do sisal às frutas para exportação.
Esta plataforma apresenta dados qualificados sobre diferentes aspectos que impactam a agricultura e a pecuária no bioma Caatinga. São informações organizadas e categorizadas, de diversas fontes, reunidas em painéis interativos, com possibilidade de gerar diferentes mapas e gráficos. É uma ferramenta que oferece subsídios para iniciativas promotoras do desenvolvimento sustentável da agricultura e da pecuária na região.
An error occurred while processing the template.
The following has evaluated to null or missing:
==> item.linkItem [in template "10154#10192#1508399" at line 70, column 40]
----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: ${item.linkItem.getData()} [in template "10154#10192#1508399" at line 70, column 38]
----
1<style>
2.embrapa_banner_rotative_navigation {
3 position: relative;
4 overflow: hidden;
5}
6
7.embrapa_banner_rotative_navigation_item {
8 position: relative;
9 display: flex;
10}
11
12.embrapa_banner_rotative_navigation_item img {
13 height: 400px;
14 object-fit: cover;
15 flex: 60%;
16}
17
18.embrapa_banner_rotative_navigation_item > div {
19 flex: 40%;
20 padding: 20px;
21}
22
23@media screen and (max-width: 768px) {
24 .embrapa_banner_rotative_navigation_item {
25 flex-direction: column-reverse;
26 height: auto;
27 }
28
29 .embrapa_banner_rotative_navigation_item img {
30 height: 250px;
31 flex: 100%;
32 }
33
34 .embrapa_banner_rotative_navigation_item > div {
35 flex: 100%;
36 }
37}
38
39.embrapa_banner_rotative_navigation_item > div h2 {
40 margin: 0 0 20px 0;
41}
42
43.embrapa_banner_rotative_navigation_item > div p {
44 height: 300px;
45 overflow-y: hidden;
46}
47
48.embrapa_banner_rotative_navigation_actions {
49 display: flex;
50 position: relative;
51 justify-content: space-between;
52 margin-top: 10px;
53}
54
55.embrapa_banner_rotative_navigation_actions > div:last-child {
56 display: flex;
57 gap: 10px;
58}
59
60.embrapa_banner_rotative_navigation_actions > div button {
61 border: none;
62}
63</style>
64
65<div class="swiper-banner-rotative-navigation-${randomNamespace} embrapa_banner_rotative_navigation">
66 <div class="swiper-wrapper">
67 <#list tituloitemFieldSet.getSiblings() as item>
68 <div class="swiper-slide embrapa_banner_rotative_navigation_item" data-swiper-autoplay="3000">
69 <div>
70 <h2><a href="${item.linkItem.getData()}">${item.tituloItem.getData()}</a></h2>
71 <p>${item.descricaoItem.getData()}</p>
72 </div>
73 <a href="${item.linkItem.getData()}">
74 <img src="${item.imagemItem.getData()}" alt="${item.tituloItem.getData()}">
75 </a>
76 </div>
77 </#list>
78 </div>
79 <div class="embrapa_banner_rotative_navigation_actions">
80 <div class="embrapa_banner_rotative_navigation_actions_pagination"></div>
81 <div>
82 <button class="embrapa_banner_rotative_navigation_actions_btn_prev">
83 <svg width="10" height="20" viewBox="0 0 17 27" fill="none" xmlns="http://www.w3.org/2000/svg">
84 <path d="M15.732 3.92901C16.4994 3.20278 16.4994 2.02531 15.732 1.29907C14.9647 0.572836 13.7205 0.572836 12.9532 1.29907L1.16347 12.457C0.419585 13.161 0.393558 14.2946 1.10443 15.0285L11.9117 26.1864C12.645 26.9435 13.8879 26.9947 14.6879 26.3007C15.4879 25.6067 15.5419 24.4303 14.8086 23.6732L5.27267 13.8279L15.732 3.92901Z" fill="#606062" />
85 </svg>
86 </button>
87 <button class="embrapa_banner_rotative_navigation_actions_btn_next">
88 <svg width="10" height="20" viewBox="0 0 17 27" fill="none" xmlns="http://www.w3.org/2000/svg">
89 <path d="M1.32685 23.6149C0.559488 24.3411 0.559488 25.5186 1.32685 26.2448C2.09421 26.971 3.33835 26.971 4.10571 26.2448L15.8954 15.0869C16.6393 14.3829 16.6653 13.2493 15.9545 12.5153L5.14723 1.35745C4.41392 0.600351 3.17096 0.549208 2.37099 1.24321C1.57102 1.93722 1.51698 3.11357 2.25028 3.87067L11.7862 13.716L1.32685 23.6149Z" fill="#606062" />
90 </svg>
91 </button>
92 </div>
93 </div>
94</div>
95
96<script type="text/javascript">
97 var swiper = new Swiper('.swiper-banner-rotative-navigation-${randomNamespace}', {
98 loop: true,
99 navigation: {
100 nextEl: '.embrapa_banner_rotative_navigation_actions_btn_next',
101 prevEl: '.embrapa_banner_rotative_navigation_actions_btn_prev',
102 },
103 pagination: {
104 el: '.embrapa_banner_rotative_navigation_actions_pagination',
105 },
106 slidesPerView: 1,
107 spaceBetween: 15,
108 autoplay: {delay: 3000},
109 });
110</script>