{% extends 'base.html.twig' %}{% block title %}O'Tacos{% endblock %}{% block homeHeaderClass %}home_header_transparent{% endblock %}{% block headerMenuClass %}headerMenu_home{% endblock %}{% block homeSlider %} {% if sliders|length %} <div class="home_header_slider" id="home_header_slider" style="background-image: url('/img/{{sliders[0].imgBackground}}');"> <div class="wrapper"> <a href="{{path('encemoment')}}"><img src="/img/{{sliders[0].imgDesktop}}" class="slide slideDesktop" id="slideImgDesktop" /></a> <a href="{{path('encemoment')}}"><img src="/img/{{sliders[0].imgResponsive}}" class="slide slideResponsive" id="slideImgResponsive" /></a> {% if sliders|length > 1 %} <img src="/img/slide.svg" class="slideBt slideBtLeft" id="slideBtLeft" /> <img src="/img/slide.svg" class="slideBt slideBtRight" id="slideBtRight" /> {% endif %} </div> <a href="{{sliders[0].lien}}" class="button" id="slideBt" {{sliders[0].texteBouton == '' ? 'style="display:none;"'}}>{{sliders[0].texteBouton}}</a> </div> {% endif %}{% endblock %}{% block body %} <div class="home_resto"> <div class="wrapper"> <h2 class="h2_nosrestos"><img src="/img/cible.png" />{{'home1'|trans|raw}}</h2> <div class="home_resto_encarts"> <div class="home_resto_encart"> <img src="/img/trouver-resto_{{ app.request.getLocale()|lower }}.jpg" class="rounded shadow" /> <div> <a href="{{path('nos-restos')}}" class="button">{{'nosrestaurants'|trans}}</a> </div> </div> <div class="home_resto_encart"> <img src="/img/{{ouverture.encartImg}}" class="rounded shadow" /> <div> <a href="{{path('derniere-ouverture')}}" class="button">{{'home2'|trans|raw}}</a> </div> </div> </div> </div> <h2 class="h2_atester"><img src="/img/drooling.png" /> {{'home3'|trans|raw}}</h2> <p class="chapo">{{'home4'|trans|raw}}</p> <div class="rounded3columns roundedColumns_home" id="roundedColumns_home"> {# <div> #} <div class="btImg btImgComposer"> <img src="/img/bt-composer.png" /> <a href="{{path('la-base')}}">{{'home5'|trans|raw}}</a> </div> <div class="btImg btImgFingerfood"> <img src="/img/fingerfood-fromagelardons2.png" /> <a href="{{path('fingerfood')}}">{{'home6'|trans|raw}}</a> </div> <div class="btImg btOfondue"> <img src="/img/ofondue.svg" /> <a href="{{path('ofondue')}}"><img src="/img/bt-ofondue4.png" /></a> </div> <div class="btImg btImgSucre"> <a href="{{path('osucre')}}"><img src="/img/bt-logo-osucre.svg" /></a> <img src="/img/bt-osucre2.png" /> </div> {# </div> #} </div> <div class="wrapper"> <div class="home_resto_buttons"> <a href="{{path('grosse-faim')}}" class="button buttonOrange">{{'home7'|trans|raw}}</a> {# <a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a> #} </div> </div> </div> <div class="home_game"> <div class="wrapper"> <h2><img src="/img/light.png" /> {{'home8'|trans|raw}}</h2> <div class="home_game_encarts"> <div class="home_game_encart home_game_encart_phone"> <img src="/img/phone2_{{ app.request.getLocale()|lower }}.jpg" class="rounded shadow" /> <div> <div> {{'home9'|trans|raw}} </div> <a href="{{path('otacos-et-moi')}}" class="button">{{'home10'|trans|raw}}</a> </div> </div> <div class="home_game_encart"> <img src="/img/fidelite2_{{ app.request.getLocale()|lower }}.jpg" class="rounded shadow" /> <div> <div> {{'home11'|trans|raw}} </div> <a href="{{path('otacos-et-moi')}}" class="button">{{'home2'|trans|raw}}</a> </div> </div> </div> </div> </div> <div class="home_connected"> <div class="wrapper"> <h2><img src="/img/loudspeaker.png" /> {{'home12'|trans|raw}}</h2> <div class="home_connected_encarts"> <div class="home_connected_encart"> {% if insta.photo1 is defined and insta.photo1 is not empty and insta.photo1.base64 is defined %} <a href="{{insta.photo1.permalink}}" target="_blank"><img src="data:image/png;base64, {{insta.photo1.base64}}" /></a> {% endif %} </div> <div class="home_connected_encart"> {% if insta.photo2 is defined and insta.photo2 is not empty and insta.photo2.base64 is defined %} <a href="{{insta.photo2.permalink}}" target="_blank"><img src="data:image/png;base64, {{insta.photo2.base64}}" /></a> {% endif %} </div> <div class="home_connected_encart"> {% if insta.photo3 is defined and insta.photo3 is not empty and insta.photo3.base64 is defined %} <a href="{{insta.photo3.permalink}}" target="_blank"><img src="data:image/png;base64, {{insta.photo3.base64}}" /></a> {% endif %} </div> {% if imgnews is defined and imgnews is not null %} <div class="home_connected_encart"> {{imgnews.lien is not null ? '<a href="'~ imgnews.lien ~'">'}} <img src="/img/{{imgnews.image}}" /> {{imgnews.lien is not null ? '</a>'}} </div> {% endif %} </div> </div> </div>{% endblock %}{% block javascripts_bottom %} <script> let slides = []; {% for slider in sliders %} slides.push(['{{slider.imgBackground}}', '{{slider.colorBackground}}', '{{slider.texteBouton}}', '{{slider.lien}}', '{{slider.imgDesktop}}', '{{slider.imgResponsive}}', '{{slider.texteBouton}}']); {% endfor %} let i=0; $('#slideBtRight').click(function(e) { i++; if(i>slides.length-1) i=0; changeSlider(i); }); $('#slideBtLeft').click(function(e) { i--; if(i<0) i=slides.length-1; changeSlider(i); }); function changeSlider(i) { $('#home_header_slider').css('background-image', 'url(/img/'+slides[i][0]+')'); $('#home_header_slider').css('background-color', slides[i][1]); $('#slideImgDesktop').attr('src', '/img/'+slides[i][4]); $('#slideImgResponsive').attr('src', '/img/'+slides[i][5]); if(slides[i][6] != '') { $('#slideBt').html(slides[i][6]); $('#slideBt').attr('href', slides[i][3]); $('#slideBt').show(); } else { $('#slideBt').hide(); } } function updateHeader() { if($(window).scrollTop()) { $('#home_header').removeClass('home_header_transparent'); } else { $('#home_header').addClass('home_header_transparent'); } } $(window).scroll(function(e) { updateHeader(); }); $(document).load(function(e) { updateHeader(); }); </script>{% endblock %}