CalibrisAdvies - De Geus
Er trad een fout op tijdens de verwerking van de sjabloon.
The following has evaluated to null or missing:
==> Link [in template "39744079116734#20120#41248" at line 163, column 16]
----
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: #if Link.getData()?has_content [in template "39744079116734#20120#41248" at line 163, column 11]
----
1<#setting date_format= "yyyy-MM-dd"/>
2<style>
3span.header-back-to {
4 display: none;
5}
6.date__box {
7 position: absolute;
8 display: flex;
9 flex-direction: column;
10 align-items: center;
11 justify-content: center;
12 color: #ccc;
13 border: 4px solid;
14 font-weight: bold;
15 padding: 5px 10px;
16}
17.date__box .date__day {
18 font-size: 22px;
19}
20
21.blog-card {
22 padding: 30px;
23 position: relative;
24}
25.blog-card .date__box {
26 opacity: 0;
27 transform: scale(0.5);
28 transition: 300ms ease-in-out;
29}
30.blog-card .blog-card__background,
31.blog-card .card__background--layer {
32 z-index: -1;
33 position: absolute;
34 top: 0;
35 left: 0;
36 width: 100%;
37 height: 100%;
38}
39.blog-card .blog-card__background {
40 padding: 15px;
41 background: white;
42}
43.blog-card .card__background--wrapper {
44 height: 100%;
45 clip-path: polygon(0 0, 100% 0, 100% 80%, 0 60%);
46 position: relative;
47 overflow: hidden;
48}
49.blog-card .card__background--main {
50 height: 100%;
51 position: relative;
52 transition: 300ms ease-in-out;
53 background-repeat: no-repeat;
54 //background-size: cover;
55 background-size: auto;
56 background-position-x: center;
57 //background-position-y: 30%;
58 background-position-y: 50%;
59 transform: translateY(-25%);
60 background-color: #F1F1F1;
61}
62.blog-card .card__background--layer {
63 z-index: 0;
64 opacity: 0;
65 background: rgba(51, 51, 51, 0.9);
66 transition: 300ms ease-in-out;
67}
68.blog-card .blog-card__head {
69 height: 300px;
70 display: flex;
71 align-items: center;
72 justify-content: center;
73}
74.blog-card .blog-card__info {
75 z-index: 10;
76 background: white;
77 padding: 20px 15px;
78 box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
79 min-height: 258px;
80
81}
82.blog-card .blog-card__info h5 {
83 transition: 300ms ease-in-out;
84}
85.blog-card:hover .date__box {
86 opacity: 1;
87 transform: scale(1);
88}
89.blog-card:hover .card__background--main {
90 transform: scale(1.2) rotate(5deg);
91}
92.blog-card:hover .card__background--layer {
93 opacity: 1;
94}
95.blog-card:hover .blog-card__info h5 {
96 color: #ffb535;
97}
98
99a.icon-link {
100 color: #363738;
101 transition: 200ms ease-in-out;
102}
103a.icon-link i {
104 color: #ffb535;
105}
106a.icon-link:hover {
107 color: #ffb535;
108 text-decoration: none;
109}
110
111.backButton {
112 //float: right;
113 transition: ease .2s;
114 color: #fff;
115 background: #FF7E00;
116 font-weight: 700;
117 text-align: center;
118 text-decoration: none;
119 border: 0;
120 outline: 0;
121 font-size: 14px;
122 padding: 6px 25px;
123 display: inline-block;
124 transform: skew(-21deg);
125}
126.backButton > span {
127 display: inline-block;
128 transform: skew(
12921deg);
130}
131.backButton:hover {
132 transition: ease .2s;
133 background: #183A8E;
134 color: #fff;
135}
136
137@media(max-width:767px){
138 .blog-card .blog-card__background, .blog-card {
139 padding:0;
140 }
141}
142
143</style>
144<div class="row">
145 <div class="col-12">
146 <article class="blog-card">
147 <div class="blog-card__background">
148 <div class="card__background--wrapper">
149 <div class="card__background--main" style="background-image: url('<#if (Afbeelding.getData())?? && Afbeelding.getData() != "">${Afbeelding.getData()}<#else>https://www.hilversummers.nl/documents/86391/0/Asset+4xxxhdpi.png/c396c539-c50d-edb9-fe10-86b1bda5c698?t=1612965656831</#if>');">
150 <div class="card__background--layer"></div>
151 </div>
152 </div>
153 </div>
154 <div class="blog-card__head">
155 <span class="date__box">
156 <span class="date__month">${.vars['reserved-article-title'].data}</span>
157 </span>
158 </div>
159 <div class="blog-card__info">
160 <h1>${.vars['reserved-article-title'].data}</h1>
161 <p><#if langOver?has_content>${langOver.getData()}</#if></p>
162
163 <#if Link.getData()?has_content>
164 <a class="backButton" href="${Link.getData()}" target="_blank"><span>Website bezoeken <i class="icon-external-link"></i></span></a>
165 </#if>
166
167 </div>
168 </article>
169 </div>
170 </div>
171 <#if paramUtil.getString(request, "redirect")?has_content >
172 <a class="backButton" href="${paramUtil.getString(request, "redirect")}"><span><i class="icon-arrow-left"></i> Terug</span></a>
173 </#if>
174
175
176
177<@liferay_util["html-top"]>
178<#if (Afbeelding.getData())?? && Afbeelding.getData() != "">
179 <meta property="og:image" content="${themeDisplay.getPortalURL()}${Afbeelding.getData()}" />
180<#else>
181 <meta property="og:image" content="https://www.hilversummers.nl//documents/86391/0/poster.JPG/3e1d6154-d0ac-9034-ba4a-578188827dcb?t=1616062341613" />
182</#if>
183
184 <meta property="og:title" content="${.vars['reserved-article-title'].data}" />
185
186<#if Over?has_content>
187 <meta property="og:description" content="${Over.getData()}" />
188<#else>
189 <meta property="og:description" content="Nieuws Item" />
190 </#if>
191 <meta property="og:type" content="article" />
192 <meta property="og:url" content="${themeDisplay.getPortalURL()}/-/${.vars['reserved-article-url-title'].data}" />
193 <meta name="twitter:card" content="${.vars['reserved-article-title'].data}"/>
194
195<meta name="twitter:site" content="${themeDisplay.getPortalURL()}/-/${.vars['reserved-article-url-title'].data}" />
196
197<#if (Afbeelding.getData())?? && Afbeelding.getData() != "">
198 <meta name="twitter:image" content="${themeDisplay.getPortalURL()}${Afbeelding.getData()}" />
199 <#else>
200 <meta name="twitter:image" content="https://www.hilversummers.nl//documents/86391/0/poster.JPG/3e1d6154-d0ac-9034-ba4a-578188827dcb?t=1616062341613" />
201</#if>
202 </@>