src/StartPlatz/Bundle/EventBundle/Resources/views/Default/event-single.style-ai-hub.html.twig line 1

Open in your IDE?
  1. {% extends "@StartPlatzStyleBundle/Bootstrap4/base.homepage.event-lp.html.twig" %}
  2. {% import "@StartPlatzEventBundle/Admin/_macros.bs4.html.twig" as layout %}
  3. {% set currentPath = app.request.get('_route') %}
  5. {% block metaData %}
  6.     {# Language Detection for SEO #}
  7.     {% set lang = app.request.get('lang', 'de')|lower %}
  8.     {% set isEnglish = lang == 'en' %}
  10.     {# Select SEO content based on language with fallback #}
  11.     {% set seoTitle = isEnglish and event.seoTitleEn ? event.seoTitleEn : event.seoTitle %}
  12.     {% set seoDescription = isEnglish and event.seoDescriptionEn ? event.seoDescriptionEn : event.seoDescription %}
  13.     {% set seoKeyword = isEnglish and event.seoKeywordEn ? event.seoKeywordEn : event.seoKeyword %}
  15.     {# Optimize meta description for archived events #}
  16.     {% if event.status == 'archive' %}
  17.         {% set archivePrefix = isEnglish ? 'Past event from ' ~ event.startDate|date('F j, Y') ~ ': ' : 'Vergangene Veranstaltung vom ' ~ event.startDate|date('d.m.Y') ~ ': ' %}
  18.         <meta name="description" content="{{ archivePrefix }}{{ seoDescription|slice(0, 140) }}">
  19.     {% else %}
  20.         <meta name="description" content="{{ seoDescription }}">
  21.     {% endif %}
  22.     <meta name="keywords" content="{{ seoKeyword }}">
  23.     <meta name="author" content="{{ event.trainer }}">
  25.     {% if app.environment == 'prod' %}
  26.         <meta name="robots" content="index,follow">
  27.         {% if event.seriesTag is not empty %}
  28.             <link rel="canonical" href="{{ path('event_series', {'seriesTag': event.seriesTag, 'lang': lang}) }}" />
  29.         {% else %}
  30.             <link rel="canonical" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}{% if lang == 'en' %}?lang=en{% endif %}" />
  31.         {% endif %}
  33.         {# hreflang tags for bilingual support #}
  34.         {% if event.hasEnglishVersion %}
  35.             <link rel="alternate" hreflang="de" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}?lang=de" />
  36.             <link rel="alternate" hreflang="en" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}?lang=en" />
  37.             <link rel="alternate" hreflang="x-default" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}" />
  38.         {% endif %}
  39.     {% else %}
  40.         <meta name="robots" content="noindex,nofollow">
  41.     {% endif %}
  43.     <!-- Open Graph with language support -->
  44.     <meta property="og:title" content="{{ seoTitle }}">
  45.     <meta property="og:description" content="{{ seoDescription }}">
  46.     <meta property="og:image" content="{{ event.imageLink }}">
  47.     <meta property="og:locale" content="{{ lang == 'en' ? 'en_US' : 'de_DE' }}">
  48.     {% if event.hasEnglishVersion %}
  49.         <meta property="og:locale:alternate" content="{{ lang == 'en' ? 'de_DE' : 'en_US' }}">
  50.     {% endif %}
  52.     <!-- Twitter Card -->
  53.     <meta name="twitter:card" content="summary">
  54.     <meta name="twitter:title" content="{{ seoTitle }}">
  55.     <meta name="twitter:description" content="{{ seoDescription }}">
  56.     <meta name="twitter:image" content="{{ event.imageLink }}">
  57. {% endblock %}
  60. {% block title %}{{ seoTitle|default(event.seoTitle) }}{% endblock %}
  63. {% block additionalHead %}
  64.     {#
  65.     {% include "@StartPlatzStyle/CSS/_homepage.sinlge-event.version-2023-fall.html.twig" %}
  66.     #}
  68.     {% if event.additionalCss is not empty %}
  69.         <!-- addition css styles only for this event -->
  70.         <style>
  71.             .bg-registration {
  72.                 background-color: #9632FF;
  73.             }
  74.             {{ include(template_from_string(event.additionalCss), {
  75.                 'event': event,
  76.                 'batch': batch,
  77.                 'isMultiBatchEvent': isMultiBatchEvent
  78.             }) }}
  79.         </style>
  80.     {% endif %}
  82.     {# Meta Pixel tracking for ai-coding-hackathon-2025 #}
  83.     {% if event.slug == 'ai-coding-hackathon-2025' %}
  84.         <!-- Meta Pixel Code -->
  85.         <script>
  86.             !function(f,b,e,v,n,t,s)
  87.             {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  88.             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  89.             if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  90.             n.queue=[];t=b.createElement(e);t.async=!0;
  91.             t.src=v;s=b.getElementsByTagName(e)[0];
  92.             s.parentNode.insertBefore(t,s)}(window, document,'script',
  93.             'https://connect.facebook.net/en_US/fbevents.js');
  94.             fbq('init', '113165142734893');
  95.             fbq('track', 'PageView');
  96.         </script>
  97.         <noscript>
  98.             <img height="1" width="1" style="display:none"
  99.                  src="https://www.facebook.com/tr?id=113165142734893&ev=PageView&noscript=1"/>
  100.         </noscript>
  101.         <!-- End Meta Pixel Code -->
  102.     {% endif %}
  103. {% endblock %}
  106. {% block content %}
  107.     {# Language Detection Logic #}
  108.     {% set lang = app.request.get('lang', 'de')|lower %}
  109.     {% set isEnglish = lang == 'en' %}
  111.     {# Select content based on language with fallback to German #}
  112.     {% set navbar = isEnglish and event.navbarEn ? event.navbarEn : event.navbar %}
  113.     {% set teaser = isEnglish and event.teaserEn ? event.teaserEn : event.teaser %}
  114.     {% set content = isEnglish and event.contentEn ? event.contentEn : event.content %}
  115.     {% set contentTwig = isEnglish and event.contentTwigEn ? event.contentTwigEn : event.contentTwig %}
  116.     {% set postCtaContent = isEnglish and event.postCtaContentEn ? event.postCtaContentEn : event.postCtaContent %}
  118.     <!-- start part navbar -->
  119.     {{ include(template_from_string(navbar), {
  120.         'event': event,
  121.         'batch': batch,
  122.         'isMultiBatchEvent': isMultiBatchEvent,
  123.         'lang': lang,
  124.         'isEnglish': isEnglish,
  125.         'phrases': phrases
  126.     }) }}
  127.     <!-- end part navbar -->
  129.     <!-- start part title, time and location -->
  130.     {{ include(template_from_string(teaser), {
  131.         'event': event,
  132.         'batch': batch,
  133.         'isMultiBatchEvent': isMultiBatchEvent,
  134.         'lang': lang,
  135.         'isEnglish': isEnglish,
  136.         'phrases': phrases
  137.     }) }}
  138.     <!-- end part title, time and location -->
  140.     <!-- Archive Banner (SEO-optimized: no redirect) -->
  141.     {% include '@StartPlatzEvent/Default/_event.part.archive-banner.html.twig' with {
  142.         'event': event,
  143.         'isEnglish': isEnglish
  144.     } %}
  145.     <!-- end archive banner -->
  147.     {% if app.session.flashbag.has('notice')  %}
  148.         <!-- start part flashbag notices -->
  149.         <section class="bg-sp-grey py-3">
  150.             <div class="container">
  151.                 <div class="content-wrapper content-background">
  152.                     {% for flashMessage in app.session.flashbag.get('notice') %}
  153.                         <div class="text-center alert {% if 'SUCCESS' in flashMessage %}alert-success{% elseif 'ERROR' in flashMessage  %}alert-danger{% else %}alert-default{% endif %}" role="alert">{{ flashMessage|replace({'SUCCESS': ''})|raw }}</div>
  154.                     {% endfor %}
  155.                     {{ editFeedback|raw }}
  156.                 </div> <!-- End of content-wrapper -->
  157.             </div>
  158.         </section>
  159.         <!-- end part flashbag notices -->
  160.     {% endif %}
  163.     {% if batch and application and application.applicationStatus %}
  164.         <!-- start part feedback application process -->
  165.         {% include "@StartPlatzEvent/Default/_event.part.feedback-application-process.html.twig" %}
  166.         <!-- end part feedback application process -->
  167.     {% endif %}
  169.     <!-- start part content -->
  170.     {{ include(template_from_string(content), {
  171.         'event': event,
  172.         'batch': batch,
  173.         'isMultiBatchEvent': isMultiBatchEvent,
  174.         'lang': lang,
  175.         'isEnglish': isEnglish,
  176.         'phrases': phrases
  177.     }) }}
  178.     <!-- end part content -->
  180.     {% if contentTwig %}
  181.         <!-- start part contentTwig (dynamic Twig content) -->
  182.         {{ include(template_from_string(contentTwig), {
  183.             'event': event,
  184.             'batch': batch,
  185.             'isMultiBatchEvent': isMultiBatchEvent,
  186.             'futureBatches': futureBatches,
  187.             'allBatches': allBatches,
  188.             'lang': lang,
  189.             'isEnglish': isEnglish,
  190.             'phrases': phrases
  191.         }) }}
  192.         <!-- end part contentTwig -->
  193.     {% endif %}
  196.     <!-- start part anmeldung -->
  197.     {% include "@StartPlatzEvent/Default/_section.anmeldung.html.twig" with {
  198.         'event': event,
  199.         'batch': batch,
  200.         'batchIsOpen': batchIsOpen,
  201.         'application': application,
  202.         'settings': settings,
  203.         'isMultiBatchEvent': isMultiBatchEvent,
  204.         'futureBatches': futureBatches,
  205.         'lang': lang,
  206.         'isEnglish': isEnglish,
  207.         'phrases': phrases
  208.     } %}
  209.     <!-- end part anmeldung -->
  211.     <!-- start tags -->
  212.     {% include "@StartPlatzEvent/Default/_section.tags.html.twig" %}
  213.     <!-- end tags -->
  215.     <!-- start post cta content -->
  216.     {% if postCtaContent %}
  217.         {{ include(template_from_string(postCtaContent), {
  218.             'event': event,
  219.             'batch': batch,
  220.             'isMultiBatchEvent': isMultiBatchEvent,
  221.             'lang': lang,
  222.             'isEnglish': isEnglish,
  223.             'phrases': phrases
  224.         }) }}
  225.     {% endif %}
  226.     <!-- end post cta content -->
  228.     {% if speakers %}
  229.         <!-- start part speakers and partners -->
  230.         {% include "@StartPlatzEvent/Default/_section.speakers-and-partners.html.twig" %}
  231.         <!-- end part speakers and partners -->
  232.     {% endif %}
  234.     <!-- start part past batches -->
  235.     {% include "@StartPlatzEvent/Default/_section.past-batches.html.twig" with {
  236.         'event': event,
  237.         'isMultiBatchEvent': isMultiBatchEvent,
  238.         'pastBatches': pastBatches,
  239.         'isEnglish': isEnglish
  240.     } %}
  241.     <!-- end part past batches -->
  243.     {% if app.user and batch %}
  244.         <!-- start part promote this event -->
  245.         {% include "@StartPlatzEvent/Default/_section.promote-this-event.html.twig" %}
  246.         <!-- end part promote this event -->
  247.     {% endif %}
  250.     {% if app.user is defined and application is defined and application is not null and application.canReadList %}
  251.             <section class="bg-sp-grey py-3">
  252.                 <div class="container">
  253.                     <div class="content-wrapper content-background">
  254.                         Hier kannst Du die Teilnehmerliste einsehen
  255.                         <a class="btn btn-outline-dark btn-sm" href="{{ path('admin_event_participants', {id: event.id} ) }}" role="button">participants</a>
  256.                     </div>
  257.                 </div>
  258.             </section>
  259.     {% endif %}
  261.     {% if app.user is defined %}
  262.         {% if app.user.admin is defined and app.user.admin %}
  263.             <!-- start part startplatz admin section -->
  264.             {% include "@StartPlatzEvent/Default/_section.startplatz-admin-section.html.twig" %}
  265.             <!-- end part startplatz admin section -->
  266.         {% endif %}
  267.     {% endif %}
  269.     {# Language Switcher Component #}
  270.     {% if event.hasEnglishVersion %}
  271.         <div class="language-switcher-container">
  272.             <div class="language-switcher">
  273.                 <a href="?lang=de" class="lang-link {{ lang == 'de' ? 'active' : '' }}" title="Deutsch">
  274.                     <span class="flag">🇩🇪</span>
  275.                     <span class="lang-code">DE</span>
  276.                 </a>
  277.                 <span class="separator">|</span>
  278.                 <a href="?lang=en" class="lang-link {{ lang == 'en' ? 'active' : '' }}" title="English">
  279.                     <span class="flag">🇬🇧</span>
  280.                     <span class="lang-code">EN</span>
  281.                 </a>
  282.             </div>
  283.         </div>
  284.         <style>
  285.             .language-switcher-container {
  286.                 position: fixed;
  287.                 top: 120px;
  288.                 right: 20px;
  289.                 z-index: 1000;
  290.             }
  291.             .language-switcher {
  292.                 background: white;
  293.                 border: 2px solid #9632FF;
  294.                 border-radius: 25px;
  295.                 padding: 8px 16px;
  296.                 box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  297.                 display: flex;
  298.                 align-items: center;
  299.                 gap: 8px;
  300.             }
  301.             .language-switcher .lang-link {
  302.                 display: flex;
  303.                 align-items: center;
  304.                 gap: 4px;
  305.                 text-decoration: none;
  306.                 color: #333;
  307.                 font-weight: 500;
  308.                 padding: 4px 8px;
  309.                 border-radius: 15px;
  310.                 transition: all 0.2s;
  311.             }
  312.             .language-switcher .lang-link:hover {
  313.                 background-color: #f0f0f0;
  314.             }
  315.             .language-switcher .lang-link.active {
  316.                 background-color: #9632FF;
  317.                 color: white;
  318.             }
  319.             .language-switcher .flag {
  320.                 font-size: 20px;
  321.                 line-height: 1;
  322.             }
  323.             .language-switcher .lang-code {
  324.                 font-size: 14px;
  325.                 font-weight: 600;
  326.             }
  327.             .language-switcher .separator {
  328.                 color: #ccc;
  329.                 font-weight: 300;
  330.             }
  331.             @media (max-width: 768px) {
  332.                 .language-switcher-container {
  333.                     top: 80px;
  334.                     right: 10px;
  335.                 }
  336.                 .language-switcher {
  337.                     padding: 6px 12px;
  338.                 }
  339.             }
  340.         </style>
  341.     {% endif %}
  343.     <!-- homepage event single page ends -->
  344. {% endblock %}
  346. {% block footer %}
  347.     {% if not embed|default(false) %}
  348.         {% include '@StartPlatzWebsiteBundle/Default/footerBootstrap40.html.twig' %}
  349.     {% endif %}
  350. {% endblock %}
  352. {% block infiniteLoop %}{% endblock %}
  353. {% block javascriptInfiniteLoop %}{% endblock %}
  354. {% block ajax_helpers %}{% endblock %}
  356. {% block javascripts %}
  357.     {% if event.additionalJs is not empty %}
  358.         <!-- Additional JavaScript for this event -->
  359.         <script>
  360.             // Available variables: event, batch, lang, isEnglish
  361.             var eventData = {
  362.                 id: {{ event.id }},
  363.                 title: "{{ event.title|e('js') }}",
  364.                 slug: "{{ event.slug|e('js') }}",
  365.                 lang: "{{ lang }}",
  366.                 isEnglish: {{ isEnglish ? 'true' : 'false' }}
  367.             };
  369.             {{ include(template_from_string(event.additionalJs), {
  370.                 'event': event,
  371.                 'batch': batch,
  372.                 'lang': lang,
  373.                 'isEnglish': isEnglish
  374.             })|raw }}
  375.         </script>
  376.     {% endif %}
  377. {% endblock %}