templates/layout.html.twig line 1

Open in your IDE?
  1. <head>
  2. <meta charset="UTF-8" />
  3. <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  4. <meta name="description" content="{{ configuration.meta_description }}" />
  5. <title>{{ configuration.meta_title }}</title>
  7. {% if parametros.level == 0 %}
  8. <link rel="canonical" href="/">
  9. {% elseif parametros.level == 1 %}
  10. <link rel="canonical" href="{{city.route}}" /> <!-- Cambiar city.route por service.route si el nivel se basa en servicio en vez de ciudades -->
  11. {% else %}
  12. <link rel="canonical" href="{{service.route}}{{city.route}}" />
  13. {% endif %}
  14. <link rel="shortcut icon" href="/images/favicon.png" />
  16. {# CSS #}
  18. {# CSSCOMUNES #}
  19. {# ENDCSSCOMUNES #}
  21. {#
  22. Parte AMP
  23. {% if amp_page is defined %}
  24. <style amp-custom>
  25. {{ styles | raw }}
  26. </style>
  27. <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
  28. <noscript>
  29. <style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
  30. </noscript>
  31. {%else%}
  33. #}
  34. <link rel="stylesheet" href="/dist/css/bootstrap.min.css">
  35. <link rel="stylesheet" href="/css/colorbox.css" />
  36. <!--colorbox es una librería para hacer un modal con imágenes ejemplo: https://www.jacklmoore.com/colorbox/example1/-->
  37. <!--<link defer rel="stylesheet" href="/css/baguetteBox.min.css" />-->
  38. <!--baguetteBox es una librería para galerías de imágenes http://feimosi.github.io/baguetteBox.js/-->
  39. <!--<script defer src="/js/baguetteBox.min.js"></script>-->
  40. <link href="/dist/fontawesome/css/all.min.css" rel="stylesheet">
  41. <!--Si no ves un icono descarga la última versión de la librería-->
  43. <!--load all styles -->
  44. <link rel="stylesheet" href="/css/estilos.css" />
  46. {% if nombreCiudad starts with 'plantilla' %}
  47. <!-- CSS DE PRUEBAS -->
  48. <link rel="preload" as="style" href="/css/plantilla.css" />
  49. {% endif %}
  51. {# ENDCSS #}
  53. {# SCRIPTS #}
  55. <!-- AMP -->
  56. {# {% if amp_page is defined %}
  57. <script async src="https://cdn.ampproject.org/v0.js"></script>
  58. {% if contact_msg is not defined %}
  59. <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
  60. {%endif%}
  61. <script async custom-element="amp-user-notification" src="https://cdn.ampproject.org/v0/amp-user-notification-0.1.js"></script>
  62. <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  63. <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
  64. <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
  65. {%else%}
  66. #}
  67. <!-- Google Tag Manager -->
  68. <script>
  69. (function(w, d, s, l, i) {
  70. w[l] = w[l] || [];
  71. w[l].push({
  72. 'gtm.start': new Date().getTime(),
  73. event: 'gtm.js'
  74. });
  75. var f = d.getElementsByTagName(s)[0],
  76. j = d.createElement(s),
  77. dl = l != 'dataLayer' ? '&l=' + l : '';
  78. j.async = true;
  79. j.src =
  80. 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  81. f.parentNode.insertBefore(j, f);
  82. })(window, document, 'script', 'dataLayer', '{{ gtm_id }}');
  83. </script>
  84. <!-- End Google Tag Manager -->
  86. <script src="/dist/js/jquery-3.6.0.min.js"></script>
  90. {# Captcha de google #}
  92. {% if parametros.captcha %}
  93. <script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit&hl=es" async defer></script>
  94. {% endif %}
  98. {# ENDSCRIPTS #}
  99. </head>
  101. <body
  102. {# {% if amp_page is defined %}
  103. <amp-analytics config="https://www.googletagmanager.com/amp.json?id={{amp_gtm_id}}&amp;gtm.url=SOURCE_URL" data-credentials="include" aria-hidden="true" style="width: 1px; height: 1px; display: none;">
  104. <script type="application/json">
  105. {
  106. "vars": {
  107. "gaTrackingId": "{{amp_gtm_id}}"
  108. }
  109. }
  110. </script>
  111. </amp-analytics>
  112. {%else%} #}
  113. <!-- Google Tag Manager -->
  114. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_id }}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  115. <!-- End Google Tag Manager (noscript) -->
  116. {# {%endif%} #}
  119. {%block servicio %}
  121. {%endblock%}
  123. {# {% if amp_page is defined %}
  124. <amp-user-notification layout=nodisplay id="amp-user-cookies-notification">
  125. <div class="cookies-warm-amp">
  126. <div class="content">Utilizamos cookies propias y de terceros para mejorar nuestros servicios mediante el análisis de sus hábitos de navegación. Si cierra este aviso, continúa navegando o permanece en la web, consideraremos que acepta su uso. Puede obtener más información, o bien conocer cómo cambiar la configuración, en nuestra <a target="_blank" href="/politica-cookies" title="Política de cookies">Política de cookies</a>. <button on="tap:amp-user-cookies-notification.dismiss">Aceptar</button></div>
  127. </div>
  128. </amp-user-notification>
  129. {%else%} #}
  130. {% block footer_scripts %}
  131. <!--<script defer src="/dist/js/jquery-ui.min.js"></script>-->
  132. <!-- Librería de efectos en jQuery para usarlos sin saber de jQuery https://jqueryui.com/demos/-->
  133. <script async src="/dist/js/bootstrap.min.js"></script>
  134. <script defer src="/js/jquery.colorbox-min.js"></script>
  135. <script defer type="text/javascript" src="/js/jquery.validate.min.js"></script><!-- Desactivar si no hay formulario -->
  136. {% if parametros.js[nombreServicio] is defined%}
  137. <script defer src="/js/{{parametros.js[nombreServicio]}}"></script>
  138. {% else %}
  139. <script defer src="/js/{{parametros.js['default']}}"></script>
  140. {% endif %}
  141. {%endblock%}
  142. {# {%endif%} #}
  143. </body>