Title Top HTML Easter Zone

  

An Easter offer hunt just started!

Asset Publisher

An error occurred while processing the template.
The following has evaluated to null or missing:
==> offerArray[2]  [in template "20116#20152#720355" at line 473, column 21]

----
Tip: It's the final [] step that caused this error, not those before it.
----
Tip: If the failing expression is known to be 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: #assign offerDay = offerArray[2]?number  [in template "20116#20152#720355" at line 473, column 1]
----
1<style> 
2 
3 
4.landing-paddings-home{ 
5    padding-left: 0; 
6    padding-right: 0; 
7
8 
9.landing-paddings{ 
10    padding-left: 0; 
11    padding-right: 0; 
12
13    .taglib-social-bookmarks{ 
14        display: none; 
15
16 
17    .portlet-asset-publisher .portlet-title-text, 
18    .portlet-asset-publisher .header-title, 
19    .portlet-asset-publisher .h2 { 
20        display: none; 
21
22    	 
23	.date_old{ 
24	    filter: grayscale(1); 
25	    background-color: #545454 !important; 
26
27		.img-container .url_old { 
28        filter: grayscale(1); 
29        background: transparent !important; 
30        pointer-events: none; 
31        cursor: default; 
32
33	 
34	     
35    .old { 
36        filter: grayscale(100%); 
37        border-color: #545454 !important; 
38
39	 
40	 .old:after { 
41        background: none; 
42        background: none; 
43        background: none; 
44        filter: none; 
45
46     
47    .img-container .ribbon_old:before, 
48	.img-container .ribbon_old:after{ 
49	    filter: grayscale(1); 
50
51	 
52	.img-container .external-urlOld { 
53    	    padding: 5px 30px; 
54            font-size: 18px; 
55            display: block; 
56
57	 
58	 
59     
60    .img-container { 
61        position: relative; 
62        overflow: hidden; 
63        width: 100%; 
64        height: 470px; 
65        background-position: center !important; 
66        background-repeat: no-repeat !important; 
67        font-family: 'SourceSansPro'; 
68        border-width: 4px; 
69        border-color: rgb(201, 12, 18); 
70        border-style: solid; 
71        border-radius: 14px; 
72        overflow: visible; 
73
74     
75    .img-container:after { 
76        content:''; 
77        position:absolute; 
78        border-bottom-left-radius: 10px; 
79        border-bottom-right-radius: 10px; 
80        left:0;  
81        top:0; 
82        width:100%;  
83        height:100%; 
84        display:inline-block; 
85        background: rgb(204,4,4); 
86        background: -moz-linear-gradient(0deg, rgba(204,4,4,1) 0%, rgba(188,72,72,0) 100%); 
87        background: -webkit-linear-gradient(0deg, rgba(204,4,4,1) 0%, rgba(188,72,72,0) 100%); 
88        background: linear-gradient(0deg, rgba(204,4,4,1) 0%, rgba(188,72,72,0) 100%); 
89        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc0404",endColorstr="#bc4848",GradientType=1); 
90
91	 
92	.img-container .date-text { 
93	    font-family: 'SourceSansPro'; 
94	    padding: 8px; 
95	    position: absolute; 
96        z-index: 1; 
97        top: -4px; 
98        background: #c50016; 
99        left: 50px; 
100        text-align: center; 
101        width: 70px; 
102        height: 80px; 
103        color: #fff; 
104        font-weight: bold; 
105        border-bottom-left-radius: 2px; 
106        border-bottom-right-radius: 2px; 
107        -webkit-box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 20%); 
108        -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); 
109        box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 20%); 
110        font-size: 14px; 
111        text-shadow: 2px 2px rgb(0 0 0 / 20%);   
112
113	 
114	.img-container .date-text .date-div { 
115	    font-size: 36px; 
116        margin: -25% 0 -24% 0; 
117
118	 
119	.img-container .offer-title { 
120	    font-family: 'SourceSansPro'; 
121	    position: absolute; 
122        top: 42%; 
123        left: 50%; 
124        border-radius: 5px; 
125        -webkit-transform: translate(-50%, -40%); 
126        -moz-transform: translate(-50%, -40%); 
127        -ms-transform: translate(-50%, -40%); 
128        -o-transform: translate(-50%, -40%); 
129        transform: translate(-50%, -40%); 
130        color: #fff; 
131        font-weight: normal; 
132        font-size: 48px; 
133        z-index: 1; 
134        width: fit-content; 
135        width: 80%; 
136        line-height: 1; 
137        font-weight: bold; 
138        padding: 5px 10px; 
139        text-align: center; 
140        text-shadow: 3px 2px black; 
141        display: -webkit-box; 
142        -webkit-line-clamp: 2; 
143        line-clamp: 2; 
144        -webkit-box-orient: vertical; 
145        overflow: hidden; 
146        text-overflow: ellipsis; 
147
148	 
149	.img-container .offer-description { 
150	    font-family: 'SourceSansPro'; 
151        color: #fff; 
152        font-weight: normal; 
153        font-size: 30px; 
154        z-index: 1; 
155        max-width: 80%; 
156        text-align: center; 
157        text-shadow: 2px 2px rgb(0 0 0); 
158        line-height: 32px; 
159        margin: 0 auto 35px; 
160        display: -webkit-box; 
161        -webkit-line-clamp: 3; 
162        line-clamp: 3; 
163        -webkit-box-orient: vertical; 
164        overflow: hidden; 
165        text-overflow: ellipsis; 
166
167	 
168	.img-container .desc-url-container { 
169	    position: absolute; 
170        bottom: 30px; 
171        left: 50%; 
172        -webkit-transform: translateX(-50%); 
173        -moz-transform: translateX(-50%); 
174        -ms-transform: translateX(-50%); 
175        -o-transform: translateX(-50%); 
176        transform: translateX(-50%); 
177        z-index: 1; 
178        width: 100%; 
179        text-align: center; 
180        padding: 10px 0; 
181
182	 
183	 
184	.img-container .external-url { 
185        padding: 6px 36px; 
186        border: 2px solid rgb(40, 167, 69); 
187        z-index: 1; 
188        color: #fff !important; 
189        text-decoration: none !important; 
190        font-family: 'SourceSansPro'; 
191        font-weight: bold; 
192        font-size: 30px; 
193        border-radius: 7px; 
194        box-shadow: 1px 1px 2px black; 
195        border-radius: 50px; 
196        background-color: rgb(40, 167, 69); 
197
198	 
199	.terms-container { 
200	    overflow: hidden; 
201        margin-top: 15px; 
202        color: #fff; 
203        background-color: rgba(0,0,0,.6); 
204        padding: 40px; 
205        margin-bottom: 32px; 
206
207	 
208	.terms-container .terms-title { 
209	    text-align: center; 
210        font-weight: bold; 
211        font-size: 32px; 
212        margin-bottom: 40px; 
213
214	 
215	.terms-container .terms-content { 
216	    overflow-y: auto; 
217        max-height: 500px; 
218        padding-right: 16px; 
219        font-weight: 400; 
220        line-height: 37px; 
221        font-size: 20px; 
222
223	 
224	 
225	.terms-container ::-webkit-scrollbar { 
226        width: 22px; 
227        scrollbar-width: auto; 
228        scrollbar-color: #000000 #ffffff; 
229
230 
231    /* Track */ 
232    .terms-container ::-webkit-scrollbar-track { 
233        -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.8);  
234        border-radius: 10px; 
235        background: #ffffff;  
236
237      
238    /* Handle */ 
239    .terms-container ::-webkit-scrollbar-thumb { 
240        -webkit-border-radius: 10px; 
241        border-radius: 10px; 
242        background: rgba(0,2,16,1); 
243        border: 4px solid #ffffff; 
244
245     
246    .terms-container ::-webkit-scrollbar-thumb:window-inactive { 
247    	background: rgba(0,2,16,1); 
248
249     
250    .terms-container .terms-content{ 
251        scrollbar-width: thin; 
252        scrollbar-color: rgba(0,2,16,1) rgba(255,255,255,0.8);  
253
254     
255    .terms-container .read-more, 
256    .show-more-terms{ 
257        display: none; 
258
259     
260    .back-link-row { 
261       margin: 30px 0px 15px 35px; 
262
263     
264    .back-link-row a { 
265        color: white; 
266        text-shadow: 2px 2px 4px black !important; 
267        font-weight: 400 !important; 
268
269     
270    .back-link-row a:hover { 
271        color: #eb2627 !important; 
272
273     
274    .back-link-row a span { 
275        margin-right: 5px; 
276        font-size: 11px; 
277
278     
279    .img-container .corner-ribbon-image { 
280        position: absolute; 
281	    z-index: 1; 
282	    top: -4px; 
283	    right: -4px; 
284
285     
286    abbr { 
287        text-decoration: none !important; 
288        border: none !important; 
289
290     
291    @media screen and (max-width: 1380px) { 
292         
293        .img-container .offer-title { 
294            font-size: 36px; 
295
296         
297        .img-container .offer-description { 
298            font-size: 25px; 
299
300
301     
302    // @media screen and (max-width: 1200px) { 
303    //   .back-link-row { 
304    //     margin: 20px 0px 15px 32px; 
305    //     } 
306    // } 
307     
308    @media screen and (max-width: 767px) { 
309        .back-link-row { 
310            margin: 5px 0px 10px 5px; 
311
312         
313    .terms-container .terms-content { 
314        line-height: 20px; 
315        font-size: 16px; 
316
317         
318        .landing-paddings{ 
319            padding-left: 20px; 
320            padding-right: 20px; 
321
322         
323        .img-container{ 
324            height: 370px; 
325            border-width: 4px; 
326            border-color: rgb(201, 12, 18); 
327            border-style: solid; 
328            border-radius: 14px; 
329
330         
331        .img-container:after { 
332            background: none; 
333            background: none; 
334            background: none; 
335            background: none; 
336            filter: none; 
337
338         
339        .img-container .date-text { 
340            padding: 2px 10px; 
341            left: 15px; 
342            font-size: 14px; 
343            width: 75px; 
344            height: 75px; 
345
346         
347        .img-container .date-text .date-div { 
348    	    font-size: 36px; 
349    	    margin: -20% 
350
351    	 
352    	.img-container .offer-title { 
353    	    font-size: 30px; 
354            top: 23%; 
355            width: 95%; 
356            left: 15px; 
357            -webkit-transform: none; 
358            -moz-transform: none; 
359            -ms-transform: none; 
360            -o-transform: none; 
361            transform: none; 
362            text-align: left; 
363            padding: 0; 
364            display: -webkit-box; 
365            -webkit-line-clamp: 4; 
366            line-clamp: 4; 
367            -webkit-box-orient: vertical; 
368            overflow: hidden; 
369            text-overflow: ellipsis; 
370
371    	 
372    	.img-container .desc-url-container { 
373    	    bottom: 0; 
374            padding: 15px; 
375            background: rgb(187, 30, 44); 
376            width: 100.5%; 
377            border-bottom-left-radius: 10px; 
378            border-bottom-right-radius: 10px; 
379
380    	 
381    	.img-container .offer-description { 
382    	    font-size: 16px; 
383            width: 100%; 
384            margin: auto auto 15px auto; 
385            max-width: 100%; 
386            text-align: left; 
387            line-height: 20px; 
388
389    	 
390    	.img-container .external-url { 
391    	    padding: 3px 30px; 
392            font-size: 18px; 
393            display: block; 
394            border-radius: 12px; 
395
396         
397     
398        .terms-container { 
399            padding: 10px 15px; 
400            margin-bottom: 35px; 
401            margin-top: 5px; 
402
403         
404        .terms-container .terms-title { 
405    	    text-align: left; 
406            font-size: 18px; 
407            margin-bottom: 20px; 
408            padding-left: 9px; 
409
410    	 
411    	.terms-container .terms-content { 
412    	    overflow: hidden; 
413            position: relative; 
414            max-height: 246px; 
415            padding-right: 0px; 
416            -webkit-mask-image: -webkit-gradient(linear, left 50%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); 
417            -webkit-transition: all 0.3s ease-in; 
418            -moz-transition: all 0.3s ease-in; 
419            -o-transition: all 0.3s ease-in; 
420            transition: all 0.3s ease-in; 
421
422    	 
423    	.terms-content ol { 
424            padding-left: 30px; 
425
426         
427        .terms-content li { 
428            padding-left: 5px; 
429
430         
431        .terms-content b, strong { 
432            overflow-wrap: break-word; 
433
434    	 
435    	.show-more-terms { 
436    	    display: block; 
437            text-align: center; 
438            padding: 1px 0; 
439            border: 1px solid #fff; 
440            margin: 15px 9px; 
441            cursor: pointer; 
442            border-radius: 5px; 
443            font-weight: 400; 
444
445
446 
447</style> 
448 
449<#assign curLangId = themeDisplay.getLanguageId()> 
450<#assign twoLettersLang = curLangId?split("_")[0]> 
451<#assign backText = "Back to Home (Calendar)"/> 
452<#assign externalUrlText = "CLICK HERE"/> 
453<#assign termsTitle = "TERMS & CONDITIONS"/> 
454<#assign termsButtonText = "SHOW ALL TERMS"/> 
455<#if twoLettersLang = "el"> 
456    <#assign backText = "Επιστροφή στην Αρχική (Ημερολόγιο)"/> 
457    <#assign externalUrlText = "ΠΑΤΗΣΕ ΕΔΩ"/> 
458    <#assign termsTitle = "ΟΡΟΙ ΚΑΙ ΠΡΟΫΠΟΘΕΣΕΙΣ"/> 
459    <#assign termsButtonText = "ΔΕΙΤΕ ΠΕΡΙΣΣΟΤΕΡΑ"/> 
460</#if> 
461 
462<#assign aDateTime = .now> 
463<#assign aDate = aDateTime?date?iso_local> 
464<#assign dateFormat1 = "EEE"/> 
465<#assign dateFormat1Full = "EEEEE"/> 
466<#assign dateFormat2 = "dd" /> 
467<#assign dateFormat3 = "MMM" /> 
468<#assign dateFormat3Full = "MMMMM" /> 
469<#assign offerDate_Data = getterUtil.getString(offerDate.getData())> 
470<#assign offerDay = offerDate_Data /> 
471<#assign todayDay = aDate /> 
472<#assign offerArray = offerDate_Data?split("-") /> 
473<#assign offerDay = offerArray[2]?number /> 
474<#assign offerMonth = offerArray[1]?number /> 
475<#assign offerYear = offerArray[0]?number /> 
476<#assign currentArray = aDate?split("-") /> 
477<#assign todayDay = currentArray[2]?number /> 
478<#assign todayMonth = currentArray[1]?number /> 
479<#assign todayYear = currentArray[0]?number /> 
480 
481<div class="container-fluid-1280 landing-paddings-home"> 
482    <div class="row"> 
483        <div class="col-sm-12 back-link-row"> 
484            <a href="/easter-egg-hunt"><span class="glyphicon glyphicon-chevron-left"></span>${backText}</a> 
485        </div> 
486    </div> 
487     <#if (offerYear > todayYear)> 
488        <#assign containerClass = "img-container" /> 
489        <#assign dateClass = "date-text" /> 
490        <#assign externalClass = "external-url" /> 
491        <#assign ribbonClass = "corner-ribbon-image" /> 
492        <#if twoLettersLang = "el"> 
493            <#assign externalUrlText = "ΠΑΤΗΣΕ ΕΔΩ"/> 
494        <#else>     
495            <#assign externalUrlText = "CLICK HERE"/> 
496        </#if> 
497    <#elseif offerYear == todayYear> 
498        <#if (offerMonth > todayMonth)> 
499            <#assign containerClass = "img-container" /> 
500            <#assign dateClass = "date-text" /> 
501            <#assign externalClass = "external-url" /> 
502            <#assign ribbonClass = "corner-ribbon-image" /> 
503            <#if twoLettersLang = "el"> 
504                <#assign externalUrlText = "ΠΑΤΗΣΕ ΕΔΩ"/> 
505            <#else>     
506                <#assign externalUrlText = "CLICK HERE"/> 
507            </#if> 
508        <#elseif offerMonth == todayMonth>       
509            <#if offerDay < todayDay> 
510                <#assign containerClass = "img-container old" /> 
511                <#assign dateClass = "date-text date_old" /> 
512                <#assign externalClass = "external-url url_old" /> 
513                <#assign ribbonClass = "corner-ribbon-image ribbon_old" /> 
514                <#if twoLettersLang = "el"> 
515                    <#assign externalUrlText = "ΕΛΗΞΕ"/> 
516                <#else>     
517                    <#assign externalUrlText = "EXPIRED"/> 
518                </#if> 
519            <#else> 
520                <#assign containerClass = "img-container" /> 
521                <#assign dateClass = "date-text" /> 
522                <#assign externalClass = "external-url" /> 
523                <#assign ribbonClass = "corner-ribbon-image" /> 
524                <#if twoLettersLang = "el"> 
525                    <#assign externalUrlText = "ΠΑΤΗΣΕ ΕΔΩ"/> 
526                <#else>     
527                    <#assign externalUrlText = "CLICK HERE"/> 
528                </#if> 
529            </#if> 
530        <#else>         
531            <#assign containerClass = "img-container old" /> 
532            <#assign dateClass = "date-text date_old" /> 
533            <#assign externalClass = "external-url url_old" /> 
534            <#assign ribbonClass = "corner-ribbon-image ribbon_old" /> 
535            <#if twoLettersLang = "el"> 
536                <#assign externalUrlText = "ΕΛΗΞΕ"/> 
537            <#else>     
538                <#assign externalUrlText = "EXPIRED"/> 
539            </#if> 
540        </#if>     
541    <#else>         
542        <#assign containerClass = "img-container old" /> 
543        <#assign dateClass = "date-text date_old" /> 
544        <#assign externalClass = "external-url url_old" /> 
545        <#assign ribbonClass = "corner-ribbon-image ribbon_old" /> 
546        <#if twoLettersLang = "el"> 
547            <#assign externalUrlText = "ΕΛΗΞΕ"/> 
548        <#else>     
549            <#assign externalUrlText = "EXPIRED"/> 
550        </#if> 
551    </#if> 
552    <div class="row"> 
553        <div class="col-sm-12 landing-paddings"> 
554            <div class="${containerClass}" style="background: url('${landingPageImage.getData()}')"> 
555                <div class="${dateClass}"> 
556                    <#if validator.isNotNull(offerDate_Data)> 
557                    	<#assign offerDate_DateObj = dateUtil.parseDate("yyyy-MM-dd", offerDate_Data, locale)> 
558                     
559                    	<div class="day-div"><abbr title="${dateUtil.getDate(offerDate_DateObj, dateFormat1Full, locale)}">${dateUtil.getDate(offerDate_DateObj, dateFormat1, locale)}</abbr></div> 
560                    	<div class="date-div">${dateUtil.getDate(offerDate_DateObj, dateFormat2, locale)}</div> 
561                    	<div class="month-div"><abbr title="${dateUtil.getDate(offerDate_DateObj, dateFormat3Full, locale)}">${dateUtil.getDate(offerDate_DateObj, dateFormat3, locale)}</abbr></div> 
562                    </#if> 
563                </div> 
564                <div class="offer-title">${offerTitle.getData()}</div> 
565                <div class="desc-url-container"> 
566                    <div class="offer-description">${offerDescription.getData()}</div> 
567                    <a href="#" class="${externalClass}" target="_self">${externalUrlText}</a> 
568                </div> 
569            </div> 
570            <div class="terms-container" id="terms-container"> 
571                <div class="terms-title">${termsTitle}</div> 
572                <div class="terms-content"> 
573                    ${offerTerms.getData()} 
574                </div> 
575                <div class="show-more-terms">${termsButtonText}</div> 
576            </div> 
577        </div> 
578    </div> 
579</div> 
580 
581<script> 
582    $(document).on('click', '.show-more-terms', function() { 
583        $('.terms-content').css('-webkit-mask-image', 'unset'); 
584        $('.terms-content').css('max-height', '9999px'); 
585        $(this).hide(); 
586    }) 
587     
588    $(document).on('click', '.external-url', function(e) { 
589        e.preventDefault(); 
590        if (window.outerWidth >= 768) { 
591            window.location = '${offerURL.getData()}'; 
592
593        else { 
594            if ('${offerURLMobile.getData()}' !== '') { 
595                window.location = '${offerURLMobile.getData()}'; 
596
597            else { 
598                window.location = '${offerURL.getData()}'; 
599
600
601    }) 
602</script>