templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     {% block meta %}
  6.         {% set uri =  app.request.uri %}
  7.         <meta charset="UTF-8">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.         <!-- Meta Pixel Code -->
  10.             <script>
  11.             !function(f,b,e,v,n,t,s)
  12.             {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  13.             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  14.             if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  15.             n.queue=[];t=b.createElement(e);t.async=!0;
  16.             t.src=v;s=b.getElementsByTagName(e)[0];
  17.             s.parentNode.insertBefore(t,s)}(window, document,'script',
  18.             'https://connect.facebook.net/en_US/fbevents.js');
  19.             fbq('init', '1547501902380553');
  20.             fbq('track', 'PageView');
  21.             </script>
  22.             <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1547501902380553&ev=PageView&noscript=1"/></noscript>
  23.             <!-- End Meta Pixel Code -->
  24.         <meta property="og:site_name" content="triwu_u">
  25.         {%if (uri|slice(uri|length -8, 8)=="product/") %}
  26.             <meta property="og:image" itemprop="image" content="{{ absolute_url(asset('build/images/logo.png')) }}">
  27.         {% endif %}
  28.         <meta property="og:type" content="website" />
  29.         <meta property="og:url" content="{{uri}}" />
  30.         <meta property="fb:app_id" content="1140827673514308"/>
  31.         {% set meta_title = get_meta_title(app.request.uri) %}
  32.         {% set meta_description = get_meta_description(app.request.uri) %}
  33.         {% if meta_title is not null%}
  34.             <meta name="title" content="{{ meta_title }}" />
  35.         {% endif %}
  36.         {% if meta_description is not null%}
  37.             <meta name="description" content="{{ meta_description }}" />
  38.         {% endif %}
  39.     {% endblock meta %}
  40.     <title>
  41.         {% block title %}triwu_u
  42.         {% endblock %}
  43.     </title>
  44.     <link rel="icon" href="{{ asset('build/images/favicon.png') }}">
  45.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  46.     {% block stylesheets %}
  47.     {{ encore_entry_link_tags('app') }}
  48.     {% endblock stylesheets %}
  50.     <div class="js-translations" data-translations="{{ loadTranslations()|json_encode()|e('html_attr') }}"></div>
  52.     {% block javascripts %}
  53.     <script type='text/javascript'>
  54.         var requestLanguage = "{{ app.request.locale }}";
  55.     </script>
  56.     {{ encore_entry_script_tags('app') }}
  57.     {% endblock javascripts %}
  58.     <!-- Google Tag Manager -->
  59.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  60.     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  61.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  62.     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  63.     })(window,document,'script','dataLayer','GTM-5Z94GW2');</script>
  64.     <!-- End Google Tag Manager -->
  65. </head>
  67. <body>
  68.     {% block menu %}
  69.         {% include 'components/header/header.html.twig' %}
  70.     {% endblock menu %}
  71.     {% block body %}
  72.     <main class="{% block mainClass %}{% endblock %}">
  73.         <div class="row">
  74.             <div class="col">
  75.                 <div id="flashMessages">
  76.                     {% include '_base_flashes.html.twig' %}
  77.                 </div>
  78.             </div>
  79.         </div>
  80.         {% block login %}
  81.         <section class="grid tablet:grid-cols-2">
  82.             <div class="hidden tablet:block login-bg bg-shadow-50">
  83.                 <img src="{{ asset('build/images/index_rrss.png') }}" class="object-cover w-full h-full" />
  84.             </div>
  85.             <div class="p-edge">
  86.                 <div class="text-center flex items-center justify-center min-h-[75vh] desktop:max-w-lg mx-auto">
  87.                     {% block index_left_card_body %}
  88.                     <div class="container">
  89.                         <div class="row">
  90.                             <h1 class="h5">{{ 'general.logintitle'|trans }}</h1>
  91.                         </div>
  92.                         <div class="mt-5 row">
  93.                             <div class="gap-2 mx-auto d-grid col-md-8">
  94.                                 <a class="btn btn--md btn--primary btn-rrss text-sm desktop:text-lg" href="{{ path('app_register') }}">
  95.                                     <img alt="triwu_u sign-in" src="{{asset('build/images/triwuu_sign_in_logo.svg')}}" />
  96.                                     {{ 'general.register.email'|trans }}
  97.                                 </a>
  98.                                 <a class="btn btn-outline-dark btn-rrss text-sm desktop:text-lg" href="{{ path('connect_google') }}">
  99.                                     <img alt="Google sign-in" src="{{asset('build/images/google_sign_in_logo.svg')}}" />
  100.                                     {{ 'general.register.google'|trans }}
  101.                                 </a>
  102.                                 <a class="btn btn-outline-dark btn-rrss-fb text-sm desktop:text-lg" href="{{ path('connect_facebook') }}">
  103.                                     <img alt="Facebook sign-in"
  104.                                         src="{{asset('build/images/facebook_sign_in_logo.svg')}}" />
  105.                                     {{ 'general.register.facebook'|trans }}
  106.                                 </a>
  108.                                 <p class="mt-5 fw-bold text-uppercase"><a class="text-dark"
  109.                                         href="{{ path('app_login') }}">{{ 'general.loginhere'|trans }}</a></p>
  110.                             </div>
  111.                         </div>
  112.                     </div>
  113.                     {% endblock index_left_card_body %}
  114.                 </div>
  115.             </div>
  116.         </section>
  117.         {% endblock login %}
  118.         {% block content %}
  119.         {% endblock content %}
  120.     </main>
  121.     {% endblock body %}
  123.     <!-- Modal -->
  124.     {# 
  125.     <div class="pt-4 modal modal-app fade bg-modal-img" id="boardingModal" tabindex="-1" aria-labelledby="boardingModalLabel"
  126.         data-firsttime="{% if(app.user and app.user.isOnBoarding == true) %}true{% else %}false{%endif%}"
  127.         aria-hidden="true">
  128.         <div class="mx-auto modal-dialog modal-dialog-centered md:p-5" style="width: 45vh;">
  129.             <div class="p-2 border-0 shadow modal-content">
  130.                 <div class="mb-4 border-0 row">
  131.                     <div class="col">
  132.                         <div
  133.                             class="top-0 bg-white position-absolute start-50 translate-middle rounded-circle img-tw-ob">
  134.                             <img src="{{asset('build/images/img-onboarding.png')}}" class="p-2 bg-transparent border-0"
  135.                                 alt="MINIATURA ONBOARDING">
  136.                         </div>
  137.                     </div>
  138.                 </div>
  139.                 <div class="row">
  140.                     <div class="px-2 d-flex justify-content-center">
  141.                         <video id="onboardingVideo" src="{{ asset('build/images/video-onboarding.mp4') }}" controls class="p-3 mw-100">
  142.                             {{ 'general.video_format.unsupported'|trans }}
  143.                         </video>
  144.                     </div>
  145.                 </div>
  146.                 <div class="row">
  147.                     <div class="py-2 col-lg-12 text-end sticky-bottom">
  148.                         <button type="button" class="btn btn-secondary" id="dismissBoardingButton"
  149.                             data-bs-dismiss="modal">{{ 'general.skiptutorial'|trans }}</button>
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.         </div>
  154.     </div>
  155.     #}
  157.     {% block footer %}
  158.         {% include 'components/footer/footer.html.twig' %}
  159.     {% endblock footer %}
  161.     {% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
  163.     {% if not app.user and currentPath not in [
  164.         '/login-rrss',
  165.         '/register',
  166.         '/register-rrss',
  167.         '/check-register-rrss',
  168.         '/quienes-somos',
  169.         '/login',
  170.         '/reset-password',
  171.         '/reset-password/check-email',
  172.         '/reset-password/reset'   
  173.     ] %}
  174.         {% import 'components/modals/login.html.twig' as login %}
  175.         {{ login.create() }}
  176.     {% endif %}
  178.     {% import 'components/modals/modal-triwers-offer.html.twig' as triwersModal %}
  179.     {{ triwersModal.create() }}
  181.     {% import 'components/modals/modal-countdown.html.twig' as countDownModal %}
  182.     {{ countDownModal.create() }}
  184.  {% import 'components/modals/modal-buying-groups.html.twig' as buyingGroupsModal %}
  185.     {{ buyingGroupsModal.create() }}
  187.     {% if app.environment == 'prod' %}
  188.     <!-- Chatra {literal} -->
  189.     <script>
  190.             window.ChatraSetup = {
  191.                 colors: {
  192.                     buttonText: '#ECFDF4',
  193.                     buttonBg: '#31D29E'
  194.                 }
  195.             };
  196.             (function(d, w, c) {
  197.                 w.ChatraID = 'S9LS9puhpWQPcjvDH';
  198.                 var s = d.createElement('script');
  199.                 w[c] = w[c] || function() {
  200.                     (w[c].q = w[c].q || []).push(arguments);
  201.                 };
  202.                 s.async = true;
  203.                 s.src = 'https://call.chatra.io/chatra.js';
  204.                 if (d.head) d.head.appendChild(s);
  205.             })(document, window, 'Chatra');
  206.     </script>
  207.     <!-- /Chatra {/literal} -->
  208.     {% endif %}
  209. </body>
  211. </html>