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.                         'sp-green': '#7AB800',
  27.                         'sp-blue': '#0080bb',
  28.                         'sp-gray': '#525459',
  29.                         'ai-purple': '#9535FF',
  30.                         'ai-purple-light': '#B565FF',
  31.                         'ai-purple-dark': '#7c2ccc',
  32.                         'ai-purple-ultra-light': '#f4f0ff',
  33.                     }
  34.                 }
  35.             }
  36.         }
  37.     </script>
  38.     {% endblock %}
  40.     {# === Alpine.js === #}
  41.     <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
  43.     {# === Google Fonts === #}
  44.     {% block fonts %}
  45.         <link rel="preconnect" href="https://fonts.googleapis.com">
  46.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  47.         <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet">
  48.     {% endblock %}
  50.     {# === Bereichsspezifisches CSS === #}
  51.     {% block styles %}{% endblock %}
  53.     {# === Tracking (GTM, GA, FB Pixel, HubSpot) === #}
  54.     {% if not embed|default(false) %}
  55.         {% include "@StartPlatzStyleBundle/_tracking.html.twig" %}
  56.     {% endif %}
  58.     {# === Zusätzliche Head-Elemente (Meta Pixel, Custom CSS, etc.) === #}
  59.     {% block additionalHead %}{% endblock %}
  60. </head>
  61. <body class="{% block bodyClass %}font-[Source_Sans_Pro]{% endblock %}">
  62.     {# GTM noscript fallback #}
  63.     <noscript>
  64.         <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WTVWDT"
  65.                 height="0" width="0" style="display:none;visibility:hidden"></iframe>
  66.     </noscript>
  68.     {# === Navigation === #}
  69.     {% block navigation %}{% endblock %}
  71.     {# === Flash Messages (Tailwind-styled) === #}
  72.     {% block flashMessages %}
  73.         {% for type, messages in app.flashes %}
  74.             {% for message in messages %}
  75.                 <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">
  76.                     {{ message|raw }}
  77.                 </div>
  78.             {% endfor %}
  79.         {% endfor %}
  80.     {% endblock %}
  82.     {# === Hauptinhalt === #}
  83.     {% block content %}{% endblock %}
  85.     {# === Footer === #}
  86.     {% block footer %}
  87.         {% if not embed|default(false) %}
  88.             {% include '@StartPlatzWebsiteBundle/Default/footer.tailwind.html.twig' %}
  89.         {% endif %}
  90.     {% endblock %}
  92.     {# === Cookie Consent === #}
  93.     {% if not embed|default(false) %}
  94.         {% include "@StartPlatzStyleBundle/_cookie.consent.html.twig" %}
  95.     {% endif %}
  97.     {# === JavaScript === #}
  98.     {% block javascripts %}{% endblock %}
  99. </body>
  100. </html>