src/StartPlatz/Bundle/StyleBundle/Resources/views/base.tailwind.public.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale|default('de') }}">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     {# === SEO Meta === #}
  8.     {% block metaData %}
  9.         <meta name="robots" content="noindex,nofollow">
  10.     {% endblock %}
  12.     {% include "@StartPlatzStyleBundle/_icon.html.twig" %}
  14.     <title>{% block title %}STARTPLATZ{% endblock %}</title>
  16.     {# === Tailwind CSS === #}
  17.     <script src="https://cdn.tailwindcss.com"></script>
  18.     {% block tailwindConfig %}
  19.     <script>
  20.         tailwind.config = {
  21.             theme: {
  22.                 extend: {
  23.                     colors: {
  24.                         'sp-purple': '#9632FF',
  25.                         'sp-grey': '#f5f5f5',
  26.                     }
  27.                 }
  28.             }
  29.         }
  30.     </script>
  31.     {% endblock %}
  33.     {# === Alpine.js === #}
  34.     <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
  36.     {# === Google Fonts === #}
  37.     {% block fonts %}
  38.         <link rel="preconnect" href="https://fonts.googleapis.com">
  39.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  40.         <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet">
  41.     {% endblock %}
  43.     {# === Bereichsspezifisches CSS === #}
  44.     {% block styles %}{% endblock %}
  46.     {# === Tracking (GTM, GA, FB Pixel, HubSpot) === #}
  47.     {% if not embed|default(false) %}
  48.         {% include "@StartPlatzStyleBundle/_tracking.html.twig" %}
  49.     {% endif %}
  51.     {# === Zusätzliche Head-Elemente (Meta Pixel, Custom CSS, etc.) === #}
  52.     {% block additionalHead %}{% endblock %}
  53. </head>
  54. <body class="{% block bodyClass %}font-[Source_Sans_Pro]{% endblock %}">
  55.     {# GTM noscript fallback #}
  56.     <noscript>
  57.         <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WTVWDT"
  58.                 height="0" width="0" style="display:none;visibility:hidden"></iframe>
  59.     </noscript>
  61.     {# === Navigation === #}
  62.     {% block navigation %}{% endblock %}
  64.     {# === Flash Messages (Tailwind-styled) === #}
  65.     {% block flashMessages %}
  66.         {% for type, messages in app.flashes %}
  67.             {% for message in messages %}
  68.                 <div class="{% if type == 'success' %}bg-green-100 text-green-800 border-green-200{% elseif type == 'error' or type == 'danger' %}bg-red-100 text-red-800 border-red-200{% elseif type == 'warning' %}bg-yellow-100 text-yellow-800 border-yellow-200{% else %}bg-blue-100 text-blue-800 border-blue-200{% endif %} px-4 py-3 rounded-xl border mb-4 mx-auto max-w-4xl mt-4">
  69.                     {{ message|raw }}
  70.                 </div>
  71.             {% endfor %}
  72.         {% endfor %}
  73.     {% endblock %}
  75.     {# === Hauptinhalt === #}
  76.     {% block content %}{% endblock %}
  78.     {# === Footer === #}
  79.     {% block footer %}
  80.         {% if not embed|default(false) %}
  81.             {% include '@StartPlatzWebsiteBundle/Default/footer.tailwind.html.twig' %}
  82.         {% endif %}
  83.     {% endblock %}
  85.     {# === Cookie Consent === #}
  86.     {% if not embed|default(false) %}
  87.         {% include "@StartPlatzStyleBundle/_cookie.consent.html.twig" %}
  88.     {% endif %}
  90.     {# === JavaScript === #}
  91.     {% block javascripts %}{% endblock %}
  92. </body>
  93. </html>