Summer 2022 Title Top HTML

    
Every day, a new island with hidden treasures

Asset Publisher

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