Navigation Menu

 
 
 
 
 
 

test

An error occurred while processing the template.
The following has evaluated to null or missing:
==> BackgroundImageDesktop  [in template "20116#20152#711321" at line 33, column 34]

----
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: ${BackgroundImageDesktop.getData()}  [in template "20116#20152#711321" at line 33, column 32]
----
1<style> 
2 
3    .red{ 
4        color: #eb2d32; 
5
6     
7    .terms_btn{ 
8        font-size: 11px !important; 
9        font-family: "OpapMediumItalic"; 
10        color: rgb(255, 255, 255); 
11        text-transform: none !important; 
12        line-height: 21px; 
13        text-align: center; 
14        background-color: rgb(35, 38, 51); 
15        height: 38px; 
16        margin-top: 20px; 
17        width: 300px; 
18        font-style: italic; 
19        border-radius: 4px; 
20
21     
22        .terms_btn:hover{ 
23            color: rgb(255, 255, 255); 
24
25    .bottom_ctas { 
26        position: absolute; 
27        left: 50%; 
28        transform: translateX(-50%); 
29        bottom: 200px; 
30
31     
32    body{ 
33        background-image: url("${BackgroundImageDesktop.getData()}"); 
34        background-repeat: no-repeat; 
35        background-position: center 0px; 
36        background-size: cover; 
37        background-color: #000210; 
38
39     
40     
41    .full_screen_container{ 
42        top: 5vh; 
43        position: relative; 
44        display: flex; 
45        flex-direction: row; 
46        flex-wrap: wrap; 
47        align-items: center; 
48        justify-content: space-around; 
49          min-height: 860px;   
50        margin-bottom: 50px !important; 
51
52     
53    .promo_container{ 
54        float: right; 
55        padding: 30px 0; 
56        background-image: linear-gradient(to bottom, rgba(0,2,16,0.8), rgba(0,2,16,0.4)); 
57        border-radius: 100px; 
58        border-right: 2px solid; 
59        border-left: 2px solid; 
60        border-left-color: red; 
61        border-right-color: red; 
62        height: 174px; 
63        margin-top: -600px; 
64
65     
66    .container_bottom{ 
67        position: relative; 
68        bottom: 10px; 
69
70     
71    .promo_text p{ 
72        font-size: 26px !important; 
73        font-family: "OpapMediumItalic"; 
74        color: rgb(255, 255, 255); 
75        text-transform: none !important; 
76        line-height: 34px; 
77        text-align: center; 
78        margin: 0 auto 5px auto; 
79        width: 85%; 
80        max-height: 235px; 
81        font-weight: 800; 
82        overflow: hidden; 
83        -webkit-line-clamp: 8; 
84        display: -webkit-box; 
85        line-clamp: 8; 
86        -webkit-box-orient: vertical; 
87        white-space: break-spaces; 
88
89     
90     .terms_link{ 
91        display: flex; 
92        justify-content: center; 
93
94     
95 
96     
97  .green_container{ 
98        border-radius: 3px; 
99        background-color: rgb(27, 152, 0); 
100        margin: auto; 
101        text-align: center; 
102        width: 300px; 
103        height: 60px; 
104
105     
106     .green_container .btn{ 
107        font-size: 18px !important; 
108        font-family: "OpapMediumItalic"; 
109        color: rgb(255, 255, 255); 
110        font-weight: 800; 
111        text-transform: uppercase; 
112        line-height: 45px; 
113        text-align: center; 
114        font-style: italic; 
115
116     
117    .img_container{ 
118     
119
120     
121    .promo_img{ 
122        margin: auto; 
123        max-width: 100%; 
124
125     
126      
127    
128    .new_footer{ 
129        width: 100vw; 
130        position: fixed; 
131        bottom: -1px; 
132        left: 0; 
133        background-color: black; 
134        height: 38px; 
135        align-items: center; 
136        justify-content: center; 
137        opacity: 0; 
138        display: none; 
139
140     
141    .opac{ 
142            opacity: 1; 
143            display:flex; 
144
145     
146    .footer_text { 
147        font-family: "OPAPExt"; 
148        color: rgb(255, 255, 255); 
149        text-transform: uppercase; 
150        text-align: center; 
151        font-size: 14px; 
152
153     
154     
155    .footer_text .thumb_up_by_alex{ 
156      margin-left: 15px; 
157
158     
159    .collapsedlogin{ 
160        display: none !important; 
161
162     
163     
164      .order1{ 
165        padding: 0; 
166        order: 1; 
167        display: flex; 
168        align-items: center; 
169        justify-content: center; 
170        padding: 0; 
171        margin: -500px 0 0 0; 
172         
173
174    .order2{ 
175        padding: 0; 
176        order: 2; 
177        display: flex; 
178        align-items: center; 
179        justify-content: center; 
180        padding: 0; 
181         
182
183     
184     .order3 { 
185        padding: 0; 
186        order: 3; 
187        display: flex; 
188        flex-direction: column; 
189        align-items: center; 
190        justify-content: center; 
191        padding: 0; 
192
193 
194     
195        @media screen and (max-width: 1280px){ 
196     .promo_text p{ 
197        line-height: 30px; 
198
199
200      
201       
202      
203    @media screen and (max-width: 1024px){ 
204      body{ 
205      background-position: center right; 
206
207
208     
209      @media screen and (max-width: 1016px){ 
210        .promo_container{ 
211            padding: 15px 0; 
212
213 
214
215     
216     
217    @media screen and (max-width: 992px){ 
218        .promo_container{ 
219            padding: 30px 0; 
220
221       
222        .full_screen_container{ 
223            justify-content: center; 
224            margin-bottom: 75px !important; 
225
226         
227        .promo_img{ 
228            max-width: 100% !important; 
229            width: 100%; 
230
231        
232         
233        .img_container{ 
234            display: flex; 
235
236         
237        .marketing_title{ 
238            font-size: 36px; 
239            font-weight: 500; 
240            margin-bottom: 10px; 
241            line-height: 38px; 
242
243         
244        .marketing_sub{ 
245            font-size: 20px; 
246            line-height: 22px; 
247
248         
249        .thumb_up_by_alex{ 
250            margin: 10px 0; 
251
252         
253        .promo_container{ 
254            height: 200px; 
255
256
257     
258      
259    @media screen and (max-width: 767px){ 
260    
261       
262      body{ 
263            background-position: center right; 
264
265       
266        .new_footer { 
267            height: 80px; 
268            background-color: rgb(0, 2, 16);   
269
270         
271        .footer_text { 
272            padding: 0 20px; 
273
274          
275 
276      .bottom_ctas { 
277        bottom: 200px; 
278
279
280     
281  @media screen and (max-width: 560px){    
282   
283      
284
285 
286   
287  @media screen and (max-width: 411px){   
288         .new_footer { 
289        height: 100px; 
290
291
292  @media screen and (max-width: 500px){    
293     
294        body{ 
295            background-image: url("${BackgroundImageMobile.getData()}"); 
296            background-position: center -30px; 
297
298     
299     
300      .promo_text p{  
301        margin: 10px auto 5px auto; 
302        -webkit-line-clamp: 9; 
303        line-clamp: 9; 
304        width: 82%; 
305        font-weight: 700; 
306        line-height: 25px; 
307         
308
309      
310       
311      .cta_container { 
312         width: 100%; 
313
314         
315        .green_container{ 
316            width: 95%; 
317
318       
319     .bottom_ctas{ 
320        bottom: 165px; 
321
322     .promo_container { 
323        margin-top: -600px; 
324        border-radius: 87px; 
325        padding: 30px 0; 
326        height: 277px; 
327        background-image: linear-gradient(to bottom, rgba(0,2,16,0.8), rgba(0,2,16,0)); 
328 
329         
330
331      .terms_link{ 
332        padding: 0; 
333        width: 95%; 
334
335    
336    .terms_link a{ 
337    width: 100%; 
338
339     
340    .terms_btn{ 
341        width: 100%; 
342
343     
344    .order1{ 
345        margin: -590px 0 0 0; 
346
347
348   
349   
350   
351 
352     
353</style> 
354<#assign curLangId = themeDisplay.getLanguageId()> 
355<#assign twoLettersLang = curLangId?split("_")[0]> 
356<#assign  
357    termsTitle = "Terms & Conditions" 
358    regulate = "21+ | REGULATED BY: HELLENIC GAMING COMMISSION (HGC) | ADDICTION RISKS AND ASSET LOSS HELP LINE: 1114" 
359    image ="/documents/159260/0/rg-badge-footer-en.png" 
360/> 
361<#if twoLettersLang = "el"> 
362    <#assign  
363        termsTitle = "Όροι και Προϋποθέσεις" 
364        regulate = "ΑΡΜΟΔΙΟΣ ΡΥΘΜΙΣΤΗΣ ΕΕΕΠ | Η ΣΥΜΜΕΤΟΧΗ ΣΕ ΤΥΧΕΡΑ ΠΑΙΓΝΙΑ ΕΠΙΤΡΕΠΕΤΑΙ ΜΟΝΟ ΣΕ ΑΤΟΜΑ ΑΝΩ ΤΩΝ 21 ΕΤΩΝ Η ΣΥΧΝΗ ΣΥΜΜΕΤΟΧΗ ΕΝΕΧΕΙ ΚΙΝΔΥΝΟ ΕΘΙΣΜΟΥ ΚΑΙ ΑΠΩΛΕΙΑΣ ΠΕΡΙΟΥΣΙΑΣ | ΓΡΑΜΜΗ ΣΤΗΡΙΞΗΣ: 1114" 
365        image="/documents/159260/0/rg-badge-footer-gr.png" 
366    /> 
367</#if> 
368 
369<div class="row full_screen_container"> 
370    <div class="col-xs-12 col-sm-8 promo_container order2"> 
371        <div class="promo_text"> 
372            <div class="loggedOUT"> 
373                <#if TermsHref.TermsGuestText.getSiblings()?has_content> 
374    	               <#list TermsHref.TermsGuestText.getSiblings() as cur_TermsHref> 
375    	                    <p> 
376    		                    ${cur_TermsHref.getData()} 
377    		                </p> 
378    	                </#list> 
379                </#if> 
380            </div> 
381            <div class="loggedIN collapsedlogin"> 
382                <#if TermsHref.TermsLoggedInText.getSiblings()?has_content> 
383    	               <#list TermsHref.TermsLoggedInText.getSiblings() as cur_TermsHref2> 
384    	                    <p> 
385    		                    ${cur_TermsHref2.getData()} 
386    		                </p>       
387    	                </#list> 
388                </#if> 
389            </div> 
390        </div> 
391    </div> 
392    <div class="col-xs-12 order1"> 
393        <div class="img_container"> 
394            <#if getterUtil.getBoolean(HidePromoImageForGuest.getData())> 
395        	    <#if HidePromoImageForGuest.PromoImage.getData()?? && HidePromoImageForGuest.PromoImage.getData() != ""> 
396        	        <img class="promo_img" 
397        	        data-fileentryid="${HidePromoImageForGuest.PromoImage.getAttribute("fileEntryId")}"  
398        	        alt="${HidePromoImageForGuest.PromoImage.getAttribute("alt")}"  
399        	        src="${HidePromoImageForGuest.PromoImage.getData()}"  
400        	        /> 
401                </#if> 
402            </#if> 
403        </div> 
404    </div> 
405     <div class="col-xs-1 order4"> 
406    </div> 
407            <div class="col-xs-12 bottom_ctas order3"> 
408                <div class="cta_container"> 
409                    <a class="loggedOUT" href="${GreenCtAGuestHref.getData()}"> 
410                        <div class="green_container"> 
411                            <div class="btn"> 
412                                ${GreenCtAGuestHref.GreenCtAGuestText.getData()} 
413                            </div> 
414                        </div>     
415                    </a> 
416                    <a class="loggedIN collapsedlogin" href="${GreenCtALoggedInHref.getData()}"> 
417                        <div class="green_container"> 
418                            <div class="btn"> 
419                                ${GreenCtALoggedInHref.GreenCtALoggedInText.getData()} 
420                            </div> 
421                        </div>     
422                    </a> 
423                     
424                </div> 
425                <div class="col-xs-12 terms_link"> 
426                    <a href="${TermsHref.getData()}"> 
427                        <div class="btn terms_btn"> 
428                            ${termsTitle} 
429                        </div> 
430                    </a> 
431                </div> 
432            </div> 
433    </div> 
434<div class="new_footer"> 
435    <div class="footer_text"> 
436        ${regulate} <img class="thumb_up_by_alex" src=${image} alt=""/> 
437    </div>     
438<div> 
439 <script> 
440    var valid_session = "VALID_USER_SESSION"; 
441    var no_user = "NO_USER_SESSION"; 
442     
443    PubSub.subscribe(valid_session, function (msg, data) { 
444        if(msg === valid_session) { 
445            $(".loggedIN").each(function(){ 
446                $(this).removeClass("collapsedlogin") 
447            }) 
448            $(".loggedOUT").each(function(){ 
449                $(this).addClass("collapsedlogin") 
450            }) 
451
452    }); 
453     
454    PubSub.subscribe(no_user, function (msg, data) { 
455        if(msg === no_user) { 
456            $(".loggedIN").each(function(){ 
457                $(this).addClass("collapsedlogin") 
458            }) 
459            $(".loggedOUT").each(function(){ 
460                $(this).removeClass("collapsedlogin") 
461            }) 
462
463    }); 
464     
465     
466//js to change only "pamestoixima.gr color to red adding a span class  
467//first step: get parent element for logout 
468var promo_logoutElement = document.getElementsByClassName("loggedOUT")[0];     
469//second step: get paragraph of the parent element text 
470var text = promo_logoutElement.getElementsByTagName("p")[0].innerHTML; 
471 
472//set object to be replaced 'string' 
473var myObject = { 
474  name: 'Pamestoixima.gr' 
475
476 
477// maping the paragraph text with the string 
478var result = text.split(' ').map(function(word) { 
479  if (Object.values(myObject).includes(word)) { 
480    return '<span class="red">' + word + '</span>' 
481  } else { 
482    return word 
483
484}) 
485// final step: replace innerHTML of paragraph with the result of the map 
486promo_logoutElement.getElementsByTagName("p")[0].innerHTML = result.join(' '); 
487 
488//same for the loggedIN 
489var promo_loginElement = document.getElementsByClassName("loggedIN")[0];     
490//second step: get paragraph of the parent element text 
491var text = promo_loginElement.getElementsByTagName("p")[0].innerHTML; 
492 
493//set object to be replaced 'string' 
494var myObject = { 
495  name: 'Pamestoixima.gr' 
496
497 
498// maping the paragraph text with the string 
499var result = text.split(' ').map(function(word) { 
500  if (Object.values(myObject).includes(word)) { 
501    return '<span class="red">' + word + '</span>' 
502  } else { 
503    return word 
504
505}) 
506// final step: replace innerHTML of paragraph with the result of the map 
507promo_loginElement.getElementsByTagName("p")[0].innerHTML = result.join(' '); 
508 
509 
510</script>